@charset "utf-8";


body {min-width:320px; overflow-x:hidden;}
.inner {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; padding:0 0px; margin:0 auto; box-sizing:border-box;}


/* header */
#header {position:fixed; top:0; left:0; right:0; width:100%; min-width:320px; background:#ffffff; box-sizing:border-box; z-index:99999;}
.header_wrap {position:relative; height:118px; padding:0; background:#ffffff; transition:all 0.3s ease;  box-sizing:border-box; box-shadow:0 14px 36px rgba(0, 0, 0, 0);}
.header_wrap.open {box-shadow:0 14px 36px rgba(0, 0, 0, 0.06);}
.header_wrap.open:before {opacity:1; transition-delay:0.15s;}
.header_wrap:after {content:""; display:block; position:absolute; top:117px; left:0; right:0; width:100%; height:1px; background-color:#eeeeee;}
.header_wrap .inner {padding:0 80px;}

.header_logo {position:absolute; top:45px; left:80px; }
.header_logo a {display:block; width:259px; height:50px; background:url('../img/common/logo.svg')center center no-repeat; background-size:auto 50px;margin-right:50px;}


/* header */
.nav {display:block; position:relative; width:750px; margin:0 auto; }
.nav .menu-wrap {display: flex; align-items:center; justify-content: space-between; position:relative; height:100%;}
.nav .menu-wrap .menu-list .one-dept {padding:5rem 2rem ; display: inline-block;font-size:2.0rem; font-weight:800;font-family:'nanumsquare neo'; transition: all .3s ease;position:relative; ;}
header.active:not(.on) .nav .menu-wrap .menu-list.on .one-dept{color:#ff6400;}

.two-menu-list {position: absolute; top: 10rem; left:50%; transform:translateX(-50%); display: none; border-top: 0; }
.menu-list:first-child .two-menu-list{left:30%}
.two-menu-list .list-wrap {display: flex; width: 100%;}

.two-dept {margin-top:18px;display: flex; flex: 1;padding:4rem 6rem ; line-height:110%; border: 1px solid #E4E4E4; border-top: 0; border-radius: 0 0 1rem 1rem;  background: #fff;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);}
.two-dept .detail-list + .detail-list {margin-left: 4rem;}
.two-dept .detail-list .two-txt {display: inline-block; font-size: 1.8rem;white-space: nowrap; font-weight:700;  transition: color .3s ease;}


.two-dept .detail-list.on .two-txt{color: #ff6400;}
.two-dept .detail-list .thr-dept {margin-top: 3rem;}
.two-dept .detail-list .thr-dept .thr-list + .thr-list {margin-top: 1rem; }
.two-dept .detail-list .thr-dept .thr-list a { font-size: 1.5rem; color: #333; white-space: nowrap; transition: color .3s ease;}
.two-dept .detail-list .thr-dept .thr-list.on a {color: #ff6400;}


header.active:not(.on) { background: #000;}
header.active:not(.on) nav .menu-wrap .menu-list .one-dept {padding:5rem 2rem  ;color: #000;}
header.active:not(.on) nav .menu-wrap .menu-list.active .one-dept {color: #ff6400;}

@media screen and (max-width:1480px){
  .nav .menu-wrap .menu-list .one-dept {padding:5rem 0rem ; ;}
  .nav { margin-left:300px }
  header.active:not(.on) .nav .menu-wrap .menu-list .one-dept {padding:5rem 0rem  ;;}


}

@media screen and (max-width: 1280px) {
  .nav {display:none;}
}











.insight-txt span { font-style: italic; letter-spacing: -0.08em;}


.rnb {position:absolute; top:47px; right:80px;}
.rnb .utill {display:flex; align-items:center; justify-content:flex-start; gap:10px; position:relative;}
.rnb .utill .utill_btn {transition:all 0.3s ease;}
.rnb .utill .utill_btn.dq {display:block; height:30px; line-height: 30px; background-color: #362965; padding:0px 15px; border-radius:4px;color:#fff; font-size:13px;}

.rnb .utill .utill_btn.ask {display:block; height:30px; line-height: 30px; background-color: #ff6400; padding:0px 15px; border-radius: 4px;color:#fff; font-size:13px;}
.rnb .utill .utill_btn.sitemap {display:block; width:24px; height:24px; background:url('../img/common/ico_sitemap.svg')center center no-repeat; background-size:24px 24px;}
.rnb .utill .utill_btn:hover {transform:translateY(3px);}
.rnb .utill .mobile_btn {display:none;}
.allmenu {position:absolute; top:12px; right:20px; z-index:10;}
.allmenu .allmenu_btn {display:flex; align-items:center; justify-content:space-between; width:104px; padding:11px 14px; background:#eef3f8; border-radius:8px; box-sizing:border-box;}
.allmenu .allmenu_btn .btn_text {font-size:14px; font-weight:700; letter-spacing:-0.30px; color:#000000;}
.allmenu .allmenu_btn .ico {display:block; position:relative; width:18px; height:12px; background:url('../img/Layout/ico_utill_menu_b.svg')center center no-repeat; background-size:18px 12px;}


.ico_up_arr {width: 9px; height: 10px; background: url(../img/common/header_ico01_w.png) no-repeat center; display: inline-block;  margin-left: 10px; vertical-align: baseline;}
.rnb .utill .ico_inquiry {width: 9px; height: 10px; background: url(../img/common/header_ico02_w.png) no-repeat center; display: inline-block;  margin-left: 10px; vertical-align: baseline;}



/* sitemap */
#sitemap {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; padding:20px; background:#ffffff; overflow:hidden; box-sizing:border-box; z-index:999999;}
#sitemap .inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:1320px;}
#sitemap .sitemap-list {position:relative; width:100%; margin:0 auto;}
#sitemap .sitemap-list .list-box {display:flex; align-items:stretch; justify-content:space-between; position:relative;}
#sitemap .sitemap-list .list-box .site-line {position:relative; width:calc(100% / 6); padding:20px 10px; border-right:1px solid #eeeeee; box-sizing:border-box;}
#sitemap .sitemap-list .list-box .site-line:nth-child(2) {width:280px;}

#sitemap .sitemap-list .list-box .site-line:first-child {border-left:1px solid #eeeeee;}
#sitemap .sitemap-list .list-box .site-line .dpth1 {display:flex; align-items:center;padding:0 10px; font-size:1.8rem; font-weight:900; line-height:1.4; letter-spacing:-0.08em; color:#000000; font-family:'OnemobileT', sans-serif; box-sizing:border-box;}
#sitemap .sitemap-list .list-box .site-line .dpth2-list {margin-top:20px;}
#sitemap .sitemap-list .list-box .site-line .dpth2-item{margin-bottom:20px;}
#sitemap .sitemap-list .list-box .site-line .dpth2-item .dpth2 {display:block; padding:0 10px;margin-bottom:10px; font-size:1.8rem; font-weight:800; line-height:1.4; letter-spacing:-0.00em; color:#333333;}
#sitemap .sitemap-list .list-box .site-line .dpth2-item .dpth2:hover {color:#000000; text-decoration:underline;}
#sitemap .sitemap-list .list-box .site-line .dpth3-item {padding-left:20px;}
#sitemap .sitemap-list .list-box .site-line .dpth3-item .dpth3 {display:block; margin-bottom:10px; font-size:1.3rem; font-weight:500; line-height:1.4; color:#333333;}
#sitemap .sitemap-list .list-box .site-line .dpth3-item .dpth3:hover {color:#000000; text-decoration:underline;}
#sitemap .close-btn {display:block; position:absolute; top:36px; right:68px; width:48px; height:48px; padding:15px; border-radius:150px; background-color:#f8f9fa;}
#sitemap .close-btn .ico {display:block; width:18px; height:18px; background:url('../img/common/ico_close_btn.svg')center center no-repeat; background-size:18px 18px;}

#mobile-wrap {display:none;}

@media screen and (max-width:1680px){
	
	.header_wrap:before {right:20px;}
	.header_wrap .inner {padding:0 20px;}
	.header_logo {left:20px;;}
	
	
	.rnb {right:20px;}
	
	#sitemap .close-btn {right:20px;}
	
}


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

	
	.nav .gnb .mn_l1 .mn_a1 {font-size:17px;}
	.nav .gnb .mn_l1 .mn_a1.lh {gap:0 4px;}
	.nav .gnb .mn_l1 .mn_a1.lh .lh_mn {width:25px; height:14px; background-size:25px 14px;}
	
}

@media screen and (max-width:1280px){
	
	.header_wrap {height:80px !important; border-bottom:1px solid #eeeeee;}
	.header_wrap:after {display:none;}
	.header_logo {top:30px;}
	.header_logo a {width:220px; height:42px; background-size:220px 42px;}
	.nav {display:none;}
	.rnb {top:28px;}
	.rnb .utill .utill_btn.sitemap {display:none;}
	.rnb .utill .mobile_btn {display:block; width:24px; height:24px; background:url('../img/common/ico_sitemap.svg')center center no-repeat; background-size:24px 24px;}
	#sitemap {display:none !important;}

	/* mobile menu */
    #mobile-wrap {display:block;}
    #mobile-nav {position:fixed; top:0; right:-320px; width:100%; max-width:320px; height:100%; background:#ffffff; z-index:99999999;}
    #mobile-nav .mnb_inner {padding:24px 15px 40px; height:100%; overflow-y:auto; overflow-x:hidden;}
    #mobile-nav .mnb_top {display:flex; align-items:center; justify-content:space-between; position:relative; margin-bottom:24px;}
	#mobile-nav .mobile_logo {display:block; width:180px; height:35px; background:url('../img/common/logo.svg')center center no-repeat; background-size:auto 35px;margin-top:10px;}
	#mobile-nav .close-mnb-btn {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:0; background:url('../img/common/ico_close_btn.svg')center center no-repeat; background-size:16px 16px;}
    #mobile-nav #mnb {position:relative;}
    #mobile-nav .mb_ml1 {display:block;}
    #mobile-nav .mb_ml1 .mb_ma1 {display:block; position:relative; width:100%; padding:10px; background:#ffffff; font-size:18px; font-weight:700; line-height:1.8; letter-spacing:-0.05em; color:#000000; font-family:'OnemobileT', sans-serif;}
	#mobile-nav .mb_ml1 .mb_ma1.on {background:#e4eaef; color:#003399;}
	#mobile-nav .mb_ml1 .mb_ma1:active:after, #mobile-nav .mb_ml1 .mb_ma1:focus:after {transform:translateY(-50%) rotate(270deg);}
	#mobile-nav .mb_ml1 .mb_ma1 span {font-size:18px; font-weight:700; line-height:30px; letter-spacing:-0.05em; color:#000000;}
	#mobile-nav .mb_mdp2 {display:none; position:relative; padding:20px; border-radius:10px; background:#f8f9fa; box-sizing:border-box;}
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2 {display:block; position:relative; padding-left:10px; margin-bottom:10px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#222222;}
	#mobile-nav .mb_mdp2 .mb_ml2:last-child .mb_ma2 {margin-bottom:0;}
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2.on {color:#ff6400;}
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:before {content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:4px; height:4px; border-radius:150px; background-color:#ff6400;}
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:hover, #mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:focus, 
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:hover, #mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:focus {color:#ff6400;}
	#mobile-nav .mb_mdp3 {position:relative;}
	#mobile-nav .mb_mdp3 .mb_ml3 .mb_ma3 {display:block; position:relative; padding:5px 0 5px 14px; margin-bottom:5px; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#707070;}
	#mobile-nav .mb_mdp3 .mb_ml3:last-child .mb_ma3 {margin-bottom:10px;}
	#mobile-nav .mb_mdp3 .mb_ml3 .mb_ma3:hover, #mobile-nav .mb_mdp3 .mb_ml3 .mb_ma3:focus {color:#000000; text-decoration:underline;}
	
	.mobiledim {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.60); z-index:9000;}
	
	#mobile-nav .mb-bottom{display: flex; justify-content: space-between; transition:all 0.3s ease; margin-top:20px; margin-left:12px;}
	#mobile-nav .btn-dq {display:block; width:100%; height:40px; line-height: 40px; background-color: #362965; padding:0px 15px; border-radius:4px;color:#fff; text-align: center;margin-right:2%;}
	
	#mobile-nav .btn-ask {display:block;width:49%; height:40px; line-height: 40px; background-color: #ff6400; padding:0px 15px; border-radius: 4px;color:#fff; text-align: center;}
	


}
@media screen and (max-width:640px){
	
	.header_logo a {width:190px; height:37px; background-size:190px 37px;}
}

@media screen and (max-width:480px){
	
	.rnb .utill .utill_btn.dq {display:none;}
	.rnb .utill .utill_btn.ask {display:none;}

}


/* footer */
#footer {position:relative; width:100%; background:#f8f9fa; padding:40px 0 60px;}
#footer #gnb-gotop {position:absolute;z-index:255;top:-35px;right:14vw;width:70px;height:70px;border-radius:50%;background-color:#ff6400;}
#footer #gnb-gotop .gotop-btn {display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;transition:all 0.3 ease;}
#footer #gnb-gotop .gotop-btn > span {display:block;width:16px;height:19px;background:url('../img/common/ico_topbtn.svg') no-repeat;}
#footer #gnb-gotop .gotop-btn:hover,
#footer #gnb-gotop .gotop-btn:focus {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.27);}

#footer .inner {display:block; max-width:1320px;padding:20px;}
.footer_wrap {position:relative; width:100%;}
.footer_wrap.top {margin-bottom:62px;}
.footer_nav {display:flex; align-items:stretch; justify-content:space-between; gap:30px 20px; position:relative;}
.footer_nav .mn_l1 {position:relative;}
.footer_nav .mn_l1 .mn_a1 {display:flex; align-items:center; position:relative; margin-bottom:28px; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.80px; color:#000000; transition:all 0.3s ease; font-family:'OnemobileT', sans-serif; box-sizing:border-box;}
.footer_nav .mn_l1 .mn_a1:hover, .footer_nav .mn_l1 .mn_a1:focus {color:#ff6400;}
.footer_nav .mn_l1 .mn_a1.lh {gap:0 6px;}
.footer_nav .mn_l1 .mn_a1.lh .lh_mn {display:block; width:24px; height:12px; background:url('../img/Layout/menu_lh.svg')center left no-repeat; background-size:24px 12px;}
.footer_nav .depth2 {display:block; position:relative;}
.footer_nav .depth2 .mn_l2 {display:block; position:relative; width:100%;}
.footer_nav .depth2 .mn_l2 .mn_a2 {display:inline-flex; align-items:center; justify-content:flex-start; position:relative; margin-bottom:10px; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.footer_nav .depth2 .mn_l2 .mn_a2:hover, .footer_nav .depth2 .mn_l2 .mn_a2:focus {color:#000000; text-decoration:underline;}
.footer_nav .depth3 {display:block; position:relative;}
.footer_nav .depth3 .mn_l3 {display:block; position:relative; width:100%; padding-left:10px; box-sizing:border-box;}
.footer_nav .depth3 .mn_l3 .mn_a3 {display:inline-flex; align-items:center; justify-content:flex-start; position:relative; margin-bottom:10px; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070; transition:all 0.3s ease;}
.footer_nav .depth3 .mn_l3 .mn_a3:hover, .footer_nav .depth3 .mn_l3 .mn_a3:focus {color:#000000; text-decoration:underline;}

.footer_wrap.center {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:30px 20px; position:relative; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.footer_menu {display:flex; align-items:center; justify-content:flex-start; gap:26px; position:relative;}
.footer_menu .footer_menu_item {position:relative;}
.footer_menu .footer_menu_item a {display:block; font-size:1.7rem; font-weight:700; line-height:24px; letter-spacing:-0.05em; color:rgba(0, 0, 0, 0.60); transition:color 0.3s ease;}
.footer_menu .footer_menu_item a.privacy, .footer_menu .footer_menu_item a:hover, .footer_menu .footer_menu_item a:focus {color:rgba(0, 0, 0, 1.00);}
.family_site {position:relative;}
.family_site .family_site_btn {display:flex; align-items:center; justify-content:space-between; width:210px; height:50px; padding:10px 20px; border-radius:10px; background:#212121; box-sizing:border-box;}
.family_site .family_site_btn .tit {font-size:14px; font-weight:700; line-height:20px; letter-spacing:-0.05em; color:#ffffff;}
.family_site .family_site_btn .ico {display:block; width:6px; height:5px; background:url('../img/common/ico_family_arrow.svg')center center no-repeat; background-size:6px 5px; transition:all 0.3s ease;}
.family_site .family_site_btn.open .ico {transform:rotate(180deg);}
.family_list {display:none; position:absolute; bottom:60px; left:0; width:100%; padding:20px; border-radius:10px; border:1px solid #dddddd; background:#ffffff; box-sizing:border-box;}
.family_list .family_link {display:block; padding:4px 0; font-size:15px; font-weight:500; line-height:22px; letter-spacing:-0.05em; color:#000000; transition:all 0.3s ease;}
.family_list .family_link:hover, .footer_top .family_site_box .family_link:focus {color:#0064dc;}

.footer_wrap.info {display:flex; align-items:stretch; justify-content:flex-start; position:relative;}
.footer_logo {position:relative; margin-right:68px;}
.footer_logo a {display:block; width:212px; height:60px; background:url('../img/common/footer_logo.svg')center center no-repeat; background-size:auto 60px;}
.footer_info {position:relative;}
.footer_info .tel_list {display:flex; align-items:center; justify-content:flex-start; gap:0 40px; position:relative; margin-bottom:30px;}
.footer_info .tel_list .tel_list_item {display:flex; align-items:center; justify-content:flex-start; position:relative;}
.footer_info .tel_list .tel_list_item .tit {margin-right:12px; font-size:15px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#707070;}
.footer_info .tel_list .tel_list_item .number {font-size:24px; font-weight:800; line-height:1.4; letter-spacing:-0.05em; color:#000000; font-family:'nanumsquare neo', san-serif;}
.footer_info .address {margin-bottom:8px; font-size:1.7rem; font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:#707070;}
.footer_info .copyright {font-size:1.5rem; font-weight:400; line-height:1.3; letter-spacing:-0.03em; color:#888888;}
.footer_symbol {display:flex; align-items:flex-start; justify-content:flex-start; gap:0 12px; position:relative; margin-left:auto;}
.footer_symbol .symbol_item {display:block; position:relative;}
.footer_symbol .symbol_item.symbol01 a {display:block; width:40px; height:26px; background:url('../img/common/icon_blog.png')center center no-repeat; background-size:28px 26px;}
.footer_symbol .symbol_item.symbol02 a {display:block; width:40px; height:26px; background:url('../img/common/icon_youtube.png')center center no-repeat; background-size:28px 26px;}
.footer_symbol .symbol_item.symbol03 a {display:block; width:40px; height:26px; background:url('../img/common/icon_instar.png')center center no-repeat; background-size:28px 26px;}

@media screen and (max-width:1280px){
	#footer #gnb-gotop {right:2vw;}
}

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

	#footer {min-height:auto; padding:50px 0 100px;}
	.footer_nav .mn_l1 .mn_a1 {font-size:15px;}
	.footer_nav .depth2 .mn_l2 .mn_a2 {font-size:15px;}
	.footer_nav .depth3 .mn_l3 .mn_a3 {font-size:13px;}
	.footer_menu {gap:20px;}
	.footer_menu .footer_menu_item a {font-size:15px;}
	.footer_logo {margin-right:50px;}
	.footer_logo a {width:190px; height:54px; background-size:190px 54px;}
	.footer_info .tel_list {flex-wrap:wrap; gap:0 20px; margin-bottom:20px;}
	.footer_info .tel_list .tel_list_item .tit {margin-right:8px; font-size:14px;}
	.footer_info .tel_list .tel_list_item .number {font-size:20px;}
	.footer_info .address {margin-bottom:4px; font-size:14px; letter-spacing:-0.08em;}
	.footer_info .copyright {letter-spacing:-0.08em;}
	
}

@media screen and (max-width:840px){
	
	.footer_nav {flex-wrap:wrap; justify-content:flex-start;}
	.footer_nav .mn_l1 {width:calc(100% / 4 - 20px);}
	.footer_logo {margin-right:30px;}
	
	#footer #gnb-gotop {top:-28px;width:56px;height:56px;}
	#footer #gnb-gotop .gotop-btn {width:56px;height:56px;}
	#footer #gnb-gotop .gotop-btn > span {width:13px;height:15px;background-size:cover;}
	
}

@media screen and (max-width:768px){
	
	.footer_wrap.top {display:none;}
	.footer_menu {justify-content:center; width:100%;}
	.family_site {width:100%;}
	.family_site .family_site_btn {width:100%;}
	.footer_wrap.info {justify-content:center; flex-wrap:wrap; gap:30px 0;}	
	.footer_logo {display:flex; align-items:center; justify-content:center; width:100%; margin-right:0;}
	.footer_logo a {width:212px; height:60px; background-size:212px 60px;}

	.footer_info {width:100%; text-align:center;}
	.footer_info .tel_list {justify-content:center;}
	.footer_symbol {justify-content:center; margin-left:0;}
	
}

/* floating */
#gotocta { position: fixed;  right: 3rem;  bottom: 10rem; z-index: 999;  cursor: pointer;  transition: 0.5s all;  z-index: 999;}
.menu span:hover {box-shadow:0 10px 20px rgba(255, 100, 8, .8);transition: all 0.3s;  }

.menu{  width:70px;  height:70px;  text-align:center;  line-height: 40px;display: inline-block;    background: #ff6400;    border-radius: 50%;    transition: all 0.3s;    padding: 1.5rem;box-shadow:0 10px 10px rgba(255, 100, 8, .3);}

.menu img { opacity: 1;    width: 32px;    height: 32px;    transition: all 0.3s;}

.menu>.sub{  height:0;  list-style:none;  overflow:hidden;}
.menu>.sub li{  background-color:#000; }
.menu>.sub li>a{  text-decoration:none;  color:black;}

/*
#gotocta a{  width:65px;  height:65px;  text-align:center;  line-height: 40px;display: inline-block;    background: #ff6400;    border-radius: 50%;    transition: all 0.3s;    padding: 1.5rem;box-shadow:0 10px 10px rgba(255, 100, 8, .3);}
#gotocta a img{  opacity: 1;    width: 35px;    height: 35px;    transition: all 0.3s}
#gotocta a:hover{box-shadow:0 10px 20px rgba(255, 100, 8, .8);transition: all 0.3s; }
*/

#gotocta a{width:65px; height:65px;  line-height: 40px;display: inline-block;  background: #ff6400; border-radius:60px; padding: 1.5rem;box-shadow:0 10px 10px rgba(255, 100, 8, .3);overflow: hidden!important; transition: all 0.4s ease-in-out;}
#gotocta a img{ opacity: 1;  width: 35px;  height: 35px;  }
#gotocta a em{margin-left:5px;margin-bottom:5px; font-size: 1.8rem; font-weight: 600; display: inline-block; vertical-align: middle;opacity: 0;}
#gotocta a:hover {width: 170px;height:65px; }
#gotocta a:hover em {color: #fff; opacity: 1;}


#gnb-gotop { position: fixed; right: 3rem;  bottom: 3rem; z-index: 999;  cursor: pointer;  transition: 0.5s all;   z-index: 999;}
#gnb-gotop a { display: inline-block;    background: #0046ff;    border-radius: 50%;    transition: all 0.3s;    padding: 1.5rem;box-shadow:0 10px 10px rgba(0, 70, 255, .3);transition: all 0.3s;}
#gnb-gotop a img {   opacity: 1;   width: 32px;   height: 32px;    transition: all 0.3s;}
#gnb-gotop a:hover {box-shadow:0 10px 20px rgba(0, 70, 255, .6);transition: all 0.3s; }


/* sub layout */
#s-container {position:relative; padding:118px 0 0; min-width:320px;}

/* subtop navigation */
.sub-top {position:relative; width:100%; height:59px; border-bottom:1px solid #eeeeee; background:#f8f9fa; box-sizing:border-box;}
.sub-top .inner {display:block; max-width:1320px;}
.subnav {display:flex; align-items:stretch; justify-content:flex-start; position:relative;}
.subnav .home {display:block; width:59px; height:59px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:url('../img/common/ico_home.svg')center center no-repeat; background-size:14px 13px; background-color:#f8f9fa; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .home:hover, .subnav .home:focus {background:url('../img/common/ico_home_on.svg')center center no-repeat; background-color:#ffffff; background-size:14px 13px;}
.subnav .sbmn_dp {position:relative; width:100%; max-width:240px; border-right:1px solid #eeeeee; box-sizing:border-box;}
.subnav .sbmn_dp .sbmn_a1 {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:59px; border-bottom:1px solid #eeeeee; padding:20px 40px 20px 22px; background:#f8f9fa; transition:all 0.3s ease; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; box-sizing:border-box;}
.subnav .sbmn_dp .sbmn_a1:after {content:""; display:block; position:absolute; top:50%; right:22px; transform:translateY(-50%) rotate(0deg); width:13px; height:7px; background:url('../img/common/ico_sbdp_arrow.svg')center center no-repeat; background-size:13px 7px; transition:all 0.3s ease;}
.subnav .sbmn_dp.on .sbmn_a1 {background-color:#ffffff;}
.subnav .sbmn_dp.on .sbmn_a1:after {transform:translateY(-50%) rotate(180deg);}
.subnav .sbmn_dp .sbmn_a1 span {font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .sbmn_dp.on .sbmn_a1 span {color:#ff6400;}
.subnav .sbmn_dp .sbmn_list {display:none; position:absolute; top:58px; left:0; width:100%; background:#f8f9fa; box-shadow:0px 17px 24px 0px rgb(0 0 0 / 0.06); z-index:100;}
.subnav .sbmn_dp .sbmn_item {position:relative;}
.subnav .sbmn_dp .sbmn_a2 {display:flex; align-items:center; width:100%; height:50px; padding:15px 20px; border:1px solid #eeeeee; border-width:1px 1px 0 1px; background:#f8f9fa; font-size:16px; font-weight:400; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .sbmn_dp .sbmn_a2:hover, .subnav .sbmn_dp .sbmn_a2:focus {color:#ff6400; background:#ffffff;}
.subnav .sbmn_dp .sbmn_list.sbdp_l1 .sbmn_item:last-child .sbmn_a2, .subnav .sbmn_dp .sbmn_list.sbdp_l2 .sbmn_item:last-child .sbmn_a2, .subnav .sbmn_dp .sbmn_list.sbdp_l3 .sbmn_item:last-child .sbmn_a2 {border-width:1px 1px 1px 1px;}
.subnav .sbmn_dp .sbmn_a2 span {font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .sbmn_dp .sbmn_a2:hover span {color:#ff6400;}

/* subheader */
@keyframes subVisual{to{transform:scale(1.2);}}
.sub-visual{position:relative;z-index:10;height:350px;}
.sub-visual .sub_header {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;}
.sub-visual .sub_header .visual-img{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;animation:subVisual 1.5s reverse cubic-bezier(0.4, 0, 1, 1);background-color:grey;}
.sub-visual .sub_header .visual-img.company {background-image: url(../img/img_visual_company.jpg); }
.sub-visual .sub_header .visual-img.business {background-image: url(../img/img_visual_business.jpg);}
.sub-visual .sub_header .visual-img.business2 {background-image: url(../img/img_visual_business2.jpg);}
.sub-visual .sub_header .visual-img.business3 {background-image: url(../img/img_visual_business3.jpg);}
.sub-visual .sub_header .visual-img.business4 {background-image: url(../img/img_visual_business4.jpg);}

.sub-visual .sub_header .visual-img.pr {background-image: url(../img/img_visual_pr.jpg); }
.sub-visual .sub_header .visual-img.recruit {background-image: url(../img/img_visual_recruit.jpg); }
.sub-visual .sub_header .visual-img.support {background-image: url(../img/img_visual_support.jpg);}
.sub-visual .sub_header .visual-img.solution {background-image: url(../img/img_visual_solution.jpg);}

.sub_header .inner { max-width:1280px;align-content: center;height:350px; justify-content: center;}
.sub_header .header_title {display:block;font-size:50px; line-height:1.4; letter-spacing:-0.01em; color:#ffffff; font-family:'nanumsquare neo';font-weight:900;}
.sub_header .header_title .header_menu {display:block; font-size: 2.2rem;  font-weight: 700; line-height: 1.4;   color: #ff6400; text-align: center;}

/* subcontents */
#sub-content {position:relative; background:#ffffff; box-sizing:border-box;}
#stance {position:relative; width:100%; min-height:480px; padding-top:96px; background:#ffffff;}
#stance .inner {display:block; max-width:1320px;}

@media screen and (max-width:1280px){
	#s-container {padding:80px 0 0;}
	.sub-top .inner {padding:0;}
}

@media screen and (max-width:1024px){
	.sub-visual{height:300px;}
	.sub_header .inner {max-width:100%; height:300px;}
	.sub_header .header_title {font-size:34px;}
}

@media screen and (max-width:768px){
	.subnav .sbmn_dp {display:none;}
	.subnav .sbmn_dp:last-child {display:block; max-width:calc(100% - 59px);}
	.sub-visual{height:250px;}
	.sub_header .inner {height:250px;}
	.sub_header .header_title {font-size:28px;}
}
@media screen and (max-width:590px){
	.sub-visual{height:200px;}
	.sub_header .inner {height:200px;}
}


/* common  */

.sub-inner {display:block; position:relative; width:100%; max-width:1320px; padding:20px; margin:0 auto; box-sizing:border-box;}
.intro-item{border-bottom:3px solid #eeeeee;padding:40px 0 40px;}
.sub-cont-tit {font-size:36px; font-weight:800; line-height:1.4; letter-spacing:-0.02em; color:#000000; font-family:'nanumsquare neo', sans-serif;}
.sub-cont-tit2 {display:block; font-size: 18px;  font-weight: 700; line-height: 1.4;   color: #ff6400;margin-bottom:5px;}

.sub-cont-txt {margin-top:20px; font-size:20px; font-weight:700; line-height:1.6; letter-spacing:-0.04em; color:#333333;}
.sub-cont-txt2 {margin-top:20px; font-size:18px; line-height:1.6; letter-spacing:-0.04em; color:#333333;}


.sub-wrap{margin-top:50px; margin-bottom:50px;}
.cont-title {font-size:2.6rem; font-weight:800; line-height:1.4; letter-spacing:-0.02em;;}
.cont-txt {font-size:1.8rem; font-weight:400; line-height:1.4; letter-spacing:-0.04em; ;margin-bottom:3rem;}
.cont-title + .cont-txt {margin-top:10px;}
.cont-title-b {font-size:2.6rem; font-weight:800; line-height:1.5; letter-spacing:-0.02em;border-bottom:1px solid #333;}



@media screen and (max-width:1024px){
	.sub-cont-tit {font-size:24px;}
  .sub-cont-txt2 {font-size:16px; }
}

@media screen and (max-width:599px){
	.intro-item{padding:30px 0 30px;}
  .cont-title {font-size:2.2rem;}
  .cont-txt {font-size:1.8rem;}
}

/* 회사개요 */
@keyframes summaryVisual{to{transform:scale(1.2);}}
.summary-visual{position:relative;z-index:10;height:800px;}
.summary-visual .summary_header {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;}
.summary-visual .summary_header .visual-img{width:100%;height:100%;background-image: url(../img/summary-visual.jpg); background-repeat:no-repeat;background-position:center;background-size:cover;animation:summaryVisual 1.5s reverse cubic-bezier(0.4, 0, 1, 1);background-color:grey;}

.summary_header .summary-top{margin:0 auto; width:980px; text-align: center;}
.summary_header .summary-top h2 { font-size: 3.5rem; margin-top:50px; font-weight:600; letter-spacing: -0.050em; color: #ff6400; line-height: 1.5;font-family:'nanumsquare neo';}
.summary_header .summary-top h3 { font-size:5rem; font-weight: 800; letter-spacing: -0.050em; color: #fff; line-height: 1.3;}
.summary_header .summary-top p { font-size:1.8rem; font-weight: 600; margin-top:20px;line-height: 1.5;color:#fff;}
.summary_header .summary-top ul{display: flex; margin-top:60px; flex-wrap: wrap; gap:20px;}
.summary_header .summary-top ul li{width:30%;color:#fff;text-align: center; margin-bottom:60px;font-size:1.8rem;line-height: 1.5;}
.summary_header .summary-top ul li img{padding-bottom:10px; line-height:1.5;}

@media screen and (max-width:979px){
	.summary_header .summary-top{width:100%;}
}


@media screen and (max-width:680px){
  .summary_header {height:950px;}
	.summary_header .summary-top h2 { font-size: 2.5rem;}
  .summary_header .summary-top h3 { font-size:4rem;}
  .summary_header .summary-top p { font-size:1.8rem;}
  .summary_header .summary-top ul{ gap:0px; justify-content: space-between;}
  .summary_header .summary-top ul li{width:48%;font-size:1.8rem;}
}

.summary-mission { position: relative; width: 100%; padding:80px 0;  background: url(../img/sv3.jpg) bottom center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}
.summary-missionlist {display:flex;position:relative; justify-content: space-between;padding:0 20px;}
.summary-missionlist .summary-missionlist-item {position:relative; width:calc(100% / 3); border-right:1px solid #dddddd; text-align: center;color:#fff;line-height:1.5;}
.summary-missionlist .summary-missionlist-item:last-child { border-right:0px ;}
.summary-missionlist .summary-missionlist-item p{font-size:1.8rem; line-height:1.4; letter-spacing:-0.02em; color:#ff6400; font-weight:700;}
.summary-missionlist .summary-missionlist-item h3{margin-top:5px; font-size:3.5rem; line-height:1.4; letter-spacing:-0.02em; color:#fff; font-weight:700;}

.summary-missionlist .summary-missionlist-item .info-tit {margin-top:10px; font-size:1.8rem; line-height:1.4; letter-spacing:-0.02em; color:#ffffff; text-align: center;font-weight:700;}
.summary-missionlist .summary-missionlist-item .line{width:1px; border-right:1px solid #fff; height:100px; margin:0 auto; opacity: .3; }

@media screen and (max-width:680px){
  .summary-mission { padding:60px 0;}
  .summary-missionlist {display:block;}
  .summary-missionlist .summary-missionlist-item {width:100%;border-bottom:1px solid #dddddd;border-right:0; padding-bottom:20px;padding-top:20px;}
  .summary-missionlist .summary-missionlist-item .line{height:60px; }
  .summary-missionlist .summary-missionlist-item:last-child { border-bottom:0px ;}
  .summary-missionlist .summary-missionlist-item .info-tit {font-size:1.8rem; }

}

.summary_ceo{}
.summary_ceo h4{text-align: center;}
.summary_ceo ul{display: flex; flex-wrap: wrap; margin-top:60px;}
.summary_ceo ul li{width:60%;}
.summary_ceo ul li:last-child{width:40%;text-align: right;padding-left:20px;}
.summary_ceo ul li span{color:#ff6400;  font-weight:800;font-size:3.5rem; display: block;padding-bottom:25px; line-height:1.3;}
.summary_ceo ul li p{color:#000; font-size:1.8rem; margin-bottom:10px; line-height:1.5}
.summary_ceo ul li img{max-width: 100%;}

@media screen and (max-width:768px){
  .summary_ceo ul li span{font-size:2.5rem;}
  .summary_ceo ul li p{font-size:1.8rem;}
}

@media screen and (max-width:680px){
  .summary_ceo ul{display:block;}
  .summary_ceo ul li{width:100%;}
  .summary_ceo ul li img{display: none;}
}


.summary_history{position:relative;background-image: url(../img/summary-history.jpg); background-position: center;background-size: cover;padding:60px 0;box-sizing: border-box;}
.summary_history h4{color:#fff;text-align: center;}
.summary_history h5{color:#fff;text-align: center;}

.summary_history ul{display: flex; flex-wrap: wrap; margin-top:60px;}
.summary_history ul li{width:30%;margin-right:5%; justify-content: space-between;}
.summary_history ul li:last-child{margin-right:0;}

.history-bar {position:relative;padding-left:8rem;margin-top:1.2rem;}
.history-bar:before {content:"";position:absolute;top:1rem;left:0;bottom:1.4rem;display:block;width:1px;background:#ddd;}
.history-actbar {content:"";position:absolute;top:1rem;left:-0rem;display:block;width:1px;height:0;max-height:calc(100% - 3rem);background:#fff;}
.history-cont-wrap {position:relative;}

.history-cont{margin-top:2.5rem;margin-left:-50px;}
.history-cont-year {font-size:26px;font-family:'nanumsquare neo', sans-serif;margin-bottom:10px;position:relative ; color:#fff;font-weight:700;}
.history-cont-year:before {content:"";position:absolute;top:1rem;left:-3.6rem;display:block;width:13px;height:13px;border-radius:50%;background:#ff6400;}
.history-cont-txt {position:relative;}
.history-cont-txt .txt {font-size:1.4rem;line-height:1.3;color:#fff;}

.history-cont-wrap .history-cont .history-cont-year.act:before,.history-cont-wrap.first .history-cont .history-cont-year:before {background:#ff6400;}
.history-cont-wrap .history-cont .history-cont-year.act:after,.history-cont-wrap.first .history-cont .history-cont-year:after {content:"";position:absolute;top:0.1rem;left:-4.5rem;width:30px;height:30px;border-radius:50%;background:#ff6400;opacity:0.3;}
.history-cont-wrap .history-cont .history-cont-txt.act:before,.history-cont-wrap.first .history-cont .history-cont-txt:before {background:#ff6400}
.history-cont-wrap .history-cont .history-cont-year:before,.history-cont-wrap .history-cont .history-cont-txt:before {transition:all .3s;}
.history-cont-txt .txt p{padding-bottom:8px;}
.history-cont-txt .txt p.txtbold{font-weight:600;color:#f7ff7b;}

@media screen and (max-width:1024px){
	.summary_history{padding:40px 0;}
}

@media screen and (max-width:940px){
	.summary_history ul li{width:100%;margin-right:0%;display: block;margin-left:20%;}
}

@media screen and (max-width:768px){
	.summary_history ul li{margin-left:10%;}
}
@media screen and (max-width:499px){
  .summary_history ul li{margin-left:0%;}
  .history-cont-year:before {left:-3.1rem;}
  .history-cont-wrap .history-cont .history-cont-year.act:after,.history-cont-wrap.first .history-cont .history-cont-year:after {left:-4.1rem;}
}

.summary_prize{position:relative;padding:60px 0;box-sizing: border-box;}
.summary_prize h4{text-align: center;}
.summary_prize .certi{display: flex;flex-wrap: wrap; margin-top:60px; align-items: stretch;  justify-content:flex-start; gap: 46px; position: relative;}
.summary_prize .certi li{position: relative; width: calc(100% / 5 - 39.8px);}
.summary_prize .certi li .certbox { position: relative; padding: 30px; border-radius: 10px; background: #f8f9fa;  text-align: center; box-sizing: border-box; overflow: hidden;}
.summary_prize .certi li .certbox img {display: block; max-width: 100%; margin: 0 auto;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.summary_prize .certi li .text { font-size: 1.5rem;line-height: 1.4;  letter-spacing: -0.04em;text-align: center; margin-top:8px;}

.summary_prize .prize{display: flex;flex-wrap: wrap; margin-top:60px; align-items: stretch;  justify-content: flex-start; gap: 46px; position: relative;}
.summary_prize .prize li{position: relative; width: calc(100% / 5 - 39.8px); padding: 20px; border-radius: 10px; background: #f8f9fa;  text-align: center; box-sizing: border-box; overflow: hidden;}
.summary_prize .prize li img {display: block; max-width: 100%; margin: 0 auto;}
.summary_prize .prize li p { font-size: 13px; line-height: 1.3;  letter-spacing: -0.04em;text-align: center; margin-top:15px;}

@media screen and (max-width:1024px){
	.summary_prize{padding:40px 0;}

}
@media screen and (max-width:820px){
  .summary_prize .certi li{width: calc(100% /4 - 36px);}
  .summary_prize .prize li{width: calc(100% / 4 - 36px);}
}

@media screen and (max-width:680px){
  .summary_prize .certi li{width: calc(100% /2 - 30px);}
  .summary_prize .prize li{width: calc(100% /2 - 30px);}
}


.summary_ci{position:relative;padding:60px 0;box-sizing: border-box;}
.summary_ci h4{text-align: center;}
.summary_ci .ci{border:1px solid #ddd; padding:100px 20px; box-sizing: border-box; margin-top:30px; text-align: center;}
.summary_ci .ci img{width:400px;}
.summary_ci .download-btnbox {width: 600px; margin:0 auto; display: flex;}
.summary_ci p{text-align: center; font-size:1.8rem; line-height:1.5;margin-top:30px; }

.download-btn {width:45%;margin-right:3%;display: flex;align-items: center; position: relative; min-height: 70px; padding: 25px 60px 25px 25px;border-radius: 8px;border: 1px solid #dddddd;background: #ffffff;
  font-size: 20px;  font-weight: 400;  line-height: 1.4;  letter-spacing: -0.04em;  color: #000000;  transition: all 0.3s ease;  box-sizing: border-box; box-shadow: 0 10px 17px rgba(0, 0, 0, 0.06);}

.download-btn:after { content: ""; display: block; position: absolute; top: 50%;transform: translateY(-50%);right: 32px;  width: 18px; height: 20px;background: url(../img/ico_downloadbox_down.svg) center center no-repeat; background-size: 18px 20px;}
.download-btn:hover {border-color:#0067db; color:#0067db; box-shadow:0 10px 17px rgba(0, 100, 220, 0.10);}


@media screen and (max-width:1024px){
  .summary_ci{padding:40px 0;}
}

@media screen and (max-width:580px){
  .summary_ci .ci img{max-width:100%;}
  .summary_ci .download-btnbox {width:100%;display: block;}
  .download-btn {width:100%;margin-right:0%;margin-bottom:10px;;}
  
}
/* 그룹사 소개 */

.group-box{border-radius:10px;background:var(--bg-gray);padding:5rem 5rem; margin-bottom:50px;}
.group-box h3 img {width:200px; ;padding-left:15px; vertical-align: middle;}

.group-list{margin-top: 50px; background-color: #fff;}
.group-list h3{text-align: center; margin-bottom:10px;}
.group-list p{ line-height:1.5}

.group-list ul{display: flex;  flex-wrap: wrap;margin-top:50px; justify-content: space-between;border-top:1px solid #ddd;}
.group-list ul li{ width:33%;padding: 30px 0; box-sizing: border-box; display: flex;flex-wrap: nowrap;border-right:1px solid #ddd;}
.group-list ul li:last-child{margin-right:0; }
.group-list ul li:nth-of-type(3){margin-right:0; padding-right:20px;}
.group-list ul li:first-child{border-left:1px solid #ddd; }
.group-list ul li .number{width: 100px; padding-left:30px; padding-right: 30px;  font-size:1.8rem; font-weight: 800;  line-height: 1;  color: #0066e0;  vertical-align: middle;}
.group-list ul li .grouptit{width:80%}
.group-list ul li .grouptit p{font-size: 1.8rem;  font-weight: 700;  line-height: 1; color:#000; margin-bottom:30px;}
.group-list ul li .grouptit span{font-size:1.7rem; line-height:1.3; display: block;}
.group-list ul li .grouptit span strong{padding-top:10px;}
.group-list ul li.grouparea { width: 100%; text-align: left; margin-right:0; border:1px solid #ddd; padding-right:10px;}



@media screen and (max-width:768px){
  .group-list ul li{ width:100%; border-bottom:1px solid #ddd;border-left:1px solid #ddd;}

}
@media screen and (max-width:599px){
  .group-box{padding:3rem;}
  .group-box h3 img {width:120px;padding-left:5px;}
}

.group-list2{margin-top: 50px; background-color: #fff;}
.group-list2 h3{text-align: center; margin-bottom:10px;}
.group-list2 p{ line-height:1.5}
.group-list2 ul{display: flex;  flex-wrap: wrap;margin-top:50px; justify-content: space-between;border:1px solid #ddd;}
.group-list2 ul li{ width:100%;padding: 30px; box-sizing: border-box; display: flex;flex-wrap: nowrap;border-right:1px solid #ddd;}
.group-list2 ul li .number{width: 35%; padding-left:30px; padding-right: 30px;  font-size:1.8rem; font-weight: 800;  line-height: 1;  color: #0066e0;  vertical-align: middle;}
.group-list2 ul li img{width: 320px; padding-top:10px; display: block;}
.group-list2 ul li .grouptit{width:65%; padding-top:30px; line-height: 1.5;}



/*파트너십*/
.partners-wrap .title { margin-top: 40px; margin-bottom: 10px; font-size: 22px; font-weight: 800; line-height: 1.4; letter-spacing: -0.02em; color: #000000;}
.site-list { display: flex;flex-wrap: wrap;gap:11px; flex-direction: row;flex-basis: auto;}
.site-list .site-item{width:calc(13.3%);border:1px solid #ddd;text-align: center;padding:22px 10px; box-sizing: border-box;}
.site-list .site-item img{max-width:100%;}
.andmore{text-align: center; width:100%; padding:30px 0;font-size:22px; line-height: 1.5;}


@media all and (max-width:1024px)  {
  .site-list .site-item{width:calc(19%);}
}

@media all and (max-width:768px)  {
  .site-list .site-item{width:calc(23.5%);}
  .partners-wrap .title { font-size: 20px;}
}

@media all and (max-width:679px)  {
  .site-list .site-item{width:calc(30.5%);}
  .partners-wrap .title { font-size: 20px;}
  .andmore{font-size:1.8rem;}
}


.partners-list{ width:100%;padding:50px; box-sizing: border-box; background-color: #e3f1ff;margin-top:60px;}
.partners-list .title { margin-top: 40px; margin-bottom: 10px; font-size: 22px; font-weight: 800; line-height: 1.4; letter-spacing: -0.02em; color: #000000;}
.partners-list .site-list { display: flex; align-items: end; gap:11px; flex-wrap: wrap; position: relative;}
.partners-list .site-list .site-item{width: calc(13.5%);border:1px solid #ddd; background-color: #fff; text-align: center;padding:15px 5px; box-sizing: border-box;}
.partners-list .site-list .site-item img{max-width:100%;}

@media all and (max-width:1024px)  {
  .partners-list .site-list .site-item{width: calc(19%);}
}

@media all and (max-width:820px)  {
  .partners-list .site-list .site-item{width: calc(23.5%);}
}
@media all and (max-width:679px)  {
  .partners-list{padding:20px; margin-top:40px;}
  .partners-list .site-list .site-item{width: calc(44.5%);}
}

/* 오시는 길 */
.location-map {width:100%;height:50rem;background-color:#f8f9fa;}

.location-map iframe {width:100%; height:500px;}
.location-map-info {display:flex;align-items:center;flex-wrap:wrap;gap:2rem 12rem;}
.location-map-info .info__item {display:flex;align-items:flex-start;font-size:1.8rem;gap:0 2.5rem;}
.location-map-info .info__item .tit {color:var(--bg-blue);line-height:160%; font-weight:700}
.location-map-info .info__item .txt {font-size:1.8rem;line-height:160%;}

.location-wrap .titlebox .title {font-size:2.6rem;font-weight: 700;line-height: 1.4;letter-spacing: -0.02em;color: #000000;}

.location-map-info {border-bottom:1px solid #ddd;padding:5rem 0;margin-bottom:10rem;}

.location-traffic {border-top:2px solid #000;margin-top:1rem;}
.location-traffic > li {padding:5rem 0;display:flex;border-bottom:1px solid #ddd;}
.location-traffic .th {width:30%;min-width:12rem;padding:0 5rem 0 3rem;display:flex;align-items:center;justify-content:center;font-size:2.1rem;text-align:center;}
.location-traffic .td {flex:1;}
.location-traffic > li.subway .th span:before {content:"";display:block;width:5rem;height:5.6rem;background:url(../img/traffic_subway.svg) no-repeat center center /100% 100%;margin:0 auto 2rem;}
.location-traffic > li.bus .th span:before {content:"";display:block;width:5rem;height:5rem;background:url(../img/traffic_bus.svg) no-repeat center center /100% 100%;margin:0 auto 2rem;}
.location-traffic .traffic__item {display:flex;gap:1.5rem;}
.location-traffic .traffic__item .bat {flex:none;width:3.5rem;height:3.5rem;line-height:3.5rem;border-radius:10px;text-align:center;color:#fff;font-size:1.8rem;font-weight:700;}
.location-traffic .traffic__item .bat.num {background:#00aeff;border-radius:50%;}
.location-traffic .traffic__item .bat.bus {background:#0046ff}
.location-traffic .traffic__item .cont {padding-top:0.2rem;}
.location-traffic .traffic__item .tit {font-size:2.2rem;font-weight:700;line-height:160%;margin-bottom:1rem;}
.location-traffic .traffic__item .txt {font-size:2rem;line-height:160%;}

@media screen and (max-width:1280px){
	.location-map-info .info__item {width:100%;}
	.location-map-info .info__item .tit {width:9rem;flex:none;}
}

@media screen and (max-width:599px){
	.location-traffic > li {flex-wrap:wrap;gap:4rem 0;}
	.location-traffic .th {width:100%;justify-content:flex-start;padding:0 2rem;}
	.location-traffic .td {width:100%;padding:0 2rem;}
  .location-traffic .traffic__item .tit {font-size:1.9rem;}
  .location-traffic .traffic__item .txt {font-size:1.8rem;;}
}

/* 시험성적서 서비스 개요 */
.outline-visual { position: relative; width: 100%;  padding:50px 10px; margin-top: 70px; border-radius: 12px; background: url(../img/sv1.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}
.outline-infolist {display:flex;position:relative; justify-content: space-between;}
.outline-infolist .infolist-item {position:relative; width:calc(100% / 5); border-right:1px solid #dddddd; }
.outline-infolist .infolist-item:last-child { border-right:0px ;}
.outline-infolist .infolist-item .ico {display:block; width:100px; height:100px; margin:0 auto;}
.outline-infolist .infolist-item .ico.ico01 {background:url('../img/summary-top-year.png')center center no-repeat;}
.outline-infolist .infolist-item .ico.ico02 {background:url('../img/summary-top-kolas.png')center center no-repeat;}
.outline-infolist .infolist-item .ico.ico03 {background:url('../img/summary-top-gov.png')center center no-repeat;}
.outline-infolist .infolist-item .ico.ico04 {background:url('../img/summary-top-1st.png')center center no-repeat;}
.outline-infolist .infolist-item .ico.ico05 {background:url('../img/summary-top-aiplus.png')center center no-repeat;}
.outline-infolist .infolist-item .info-tit {margin-top:10px; font-size:1.8rem; line-height:1.4; letter-spacing:-0.02em; color:#ffffff; text-align: center;font-weight:700;}
.outline-infolist .infolist-item .info-tit.lh {line-height:1;}

@media screen and (max-width:1033px){
  .outline-infolist .infolist-item .info-tit {font-size:1.8rem;font-weight:600;}

}
@media screen and (max-width:680px){
  .outline-visual { padding:30px 20px; margin-top: 40px;}
  .outline-infolist {display:block}
  .outline-infolist .infolist-item { width:100%; border-right:0;border-bottom:1px solid #fff;padding:20px 0;}
  .outline-infolist .infolist-item:last-child { border-bottom:0px ;}

}

.outline-introbox ul{display: flex;}
.outline-introbox ul li:first-child{width:18%; text-align: center; margin-right:2%;}
.outline-introbox ul li img{max-width:100%;}

.outline-introbox .tablesm{ border-collapse: collapse; margin-top:10px; }
.outline-introbox .tablesm th{background-color: #ddd;font-size:15px;font-weight:600;padding:10px; text-align: center;}
.outline-introbox .tablesm td{border-bottom:1px solid #e1e1e1;border-right:1px solid #ddd;font-size:12px;text-align:left;padding: 10px;word-break:keep-all; line-height:1.5; background-color: #fff;}
.outline-introbox .tablesm td:last-child {border-right:0px;}


@media screen and (max-width:680px){
  .outline-introbox ul{display: block;}
  .outline-introbox ul li:first-child{width:100%; margin-right:0;}
  .outline-introbox ul li img{padding-bottom:20px;}

}

.outline-introbox2{padding-top:30px;}
.outline-introbox2 ul{display: flex;}
.outline-introbox2 ul li {font-size:1.8rem; line-height:1.5 ;}
.outline-introbox2 ul li img{max-width:100%;}
.outline-introbox2 ul li:first-child {width:30%; text-align: center; margin-right:1%;}
.outline-introbox2 ul li:last-child {margin:50px 0px 50px 30px;}

@media screen and (max-width:768px){
  .outline-introbox2 ul li:last-child {margin:0;}
  .outline-introbox2 ul li:first-child {width:20%;}

}

@media screen and (max-width:680px){
  .outline-introbox2 ul{display:block;}
  .outline-introbox2 ul li {font-size:1.8rem;}
  .outline-introbox2 ul li:first-child {width:100%; margin-right:0;}
  .outline-introbox2 ul li img{width:50%; padding-bottom:20px;}

}


.outline_tab_list {display: flex;align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 4px; position: relative; margin-bottom:10px;}
.outline_tab_list li {width:calc(100% / 6 - 4px); display: flex;align-items: center; justify-content: center; height: 70px; padding: 0 5px;border: 1px solid #dddddd;
  font-size: 1.8rem;  font-weight:600; line-height:1.4; letter-spacing: -0.06em; color: #707070; text-align: center; transition: all 0.2s ease; box-sizing: border-box;cursor: pointer;}
.outline_tab_list li:hover, .outline_tab_list li.on {border-color:#0046ff; background:#0046ff; color:#ffffff;}

@media screen and (max-width:1024px){
	.outline_tab_list li {font-size: 1.5rem; }
}
@media screen and (max-width:768px){
	.outline_tab_list li {width:calc(100% / 4 - 3px);font-size: 1.3rem; }
}

@media screen and (max-width:480px){
	.outline_tab_list li {width:calc(100% / 2 - 3px);}
}

.conBox{background-color:#ebf2ff; padding: 60px 30px; display:none;}
.conBox.on{display:block;}
.conBox .title {font-size:2.4rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#000000; text-align: center;}
.conBox p{font-size:1.8rem; padding-top:10px;padding-bottom:70px;line-height: 1.4;text-align: center;}

@media screen and (max-width:600px){
	.conBox .title {font-size:2.1rem;}
  .conBox p{font-size:1.8rem; }

}

.counselling {position:relative; margin-bottom:80px;}
.counsel-list {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list .list-item {position:relative; width:calc(100% / 5);}
.counsel-list .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; border:1px solid #dddddd; font-size:1.8rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#000000; text-align:center; box-sizing:border-box; background-color: #fff;;}
.counsel-list .list-item.first .itembox, .consulting-info-wrap .counsel-list .list-item.last .itembox {border-color:#0046ff; background-color:#f8fbff; color:#0046ff;}
.counsel-list .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list .list-item:last-child .itembox:after {display:none;}

@media screen and (max-width:1280px){
  .counsel-list .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:768px){
  .counsel-list {flex-wrap:wrap;}
  .counsel-list .list-item {width:100%;}
  .counsel-list .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
}
.con-pkg {width:100%; text-align: center;}
.con-jodal {width:100%; text-align: center;}
.con-mkt {width:100%; text-align: center;}


.outline-merritdiv {display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:600px; margin-bottom:30px; background:url('../img/img_datacenter01.png')center center no-repeat; background-size:cover;color:#fff;}
.outline-merrit2 { display: flex; flex-wrap: wrap; margin: 0 -1.7rem;}
.outline-merrit2 li { display: flex; flex-direction: column; align-items: center;  text-align: center; width: calc(25% - 3.4rem);  margin: 0 1.7rem;
    min-height: 35rem;border-radius: 1rem; background-color: rgba(255,255,255,0.1); backdrop-filter: blur(6.8px);  
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; vertical-align: top; overflow: hidden;}
.outline-merrit2 li img {max-width:100%;padding:0;}
.outline-merrit2 li .merritit {font-size: 2.5rem;		font-weight: 700;		color: #fff;		letter-spacing: -0.020em;padding-top: 30px;	}
.outline-merrit2 li .merritxt { font-size:16px;  letter-spacing: -0.065em; color: #fff;  line-height: 1.5;  padding: 10px;}

@media screen and (max-width:768px){
  .outline-merritdiv { height:auto;padding:50px 0;  }
  .outline-merrit2 li {width: calc(50% - 3.4rem); min-height: 20rem; margin-bottom:20px;}
}
@media screen and (max-width:650px){
  .outline-merrit2 li {width:100%;}
  .outline-merrit2 li .merritit {font-size: 2.2rem;}

}

.stats_graph_box{
  position:relative;
  padding-bottom:20px;
  .graph{
    position:relative;
    height:80px;
    background:#f0f0f0;
    border-radius:4px;
    font-size:0;
    white-space:nowrap;
    overflow:hidden;
    &:after{
      content:'';
      display:block;
      clear:both;
    }
    .barr{
      position:relative;
      display:inline-block;
      height:80px;
      background:#ddd;
      border-radius:4px;
      overflow:hidden;
      &+.barr{
        margin-left:-5px;
        padding-right:5px;
        box-sizing:content-box;
        border-radius:0 4px 4px 0;
      }
      &.b1{
        z-index:1;
        background: linear-gradient(45deg, #2321d6 0%, #4d9cff 80%);
      }
      &.b2{
        background: linear-gradient(45deg, #003260 0%, #4d9cff 80%);
      }
      &.b3{
        background: linear-gradient(45deg, #7000cf 0%, #4d9cff 80%);
      }
      &.b4{
        background: linear-gradient(45deg, #7000cf 0%, #79c7ff 80%);
      }
      &.b5{
        background: linear-gradient(45deg, #00a6b0 0%, #79c7ff 80%);
      }
      &.b6{
        background: #61cf8d;
      }
      &.b7{
        background: #00ba4a;
      }

    
      .desc{
        position:absolute;
        top:50%;
        left:50%;
        margin:0;
        text-align:center;
        font-size:16px;
        line-height:1.3;
        color:#fff;
        -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        em{font-style:normal; font-size:17px; font-weight:700;}
        dd{margin:0;}
      }
    }
  }
}

.outline-partner{}
.outline-partner ul{font-size:0;text-align:left;letter-spacing:-4px;vertical-align:top;}
.outline-partner ul li{width:15%;margin-right:2%;margin-bottom:2%;display:inline-block;vertical-align:top;letter-spacing:-0.05em; }
.outline-partner ul li:nth-of-type(6n){margin-right:0;}
.outline-partner ul li .img{width:100%;position:relative;display:table; vertical-align: middle;background-color: #fff; height:85px; padding:10px; box-sizing: border-box;text-align: center; border:1px solid #ececec;background-color: #fff;}
.outline-partner ul li .img div{display:table-cell; text-align: center;vertical-align: middle; background-color: #ffffff;}
.outline-partner ul li .img div img{max-width:100%;}
.outline-partner p{text-align: center; margin-top:10px; font-weight:800; line-height:0.6;}


@media screen and (max-width:768px){
  .outline-partner ul li{width:15.5%;margin-right:1%; }
}
@media screen and (max-width:650px){
  .outline-partner ul li{width:49%;}

}



.guide-howdiv{width:100%; background-color: #0055ff; padding:40px; border-radius:10px;  box-sizing: border-box;}
.guide-howdiv p{text-align: center!important;font-size:20px; color:#fff; font-weight:400;}
.guide-howdiv .guide-how {display: flex; justify-content: center;margin-top:50px; }
.guide-howdiv .guide-how div{width:30%;}
.guide-howdiv .guide-how div:last-child{width:40%;}
.guide-howdiv .guide-how div ul {display: flex;}
.guide-howdiv .guide-how div ul li {color:#fff;}
.guide-howdiv .guide-how div ul li:first-child{width:65px; height:65px; border-radius: 99px; background-color:#fff; text-align: center; margin-right:10px;}
.guide-howdiv .guide-how div ul li img{padding-top:18px;}
.guide-howdiv .guide-how div ul li p{color:#fff; font-family: 'nanumsquare neo';font-size:26px; font-weight: 600; letter-spacing: -0.06rem;line-height: 1.2}

.guide-howdiv h5{color:#fff; font-size:1.8rem; font-weight: 600; text-align: center;}


@media screen and (max-width:1033px){
  
  .guide-howdiv p{font-size:2.2rem; ;}
  .guide-howdiv .guide-how div ul li p{font-size:1.8rem; }
  .guide-howdiv .guide-how { justify-content:space-between }
 
}
@media screen and (max-width:768px){
  .guide-howdiv .guide-how div ul li:first-child{width:45px; height:45px; }
  .guide-howdiv .guide-how div ul li img{padding-top:8px;}

}
@media screen and (max-width:650px){
  .guide-howdiv{padding:30px;}
  .guide-howdiv .guide-how {display:block;}
  .guide-howdiv .guide-how div{width:100%;margin-bottom:20px;}
  .guide-howdiv .guide-how div:last-child{width:100%;}
  .guide-howdiv h5 button{margin-left:40px}


}

.biz-stepbox {position:relative; width:100%; padding:60px 30px;  border-radius:20px; background:#f8f9fa; box-sizing:border-box;}
.biz-stepbox .biz-steplist {display:flex; align-items:stretch; justify-content:center; gap:70px; flex-wrap:wrap; position:relative;}
.biz-stepbox .biz-steplist .biz-stepitem {position:relative; width:calc(100% / 6 - 70px);}
.biz-stepbox .biz-steplist .item-box {display:flex; align-items:flex-start; justify-content:center; position:relative; max-width:200px; height:100%; padding:80px 10px 30px; border-radius:10px; border:1px solid #eeeeee; background:#ffffff; text-align:center; box-sizing:border-box; box-shadow:0 10px 20px rgba(0, 0, 0, 0.16);}
.biz-stepbox .biz-steplist .item-box:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-40px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.biz-stepbox .biz-steplist .biz-stepitem:last-child .item-box:after {display:none;}
.biz-stepbox .biz-steplist .item-box.step1 {border-color:#a4cdfd;}
.biz-stepbox .biz-steplist .item-box.step2 {border-color:#15d886;}
.biz-stepbox .biz-steplist .item-box.step3 {border-color:#0067db;}
.biz-stepbox .biz-steplist .item-box.step4 {border-color:#6b0099;}
.biz-stepbox .biz-steplist .item-box.step5 {border-color:#003399;}
.biz-stepbox .biz-steplist .item-box.step6 {border-color:#100048;}
.biz-stepbox .biz-steplist .item-box .num {display:block; position:absolute; top:25px; right:25px; width:34px; height:34px; border-radius:5px; font-size:16px; font-weight:600; line-height:34px; letter-spacing:-0.02em; color:#ffffff; font-family:'nanumsquare neo', sans-serif;}
.biz-stepbox .biz-steplist .item-box.step1 .num {background:#a4cdfd;}
.biz-stepbox .biz-steplist .item-box.step2 .num {background:#15d886;}
.biz-stepbox .biz-steplist .item-box.step3 .num {background:#0067db;}
.biz-stepbox .biz-steplist .item-box.step4 .num {background:#6b0099;}
.biz-stepbox .biz-steplist .item-box.step5 .num {background:#003399;}
.biz-stepbox .biz-steplist .item-box.step6 .num {background:#100048;}
.biz-stepbox .biz-steplist .item-box .text {font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#222222;}
.biz-btn-box {display:flex; align-items:center; justify-content:center; gap:4px; text-align:center; margin-top:70px;}

@media screen and (max-width:1280px){
	
	.biz-stepbox .biz-steplist {gap:30px;}
	.biz-stepbox .biz-steplist .biz-stepitem {width:calc(100% / 4 - 60px);}
	.biz-stepbox .biz-steplist .item-box {max-width:100%;}
	.biz-stepbox .biz-steplist .item-box .text {font-size:18px;}
	.biz-stepbox .biz-steplist .item-box:after {right:-20px;}
	
}

@media screen and (max-width:1024px){
	.biz-stepbox {padding:50px 30px; margin-top:30px;}
	.biz-stepbox .biz-steplist .biz-stepitem {width:calc(100% / 4 - 30px);}
	.biz-stepbox .biz-steplist .item-box {padding:60px 10px 25px;}
	.biz-stepbox .biz-steplist .item-box .text {font-size:16px;}
	.biz-stepbox .biz-steplist .item-box .num {top:20px; right:20px; width:24px; height:24px; font-size:14px; line-height:24px;}
	.biz-btn-box {margin-top:50px;}

}

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

	.biz-stepbox {padding:30px;}
	.biz-stepbox .biz-steplist .biz-stepitem {width:100%;}
	.biz-stepbox .biz-steplist .item-box {padding:50px 10px 20px;}
	.biz-stepbox .biz-steplist .item-box:after {top:unset; right:50%; bottom:-20px; transform:translateX(50%) translateY(0) rotate(90deg);}
	.biz-stepbox .biz-steplist .item-box .num {right:50%; transform:translateX(50%);}
	.biz-stepbox .biz-steplist .item-box .text {font-size:15px;}

}

/* 알엔디 과제 결과 시험  */
.rnd-test-goal{display: flex; justify-content: space-between; margin-top: 1rem;}
.rnd-test-goal li{ width:49%; margin-bottom: 4rem;text-align: center; padding: 4rem 1rem;border-radius: 10px;color: #fff;font-size: 1.8rem; font-weight: 700;background: #003399; }
.rnd-test-goal li:last-child{ background: #0046ff; }

.rnd-test-jong{display: flex; justify-content: space-between; margin-top: 1rem;}
.rnd-test-jong li{ width:49%; margin-bottom: 4rem;text-align: center; padding: 4rem 1rem;border-radius: 10px;font-size: 1.8rem; line-height:1.4; background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); }
.rnd-test-jong li p{ font-size: 2.2rem; font-weight: 700; color:#000; margin-bottom:10px;}
.rnd-test-jong li img{height:70px; padding-bottom:10px;}

@media screen and (max-width:680px){
  .rnd-test-jong{display:block;}
  .rnd-test-jong li{ width:100%;  }

}

.counsel-list2 {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list2 .list-item {position:relative; width:calc(100% / 4);}
.counsel-list2 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.8rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #ff6400;;}
.counsel-list2 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list2 .list-item:last-child .itembox:after {display:none;}

.counsel-list2 .list-item .itembox2 {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.8rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #ff6400;;}
.counsel-list2 .list-item .itembox2:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list2 .list-item:last-child .itembox2:after {display:none;}


.counsel-list2 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list2 .list-item .itembox.second{background-color:#0046ff;}
.counsel-list2 .list-item .itembox.last{background-color:#100048;}
.counsel-list2 .list-item p { padding-top:10px;  font-size:1.4rem; text-align: center; }

.counsel-list2 .list-item .itembox2.first{background-color:#00aeef;}
.counsel-list2 .list-item .itembox2.second{background-color:#0046ff;}
.counsel-list2 .list-item .itembox2.last{background-color:#100048;}


@media screen and (max-width:1280px){
  .counsel-list2 .list-item .itembox {font-size:18px;}
  .counsel-list2 .list-item .itembox2 {font-size:18px;}

}
@media screen and (max-width:1024px){
  .counsel-list2 .list-item .itembox {height:80px; font-size:16px;}
  .counsel-list2 .list-item .itembox2 {height:80px; font-size:16px;}

}

@media screen and (max-width:768px){
  .counsel-list2 {flex-wrap:wrap;}
  .counsel-list2 .list-item {width:100%;}
  .counsel-list2 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list2 .list-item .itembox:after {top:unset; bottom:-40px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
  .counsel-list2 .list-item .itembox2 {height:60px; font-size:14px;}
  .counsel-list2 .list-item .itembox2:after {top:unset; bottom:-60px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}

}

.rnd-test-dambox {border-radius:10px;background:var(--bg-gray);padding:5rem 3rem; margin-top:100px;}
.rnd-test-dambox h4{border-bottom:1px solid #ddd;padding-bottom:10px; text-align: center;margin-bottom:20px}
.rnd-test-dambox ul{display: flex;  justify-content: space-between; flex-wrap: wrap;}
.rnd-test-dambox ul li{width:60%; margin-top:2%; font-weight:600; font-size:1.8rem;font-family: 'nanumsquare neo';line-height:1.5}
.rnd-test-dambox ul li:first-child{width:22%; margin-right:5%; margin-left:10%; }
.rnd-test-dambox ul li:last-child{padding-top:5px; vertical-align: middle;}
.rnd-test-dambox ul li span{padding:0 20px;opacity: .5;}
.rnd-test-dambox ul li strong{font-weight:600; color:#ff6400}

@media screen and (max-width:1024px){
  .rnd-test-dambox ul li:first-child{margin-right:2%; margin-left:3%; }
  .rnd-test-dambox ul li:last-child{padding-top:0px;  line-height:1.9;  }
}
@media screen and (max-width:820px){
  .rnd-test-dambox ul{display: block;}
  .rnd-test-dambox ul li{width:100%; text-align: center;}
  .rnd-test-dambox ul li:first-child{width:100%; margin-right:0; margin-left:0; }
  .rnd-test-dambox ul li:first-child img{width:300px;;  }
}

@media screen and (max-width:768px){
  .rnd-test-dambox ul li{font-size:1.8rem;}
  .rnd-test-dambox ul li:first-child img{width:200px;}
  .rnd-test-dambox ul li span{display: none;}
}


.data-test-goal{display: flex; justify-content: space-between; margin-top: 1rem;}
.data-test-goal .goaldiv{ width:49%; margin-bottom: 4rem; padding: 4rem;border-radius: 10px;background: #003399; }
.data-test-goal .goaldiv:last-child{ background: #0046ff; }

.data-test-goal .goaldiv p{ color: #fff;font-size: 2.2rem; font-weight: 700;margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:10px;}
.data-test-goal .goaldiv ul li{color: #fff;font-size: 1.7rem; font-weight: 400;  }

@media screen and (max-width:680px){
  .data-test-goal{display: BLOCK;}
  .data-test-goal .goaldiv{ width:100%; }

}

.data-test-target{display: flex; justify-content: space-between; margin-top: 1rem; flex-wrap: wrap;}
.data-test-target li{ width:15%; margin-bottom: 2rem;text-align: center; font-weight:700; padding: 4rem 1rem;border-radius: 10px;font-size: 1.8rem; line-height:1.4; background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); }

@media screen and (max-width:680px){
  .data-test-target{display: block;}
  .data-test-target li{ width:100%;  }
  
}

.ntmginfo-tbl {width:100%;}
.ntmginfo-tbl th,
.ntmginfo-tbl td {font-size:1.7rem;padding:0.5em 1.5rem;text-align:center;height:6rem;}
.ntmginfo-tbl thead th {background:#003399;color:#fff;font-size:1.8rem}
.ntmginfo-tbl thead th + th {border-left:1px solid rgba(255, 255, 255, 0.2);}
.ntmginfo-tbl td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.ntmginfo-tbl td:first-child {border-left:1px solid #ddd;}
.ntmginfo-tbl tr:nth-child(even) td {background:#fafafa;}
.ntmginfo-tbl td.pl4 {padding-left:4rem}
.ntmginfo-tbl td.bgsky {background-color: #ebf2ff!important;  }
.ntmginfo-tbl td.bgblue {background-color: #abf4ff!important;  }
.ntmginfo-tbl td.ip {background-color: #00aeef!important; color:#fff; font-weight: 700; }


.tbl-bl-btn {  min-height: 4rem;  min-width: 10rem; padding: 1rem;  border: 1px solid var(--bg-blue);  border-radius: 8px;  color: var(--bg-blue);  display: inline-flex; align-items: center;justify-content: center;  word-break: break-all;}
.tbl-bl-btn:hover,.tbl-bl-btn:focus {background:var(--bg-blue);}
.tbl-bl-btn:hover span,.tbl-bl-btn:focus span {color:#fff;}



.ntmginfo-tbl2 {width:100%;}
.ntmginfo-tbl2 th, .ntmginfo-tbl2 td {font-size:1.7rem;padding:2rem;text-align:center;}
.ntmginfo-tbl2 thead th {background:#003399;color:#fff;font-size:1.8rem}
.ntmginfo-tbl2 thead th + th {border-left:1px solid rgba(255, 255, 255, 0.2);}
.ntmginfo-tbl2 td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height: 1.5; }
.ntmginfo-tbl2 td:first-child {border-left:1px solid #ddd;}
.ntmginfo-tbl2 tr:nth-child(even) td {background:#fafafa;}
.ntmginfo-tbl2 td.bgsky {background-color: #ebf2ff!important;  }
.ntmginfo-tbl2 td.bgblue {background-color: #abf4ff!important;  }

.ntmginfo-tbl3 {width:70%; margin: 0 auto;}
.ntmginfo-tbl3 th, .ntmginfo-tbl3 td {font-size:1.3rem;padding:0.5rem;text-align:center;}
.ntmginfo-tbl3 thead th {background:#ddd;color:#000;font-size:1.3rem;border:1px solid #ddd;}
.ntmginfo-tbl3 thead th + th {border-left:1px solid rgba(255, 255, 255, 0.2);}
.ntmginfo-tbl3 td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height: 1.5; }
.ntmginfo-tbl3 td:first-child {border-left:1px solid #ddd;}




.secure-test-goal{display: flex; justify-content: space-between; margin-top:10px;}
.secure-test-goal li{ width:32%; margin-bottom: 4rem;text-align: center; padding: 4rem 1rem;border-radius: 10px;color: #fff;font-size: 1.8rem; font-weight: 700;background: #00aeef; line-height:1.5;}
.secure-test-goal li:last-child{ background: #0046ff; }
.secure-test-goal li:first-child{ background: #003399; }

@media screen and (max-width:680px){
  .secure-test-goal{display: block; }
  .secure-test-goal li{ width:100%;  }

}

.secure-test-target{display: flex; justify-content: space-between; margin-top: 1rem; flex-wrap: wrap;}
.secure-test-target li{ width:49%; margin-bottom: 2rem;text-align: center; font-weight:600; padding: 4rem 1rem;border-radius: 10px;font-size: 1.8rem; line-height:1.5; background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); }
.secure-test-target li span{ font-weight:800; color:#0046ff; font-size:1.8rem;}

@media screen and (max-width:680px){
  .secure-test-target{display: block; }
  .secure-test-target li{ width:100%;  }

}

.biz-stepbox2 {position:relative; width:100%; padding:60px 30px;  border-radius:20px; background:#f8f9fa; box-sizing:border-box;}
.biz-stepbox2 .biz-steplist {display:flex; align-items:stretch; justify-content:center; gap:70px; flex-wrap:wrap; position:relative;}
.biz-stepbox2 .biz-steplist .biz-stepitem {position:relative; width:calc(100% / 4- 20px);}
.biz-stepbox2 .biz-steplist .item-box {display:flex; align-items:flex-start; justify-content:center; position:relative; max-width:250px; height:100%; padding:80px 20px 30px; border-radius:10px; border:1px solid #eeeeee; background:#ffffff; text-align:center; box-sizing:border-box; box-shadow:0 10px 20px rgba(0, 0, 0, 0.16);}
.biz-stepbox2 .biz-steplist .item-box:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-40px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.biz-stepbox2 .biz-steplist .biz-stepitem:last-child .item-box:after {display:none;}
.biz-stepbox2 .biz-steplist .item-box.step1 {border-color:#a4cdfd;}
.biz-stepbox2 .biz-steplist .item-box.step2 {border-color:#0067db;}
.biz-stepbox2 .biz-steplist .item-box.step3 {border-color:#6b0099;}
.biz-stepbox2 .biz-steplist .item-box.step4 {border-color:#100048;}
.biz-stepbox2 .biz-steplist .item-box.step5 {border-color:#003399;}
.biz-stepbox2 .biz-steplist .item-box.step6 {border-color:#000;}
.biz-stepbox2 .biz-steplist .item-box.step7 {border-color:#6d3800;}
.biz-stepbox2 .biz-steplist .item-box .num {display:block; position:absolute; top:25px; right:25px; width:34px; height:34px; border-radius:5px; font-size:16px; font-weight:600; line-height:34px; letter-spacing:-0.02em; color:#ffffff; font-family:'nanumsquare neo', sans-serif;}
.biz-stepbox2 .biz-steplist .item-box.step1 .num {background:#a4cdfd;}
.biz-stepbox2 .biz-steplist .item-box.step2 .num {background:#0067db;}
.biz-stepbox2 .biz-steplist .item-box.step3 .num {background:#6b0099;}
.biz-stepbox2 .biz-steplist .item-box.step4 .num {background:#100048;}
.biz-stepbox2 .biz-steplist .item-box.step5 .num {background:#003399;}
.biz-stepbox2 .biz-steplist .item-box.step6 .num {background:#000;}
.biz-stepbox2 .biz-steplist .item-box.step7 .num {background:#6d3800;}

.biz-stepbox2 .biz-steplist .item-box .text {font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#222222;}
.biz-stepbox2 .biz-steplist .item-box .text span{font-size:1.6rem; font-weight:400; line-height:1.3; letter-spacing:-0.03em; display: block;padding-top:10px;}

.biz-stepbox2 .smalltxt {font-size:1.4rem; padding-top:4rem; text-align: center;}

@media screen and (max-width:1280px){
	.biz-stepbox2 .biz-steplist {gap:30px;}
	.biz-stepbox2 .biz-steplist .biz-stepitem {width:calc(100% / 4 - 60px);}
	.biz-stepbox2 .biz-steplist .item-box {max-width:100%;}
	.biz-stepbox2 .biz-steplist .item-box .text {font-size:18px;}
	.biz-stepbox2 .biz-steplist .item-box:after {right:-20px;}
	
}

@media screen and (max-width:1024px){
	.biz-stepbox2 {padding:50px 30px; margin-top:30px;}
	.biz-stepbox2 .biz-steplist .biz-stepitem {width:calc(100% / 4 - 30px);}
	.biz-stepbox2 .biz-steplist .item-box {padding:60px 10px 25px;}
	.biz-stepbox2 .biz-steplist .item-box .text {font-size:16px;}
	.biz-stepbox2 .biz-steplist .item-box .num {top:20px; right:20px; width:24px; height:24px; font-size:14px; line-height:24px;}

}

@media screen and (max-width:768px){
	.biz-stepbox2 {padding:30px;}
	.biz-stepbox2 .biz-steplist .biz-stepitem {width:100%;}
	.biz-stepbox2 .biz-steplist .item-box {padding:50px 10px 20px;}
	.biz-stepbox2 .biz-steplist .item-box:after {top:unset; right:50%; bottom:-20px; transform:translateX(50%) translateY(0) rotate(90deg);}
	.biz-stepbox2 .biz-steplist .item-box .num {right:50%; transform:translateX(50%);}
	.biz-stepbox2 .biz-steplist .item-box .text {font-size:15px;}

}
.cyber-security-goal{display: flex; justify-content:row; margin-top:10px; flex-wrap: wrap;}
.cyber-security-goal li{ width:49%; margin-right:1%; margin-bottom:1%;text-align: center; padding: 4rem 3rem;border-radius: 10px;color: #fff;font-size: 1.8rem; background: #00aeef; line-height:1.5;}
.cyber-security-goal li:nth-child(2){margin-right:0; background-color: #0046ff;}
.cyber-security-goal li:nth-child(3){background-color: #362965; }
.cyber-security-goal li:nth-child(4){margin-right:0; background-color: #003399;}
.cyber-security-goal li p{font-weight:800; font-size: 2.5rem; padding-bottom:10px;;}

@media screen and (max-width:768px){
  .cyber-security-goal li{ font-size: 1.5rem;}
}
@media screen and (max-width:680px){
  .cyber-security-goal{ display: block;}
  .cyber-security-goal li{ width:100%; margin-right:0;margin-bottom:10px;}
}

.cyber-security-target{display: flex; justify-content:row; margin-top:10px; flex-wrap: wrap;}
.cyber-security-target li{ width:49%; margin-right:1%; margin-bottom:1%;text-align: center; padding: 4rem 1rem;border-radius: 10px;font-size: 1.8rem; line-height:1.5;background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); color: #000; }
.cyber-security-target li:last-child{margin-right:0; }

@media screen and (max-width:680px){
  .cyber-security-target{ display: block;}
  .cyber-security-target li{ width:100%; margin-right:0; margin-bottom:10px;}
}



.cyber-security-need{margin-top: 1rem;}
.cyber-security-need div{ width:100%; margin-bottom: 2rem; padding: 4rem;border-radius: 10px;background: #003399; color:#fff; line-height: 1.6;}
.cyber-security-need div:first-child{ background: #0046ff; }
.cyber-security-need div p{ color: #fff;font-size: 2.2rem; font-weight: 700;margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:10px;}
.cyber-security-need div:last-child{ background: #00aeef; }

.cyber-security-target2{display: flex; justify-content:row; margin-top:6rem; flex-wrap: wrap; }
.cyber-security-target2 li{ width:13%; margin-right:1%; margin-bottom:1%;text-align: center; }
.cyber-security-target2 li div{ background-color: #ffe2c0; border-radius: 99%;height:100px;width:100px; margin:0 auto;; }
.cyber-security-target2 li div img{padding-top:25px;}
.cyber-security-target2 li p{text-align: center;font-size: 1.8rem; line-height:1.4; color: #000; margin-top:10px;}
.cyber-security-target2 li div.skybg{ background-color: #c9efff; }
.cyber-security-target2 li:last-child{margin-right:0; }

@media all and (max-width:650px){
  .cyber-security-target2{display: block; }
  .cyber-security-target2 li{ width:48%; margin-right:1%;margin-bottom:10%; display: inline-block;}

}

.aiplus-intro{display: flex;justify-content: space-between; margin-top:10px;;}
.aiplus-intro li{ width:65%;font-size: 1.8rem; font-weight: 700; line-height:1.5;}
.aiplus-intro li:first-child{ width:30%; margin-right:5%;}
.aiplus-intro li:first-child img{ max-width: 100%;}
.aiplus-intro li:last-child img{ max-width: 100%; padding-top:10px;}

@media all and (max-width:650px){
	.aiplus-intro{display: block;;}
  .aiplus-intro li{ width:100%;}
  .aiplus-intro li:first-child{ width:100%; margin-right:0;}
}

.aiplus-target{display: flex;; margin-top:10px;justify-content: space-between; }
.aiplus-target div {width:18.5%; margin-bottom:10px;border-radius:12px; margin-right:1%;display: table; height:130px;}
.aiplus-target div p{text-align: center;color:#fff; font-weight: bold;font-size:2.2rem;display: table-cell; vertical-align: middle;}
.aiplus-target div.manu{background-image: url(../img/sub-aiplus-tar-manu.jpg); background-position: center; background-size: cover;}
.aiplus-target div.home{background-image: url(../img/sub-aiplus-tar-home.jpg); background-position: center; background-size: cover;}
.aiplus-target div.office{background-image: url(../img/sub-aiplus-tar-office.jpg); background-position: center; background-size: cover;}
.aiplus-target div.mul{background-image: url(../img/sub-aiplus-tar-mul.jpg); background-position: center; background-size: cover;}
.aiplus-target div.doso{background-image: url(../img/sub-aiplus-tar-doso.jpg); background-position: center; background-size: cover;}
.aiplus-target div.edu{background-image: url(../img/sub-aiplus-tar-edu.jpg); background-position: center; background-size: cover;}
.aiplus-target div.medi{background-image: url(../img/sub-aiplus-tar-medi.jpg); background-position: center; background-size: cover;}
.aiplus-target div.car{background-image: url(../img/sub-aiplus-tar-car.jpg); background-position: center; background-size: cover;}
.aiplus-target div.finance{background-image: url(../img/sub-aiplus-tar-finance.jpg); background-position: center; background-size: cover;}

@media all and (max-width:650px){
	.aiplus-target{display: block;}
	.aiplus-target div {width:100%; }

}

.aiplus-grade{display: flex; justify-content: space-between; margin-top: 1rem;}
.aiplus-grade .gradediv{ width:49%; margin-bottom: 4rem; padding: 4rem;border-radius: 10px;background: #003399;color:#fff;line-height:1.5; }
.aiplus-grade .gradediv:last-child{ background: #0046ff; }

.aiplus-grade .gradediv p{ color: #fff;font-size: 2.2rem; font-weight: 700;margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:10px;}
.aiplus-grade .gradediv span{font-weight:600; padding-top:15px; padding-bottom:5px;display: block;;}
.aiplus-grade .gradediv img{max-width:100%;}
.aiplus-grade .gradediv ul li{color: #fff;font-size: 1.8rem; }

@media all and (max-width:860px){
  .aiplus-grade .gradediv{ padding: 2rem;}

}
@media all and (max-width:650px){
  .aiplus-grade{display: block;}
  .aiplus-grade .gradediv{ width:100%; }
  .aiplus-grade .gradediv p{ font-size: 2.0rem; }
  .aiplus-grade .gradediv ul li{font-size: 1.4rem; }
}

.aiplus-expected { display: flex; justify-content: space-between;margin-top:20px;}
.aiplus-expected li { width: 24%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.8rem;line-height:1.5}
.aiplus-expected li p { color: #0046ff; font-size: 2.1rem; font-weight: 800; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}

@media all and (max-width:650px){
  .aiplus-expected { display: block;}
  .aiplus-expected li { width: 100%; margin-right: 0;}
}

.aiplus-mark { border: 1px solid #ddd; margin-top: 30px;  padding: 30px;  box-sizing: border-box;  border-radius: 4px;  text-align: center;}
.aiplus-mark ul { display: flex; width: 55%; margin: 0 auto; border-top: 1px dotted #ddd;}
.aiplus-mark ul li {width: 50%; text-align: left; margin-top: 20px;line-height:1.5;font-size: 1.4rem;}
.aiplus-mark ul li img{max-width:100%;}
.aiplus-mark ul li h6 { font-family: 'nanumsquare neo';  font-weight: bold;}
.aiplus-mark ul li p {font-family: 'nanumsquare neo'; font-size: 1.4rem; margin-top: 5px;line-height:1.5}
.aiplus-mark ul li p span {display: inline-block; width: 18px; height: 18px; border-radius: 99px; background-color: #01366e; vertical-align: middle;}
.aiplus-mark ul li p span.blue { background-color: #398aff;}

@media all and (max-width:680px){
  .aiplus-mark {padding:20px; }
  .aiplus-mark ul {display: block;width: 100%;}
  .aiplus-mark ul li {width: 100%;}
}

.aiplus-sample { margin-top: 20px; display: flex; justify-content: space-between;}
.aiplus-sample li { width: 24.5%; margin-right: 1%; height: 270px; background-color: #ddd;  background-size: cover;}

@media all and (max-width:680px){
  .aiplus-sample { display: block;}
  .aiplus-sample li { width:100%; margin-right: 0; margin-bottom:1%;}

}

.aiplus-sang{display: flex;justify-content: space-between;margin-top:10px;}
.aiplus-sang div{width:49%; margin-bottom:10px;border:1px solid #ddd; padding:30px; box-sizing: border-box;line-height:1.5;}
.aiplus-sang div h5{font-size:1.9rem; font-weight:700; line-height: 1.5;border-bottom:1px solid #333;margin-bottom:20px; font-family: 'nanumsquare neo';}
.aiplus-sang div p{font-size:1.6rem; margin-top:10px;display: inline-block; vertical-align: middle;}
.aiplus-sang div p img{max-width: 100%;padding-right:20px; padding-bottom:20px;}
.aiplus-sang div small{display:block; padding-top:20px; letter-spacing: -0.04em;}

@media all and (max-width:768px){
  .aiplus-sang{display: block;}
  .aiplus-sang div{width:100%;}
}


.aiplus-test-intro{display: flex;justify-content: space-between;margin-top:10px;background:var(--bg-gray);padding:4rem 6rem;}
.aiplus-test-intro li{width:75%; font-size:1.8rem; line-height:1.5; }
.aiplus-test-intro li img{max-width:100%; }
.aiplus-test-intro li:first-child{width:15%; margin-right:5%; text-align: center;}

@media all and (max-width:820px){
  .aiplus-test-intro{display: block;padding:3rem 4rem;}
  .aiplus-test-intro li{width:100%;}
  .aiplus-test-intro li:first-child{width:100%; margin-right:0;margin-bottom:20px; ;}

}
.counsel-list3 {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list3 .list-item {position:relative; width:calc(100% / 6);}
.counsel-list3 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.8rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #6400ff;;}
.counsel-list3 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list3 .list-item:last-child .itembox:after {display:none;}

.counsel-list3 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list3 .list-item .itembox.second{background-color:#0046ff;}
.counsel-list3 .list-item .itembox.third{background-color:#362965;}
.counsel-list3 .list-item .itembox.fourth{background-color:#100048;}
.counsel-list3 .list-item .itembox.last{background-color:#ff6400;}


@media screen and (max-width:1280px){
  .counsel-list3 .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list3 .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:768px){
  .counsel-list3 {flex-wrap:wrap;}
  .counsel-list3 .list-item {width:100%;}
  .counsel-list3 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list3 .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
}

.counsel-list7 {display:flex;  gap:30px; position:relative;}
.counsel-list7 .list-item {position:relative; width:calc(100% / 6);}
.counsel-list7 .list-item.long {width:35%;}

.counsel-list7 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.6rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #6400ff;;}
.counsel-list7 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list7 .list-item:last-child .itembox:after {display:none;}
.counsel-list7 .list-item p {font-size:1.3rem;  line-height:1.4; letter-spacing:-0.04em; margin-top:10px; text-align: center; }

.counsel-list7 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list7 .list-item .itembox.second{background-color:#0046ff;}
.counsel-list7 .list-item .itembox.third{background-color:#362965;}
.counsel-list7 .list-item .itembox.fourth{background-color:#100048;}
.counsel-list7 .list-item .itembox.last{background-color:#ff6400;}


@media screen and (max-width:1280px){
  .counsel-list7 .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list7 .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:1024px){
  .counsel-list7 {flex-wrap:wrap;}
  .counsel-list7 .list-item {width:100%;}
  .counsel-list7 .list-item.long {width:100%;}

  .counsel-list7 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list7 .list-item .itembox:after {top:unset; bottom:-30px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
  .counsel-list7 .list-item .itembox.fourth:after {top:unset; bottom:-60px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}

}





.dqc-use { display: flex; justify-content: space-between;margin-top:20px;}
.dqc-use li { width: 33%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  padding: 50px 30px;  box-sizing: border-box;  background: #0046ff; text-align: center;line-height: 1.5;;}
.dqc-use li p { color: #fff; font-size:1.8rem; font-weight: 800; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}
.dqc-use li img { max-width: 100%;}
.dqc-use li:first-child { background: #00aeef; }
.dqc-use li:last-child { background: #362965; margin-right:0;}

.dqc-benefit{ display: flex; justify-content: space-between;margin-top:20px;}
.dqc-benefit li { width: 18.5%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  padding: 50px 30px;  box-sizing: border-box;  background: #fff; text-align: center;line-height: 1.5;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);;}
.dqc-benefit li p{ font-size:1.8rem; font-weight:800; margin-top:20px;}

.dqc-benefit li img{max-width:100%; ;}

@media screen and (max-width:768px){
  .dqc-benefit{ display: block}
  .dqc-benefit li { width:100%; margin-right:0; }
}
@media screen and (max-width:680px){
  .dqc-use{ display: block}
  .dqc-use li { width:100%; margin-right:0; }
}


.dqc-txtbox{ border-radius:10px;background:var(--bg-gray);padding:5rem 3rem; }
.dqc-txtbox p{ font-size:1.8rem; line-height:1.5; font-weight:700;}
.dqc-txtbox span{ font-size:1.8rem; line-height:1.5; font-weight:700; display: block;}

.counsel-list4 {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list4 .list-item {position:relative; width:calc(100% / 5);}
.counsel-list4 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.8rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #6400ff;;}
.counsel-list4 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list4 .list-item:last-child .itembox:after {display:none;}

.counsel-list4 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list4 .list-item .itembox.second{background-color:#0046ff;}
.counsel-list4 .list-item .itembox.third{background-color:#362965;}
.counsel-list4 .list-item .itembox.fourth{background-color:#100048;}
.counsel-list4 .list-item .itembox.last{background-color:#ff6400;}

@media screen and (max-width:1280px){
  .counsel-list4 .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list4 .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:768px){
  .counsel-list4 {flex-wrap:wrap;}
  .counsel-list4 .list-item {width:100%;}
  .counsel-list4 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list4 .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
}

.counsel-list5 {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list5 .list-item {position:relative; width:calc(100% / 7); }
.counsel-list5 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.6rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box;}
.counsel-list5 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list5 .list-item:last-child .itembox:after {display:none;}
.counsel-list5 .list-item p {font-size:1.4rem; margin-top:10px; text-align: center;}

.counsel-list5 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list5 .list-item .itembox.second{background-color:#00cb86;}
.counsel-list5 .list-item .itembox.third{background-color:#0046ff;}
.counsel-list5 .list-item .itembox.fourth{background-color:#6400ff;}
.counsel-list5 .list-item .itembox.fifth{background-color:#100048;}
.counsel-list5 .list-item .itembox.sixth{background-color:#ff6400;}
.counsel-list5 .list-item .itembox.last{background-color:#6d3800;}

@media screen and (max-width:1280px){
  .counsel-list5 .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list5 .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:768px){
  .counsel-list5 {flex-wrap:wrap;}
  .counsel-list5 .list-item {width:100%;}
  .counsel-list5 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list5 .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
}






.dqc-btn {width:100%; text-align:center; margin-top:30px;}
.dqc-btn button{margin:0 auto;}

@media screen and (max-width:680px){
  .dqc-btn { margin-top:50px;}

}


.idq-expected { display: flex; justify-content: space-between;margin-top:20px;}
.idq-expected li { width: 33%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 30px;  box-sizing: border-box;  background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #000; font-size:1.8rem;line-height:1.5}
.idq-expected li p { color: #0046ff; font-size: 2.1rem; font-weight: 800; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}


@media all and (max-width:650px){
  .idq-expected { display: block;}
  .idq-expected li { width: 100%; margin-right: 0;}
}

.idq-standard ul{display: flex;justify-content: space-between;margin-top:30px;}
.idq-standard ul li p{padding-top:30px;}
.idq-standard ul li img{max-width:100%;}



@media all and (max-width:768px){
	.idq-standard ul li p{padding-top:18px;}
}

@media all and (max-width:600px){
	.idq-standard ul{display: block;margin-top:30px;}
	.idq-standard ul li p{padding-top:-10px; text-align: center;}
}

.idq-benefit ul{display: flex;justify-content: space-between;}
.idq-benefit ul li{width:22%; text-align: center; margin-right:3%;vertical-align: top;  }
.idq-benefit ul li:last-child{margin-right:0; }
.idq-benefit ul li p{font-size:1.8rem; color:#000; font-weight:600; letter-spacing:-0.01em; margin-top:30px;}
.idq-benefit ul li img{max-width:100%;}

@media all and (max-width:680px){
	.idq-benefit ul{display: block}
  .idq-benefit ul li{width:100%; margin-bottom:20%; }

}


.idq-docu{display: flex; justify-content: space-between; margin-top: 1rem;}
.idq-docu li{ width:49%; margin-bottom: 4rem;text-align: center; padding: 4rem 1rem;border-radius: 10px;font-size: 1.8rem; line-height:1.4; background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); }
.idq-docu li p{ font-size: 2.2rem; font-weight: 700; color:#000; margin-bottom:10px;}
.idq-docu li img{max-width:100%; padding-top:10px;}
.idq-docu li span{ font-size: 1.4rem;margin-top:10px;display: block;}

@media all and (max-width:680px){
  .idq-docu{display: block;}
  .idq-docu li{ width:100%; }

}


.idq-different {display: flex;justify-content: space-between;}
.idq-different li{width:23%; text-align: center; margin-right:2%;border-radius:10px;background:var(--bg-gray);padding:5rem 3rem;  }
.idq-different li:last-child{margin-right:0; }
.idq-different li p{font-size:2.1rem; color:#000; font-weight:800; letter-spacing:-0.01em; margin-top:30px; margin-bottom:10px;}
.idq-different li img{max-width:100%;}


@media all and (max-width:768px){
  .idq-different {display: block;}
  .idq-different li{width:100%; margin-right:0;margin-bottom:2%; }

}

.warning-system-intro{ width:100%; background-color: #ebf2ff; padding: 50px;  border-radius: 4px;}
.warning-system-intro p{margin-bottom:10px;}

.warning-system-facility { display: flex; justify-content: space-between;margin-top:20px;}
.warning-system-facility li { width: 45%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 30px;  box-sizing: border-box;  background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #000; font-size:1.8rem;line-height:1.5}
.warning-system-facility li p { color: #0046ff; font-size: 2.1rem; font-weight: 800; letter-spacing: -0.04em; padding-top: 10px;padding-bottom: 10px; border-bottom:1px solid #0046ff; margin-bottom:15px}
.warning-system-facility li:first-child { width: 25%;}
.warning-system-facility li:last-child { width: 25%; margin-right:0;}

@media all and (max-width:680px){
  .warning-system-facility { display: block;}
  .warning-system-facility li { width: 100%; margin-right:0%;}
  .warning-system-facility li:first-child { width: 100%;}
  .warning-system-facility li:last-child { width: 100%; }
  
}

.warning-system-effect { display: flex; justify-content: space-between;margin-top:20px;}
.warning-system-effect li { width: 23%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  background-color: #00aeef; padding: 50px 30px;  box-sizing: border-box; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #fff; font-size:1.8rem;line-height:1.5}
.warning-system-effect li p { color: #fff; font-size: 2.1rem; font-weight: 800; letter-spacing: -0.04em; padding-top: 10px;padding-bottom: 10px; border-bottom:1px solid #fff; margin-bottom:15px}
.warning-system-effect li:nth-child(2) {background-color: #0046ff;}
.warning-system-effect li:nth-child(3) {background-color: #362965;}
.warning-system-effect li:nth-child(4) {background-color: #003399;}

@media all and (max-width:768px){
  .warning-system-effect li p { font-size:1.8rem; }
}

@media all and (max-width:680px){
  .warning-system-effect { display:block;}
  .warning-system-effect li { width: 100%;}
}

.warning-system-test { display: flex; justify-content: space-between;margin-top:50px;}
.warning-system-test li { width: 23%; margin-right: 1%; margin-bottom: 10px; text-align: center;}
.warning-system-test li p { color: #003399; font-size:1.8rem;line-height:1.5; font-weight: 800; letter-spacing: -0.04em; padding-top:20px;}

@media all and (max-width:680px){
  .warning-system-test { display: block;}
  .warning-system-test li { width:100%; margin-right: 0; }
}

.trsutai-goal { display: flex; justify-content: space-between;margin-top:20px;}
.trsutai-goal li { width: 23%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box;  background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #0046ff; font-size:1.8rem;line-height:1.5;font-weight:700;}

.trsutai-move { display: flex; justify-content: space-between;margin-top:20px;}
.trsutai-move li { width: 23%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  background-color: #00aeef; padding: 50px 30px;  box-sizing: border-box; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #fff; font-size:1.8rem;line-height:1.5}
.trsutai-move li:nth-child(2) {background-color: #0046ff;}
.trsutai-move li:nth-child(3) {background-color: #362965;}
.trsutai-move li:nth-child(4) {background-color: #003399;}

.trustworthy-target {margin-top:20px;}
.trustworthy-target ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.trustworthy-target li{width:49%; background-color: #684fff; color:#fff; display: flex; justify-content: space-between;font-size:1.6rem;margin-bottom:20px;border-radius: 8px; overflow: hidden; }
.trustworthy-target li.lang{background-color: #0055ff;}
.trustworthy-target li.sound{background-color: #4fbfff;}
.trustworthy-target li.robot{background-color: #003678;}
.trustworthy-target li.vision{background-color: #0078e3;}

.trustworthy-target li .targetK{width:45%;background-image: url(../img/trustworthy-target01.jpg); background-size: cover; background-position:center}
.trustworthy-target li .targetN{width:45%;background-image: url(../img/trustworthy-target02.jpg); background-size: cover; background-position:center}
.trustworthy-target li .targetS{width:45%;background-image: url(../img/trustworthy-target03.jpg); background-size: cover; background-position:center}
.trustworthy-target li .targetR{width:45%;background-image: url(../img/trustworthy-target04.jpg); background-size: cover; background-position:center}
.trustworthy-target li .targetV{width:45%;background-image: url(../img/trustworthy-target05.jpg); background-size: cover; background-position:center}

.trustworthy-target li .targetK2{width:55%; padding:30px; box-sizing: border-box;}

.trustworthy-target li.andmore{display:block; width:49.5%; background-color: #fff; color:#0055ff; text-align: center;font-weight:600;}
.trustworthy-target li.andmore p{margin-top:50px;}

.trustworthy-target li p{font-weight:bold; font-size:1.8rem; margin-bottom:5px;}
.trustworthy-target li dl{margin-top:20px; }
.trustworthy-target li dl dd{font-size:1.4rem;line-height: 1.5; }


@media all and (max-width:768px){
	.trustworthy-target li{font-size:15px; }
	.trustworthy-target li dl dd{font-size:13px; }
	.trustworthy-target li.andmore{font-size:15px;}
}

@media all and (max-width:640px){
	.trustworthy-target ul{display: block;}
	.trustworthy-target li{width:100%;margin-bottom:10px; }
	.trustworthy-target li.andmore{ width:100%;;}
	.trustworthy-target li.andmore p{margin-top:30px;}
	}

.trsutai-effect { display: flex; justify-content: space-between;margin-top:20px;}
.trsutai-effect li { width: 23%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  background-color: #362965; padding: 50px 30px;  box-sizing: border-box; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #fff; font-size:1.8rem;line-height:1.5}
.trsutai-effect li p{ font-size:1.9rem;margin-bottom:5px; font-weight:800;}


.trustai-standard{margin-top:10px; display: flex; justify-content: space-between;background-color: #ebf2ff; padding: 40px 30px; text-align: center; border-radius: 4px;}
.trustai-standard li { width: 49%; margin-right: 1%; margin-bottom: 10px; font-size:1.8rem;line-height:1.5;}
.trustai-standard li:last-child {margin-right:0;}


.cered-intro{display: flex;justify-content: space-between; margin-top:20px; border-radius:10px;background:var(--bg-gray);padding:5rem 3rem; ;}
.cered-intro li{ width:83%;font-size: 1.8rem; line-height:1.5;}
.cered-intro li p{ margin-bottom:13px;}
.cered-intro li:first-child{ width:15%;text-align: center;}
.cered-intro li img{ width:100px;}

.cered-intro li:first-child img{ max-width: 100%;}
.cered-intro li span{ background-color: #fff; padding:10px 20px; margin-right:10px; font-size: 1.4rem;margin-top:20px; display: inline-block;}

@media all and (max-width:768px){
  .cered-intro li img{ width:80px;}
}

@media all and (max-width:650px){
	.cered-intro{display: block;padding:5rem 1.5rem;;}
  .cered-intro li{ width:100%;}
  .cered-intro li:first-child{ width:100%;}
  .cered-intro li img{ padding-bottom:20px;}
  .cered-intro li span{ margin-right:0px; ;margin-top:10px; display: block; text-align: center;}

}

.cered-expected { display: flex; justify-content: space-between;margin-top:20px;}
.cered-expected li { width: 32%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.8rem;line-height:1.5}
.cered-expected li p { color: #0046ff; font-size: 2.1rem; font-weight: 800; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 25px;padding-bottom: 10px;}

@media all and (max-width:650px){
  .cered-expected { display: block;}
  .cered-expected li { width: 100%; margin-right: 0;}
}

.cered-cyber{margin-top:10px; border-radius:10px;background:var(--bg-gray);padding:3rem; line-height: 1.5 ;}
.cered-cyber p{ font-weight:700;margin-top:20px;}

.cered-cyber .dot-llist li{ list-style: disc; margin-left:20px;}

.cered-cyber-target{display: flex; justify-content:row; margin-top:6rem; flex-wrap: wrap; }
.cered-cyber-target li{ width:22%; margin-right:1%; margin-bottom:1%;text-align: center;}
.cered-cyber-target li div{ background-color: #c9efff; border-radius: 99%;height:100px;width:100px; margin:0 auto;; }
.cered-cyber-target li div img{padding-top:25px; max-width:100%;}
.cered-cyber-target li p{text-align: center;font-size: 1.5rem; line-height:1.4;  margin-top:10px;}
.cered-cyber-target li:last-child{margin-right:0; }

@media all and (max-width:650px){
  .cered-cyber{padding:3rem 1.5rem;}
  .cered-cyber-target{display: block; }
  .cered-cyber-target li{ width:100%; margin-right:0%;margin-bottom:15%; display: block;}

}

.cered-cyber span{ text-align: center; display: block; font-size: 1.4rem; margin-top:20px;;}

.cered-wise{ width:100%; background-color: #ebf2ff; padding: 50px 30px; text-align: center; border-radius: 4px; }
.cered-wise ul{ display: flex; justify-content: space-between;}
.cered-wise ul li:first-child{width:20%; text-align: center;}
.cered-wise ul li:last-child{width:78%;text-align:left; line-height: 1.6;}
.cered-wise ul li p{font-size: 2.1rem; margin-bottom:10px;}
.cered-wise ul li img{max-width:100%;}

@media all and (max-width:650px){
  .cered-wise ul{ display: block;}
  .cered-wise ul li:first-child{width:100%;}
  .cered-wise ul li:last-child{width:100%;}
  .cered-wise ul li img{width:30%; padding-bottom:10px;}

}


.cered-merritdiv{ width:100%; background:url('../img/cered-wise-bg.jpg')center center no-repeat; background-size:cover;; padding: 40px 30px;margin-top:50px; }
.cered-merritdiv h4{ color:#fff; text-align: center; margin-top:30px;}
.cered-merritdiv h5{ color:#fff; text-align: center;}

.cered-merrit { display: flex; flex-wrap: wrap; margin-top:30px;;}
.cered-merrit li { display: flex; flex-direction: column; align-items: center;  text-align: center; width: calc(25% - 3.4rem);  margin: 0 1.7rem;
    min-height: 39rem;border-radius: 1rem; background-color: rgba(255,255,255,0.1); backdrop-filter: blur(6.8px);  
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; vertical-align: top; overflow: hidden;}
.cered-merrit li img {max-width:100%;padding:0;}
.cered-merrit li .merritit {font-size: 2.5rem;		font-weight: 700;		color: #fff;		letter-spacing: -0.020em;padding-top: 30px; 	}
.cered-merrit li span {width:70%; height:2px; background-color:#ff6400; display: block;margin-top:7px;	}

.cered-merrit li .merritxt { font-size:16px;  letter-spacing: -0.065em; color: #fff;  line-height: 1.5;  padding: 10px;}

@media screen and (max-width:768px){
  .cered-merritdiv { height:auto;padding:30px 0;  }
  .cered-merrit li {width: calc(50% - 3.4rem); min-height: 20rem; margin-bottom:20px;}
}
@media screen and (max-width:650px){
  .cered-merritdiv h4{ margin-top:10px;}
  .cered-merrit li {width:100%;}
  .cered-merrit li .merritit {font-size: 2.2rem;}

}

.cered-partner{ width:100%; }
.cered-partner li{ width:100%; background-color: #fff; padding: 20px 50px; border-radius: 4px; display: flex; align-items: center; margin-bottom:10px; }
.cered-partner li span{ width:25%; padding-left:10px; }
.cered-partner li span img{ max-width:100%; }

@media screen and (max-width:650px){
  .cered-partner li{display: block;padding:20px 30px; }
  .cered-partner li span{ width:100%; padding-left:0px; padding-bottom:20px; display: block; }
  .cered-partner li span img{ height:30%; }
}




.eggplant-visual { position: relative; width: 100%; height:280px; margin-top: 70px; border-radius: 12px; background: url(../img/solution-eggplant-top3.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .eggplant-visual {height:200px; margin-top: 50px;}
}

.eggplant-merritdiv{display: flex; justify-content: space-between;margin-top:10px; flex-wrap: wrap;}
.eggplant-merritdiv .eggplant-merrit {width: 49%; margin-right: 1%; margin-bottom: 10px;display: flex; background-color: #60479a; padding:30px;box-sizing: border-box;  border-radius:10px;color:#fff;}
.eggplant-merritdiv .eggplant-merrit div{margin-left:20px; width:80%; }
.eggplant-merritdiv .eggplant-merrit span{ display: block;width:15%; vertical-align: top;}
.eggplant-merritdiv .eggplant-merrit span img{ max-width: 100%;}

.eggplant-merritdiv .eggplant-merrit div p{font-weight:800; font-size:1.8rem; margin-bottom:10px;;}
.eggplant-merritdiv .eggplant-merrit:nth-child(2){ margin-right:0;}
.eggplant-merritdiv .eggplant-merrit:nth-child(4){ margin-right:0;}

@media all and (max-width:680px){
  .eggplant-merritdiv{display:block;}
  .eggplant-merritdiv .eggplant-merrit {width: 100%; margin-right:0; }

}

.eggplant-func{width:100%; background-color: #ebf2ff; padding: 40px 30px;  border-radius: 4px;margin-top:15px;;}
.eggplant-func p{font-weight:800; font-size:1.9rem; margin-bottom:10px;;}
.eggplant-func div{display: flex;margin-top:15px;;}
.eggplant-func div img{max-width:100%; padding-right:10px;}

.eggplant-industry{display: flex;justify-content: space-between;margin-top:10px; flex-wrap: wrap}
.eggplant-industry .list-item { width: 32%; border-radius: 10px; overflow: hidden;margin-bottom: 20px;}
.eggplant-industry .list-item .imgdiv { width: 100%; height:200px; overflow: hidden;  border-radius: 10px;  margin-bottom: 20px;}
.eggplant-industry .list-item .imgdiv img { width:100%; max-width:100%;height:200px;}
.eggplant-industry .list-item p {font-weight:800; font-size:1.9rem; margin-bottom:10px;margin-left:10px;;}
.eggplant-industry .list-item ul {margin-left:10px;;}

@media all and (max-width:680px){
  .eggplant-industry{display: block}
  .eggplant-industry .list-item { width:100%;margin-bottom: 40px;}
  .eggplant-industry .list-item .imgdiv {height:150px; }
  .eggplant-industry .list-item .imgdiv img {height:150px;}


}
.owlits-visual { position: relative; width: 100%; height:450px; margin-top: 70px; border-radius: 12px; overflow: hidden;background-color: #16298b;text-align: center;padding-top:5%; vertical-align: bottom;}
.owlits-visual img { text-align: center; max-width: 100%;}


.owlits-func{display: flex;;margin-top:10px;flex-wrap: wrap;}
.owlits-func li{width:calc(100% / 3); text-align: center; line-height: 1.5; margin-bottom:40px;}
.owlits-func li p{font-weight:800; font-size:1.9rem; margin-bottom:10px;margin-top:10px;;}

.owlits-merrit{display: flex;;margin-top:50px;flex-wrap: nowrap;}
.owlits-merrit li{width:calc(100% / 5); text-align: center; line-height: 1.5; margin-bottom:40px; }
.owlits-merrit li p{font-weight:600; font-size:1.8rem; margin-bottom:10px;margin-top:20px;;}


.owlits-compare{width:100%; background-color: #ebf2ff; padding: 60px 30px; box-sizing: border-box; border-radius: 4px; display: flex; }
.owlits-compare li{width:25%;text-align: center; }
.owlits-compare li:first-child{width:50%}
.owlits-compare li img{max-width:100%}
.owlits-compare-img{width:15px;}


@media all and (max-width:768px){
  .owlits-visual { height:350px;}
  .owlits-func li{width:calc(100% / 2); ;}
  .owlits-merrit{flex-wrap: wrap;}
  .owlits-merrit li{width:calc(100% / 2);}
}

@media all and (max-width:680px){
  .owlits-visual { height:250px;}
  .owlits-func{display: block;}
  .owlits-func li{width:100%;}

}
.coderay-visual { position: relative; width: 100%; height:280px; margin-top: 70px; border-radius: 12px; background: url(../img/solution-coderay-top.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .coderay-visual { height:150px; margin-top:50px; background-position: left;}

}
.coderay-top{display: flex; flex-wrap: wrap; }
.coderay-top li {position: relative; width:23%; margin-right:2%;padding: 4.3rem 2rem; box-sizing: border-box; text-align: center; background: #fff; border-radius: 0.5rem; 
	box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.coderay-top li:last-child{margin-right:0;} 

.coderay-top li img {max-width:100%;}
.coderay-top li p {font-weight:800; font-size:1.8rem; margin-bottom:10px;margin-top:20px;;}

@media all and (max-width:768px){
  .coderay-top li { width:48%; margin-bottom:2%; }
}

@media all and (max-width:680px){
  .coderay-top{display: block }
  .coderay-top li { width:100%;}
}
.coderay-func{display: flex;;margin-top:10px;flex-wrap: wrap; }
.coderay-func li{width:32%; margin-right:1%; background-color: #ebf2ff; padding: 40px 30px;  border-radius: 4px;margin-top:15px; text-align: center; line-height: 1.5;}
.coderay-func li p{font-weight:800; font-size:1.9rem; margin-bottom:10px;margin-top:10px;;}
.coderay-func li img{padding-top:20px;max-width: 100%;}
.coderay-func li:last-child{ margin-right:0; }
@media all and (max-width:680px){
  .coderay-func{display: block}
  .coderay-func li{width:100%; margin-right:0; }
}

.coderay-graybox{border-radius:10px;background:var(--bg-gray);padding:5rem 3rem; display: flex;}
.coderay-graybox ul{width:33%;}

@media all and (max-width:680px){
  .coderay-graybox{ display:block;}
  .coderay-graybox ul{width:100%; margin-top:10px;}

}
.sparrow-visual { position: relative; width: 100%; height:280px; margin-top: 70px; border-radius: 12px; background: url(../img/solution-sparrow-top.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .sparrow-visual {height:180px; margin-top: 50px;}

}
.sparrow-top{background-color: #ebf2ff; padding: 60px 30px;  border-radius: 4px;margin-top:15px; text-align: center; }
.sparrow-top img{max-width:100%; }

.sparrow-func{display: flex; flex-wrap: wrap;}
.sparrow-func div{width:31%; margin-right:2%;margin-bottom:2%; border-radius:10px;background:var(--bg-gray);padding:4rem 3rem; }
.sparrow-func div p{font-weight:800; font-size:1.9rem; margin-bottom:10px;margin-top:10px;;}

@media all and (max-width:680px){
  .sparrow-func{display:block;}
  .sparrow-func div{width:100%; margin-right:0; }

}
.sparrow-func div:nth-child(3){margin-right:0;  }


.stonedq-func{display: flex; flex-wrap: wrap; margin-top:10px; }
.stonedq-func li {position: relative; width:31%; margin-right:2%; margin-bottom:2%;padding: 4.3rem 2rem; box-sizing: border-box; text-align: center; background: #fff; border-radius: 0.5rem; 
	box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}

.stonedq-func li:nth-child(3){margin-right:0;  }
.stonedq-func li img {max-width:100%;}
.stonedq-func li p {font-weight:800; font-size:1.8rem; margin-bottom:10px;margin-top:20px;;}

@media all and (max-width:768px){
  .stonedq-func li { width:48%; margin-bottom:2%; }
}

@media all and (max-width:680px){
  .stonedq-func{display: block }
  .stonedq-func li { width:100%;}
}

.stonedq-expected { display: flex; justify-content: space-between;margin-top:20px; flex-wrap:wrap}
.stonedq-expected li { width: 31%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.8rem;line-height:1.5}
.stonedq-expected li p { font-size: 1.6rem; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}
.stonedq-expected li strong {  font-weight: 800; }

@media all and (max-width:650px){
  .stonedq-expected { display: block;}
  .stonedq-expected li { width: 100%; margin-right: 0;}
}

.stonedq-visual { position: relative; width: 100%; height:280px; margin-top: 70px; border-radius: 12px; background: url(../img/solution-stonedq-top.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .stonedq-visual {height:200px; margin-top: 50px;}
}

.stonedq-con02{margin-top:10px;}
.stonedq-con02-list { display: flex;  align-items: stretch;  justify-content: flex-start;  gap: 20px;  flex-wrap: wrap;  position: relative;}
.stonedq-con02-list li {  position: relative;  width: calc(24% - 20px / 4); margin-bottom:30px;}
.stonedq-con02-list .thumbnail { position: relative; padding-bottom: 58.0646%;  border-radius: 10px;  box-sizing: border-box;  overflow: hidden;}
.stonedq-con02-list .thumbnail > img {  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.stonedq-con02-list .desc {  margin-top: 20px;  text-align: center;}
.stonedq-con02-list .desc .title {  font-size: 2.4rem;  font-weight: 700;  line-height: 1.4;  letter-spacing: -0.04em;  color: #000000;}
.stonedq-con02-list .desc .text { margin-top: 10px;  font-size: 1.8rem;  font-weight: 400;  line-height: 1.4;  letter-spacing: -0.04em;  color: #222222;}

@media all and (max-width:820px){
  .stonedq-con02-list li { width: calc(50% - 40px / 3); }
}
@media all and (max-width:680px){
  .stonedq-con02-list li { width:100% }
}


.testservice-top { display: flex; justify-content: space-between;margin-top:20px;}
.testservice-top li { width: 24%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.8rem;line-height:1.5}
.testservice-top li span{ width: 90px; height:90px; border-radius: 99px;  padding:20px;  box-sizing: border-box; background-color: #0046ff; text-align: center; display: block; margin:0 auto;}
.testservice-top li span img{max-width: 100%;;}
.testservice-top li p { color: #0046ff; font-size: 2.1rem; font-weight: 800; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}

@media all and (max-width:767px){
  .testservice-top { display: block}
  .testservice-top li { width: 100%; margin-right:0;}
}

.testservice-boon {margin-top:10px; margin-bottom:20px;background-color: #e9f2ff; border-radius: 2px; padding:30px }
.testservice-boon h6{font-size: 2.1rem; font-weight: 800;margin-bottom:10px; }
.testservice-boon ul{display: flex;  justify-content: flex-start; margin-top:20px; flex-wrap: wrap;; }
.testservice-boon ul li{width: 19%; margin-right: 1%; margin-bottom: 1%;text-align: center; background-color: #fff;padding:20px;font-size:1.5rem;}
.testservice-boon ul li:nth-child(5){margin-right:0;  }
.testservice-boon ul li img{width:60%;padding-top:10px; }

@media all and (max-width:768px){
  .testservice-boon ul li{width: 32%;}
  .testservice-boon ul li:nth-child(3){margin-right:0;  }
  .testservice-boon ul li:nth-child(5){margin-right:1%;  }
}
@media all and (max-width:599px){
  .testservice-boon { padding:20px }
  .testservice-boon ul li{width: 48%;padding:10px;}
  .testservice-boon ul li:nth-child(2){margin-right:0;  }
  .testservice-boon ul li:nth-child(3){margin-right:1%;  }
}

.testservice-jong { display: flex; justify-content: space-between;;background-color: #e9f2ff; border-radius: 2px; }
.testservice-jong li { width: 48%; margin-right: 1%; padding: 50px 20px;  box-sizing: border-box; text-align: center;  color: #000; font-size:1.8rem;line-height:1.5}
.testservice-jong li img{ max-width:100%; }

.testservice-target{display: flex; justify-content: space-between;margin-top:10px;}
.testservice-target li{width:31%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px; color:#fff;background-color: #00aeef;}
.testservice-target li:first-child { background-color: #0055ff;}
.testservice-target li:last-child { background-color: #362965; margin-right:0;}
.testservice-target li div { background-image: url(../img/testservice-tg02.jpg);  background-size: cover;  background-position: center;  height: 135px;}
.testservice-target li:first-child div { background-image: url(../img/testservice-tg01.jpg); background-size: cover; background-position: center; height: 135px;}
.testservice-target li:last-child div {background-image: url(../img/testservice-tg03.jpg); background-size: cover; background-position: center;  height: 135px;}
.testservice-target li p { width: 100%; height: 135px; display: table;  text-align: center;}
.testservice-target li p span { display: table-cell; vertical-align: middle; font-weight:700; font-size:1.8rem;}

@media all and (max-width:767px){
  .testservice-target{display:block}
  .testservice-target li{width:100%; margin-right: 0; }
}


.testservice-merrit { display: flex; justify-content: space-between;margin-top:20px; flex-wrap: wrap;}
.testservice-merrit li { width: 49%; margin-right: 1%; margin-bottom:1%; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.8rem;line-height:1.5; font-weight: 700;;}

@media all and (max-width:767px){
  .testservice-merrit { display: block}
  .testservice-merrit li { width:100%; margin-right:0; }
}


.testservice-effect{display: flex; justify-content: space-between;margin-top:10px;}
.testservice-effect li{width: 24%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #0046ff; color:#fff; text-align: center;}
.testservice-effect li:first-child { background-color: #003678;}
.testservice-effect li:last-child { margin-right: 0;}
.testservice-effect li div { width: 70px; height: 70px; background-color: #fff; border-radius: 100px; text-align: center; margin: 0 auto;}
.testservice-effect li p { font-weight: 700; margin-top: 15px;  font-size:2.1rem; margin-bottom:10px;}
.testservice-effect li div img {  padding-top: 13px;}
.testservice-effect li:nth-child(3){background-color: #00aeef; }
.testservice-effect li:nth-child(4){background-color: #362965; }

@media all and (max-width:767px){
  .testservice-effect{display: block}
  .testservice-effect li{width: 100%; margin-right: 0;}

}
.consulting-pro-top{display: flex; justify-content: space-between;margin-top:10px;}
.consulting-pro-top li{width: 19%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; border-radius: 2px; text-align: center; }
.consulting-pro-top li:last-child{margin-right: 0;}
.consulting-pro-top li p { font-weight: 700; margin-top: 15px;  font-size:2.1rem; margin-bottom:10px; color:#0046ff;}
.consulting-pro-top li span {width: 80px; height: 80px; background-color: #0046ff; border-radius: 100px; text-align: center; margin: 0 auto; display: block;}
.consulting-pro-top li span img {padding-top:25px;}
@media all and (max-width:680px){
  .consulting-pro-top{display: block}
  .consulting-pro-top li{width: 100%; margin-right:0; }

}

.consulting-pro-top2{display: flex; justify-content: space-between;margin-top:10px;}
.consulting-pro-top2 li{width: 19%; margin-right: 1%; margin-bottom: 10px;line-height: 1.5;}
.consulting-pro-top2 li:last-child{width: 80%; margin-right: 0; background-color: #ff6400; padding:35px; box-sizing: border-box;color:#fff;}
.consulting-pro-top2 li img{max-width: 100%; width:280px;}
.consulting-pro-top2 li:first-child{background: url(../img/quality_process2_01.jpg) center center no-repeat;background-size: cover; }


@media all and (max-width:680px){
  .consulting-pro-top2{display: block;}
  .consulting-pro-top2 li{width: 100%; margin-right: 0;}
  .consulting-pro-top2 li:last-child{width: 100%; }

}

.consulting-quality-top{display: flex; justify-content: space-between;margin-top:10px; flex-wrap: wrap;}
.consulting-quality-top li{width: 32.5%; margin-right: 1%; margin-bottom: 1%;line-height: 1.5;color:#fff; background-color: #0046ff; padding:40px; box-sizing: border-box;text-align: center;font-size:1.8rem; }
.consulting-quality-top li:nth-child(2){background-color: #00aeef;}
.consulting-quality-top li:nth-child(3){margin-right:0; background-color: #00a6b0;}
.consulting-quality-top li:nth-child(4){background-color: #003678;}
.consulting-quality-top li:nth-child(5){background-color: #021846;}
.consulting-quality-top li:nth-child(6){margin-right:0; background-color: #362965;}

@media all and (max-width:680px){
  .consulting-quality-top{display:block;}
  .consulting-quality-top li{width:100%; margin-right: 0; }
}
.consulting-quality-jong{margin-top:10px; width:100%;}
.consulting-quality-jong ul{margin-top:20px;  line-height: 1.5; background-color: #e9f2ff; padding:40px; box-sizing: border-box;}

@media all and (max-width:680px){
  .consulting-quality-jong ul{ padding:25px;}

}



.recruit-visual { position: relative; width: 100%; height:300px; display: table; padding:50px 10px; margin-top: 70px; border-radius: 20px; background: url(../img/sv2.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}
.recruit-visual p {font-size:24px; color:#fff; text-align: center;display: table-cell; vertical-align: middle;font-family: 'nanumsquare neo'; line-height: 1.5;}

.recruit-con01{margin-top:10px;}
.recruit-con01-list {display: flex; flex-wrap: wrap; margin: 0 -0.9rem;}
.recruit-con01-list li {position: relative; width: calc(20% - 1.8rem); margin: 0 0.9rem; padding: 5.3rem 3.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #fff; border: 1px solid #cfcfcf; border-radius: 0.5rem; 
	box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.recruit-con01-list li:before {position: absolute; opacity: 0; width: calc(100% + 2px); height: calc(100% + 2px); content: ''; border-radius: 0.5rem; border: 3px solid #146ee2; top: -1px; left: -1px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s;}
.recruit-con01-list li span {display: inline-block; height: 9.9rem;}
.recruit-con01-list li span img {max-height: 100%;}

.recruit-con01-list li dl {padding-top: 3rem;}
.recruit-con01-list li dl dt {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.050em; color: #ff6400; line-height: 1.375;}
.recruit-con01-list li dl dd {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(0,0,0,0.3); line-height: 1.1; padding-top: 0.5rem;}
.recruit-con01-list li .txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.44; padding-top: 2rem;}


@media all and (max-width:1024px){
  .recruit-con01-list li { width: calc(50% - 1.8rem); margin-bottom:20px }
}
@media all and (max-width:680px){
  .recruit-con01-list li { width:100% }
}

.recruit-con02{margin-top:10px;}
.recruit-con02-list { display: flex;  align-items: stretch;  justify-content: flex-start;  gap: 20px;  flex-wrap: wrap;  position: relative;}
.recruit-con02-list li {  position: relative;  width: calc(33.3333% - 40px / 3); margin-bottom:30px;}
.recruit-con02-list .thumbnail { position: relative; padding-bottom: 58.0646%;  border-radius: 10px;  box-sizing: border-box;  overflow: hidden;}
.recruit-con02-list .thumbnail > img {  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.recruit-con02-list .desc {  margin-top: 20px;  text-align: left;}
.recruit-con02-list .desc .title {  font-size: 2.4rem;  font-weight: 700;  line-height: 1.4;  letter-spacing: -0.04em;  color: #000000;}
.recruit-con02-list .desc .text { margin-top: 10px;  font-size: 1.8rem;  font-weight: 400;  line-height: 1.4;  letter-spacing: -0.04em;  color: #222222;}

@media all and (max-width:820px){
  .recruit-con02-list li { width: calc(50% - 40px / 3); }
}
@media all and (max-width:680px){
  .recruit-con02-list li { width:100% }
}

.recruit-step{ margin-top: 40px;}
.recruit-step .tit { font-size: 1.8rem ;color: #000;  margin-bottom:10px; font-weight:800; }
.recruit-step-job {margin-top:10px;display: flex;justify-content: space-between; flex-wrap: wrap;}
.recruit-step-job .job_item { width: calc(100% / 3 - 15px); }
.recruit-step-job .job_itembox { display: flex; justify-content: space-between; border-radius: 8px; padding: 32px; border: 1px solid #dddddd; box-sizing: border-box; box-shadow: 0 10px 17px rgba(0, 0, 0, 0.06);}
.recruit-step-job .job_itembox .job_link { display: block; position: relative; width: 18px; height: 20px; background: url(../img/ico_linkbox_arrow.svg) center center no-repeat;background-size: 18px 20px; }
.recruit-step-job .job_itembox .job_down { display: block; position: relative; width: 20px; height: 20px; background: url(../img/ico_downloadbox_down.svg) center center no-repeat;background-size: 20px 20px}
.recruit-step-job .job_itembox span {font-size:22px;}
.recruit-step-job .job_itembox:hover {border-color:#0046ff; color:#0046ff; box-shadow:0 10px 17px rgba(0, 100, 220, 0.10);transition: all 0.3s ease;}
.recruit-step-job .job_itembox img {max-width:100%;;}

@media all and (max-width:820px){
  .recruit-step-job .job_item { width: calc(100% / 2 - 15px); }
  .recruit-step-job .job_itembox { margin-bottom:20px;}
}
@media all and (max-width:680px){
  .recruit-step-job .job_item { width: 100%; }

}

.benefit-visual { position: relative; width: 100%; height:300px; display: table; padding:50px 10px; margin-top: 70px; border-radius: 20px; background: url(../img/sv4.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}
.benefit-visual p {font-size:24px; color:#fff; text-align: center;display: table-cell; vertical-align: middle;font-family: 'nanumsquare neo'; line-height: 1.5;}
@media screen and (max-width:680px){
  .benefit-visual p {font-size:1.8rem; }

}

.benefit-con01 {display: flex;flex-wrap: wrap; margin-top:30px; align-items: stretch;  justify-content:flex-start; gap: 46px; font-size: 1.8rem;line-height: 1.5;  letter-spacing: -0.04em;}
.benefit-con01 li{position: relative; width: calc(100% / 5 - 39.8px); padding: 30px; border-radius: 10px; background: #fff;  text-align: center; box-sizing: border-box; overflow: hidden;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); font-weight:700;}
.benefit-con01 li img {display: block; max-width: 100%; margin:0 auto; padding-bottom:20px;}

@media screen and (max-width:1024px){
  .benefit-con01 li{width: calc(100% / 3 - 39.8px);}
}
@media screen and (max-width:680px){
  .benefit-con01 {gap: 16px;}

  .benefit-con01 li{width: calc(100% / 2 - 10.8px);}
}

.benefit-education{width:100%; background: url(../img/benefit-educationbg.jpg) center center no-repeat;background-size: cover; padding:50px 0; }
.benefit-education h4{color:#fff;}
.benefit-education ul{color:#fff;}

.benefit-cate{ width:100%; background-color: #fff; border-radius: 4px; padding:50px; box-sizing: border-box; margin-top:30px; display: flex;;}
.benefit-cate div{ width:65%;vertical-align: middle; }
.benefit-cate div:first-child{ width:30%; margin-right:5%}
.benefit-cate div p{font-size:2rem; font-weight:800; margin-top:12%;margin-left:40px; }
.benefit-cate div ul{ color:#000;;}
@media screen and (max-width:820px){
  .benefit-cate div p{margin-top:18%;margin-left:10px; }

}
@media screen and (max-width:680px){
  .benefit-cate{ display: block; padding:30px}
  .benefit-cate div{ width:100%; }
  .benefit-cate div:first-child{ width:100%; margin-right:0}
  .benefit-cate div p{margin-top:0;margin-left:0; margin-bottom:20px; }

}
.benefit-office{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:20px;}
.benefit-office li { width:18%; margin-bottom:30px;}
.benefit-office li img { max-width: 100%;}

@media screen and (max-width:680px){
  .benefit-office{display: block;}
  .benefit-office li { width:100%;}

}

.askdiv{display: flex; justify-content: space-between; margin-top:30px;}

.ask-top{ margin:30px 0; width:100%; background:var(--bg-gray); padding:3rem; border-radius: 12px; text-align: center;}
.ask-top h5{font-size:1.8rem;  }
.ask-top p{font-size:2.4rem; font-weight:800; line-height:1.4; letter-spacing:-0.05em; color:#000000; font-family:'nanumsquare neo', san-serif; margin-top:10px;}
.ask-top p img{vertical-align: middle; padding-right:5px;}
.ask-top p span{font-weight:400; padding:0 20px;opacity: 0.5;}

@media screen and (max-width:680px){
  .ask-top p{font-size:1.7rem; line-height:1.5}
  .ask-top p span{display: none;}

}


.nxFaq { display: block; border-top: 1px solid #000;}
.nxFaq > li { position: relative; border-bottom: 1px solid #ddd;}
.nxFaq > li::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;  border: 3px solid #0046ff; box-sizing: border-box;  transition: opacity 0.5s;}

.nxFaq > li > a { position: relative; display: block; font-size: 1.8rem; font-weight:600;  padding: 28px 40px 28px 100px; z-index: 100;}
.nxFaq > li > a:hover {color: #000;}
.nxFaq > li > a:before {content: "Q";position: absolute; top: 50%; left: 30px; width: 40px; height: 40px; text-align: center; font-weight: 500;  color: #fff;
background: #0046ff;  border-radius: 50%;  line-height: 40px;  font-size: 23px;  font-family: "Pretendard", sans-serif;  font-weight: 600;  transform: translateY(-50%);}
.nxFaq > li > a::after { content: ""; position: absolute;  top: 50%; right: 50px; width: 0px; height: 0px; border-bottom: 6px solid #ddd;
border-left: 5px solid transparent;  border-right: 5px solid transparent;  transform: translateY(-50%);}
.nxFaq > li.open > a { font-weight: 500; color: #0046ff;}
.nxFaq > li.open > a::after {border-bottom: none;	border-top: 6px solid #0046ff;}

.nxFaq > li > .answer { display: none; position: relative; border-top: 1px solid #ddd; padding: 30px 40px 30px 100px; background: #f8f8f8;}
.nxFaq > li > .answer > p { position: relative; font-size: 1.8rem; line-height: 1.6;}
.nxFaq > li > .answer > p:before {content: "A";	position: absolute;	top: 0px;	left: -60px;font-size: 23px;	font-weight: 500;	color: #ff6400;	font-weight: 600;}
.nxFaq.open_type {background: #fff;}
.nxFaq.open_type > li > a {	cursor: text;}
.nxFaq.open_type > li > a:after,.nxFaq.open_type > li > .answer > p:before {	display: none;}
.nxFaq.open_type > li > .answer {display: block;	border-top: 0;	padding: 0 20px 30px;	background: #fff;}
.nxFaq > li.open::after {	opacity: 1;	visibility: visible;}
.nxFaq > li.open > a:before {	background: #0046ff;}
.nxFaq > li.open > a {	font-weight: 500;	color: #0046ff;}

.nxFaqTab {	padding-bottom: 10px;	margin-left: -14px;}
.nxFaqTab > li {	float: left;	position: relative;	padding: 6px 14px;}
.nxFaqTab > li:after {	content: "";	display: block;	position: absolute;	right: 0;	top: 50%;	margin-top: -6px;	width: 1px;	height: 12px;	background: #666;}
.nxFaqTab > li:last-child:after {	display: none;}
.nxFaqTab > li > a {	font-size: 17px;	font-weight: 500;	color: #333;}
.nxFaqTab > li > a:hover {	color: #0046ff;}
.nxFaqTab > li > a.act {	font-weight: 700;	color: #0046ff;}


@media (max-width: 640px) {
	.nxFaq > li > a {font-size: 15px;	padding: 13px 30px 13px 50px;	}
	.nxFaq > li > a:before {left: 9px;	}
	.nxFaq > li > .answer {padding: 20px 28px 20px 50px;	}
	.nxFaqTab {	margin-left: -12px;	}
	.nxFaqTab > li {		padding: 5px 12px;	}
	.nxFaqTab > li > a {		font-size: 15px;	}
	.nxFaq > li > a:before {	width: auto;	height: auto;	top: 12px;	left: 13px;	font-size: 24px;	color: #ccc;	line-height: 1;	background-color: transparent;	transform: none;	}
	.nxFaq > li > a::after {	right: 20px;	}
	.nxFaq > li.open > a:before {		color: #007dc6;	background-color: transparent;	}
	.nxFaq > li > a:after {		top: 22px;	}
	.nxFaq > li > .answer > p:before {		left: -35px;		font-size: 24px;	}
}

.feedback{margin-top:30px;}
.feedback p{font-size:2.4rem; font-weight:800; line-height:1.5; letter-spacing:-0.05em; color:#000000;text-align: center;}
.feedback p span{font-size:1.8rem; font-weight:500; }
.feedback .real{background:var(--bg-gray); padding:4rem; border-radius: 12px; text-align: center; margin-top:30px;}

.feedback .real h5{font-size:2.4rem; font-weight:800; line-height:1.5; letter-spacing:-0.05em; color:#000000;text-align: center;margin:30px 0 10px;}
.feedback .real h6{margin-bottom:30px;}
.feedback .real button{margin:0 auto;}

.feedback .real .mobileico{width:150px; height:150px; background-color: #fff;border:1px solid #ddd; border-radius: 99px; margin: 0 auto; background-image: url(../img/mobileico.png); background-position: center; background-repeat: no-repeat;}

@media (max-width: 768px) {
  .feedback .real h5{font-size:1.9rem; }
}
@media (max-width: 640px) {
  .feedback p{font-size:2.1rem;}

  .feedback .real h5{font-size:1.5rem; }
}


	/* 반응형 테이블  */
	.tbl01.board_type01.rspvn_table { clear: both;}
	.tbl01.board_type01.rspvn_table colgroup{display:none;}
	.tbl01.board_type01.rspvn_table thead{display:none;}
	.tbl01.board_type01.rspvn_table tbody{overflow:hidden;}
	.tbl01.board_type01.rspvn_table tbody tr{overflow:hidden;border-left:1px solid #ddd;border-right:1px solid #ddd;}
	.tbl01.board_type01.rspvn_table tbody tr:first-child { margin-top: 0; border-top: none;}
	.tbl01.board_type01.rspvn_table tbody tr + tr{border-top: 2px solid #444;  margin-top: 1rem; display: block;}
	.tbl01.board_type01.rspvn_table tbody td{position: relative; width: 100%;  min-height: 4.8rem; float: left;  text-align: left; padding: 1.5rem 1.5rem 1.5rem 12.5rem; border: 0;font-size:1.5rem !important;vertical-align:middle;}
	.tbl01.board_type01.rspvn_table td + td {border-top:1px solid #ddd;}
	.tbl01.board_type01.rspvn_table td[data-cell-header]:before {content: attr(data-cell-header);  float: left;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 15rem; font-weight: 600;  padding: 0 1rem;}
	.tbl01.board_type01.rspvn_table td[data-cell-header]:after{ border: 0;  position: absolute;  left: 0;  top: 0;  width: 10rem;  height: 100%;  display: block;  content: "";  z-index: 1;}
	.tbl01.board_type01.rspvn_table td[data-cell-header]:before {font-size:1.5rem; content: attr(data-cell-header);  float: left;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 11rem; font-weight: 600;  padding: 0 1rem;}
	.tbl01.board_type01.rspvn_table td[data-cell-header]:after{background:var(--bg-gray);border: 0;  position: absolute;  left: 0;  top: 0;  width: 11rem;  height: 100%;  display: block;  content: "";  z-index: 1;}

 

.fairness{border-radius:10px;background:var(--bg-gray);padding:30px; line-height: 1.5;}
.fairness .sign{text-align: center}
.fairness .sign img{width:100px;}



	
.img-box {
  position: relative;
}
.img-box img {
  width: 100%;
}

/* 반응형 br 처리 */
.br {display:block}
@media all and (max-width:1000px)  {
	.br {display:inline}
}

.c-list li {
  position: relative;
  font-size: 20px;
  color: #444;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding-left: 12px;
}
.c-list li:before {
  position: absolute;
  display: block;
  content: "";
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0067db;
}
.c-list li:last-child {
  margin-bottom: 0;
}

/* 컨텐츠 타이틀 */
.contTitle-01 {
  font: 3.6rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 5.2rem;
  letter-spacing: -0.15rem;
  margin-bottom: 6.7rem;
}
.contTitle-02 {
  font: 2.8rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 4rem;
  letter-spacing: -0.15rem;
  margin-bottom: 4.7rem;
}
.contTitle-03 {
  font: 2.4rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 3.2rem;
  letter-spacing: -0.15rem;
  margin-bottom: 3.7rem;
}


/* 탭메뉴 */
.c-tab01 {
  position: relative;
  width: fit-content;
  margin: 0 auto 60px;  
  box-sizing: border-box;
  line-height: 1;
  text-align:center;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 40px;
}
.c-tab01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index:1;
}
.c-tab01 li {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing:border-box;
}
.c-tab01 li a {
  position:relative;
  display:block;
  box-sizing:border-box;
  height:100%;
  border-radius: 40px;
  padding:22px 60px;
  text-align:center;
  z-index:1;
  transition:all .3s ease;
}
.c-tab01 li a span {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  box-sizing:border-box;
  width:100%;
  margin:-1px 0 0;
  font: 2.2rem 'OnemobileT', sans-serif;
  font-weight: bold;
  line-height:1.2;
  color: #222;
  overflow: hidden;
  text-overflow:ellipsis;
  z-index:1
}
.c-tab01 li a:hover,
.c-tab01 li a:active,
.c-tab01 li.active {
  background: #0067db;
  border-radius: 40px;
}
.c-tab01 li a:hover span,
.c-tab01 li a:active span,
.c-tab01 li.active a span {
  color: #fff;
}


/* 콘텐츠 버튼 기본 */
.contBtn-wr {
  position: relative;
  margin-top: 7rem;
  text-align: center;
}
.contBtn-wr a + a,
.contBtn-wr button + button {
  margin-left: 2rem;
}
.wh-btn, .gy-btn, .bu-btn, .bk-btn {
  position: relative;
  display: inline-block;
  align-items: center;
  line-height: 1.1;
  box-sizing: border-box;
  min-width: 150px;
  padding: 15px 20px;
  text-align: left;
  transition: all .3s ease;
}
.big { line-height: 1.5;  padding: 30px 35px;}

.wh-btn span, .bu-btn span, .bk-btn span,
.wh-btn.disabled span, 
.bu-btn.disabled span, 
.bk-btn.disabled span {
  display: inline-block;
  align-items: center;
  max-width: 100%;
  line-height: 1.2;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 2rem;
}
.wh-btn span {
  color: #707070;
}
.bu-btn span, .bk-btn span {
  color: #fff;
}

.wh-btn {
  background: #fff;
  border: 1px solid #707070;
}
.bu-btn {
  background: #0055ff; 
}
.bk-btn {
  background: #222;
}
.wh-btn.disabled, .bu-btn.disabled, .bk-btn.disabled {
  background: #fafafa;
  border: 1px solid #ddd;
}
.wh-btn.disabled span, 
.bu-btn.disabled span, 
.bk-btn.disabled span {
  color: #666;
}
.wh-btn span::after,
.bu-btn span::after,
.bk-btn span::after,
.wh-btn.disabled span::after, .bu-btn.disabled span::after,
.bk-btn.disabled span::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 2.1rem;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  transition:all .3s ease;
  background-repeat: no-repeat;
}
.wh-btn .arr::after {
  background-image: url(../img/btn_wt_arrow.svg);
}
.wh-btn .new::after {
  background-image: url(../img/btn_wt_new.svg);
}
.wh-btn .down::after {
  background-image: url(../img/btn_wt_down.svg);
}
.bu-btn .arr::after, .bk-btn .arr::after {
  background-image: url(../img/btn_cr_arrow.svg);
}
.bu-btn .new::after, .bk-btn .new::after {
  background-image: url(../img/btn_cr_new.svg);
}
.bu-btn .down::after, .bk-btn .down::after {
  background-image: url(../img/btn_cr_down.svg);
}
.wh-btn.disabled .arr::after, 
.bu-btn.disabled .arr::after, 
.bk-btn.disabled .arr::after {
  background-image: url(../img/Contents/btn_dis_arrow.svg);
}
.wh-btn.disabled .new::after, 
.bu-btn.disabled .new::after, 
.bk-btn.disabled .new::after {
  background-image: url(../img/Contents/btn_dis_new.svg);
}
.wh-btn.disabled .down::after, 
.bu-btn.disabled .down::after, 
.bk-btn.disabled .down::after {
  background-image: url(../img/Contents/btn_dis_down.svg);
}
.wh-btn:hover, .wh-btn:focus,
.bu-btn:hover, .bu-btn:focus,
.bk-btn:hover, .bk-btn:focus {
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
  transition: all .3s ease;
}

/* 콘텐츠 여백 */
.contGap-01 {clear:both;display:block;height:12rem;}
.contGap-02 {clear:both;display:block;height:10rem;}
.contGap-03 {clear:both;display:block;height:8rem;}
.contGap-03.line {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8rem;
  }

/* 플로우 리스트 */
.flowlist-wr .flowlist {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
}
.flowlist-wr .flowlist .list-item {
  position: relative;
  width: calc(100% / 5);
}
.flowlist-wr .flowlist .list-item .itembox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 94px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #dddddd;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #000000;
  text-align: center;
  box-sizing: border-box;
}
.flowlist-wr .flowlist .list-item:first-child .itembox, 
.flowlist-wr .flowlist .list-item:last-child .itembox {
  border-color: #b9daff;
  background-color: #f8fbff;
  color: #0067db;
}
.flowlist-wr .flowlist .list-item .itembox:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 9px;
  height: 8px;
  background: url('../img/Contents/ico_counsel_arrow.svg')center center no-repeat;
  background-size: 9px 8px;
}
.flowlist-wr .flowlist .list-item:last-child .itembox:after {
  display: none;
}

.flowlist-ico-wr .flowlist-ico {
  position: relative;
  display: flex;
  gap: 0 7rem;
}
.flowlist-ico-wr .flowlist-ico .list-item {
  position: relative;
  width: calc(100% / 5);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 2rem 2rem 4rem;
}
.flowlist-ico-wr .flowlist-ico .list-item::after {
  position: absolute;
  display: block;
  content: "";
  right: -4rem;
  top: 50%;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 8px solid #a4cdfd;
  border-bottom: 4px solid transparent;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(2)::after {
  border-left-color: #66a3ef;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(3)::after {
  border-left-color: #0067db;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(4)::after {
  border-left-color: #003399;
}
.flowlist-ico-wr .flowlist-ico .list-item:last-child::after {
  display: none;
}
.flowlist-ico-wr .flowlist-ico .list-item .ico {
  display:block;
  width:9rem;
  height:9rem;
  margin:0 auto 20px;
}
 .flowlist-ico-wr .flowlist-ico .list-item .ico img {
   display:block;
   width:100%;
   height:100%;
   object-fit: cover;
 }
.flowlist-ico-wr .flowlist-ico .list-item .txt {
  display: block;
  font-size: 2rem;
  color: #000;
  font-weight: 700;
  text-align: center;
}



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

  .flowlist-wr .flowlist .list-item .itembox {
    font-size: 1.8rem;
  }

  .flowlist-ico-wr .flowlist-ico {
    gap: 0 5rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: -3rem;
  }
}
@media screen and (max-width:1024px){
  .flowlist-wr .flowlist .list-item .itembox {
    height: 80px;
    font-size: 1.8rem;
  }  
}

@media screen and (max-width:999px){
  .c-list li {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .c-tab01 {
    margin: 0 auto 50px;
  }
  .c-tab01 li a {
    padding:18px 50px;
  }
  .c-tab01 li a span {
    font-size: 2rem;
  }
  .contTitle-01 br {
    display: none;
  }

  .flowlist-ico-wr .flowlist-ico {
    gap: 0 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item {
    padding: 2rem 2rem 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: -2rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item .ico {
    width:64px;
    height:64px;
  }
  .flowlist-ico-wr .flowlist-ico .list-item .txt {
    font-size: 1.8rem;
  }
  
}

@media screen and (max-width:768px){
  .c-list li {
    font-size: 1.7rem;
  }
  .c-tab01 li a {
    padding:15px 30px;
  }
  .c-tab01 li a span {
    font-size: 1.8rem;
  }
  .contBtn-wr {
    margin-top: 6rem;
  }
  .contBtn-wr a + a {
    margin-left: 1rem;
  }
  .wh-btn, .gy-btn, .bu-btn, .bk-btn {
    min-width: auto;
    padding: 15px 20px;
  }
  .wh-btn span, .bu-btn span, .bk-btn span, .wh-btn.disabled span, .bu-btn.disabled span, .bk-btn.disabled span {
    font-size: 1.8rem;
    margin-right: 2.5rem;
  }
  .wh-btn span::after, .bu-btn span::after, .bk-btn span::after, .wh-btn.disabled span::after, .bu-btn.disabled span::after, .bk-btn.disabled span::after {
    right: 2rem;
  }
  .contTitle-01 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 5.0rem;
  }
  .contTitle-02 {
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin-bottom: 3.7rem;
  }
  .contTitle-03 {
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .contGap-01 {height:10rem;}
  .contGap-02 {height:8rem;}
  .contGap-03 {height:6rem;}
  .contGap-03.line {
    margin-bottom: 6rem;
  }

  .flowlist-wr .flowlist {
    flex-wrap: wrap;
  }

  .flowlist-wr .flowlist .list-item {
      width: 100%;
  }

  .flowlist-wr .flowlist .list-item .itembox {
      height: 60px;
      font-size: 15px;
  }

  .flowlist-wr .flowlist .list-item .itembox:after {
      top: unset;
      bottom: -20px;
      right: 50%;
      transform: translateX(50%) translateY(0) rotate(90deg);
  }

  .flowlist-ico-wr .flowlist-ico {
    display: block;
  }
  .flowlist-ico-wr .flowlist-ico .list-item {
    width: auto;
    padding: 1rem 3rem 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item + .list-item {
    margin-top: 4rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: auto;
    top: auto;
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .flowlist-ico-wr .flowlist-ico .list-item .txt {
  	font-size:1.5rem;
  }
}
@media screen and (max-width:599px){
  .wh-btn, .gy-btn, .bu-btn, .bk-btn {
    display: block;
  }
  .contBtn-wr a + a {
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media screen and (max-width:480px){
	.c-list li {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .wh-btn span::after, .bu-btn span::after, .bk-btn span::after, .wh-btn.disabled span::after, .bu-btn.disabled span::after, .bk-btn.disabled span::after {
    width: 13px;
    height: 13px;
    background-size: cover;
    margin-top: -6px;
  }
  .contTitle-01 {
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 4.2rem;
  }
  .contTitle-02 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .contTitle-03 {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 2.2rem;
  }
  .contGap-01 {height:8rem;}
  .contGap-02 {height:6rem;}
  .contGap-03 {height:4rem;}
  .contGap-03.line {
    margin-bottom: 4rem;
  }
}
#check-btn { display: none; }
#check-btn:checked ~ .menubars { display: block; } 
.menubars { display: none; }