@charset "utf-8";
/* CSS Document */
/* *******************************************************
 * filename : 서브 레이아웃
 * description : sub_common / sub_layout
 * date : 2025.08.22
******************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&display=swap');

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}



/* ****************** LAYOUT ********************** */
body, html, table, th, td, button, select, input, textarea {
	font-family: "Noto Sans KR", sans-serif;
	color:#333333;
	-webkit-text-size-adjust:none;
}
body.stop {overflow-y: hidden;}
*:focus {outline: none!important;}
.fm-item {position: relative;display: inline-block;}
.fm-sel {height: 50px; font-size: 16px;line-height: 50px;padding: 0 40px 0 20px; border: solid 1px #ccc;border-radius: 3px; box-sizing:border-box; display:inline-block;}
select{vertical-align: middle;-webkit-appearance: none; -moz-appearance: none; appearance: none;border-radius: 0;background: #fff url(../../img/fm-sel.png) right 21px center no-repeat;font-size: 16px;border: solid 1px #ccc;border-radius: 3px;}
button:focus, select:focus {outline: dotted 1px #888;outline-offset: -1px;}
.fm-ipt.focus, .fm-ipt:focus, .fm-ipt-2.focus, .fm-ipt-2:focus, .fm-ipt-3.focus, .fm-ipt-3:focus, .fm-sel.focus, .fm-sel:focus {border-color: #0f529d;}
.fm-sch {position: absolute;top: 11px;right: 14px;line-height: 0;padding: 3px;}
.fm-ipt {height: 50px;font-size: 16px;padding: 0 20px 0 20px;border: solid 1px #ccc;border-radius: 3px!important;}
.fm-ipt.ipt-sch {padding-right: 54px;}
.sch_bar{ position:relative; display:inline-block}
.sch_bar i.xi-search{font-size: 23px;color: #000;}
.list-total{margin: 32px 0 -6px 0; display: block;color: #666;font-size: 16px;font-weight: 300;}
.list-total .count {font-weight:600;color:#0f529d;}
.big-txt {font-size: 210px;text-transform: uppercase;font-weight: 900;color: #e6edf8; opacity: 0.35; position: absolute;line-height: 1; margin: 0;}


/* ****************** 공통 LAYOUT ***********************/
/* sub */
.sub_head {position:relative; z-index:10; top: 55%;}
.sub_head.g00 {background:none;}
.sub_head .inner {display: flex; flex-direction: row; justify-content: flex-between;}
.sub_head .menu_tit {font-size:2.2rem; color:#f7f7f7; font-weight:500; line-height:1.4;}
.sub_head .tit {font-size:6rem; color:#ffffff; font-weight:600; line-height:82px;}
.sub_head .aside {display:flex;gap:35px; margin-left: auto; align-items: flex-end;}
.sub_head .aside .home {width:18px; height:42px; background:url('../../images/home.png') no-repeat 50% 50% / contain; font-size:0;}
.sub_head .aside dl {position:relative;}
.sub_head .aside dl:before {content:""; position:absolute; top:50%; left:-17px; width:1px; height:16px; background:#dcdcdc; transform:translateY(-50%);}
.sub_head .aside dt {position:relative; font-size:16px; color:#fff; line-height:42px;}
.sub_head .aside dd {position:absolute; top:100%; left:-20px; width:195px; background:#fff; padding:10px 0; border:#ddd 1px solid; display:none;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; border-radius: 0 0 15px 15px}
.sub_head .aside dd a {display:block; font-size:15px; color:#333; line-height:40px; padding:0 20px;}
.sub_head .aside dd a.on {color:#004993; font-weight:600;}
.sub_head .aside dd a.outlink {display:flex; align-items:center; gap:10px;}
.sub_head .aside dd a.outlink:after {content:""; display:block; width:13px; height:13px; background:#666; mask:url('../../images/icon_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('../../images/icon_link.svg') no-repeat 50% 50% / contain;}
.sub_head .aside .updown dt {padding-right:100px; cursor:pointer;}
.sub_head .aside .updown dt:after {content:""; position:absolute; top:0; right:0; width:11px; height:100%; background:url('../../images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.sub_head .aside .updown.on dt:after {transform:rotate(180deg);}
.sub_head.g08 .aside,
.sub_head.g09 .aside,
.sub_head.g00 .aside {display:none;}

@media (max-width: 1280px){    
    .sub_head .inner {display: block;}
}
@media (max-width: 680px){    
    .sub_head {top: 45%;}
    .sub_head .menu_tit {font-size:2rem; margin-bottom:0rem;}
    .sub_head .tit {font-size:4rem; line-height:50px;}
    .sub_head .aside .updown dt {padding-right:30px;}
}


.inner{ max-width:1524px; margin:0 auto; text-align: left; width: 96%}
.sub_visu_area {position: relative; width: 100%; margin-bottom: 12rem}
#visual{position:relative; /*overflow:hidden;*/ width:100%; height:400px; /* min-height:350px;margin-top:90px; */ }
#visual .visual-img-con{position:absolute; top:0px; left:0px; width:100%;height:100%;background-size:cover !important;
-webkit-transition:transform 1500ms  cubic-bezier(0, 0.41, 0.58, 1) ;-moz-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;-o-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;-ms-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1); height:100%; background-position:50% 50%; animation: bg-active 5s;}
/*회사소개 비주얼*/
#visual .visual-img-con.visual_1_1{background-image:url(../../images/sub_visu01.jpg); }
#visual .visual-img-con.visual_1_2{background-image:url(../../images/sub_visu01.jpg); }
#visual .visual-img-con.visual_1_3{background-image:url(../../images/sub_visu01.jpg); }
#visual .visual-img-con.visual_1_4{background-image:url(../../images/sub_visu01.jpg); }
#visual .visual-img-con.visual_1_5{background-image:url(../../images/sub_visu01.jpg); }

/*사업분야 비주얼*/
#visual .visual-img-con.visual_2_1{background-image:url(../../images/sub_visu02.jpg);}
#visual .visual-img-con.visual_2_2{background-image:url(../../images/sub_visu02.jpg);}
#visual .visual-img-con.visual_2_3{background-image:url(../../images/sub_visu02.jpg);}

/*사업실적 비주얼*/
#visual .visual-img-con.visual_3_1{background-image:url(../../images/sub_visu03.jpg);}
#visual .visual-img-con.visual_3_2{background-image:url(../../images/sub_visu03.jpg);}
#visual .visual-img-con.visual_3_3{background-image:url(../../images/sub_visu03.jpg);}

/*고객지원 비주얼*/
#visual .visual-img-con.visual_4_1{background-image:url(../../images/sub_visu04.jpg);}
#visual .visual-img-con.visual_4_2{background-image:url(../../images/sub_visu04.jpg);}
#visual .visual-img-con.visual_4_3{background-image:url(../../images/sub_visu04.jpg);}

@keyframes bg-active { 
 0% { transform: scale(1.09); opacity: 0.9; } 
100% { transform: scale(1); opacity: 1; } 
 }

@media (max-width: 1200px){  
    #visual{height:400px;}
}

@media (max-width: 1024px){  
    #visual{height:350px;}
}

@media (max-width: 680px){  
    #visual{height:250px;}
    .sub_visu_area {margin-bottom: 7rem}
}

.sub_container .contArea {padding: 0 0 10rem; position:relative}
.container {position: relative; padding-bottom: 10rem; } 
.contain1.tit1 { position: relative; padding-top: 8rem; } 
.flex_box { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } 
.container .left_box { flex: 0 0 18%; margin-right: 5%; position: relative;} 
.container .left_box h5 {font-size: 3rem; color: #333; font-weight: 500; word-break: keep-all;}
.container .right_box { flex: 1; } 
.container .right_box p {font-size: 1.8rem; color: #333; word-break: keep-all;}
.container .right_box p.greeting_sign {font-size: 2rem; color: #222; padding-top: 5rem; font-weight: 600;}
.container .right_box h3.c_tit {font-size: 3.2rem; color: #222; font-weight: 500; text-align: center; padding-bottom: 3rem;}
.container .right_box iframe {width: 100%; border: 1px solid #ddd; border-radius: 15px;}
.container .right_box .p_wrap li {position: relative; font-size: 1.8rem; padding-left: 13px; padding-bottom: 5px; word-break: keep-all;}
.container .right_box .p_wrap li:before {content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #333; left: 0; top: 14px;}
.container .right_box .p_wrap li:last-child {padding-bottom: 0;}

.product_list{position:relative; z-index: 9; display: flex;}
.product_list .list{margin:0 70px 0 0; width:calc((100% - 140px) / 3); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.20); position: relative; border-radius:20px; overflow: hidden; backdrop-filter: blur(15px);}
.product_list .list.frame{background: #fff;/*background: rgba(0, 73, 148, 0.80);*/ transition-delay:0.6s;}
.product_list .list.pcb{background: #fff;/*background: rgba(0, 105, 178, 0.80);*/ transition-delay:0.8s;}
.product_list .list.tape{background: #fff;/*background: rgba(1,122,195,0.80);*/ transition-delay:1s;margin:0;}
.product_list .list a{display: block; box-sizing:border-box; padding:50px 45px;}
.product_list .list a .fs24{color:#333; position:relative; z-index:5; transition:all .3s linear; font-size: 3.2rem;font-family: "Blinker", sans-serif;}
.product_list .list a .fs16{color:rgba(0,0,0,.8); margin:10px 0 0; min-height:95px; position:relative; z-index:5; transition:all .3s linear;}
.product_list .list a ul{display: flex; align-items:center; justify-content:space-between; padding: 110px 0 0;}
.product_list .list a ul li.icon{width:98px; height:98px; position:relative; z-index:5; transition:all .3s linear;}
.product_list .list.frame a ul li.icon{background:url('../../images/greeting_icon1.png') no-repeat center/100% auto;}
.product_list .list.pcb a ul li.icon{background:url('../../images/greeting_icon2.png') no-repeat center/100% auto;}
.product_list .list.tape a ul li.icon{background:url('../../images/greeting_icon3.png') no-repeat center/100% auto;}
.product_list .list a ul li.arrow span{display:inline-block; width: 50px; height: 50px; line-height:50px; font-size:30px; text-align:center; color:#004994; position:relative; transition:all .3s linear;}
.product_list .list a ul li.arrow span:before{content:''; display:block; width: 100%; height: 100%; background:#177ec3; border-radius:50%; position: absolute; left: 0; top:0; z-index: -1; transition:all .3s linear;}
.product_list .list a ul li:before {display: none;}
.material-symbols-outlined {font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;}

.product_list .list a:hover .fs24{transition:all .4s linear;}
.product_list .list a:hover .fs16{opacity: 0.7; transition:all .4s linear;}
.product_list .list.frame a:hover .fs24{color:#fff;}
.product_list .list.frame a:hover .fs16{color:rgba(255,255,255,.8); }
.product_list .list.pcb a:hover .fs24{color:#fff;}
.product_list .list.pcb a:hover .fs16{color:rgba(255,255,255,.8); }
.product_list .list.tape a:hover .fs24{color:#ffff;}
.product_list .list.tape a:hover .fs16{color:rgba(255,255,255,.8); }
.product_list .list a:hover ul li{transition:all .4s linear;}
.product_list .list.frame a:hover ul li.icon{background-image:url('../../images/greeting_icon1_w.png');}
.product_list .list.pcb a:hover ul li.icon{background-image:url('../../images/greeting_icon2_w.png');}
.product_list .list.tape a:hover ul li.icon{background-image:url('../../images/greeting_icon3_w.png');}
.product_list .list a:hover ul li.arrow span{transform:translateX(-15px); transition:all .3s linear;}
.product_list .list a:hover ul li.arrow span:before{transform:scale(30); transition:all .5s linear;}


.product_list .list.frame a ul li.arrow span{color:#fff;}
.product_list .list.pcb a ul li.arrow span{color:#fff;}
.product_list .list.tape a ul li.arrow span{color:#fff;}


/* 효과 */
.product_list .list{opacity: 1; transition:all 1s linear;}

@media (max-width: 980px){    
    .container .left_box h5 {font-size: 2.5rem;}
    .product_list{flex-wrap:wrap;}
    .product_list .list{margin:0 20px 20px 0; width:calc((100% - 20px)/2);}
    .product_list .list.pcb{margin-right: 0;}
    .product_list .list.tape{margin-bottom: 0;}
    .product_list .list a{padding:30px 25px;}
    .product_list .list a .fs24{}
    .product_list .list a .fs16{margin:8px 0 0;}
    .product_list .list a ul{padding: 30px 0 0;}
    .product_list .list a ul li.icon{width:50px; height:50px;}
}

@media (max-width: 840px){
    .m_none {display: none;}
    .container .left_box { flex: 100%; margin-bottom: 2rem; } 
}
@media (max-width: 680px){    
    .container .left_box {margin-bottom: 1.5rem; } 
    .container .left_box h5 {font-size: 2.3rem;}
    .product_list{top:0; flex-wrap:wrap;}
    .product_list .list{margin:0 0 10px; width: 100%;}
    .product_list .list a{padding:30px 130px 30px 25px; position:relative;}
    .product_list .list a .fs24{}
    .product_list .list a .fs16{margin:6px 0 0;}
    .product_list .list a ul{padding:0; justify-content: flex-start; position:absolute; right:20px; top:50%; margin-top:0; z-index: 2;}
    .product_list .list a ul li.icon{width:50px; height:50px;}
    .product_list .list a ul li.arrow{margin-left: 10px;}
    .product_list .list a ul li.arrow span{width: 30px; height: 30px; line-height:30px; font-size:18px; }


    .product_list .list a:hover ul li.arrow span{transform:translateX(-10px);}
    .product_list .list a:hover ul li.arrow span:before{transform:scale(50);}    
}



/* 연혁 */
.history-con .con-tit {text-transform: uppercase; text-align: center; font-size: 4.2rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2em; color: #1a4890; margin-bottom: 5.5rem;}
.history-top-txt {font-size: 2.5rem; font-weight: 500; letter-spacing: -0.02em; color: #333333; line-height: 1.68em; margin-bottom: 11.5rem; text-align: center;}
.history-banner {position: relative; height: 52.9rem; background: url('./images/history_banner_img.jpg')no-repeat center / cover;}
.history-banner .inner {position: relative; display: flex; align-items: center; justify-content: end; max-width: 122rem; margin: 0 auto;}
.history-banner .inner span {display: inline-block; width: 34.9rem; height: 34.9rem; position: absolute; top: 7rem; right: 2.3rem; animation: circle_rotate 16s linear infinite;  transition: var(--transition-custom);}
.history-banner .inner span img {max-width: 100%;}
@keyframes circle_rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.history-drop-open-btn-style {display: none;}
.history-tab-list-style {position: relative; margin-top: -3rem;}
.history-tab-list-style ul {display: flex; max-width: 112rem; margin: 0 auto; height: 6rem; border-radius: 3rem; background:#f5f5f5;}
.history-tab-list-style ul li {position: relative; width: 25%; text-align: center; height: 6rem;}
.history-tab-list-style ul li:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3rem; border: 0.2rem solid #eb4d4d; background:#fff; opacity: 0; transition: all 0.3s; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.history-tab-list-style ul li a {display: block; line-height: 6rem; position: relative; z-index: 1;}
.history-tab-list-style ul li a em {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.02em; color: #111111;}
.history-tab-list-style ul li.selected:before {opacity: 1;}
.history-tab-list-style ul li.selected a em {color: var(--main-color);}

.history-con {position: relative; margin-top: 12rem;}
.history-percent-bar {position: absolute; left: 50%; border-radius: 2.5px; margin-left: -0.2rem; width:0.5rem;height: calc(100% - 11.5rem); background: #eee;}
.history-percent-bar .percent-bar-child {position: absolute;content: ""; width: 100%;  height: 0; background-color: #1a4890; z-index: 1; border-radius:2px 2px 0 0; /* transition: all 0.3s; */}
.percent-bar-child .point { display: flex; align-items: center; justify-content: center;  position: absolute; bottom: -3rem; left: 50%; content: ""; z-index: 10; width: 6rem; height: 6rem; border-radius: 50%; background-color: #1a4890; box-shadow: 0.5rem 0.5rem 2.5rem rgba(172,0,33,0.1); transform: translate(-50%, 0); box-shadow: 0 11px 50px 0 rgba(0, 84, 255, 0.25);}
.percent-bar-child .point i {font-size: 2.6rem; color: #fff;}
.history-year-group-box {position: relative; display: flex; padding-bottom: 10rem;}
.history-year-group-box.pt-60 {padding-top: 6rem;}
.history-year-group-box:last-of-type { padding-bottom: 0;}
.history-year-group-box .history-year-group-tit-box {width: 50%; padding-right: 11rem; box-sizing: border-box; text-align: right;}
.history-year-group-box .history-year-group-tit {font-size: 7rem; font-weight: 700; letter-spacing: -0.03em; color: #222; line-height: 1.1; transition: all 0.3s;} 
.history-year-group-box.active .history-year-group-tit {color: var(--main-color);}
.history-year-group-box .history-year-list-box {width: 50%; padding: 0 0 0 11rem; box-sizing: border-box;}
.history-year-group-box .history-year-item {display: flex; margin-bottom: 5rem;}
.history-year-group-box .history-year-item:last-of-type {margin-bottom: 0;}
.history-year-group-box .history-year-item .history-year {display: block; width: 11.5rem;}
.history-year-group-box .history-year-item .history-year  strong {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.02em; color: #222222; line-height: 1.2;}
.history-year-group-box .history-year-item .history-month-box {width: 100%;}
.history-year-group-box .history-year-item .history-month-item {display: flex; margin-bottom: 0.6rem;}
.history-year-group-box .history-year-item .history-month-item:last-child {margin-bottom: 0;}
.history-year-group-box .history-year-item .history-month-item .history-month {width: 4rem; font-size: 1.8rem; line-height: 1.9em; font-weight: 600; letter-spacing: -0.05em; color: #222; padding-right: 0.7rem; box-sizing: border-box;}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt-con {width: calc(100% - 4rem);}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.93em; color: #555; word-break: keep-all;}

@media all and (min-width:801px){
	.history-year-group-box.reverse {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-group-tit-box {padding-right: 0; padding-left: 11rem; text-align: left;}
	.history-year-group-box.reverse .history-year-list-box {padding: 0 11rem 0 0;}
	.history-year-group-box.reverse .history-year-item {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-item .history-year {text-align: right;}
	.history-year-group-box.reverse .history-year-item .history-month-box {text-align: right;}
	.history-year-group-box.reverse .history-year-item .history-month-item {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-item .history-month-item .history-month {text-align: right; padding-right: 0; padding-left: 1rem;}
}
@media all and (max-width:1280px){
	.history-banner {height: 41rem;}
	.history-banner .inner span {width: 28.9rem; height: 28.9rem; top: 5rem; right: 11.3rem;}
}
@media all and (max-width:800px){
	.history-top-txt {margin-bottom: 7.5rem;}
	.history-banner {height: 30rem;}
	.percent-bar-child .point {width: 4rem; height: 4rem; bottom: -2rem;}
	.percent-bar-child .point i {font-size: 2rem;}
	.history-banner .inner span {width: 20.9rem;  height: 20.9rem;top: 4rem; right: 2.3rem;}
	.history-drop-open-btn-style {display:block; position:relative; padding:0 15px; width: 100%; height:40px; line-height:40px; font-size:15px; background-color:var(--main-color); box-sizing:border-box; border-radius: 2rem;}
	.history-drop-open-btn-style span{color:#fff; }
	.history-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.history-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.history-tab-list-style ul {max-width: none; border-radius: 2rem;}
	.history-tab-list-style ul li:before {display: none;}
	.history-tab-list-style ul li {height: auto; text-align: left;}
	.history-tab-list-style ul li a {line-height: 1.3;}
	.history-con {margin-top: 8rem;}
	.history-percent-bar {left: 3.5rem; }
	.history-year-group-box { flex-wrap: wrap; padding: 1rem 0 4rem 7rem;}
	.history-year-group-box.pt-60 {padding-top: 1rem;}
	.history-year-group-box .history-year-group-tit-box {text-align: left; width: 100%; padding-right: 0;}
	.history-year-group-box .history-year-group-tit {font-size: 5rem;}
	.history-year-group-box .history-year-list-box {width: 100%; padding: 2rem 0 0 0;}
	.history-year-group-box .history-year-item .history-year {width: 9rem;}
	.history-year-group-box .history-year-item .history-month-box {width: calc(100% - 9rem);}
}
@media all and (max-width:640px){
	.history-banner {height: 26rem;}
	.history-banner .inner span {  width: 16.9rem; height: 16.9rem; top: 4rem; right: 0.3rem;}
	.history-year-group-box .history-year-item {flex-wrap: wrap; margin-bottom: 4rem;}
	.history-year-group-box .history-year-item .history-year {width: 100%; margin-bottom: 1rem;}
	.history-year-group-box .history-year-item .history-month-box {width: 100%;}
}
@media all and (max-width:480px){
	.history-banner {height: 20rem;}
	.history-banner .inner span {width: 13.9rem; height: 13.9rem; top: 2.5rem;}
}

.or_tit {text-align: center; font-size: 2.8rem; line-height: 1.6; color: #333; font-weight: normal; padding-bottom: 5rem; word-break: keep-all;}
.or_tit span {font-weight: 500; color: #1a4890;}
.organization img {width: 100%;}

@media all and (max-width:1024px){
    .or_tit {font-size: 2.5rem;}
}

@media all and (max-width:800px){
    .or_tit {font-size: 2rem;}
    .or_tit br {display: none;}
}


/* ******************  인증현황 ********************** */
.ABA-album-thumb > ul {overflow:hidden; margin:0 -1%;}
.ABA-album-thumb > ul li {float:left; width:18%; margin:0 1% 2% 1%; }
.ABA-album-thumb > ul li .ABA-thumb{display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ABA-album-thumb > ul li .ABA-thumb a{position: relative; height: 0; padding-top: 130%; border: 1px solid #D8D8D7; overflow: hidden; display: block;}
.ABA-album-thumb > ul li .ABA-thumb a img{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ABA-album-thumb > ul li .AB-alignc span{display:block; height:48px; font-size:18px; line-height: 48px; letter-spacing: -1px; color:#000000; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
body:not(.lang_kor) .ABA-album-thumb > ul li .AB-alignc span{ font-size:16px}
.ABA-album-thumb > ul li .img-over-thum {
    position:absolute; opacity:0;filter:Alpha(opacity=0); width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.5);  
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.ABA-album-thumb > ul li .img-over-thum span {
    position:absolute; left:32%; bottom:-45px; width:35%; height:45px; font-size:15px; line-height: 45px; letter-spacing: -1px; color:#fff; 
    background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.3); border-bottom: 0; text-align:center; 
    -webkit-transition: all 0.3s; transition: all 0.3s; }
.ABA-album-thumb > ul li .img-over-thum span i {vertical-align: middle; color:#fff; display:inline-block; margin-left: 0px;}
.certifi-bottom-list{margin-top: 70px;}
.certifi-bottom-list.none-mgt{margin-top: 0;}

@media all and (min-width:801px) { /*pc전용*/
/*인증서*/
.ABA-album-thumb > ul li:hover .img-over-thum {opacity:1;filter:Alpha(opacity=100); }
.ABA-album-thumb > ul li:hover .img-over-thum span {bottom:0;}
.patent-list-row:hover{background-color:#f9f9f9;}

}

@media all and (max-width:1024px){
.ABA-album-thumb > ul li {float:left; width:23%; margin:0 1% 2% 1%; }
}

@media all and (max-width:800px){
    .ABA-album-thumb{/*max-width:480px;*/ margin:0px auto;}
    .ABA-album-thumb > ul li{width:48%; margin-bottom:5%}
    .ABA-album-thumb > ul li .gallery-tit{height:30px; line-height:30px; font-size:14px; padding-top:5px;} 
    .ABA-album-thumb > ul li .img-over-thum span{bottom:-30px; height:30px; line-height:30px; font-size:13px;}
    .ABA-album-thumb > ul li .img-over-thum span i{font-size:18px; margin-left:3px;}
    .ABA-album-thumb > ul li .AB-alignc span{height: 30px; line-height: 30px; font-size: 14px; padding-top: 5px;}
}


.map_txt {font-size: 1.8rem; color: #333; line-height: 1.6; padding-top: 1.3rem;}
.map_txt br {display: none;}
.map_txt span {font-weight: 600; padding-right: 2rem;}
.map_txt span:nth-child(2) {padding-left: 50px;}

@media all and (max-width:600px){
    .map_txt br {display: block;}
}


/* SUB LAYOUT :: 서브메뉴(스타일3) */
#topMenu03{position:relative; width:100%; height:80px; margin-bottom: 10rem; }
#topMenu03 .side-menu-inner{text-align:center; width:100%; height:79px; border-bottom:1px solid #ddd; background-color: #fff; }
#topMenu03 .side-menu-inner ul{display:flex; align-items:center; justify-content:center; }
#topMenu03 .side-menu-inner ul li{float:left; width:25%; vertical-align:middle; transition:all 0.4s ease-in-out;}
#topMenu03 .side-menu-inner ul li:first-child {margin-left:0}
#topMenu03 .side-menu-inner ul li > a{display:block; display:table; position:relative; width:100%; height:79px; line-height:1.2; color:#555; font-size:1.8rem; letter-spacing:0; font-weight:500; word-break:keep-all;transition:all 0.4s ease-in-out;}
#topMenu03 .side-menu-inner ul li > a:before{position:absolute; bottom:-1px; left:50%; width:0; height:2px; background-color:#333333; content:""; transition:all 0.4s ease-in-out;}
#topMenu03 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 15px; }
#topMenu03 .side-menu-inner ul li > a span.eng_none {display: none;}
#topMenu03 .side-menu-inner ul li > a:hover:before, 
#topMenu03 .side-menu-inner ul li.on > a:before{width:100%; margin-left:-50%;}
#topMenu03 .side-menu-inner ul li:hover > a, 
#topMenu03 .side-menu-inner ul li.on > a{color:#000000;}
.mobile-select-wrapper {display: none;}

/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; margin:0 auto 7rem; text-align:center; }
#contentInfoCon .content-tit{color:#222222; font-size:4.2rem; font-weight:700; letter-spacing:-0.025em;}

/* ******************  인증현황 ********************** */
.business-album-thumb > ul {overflow:hidden; margin:0 -1%;}
.business-album-thumb > ul li {float:left; width:31%; margin:0 1% 2% 1%;}
.business-album-thumb > ul li .business-thumb{display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.business-album-thumb > ul li .business-thumb a{position: relative; height: 0; padding-top: 65%; border: 1px solid #D8D8D7; overflow: hidden; display: block; border-radius: 15px;}
.business-album-thumb > ul li .business-thumb a img{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.business-album-thumb > ul li .AB-alignc span{display:block; height:48px; font-size:18px; line-height: 48px; letter-spacing: -1px; color:#000000; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
body:not(.lang_kor) .business-album-thumb > ul li .AB-alignc span{ font-size:16px}
.business-album-thumb > ul li .img-over-thum {
    position:absolute; opacity:0;filter:Alpha(opacity=0); width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.5);  
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.business-album-thumb > ul li .img-over-thum span {
    position:absolute; left:32%; bottom:-45px; width:35%; height:45px; font-size:15px; line-height: 45px; letter-spacing: -1px; color:#fff; 
    background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.3); border-bottom: 0; text-align:center; 
    -webkit-transition: all 0.3s; transition: all 0.3s; }
.business-album-thumb > ul li .img-over-thum span i {vertical-align: middle; color:#fff; display:inline-block; margin-left: 0px;}
.certifi-bottom-list{margin-top: 70px;}
.certifi-bottom-list.none-mgt{margin-top: 0;}


@media all and (min-width:801px) { /*pc전용*/
/*인증서*/
.business-album-thumb > ul li:hover .img-over-thum {opacity:1;filter:Alpha(opacity=100); }
.business-album-thumb > ul li:hover .img-over-thum span {bottom:0;}
.patent-list-row:hover{background-color:#f9f9f9;}

}

@media all and (max-width:1024px){
.business-album-thumb > ul li {float:left; width:31%; margin:0 1% 2% 1%; }
}

@media all and (max-width:800px){
    .business-album-thumb{/*max-width:480px;*/ margin:0px auto;}
    .business-album-thumb > ul {margin: 0;}
    .business-album-thumb > ul li{width:100%; margin: 0 0 5% 0}
    .business-album-thumb > ul li .gallery-tit{height:30px; line-height:30px; font-size:14px; padding-top:5px;} 
    .business-album-thumb > ul li .img-over-thum span{bottom:-30px; height:30px; line-height:30px; font-size:13px;}
    .business-album-thumb > ul li .img-over-thum span i{font-size:18px; margin-left:3px;}
    .business-album-thumb > ul li .AB-alignc span{height: 30px; line-height: 30px; font-size: 14px; padding-top: 5px;}
}

@media all and (max-width:800px){
    #topMenu03 {height: auto; margin-bottom: 5rem;}
    #topMenu03 .side-menu-inner {height: auto; padding: 0 0 15px;}
    #topMenu03 .side-menu-inner ul {display: none;}
    
    /* 셀렉트박스 스타일 */
    .mobile-select-wrapper {display: block;}
    #topMenu03 .side-menu-inner:before {content: ''; position: relative; display: block;}    
    #topMenu03 .mobile-select-wrapper {display: block; position: relative; width: 100%;}    
    #topMenu03 .mobile-select {display: block; width: 100%; padding: 10px 15px; font-size: 1.6rem; color: #555; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
    }    
    #topMenu03 .mobile-select-wrapper:after {content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #555; pointer-events: none;}
    
    #contentInfoCon{margin:0 auto 6rem;}
    #contentInfoCon .content-tit{font-size:3.2rem;}
}


/*common-link*/
.common-link {margin-top: 3rem;}
.common-link a{display: flex;align-items: center;gap: 17px;}
.common-link a span{display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;border-radius: 45px;background-color: #1a4890;position: relative;}
.common-link a span::before{content: "";position: absolute;top: 0;left: 0;width: 45px;height: 45px;border-radius: 45px;background-color: #1a4890;z-index: -1;}
.common-link a span img{display: block;}
.common-link a b{font-weight: 400;position: relative;z-index: 1;}
.common-link a span::before, .common-link a span img, .common-link a b{transition: all .45s cubic-bezier(0.65, 0, 0.076, 1);}

.common-link a:hover span::before{width: 180px;}
.common-link a:hover span img{transform: translateX(15px);}
.common-link a:hover b{color: #FFF;}

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

	.common-link a:hover span::before{width: 170px;}
}

@media screen and (max-width: 800px){
    .common-link {margin-top: 0; position: absolute; right: 0; top: 0}
	 .common-link a b{font-size: 1.5rem;}
    .common-link a span{width: 35px;height: 35px;border-radius: 35px;}
    .common-link a span::before{width: 35px;height: 35px;border-radius: 35px;}
    .common-link a:hover span::before{width: 150px;}
}


.product_featureTitle {
    color: #1a4890
}

.product_featureList {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px;
    counter-reset: number 0
}

@media (max-width: 1024px) {
    .product_featureList {
        display:flex;
        flex-direction: column;
        gap: 20px
    }
}

.product_featureItem {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    min-height: 400px;
    padding: 40px 40px 40px;
    border-radius: 24px;
    background-color: #f6f6f6;
}

@media (max-width: 1024px) {
    .product_featureItem {
        width:100%;
        min-height: 300px;
        padding: 32px 24px 34px
    }
}

.product_featureTitle {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: -1px
}

.product_featureTitle:before {
    counter-increment: number 1;
    content: counter(number,decimal-leading-zero);
    display: block;
    color: #2a2a2a;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Poppins", sans-serif;
}

@media (max-width: 1024px) {
    .product_featureTitle {
        margin-top:16px;
        font-size: 20px
    }
}

.product_featurText p {
    margin-top: 40px;
    color: #434343;
    font-size: 2.3rem !important;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.5px
}

.product_divLine {
    margin: 24px 0;
    border: 0;
    border-top: 1px dashed #999;
}


/* 개인정보처리방침 */
.privacy-content {padding-bottom: 100px;}
.privacy-content .privacy_tit {text-align: center; font-size: 43px; font-weight: 600; color: #333; letter-spacing: -1px; margin: 30px 0 }
.privacy-content .strong {position: relative; font-weight: bold; color: #222; display: block; font-size: 16px; margin-bottom: 10px; line-height: 1.5em; padding-left: 20px; word-break: keep-all}
.privacy-content .strong:before {content: ''; position: absolute; top: 7px; left: 0; background: #2d355f; width: 10px; height: 10px; }
.privacy-content .privacy_txt {font-size: 15px; color: #666; line-height: 1.8; margin: 20px 0; letter-spacing: -0.3px; padding-left: 24px; word-break: keep-all;}
.privacy-content .privacy_txt:first-child {padding-left: 0;}