@charset "utf-8";

/*-------------------------------------------------------------------
	@ Variables
-------------------------------------------------------------------*/
:root{
	--cont-w: 92.5%;
	/* --color-primary: #f04137; */
}

input[type=text]:focus::placeholder{color: transparent !important;}

/*-------------------------------------------------------------------
	@ Layout
-------------------------------------------------------------------*/

#wrap{}

/* header */
header{position: fixed; left: 0; top: 0; width: 100%; height: 100px; background: #fff; text-align: center; box-sizing: border-box; z-index: 9000;}
header::after{position: absolute; left: 0; top: 99px; width: 100%; height: 1px; background: #dfdfdf; content: "";}
header h1{position: absolute; left: 60px; top: 29px; z-index: 20;}
header h1 a{display: block; width: 197px; height: 42px; background: url('../images/common/logo.svg') no-repeat; text-indent: -9999px;}
header .nav{display: inline-flex; position: relative; margin: 0 auto; z-index: 20;}
header .nav > li{position: relative;}
header .nav > li > a{display: block; padding: 0 30px; color: #222; font-size: 18px; font-weight: 500; line-height: 100px;}
header .nav > li > a span{display: block; position: relative;}
header .nav > li ul{display: none; position: absolute; left: 30px; top: 100px;}
header .nav > li ul li{margin-right: 50px;}
header .nav > li ul li:last-child{margin-right: 0;}
header .nav > li ul li a{display: inline-block; color: #222; font-size: 14px; font-weight: 600; line-height: 82px; white-space: nowrap;}
header .nav > li:hover ul{display: flex;}
header .nav > li.on > a span::after,
header .nav > li:hover > a span::after{position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #ed1c2e; content: "";}
header:has(.nav > li:hover ul){height: 182px;}
header .tools{display: flex; position: absolute; right: 50px; top: 30px; z-index: 20;}
header .tools .lang button{height: 40px; padding: 0 25px 0 30px; background: url('../images/common/ico_global.svg') left center no-repeat, url('../images/common/ico_lang_arw_b.svg') right center no-repeat; color: #222; font-size: 14px; font-weight: 500; line-height: 100%;}
header .tools .btn-search{width: 40px; height: 40px; margin-left: 20px; background: url('../images/common/ico_search.svg') center / 22px auto no-repeat; text-indent: -9999px;}
header .search-box{display: none; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 260px; background: #fff; z-index: 100;}
header .search-box .form{position: relative; width: 800px; height: 80px;}
header .search-box .form input[type=text]{width: 100%; height: 80px; padding: 0 20px 0 40px; border: 2px solid #2E2E2E; border-radius: 100px; background: #fff; color: #222; font-size: 24px; font-weight: 500; line-height: 100%; box-sizing: border-box;}
header .search-box .form input[type=text]::placeholder{color: #68737A;}
header .search-box .form input[type=text]:placeholder-shown{border-color: #F6F7FB; background: #F6F7FB;}
header .search-box .form button{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; margin-left: 20px; border-radius: 100%; background: url('../images/common/ico_search_w.svg') center / 24px auto no-repeat #2E2E2E; text-indent: -9999px; color: #fff; font-size: 16px; font-weight: 500; line-height: 100%; cursor: pointer;}
header .search-box .btn-close{position: absolute; right: 40px; top: 20px; width: 60px; height: 60px; background: url('../images/common/ico_close.svg') center / 18px auto no-repeat; text-indent: -9999px;}
header.transparent{background: none;}
header.search-open .search-box{display: flex;}
header.hover{box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);}

/* main */
main{position: relative;}
main.sub{padding: 200px 0 150px;}
main.sub.pd-t0{padding-top: 100px;}
main.sub.pd-b0{padding-bottom: 0;}
main.sub .content{width: var(--cont-w); max-width: 1600px; margin: 0 auto;}
main.sub .content.wide{width: 100%;}



/* footer */
footer{display: flex; padding: 80px 60px 55px 60px; border-top: 1px solid #ddd;}
footer .info{width: 455px;}
footer .info p{margin-top: 28px; color: #68737A; font-size: 14px; font-weight: 500; line-height: 160%;}
footer .info .sns{display: flex; margin-top: 28px;}
footer .info .sns li .btn-facebook{display: block; width: 20px; height: 20px; background: url('../images/common/ico_facebook.svg') center / auto 20px no-repeat; text-indent: -9999em;}
footer .info .sns li .btn-linkedin{display: block; width: 20px; height: 20px; background: url('../images/common/ico_linkedin.svg') center / auto 20px no-repeat; text-indent: -9999em;}
footer .info .sns li + li{margin-left: 15px;}
footer .info .related-sites{margin-top: 105px; width: 300px; height: 50px; padding: 0 24px; border: 1px solid #e1e3e4; background: url('../images/common/ico_select.svg') right 20px center no-repeat; color: #68737A; font-size: 16px; font-weight: 600; line-height: 100%; box-sizing: border-box;}
/* footer .bottom{padding-top: 40px;} */
footer .bottom .menu{display: flex;}
footer .bottom .menu li{position: relative; padding: 0 18px;}
footer .bottom .menu li::after{position: absolute; left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: #68737A; content: "";}
footer .bottom .menu li:first-child{padding-left: 0;}
footer .bottom .menu li:first-child::after{display: none;}
footer .bottom .menu li a{display: block; color: #68737A; font-size: 16px; font-weight: 600; line-height: 100%;}
footer .bottom .approval{margin-top: 30px;}
footer .bottom .approval strong{display: block; font-size: 14px; font-weight: 600; line-height: 25px; color: #68737A;}
footer .bottom .approval ul{margin-top: 15px;}
footer .bottom .approval ul li{position: relative; padding-left: 12px; color: #68737A; font-size: 13px; line-height: 25px;}
footer .bottom .approval ul li::before{position: absolute; left: 0; top: 11px; width: 3px; height: 3px; border-radius: 100%; background: #68737A; content: "";}
footer .bottom .copy{margin-top: 40px; color: #68737A; font-size: 13px; line-height: 100%;}



/*-------------------------------------------------------------------
	@ Componets
-------------------------------------------------------------------*/
/* button */
.btn-wrap > div{position: relative;}
.btn-wrap > div > div:last-child{position: absolute; right: 0; top: 0;}
.btn-wrap a + a{margin-left: 3rem;}
.btn-large{display: inline-flex; padding: 0 2rem; border-radius: 0.5rem; font-size: 1.4rem; color: #fff; font-weight: 700; line-height: 4rem; box-sizing: border-box; cursor: pointer;}
.btn-primary{display: inline-flex; align-items: center; height: 7.2rem; padding: 0 4rem; background: #01AEF0; color: #FFF; font-size: 2rem; font-weight: 600; color: #fff;}
.btn-primary.arw-r{padding-right: 6.8rem; background: url('../images/common/ico_btn_arw_r.png') right 4rem center no-repeat #01AEF0;}
.btn-secondary{display: inline-flex; align-items: center; justify-content: center; min-width: 23rem; height: 7.2rem; background: #001F5B; color: #FFF; font-size: 2rem; font-weight: 600; color: #fff; box-sizing: border-box;}
.btn-secondary.outline{border: 0.1rem solid #001F5B; background: #fff; color: #001F5B;}

/* bullet */
.bul.space > li{margin-top: 1.5rem;}
.bul.space > li:first-child{margin-top: 0;}
.bul.dot > li{position: relative; padding-left: 1rem;}
.bul.dot > li::before{position: absolute; top: 0; left: 0; content: "\00B7";}
.bul.dash > li{position: relative; padding-left: 1rem;}
.bul.dash > li::before{position: absolute; top: 0; left: 0; content: "\002D"; vertical-align: middle;}
.bul.num > li{position: relative; padding-left: 1.6rem; text-indent: -1.6rem;}

/* dim */
.dim{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(237, 64, 67, 0.9);}
.dim.all{z-index: 10000;}
.dim.page{z-index: 8000;}
.dim.on{display: block;}

/* board */
.board-list{margin-top: 40px;}
.board-list .head p{color: #2E2E2E; font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%;}
.board-list .head p strong{color: #ED1B2E;}
.board-list .list{padding: 15px 0; margin-top: 24px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.board-list .list li a{display: flex; justify-content: space-between; align-items: center; height: 85px; padding: 0 50px; border-radius: 100px;}
.board-list .list li a:hover{background: #F6F7FB;}
.board-list .list li a .ctg{display: block; width: 260px; color: #2E2E2E; font-size: 18px; font-weight: 700; line-height: 150%;}
.board-list .list li a .title{flex: 1; color: #2E2E2E; font-size: 18px; font-weight: 700; line-height: 150%;}
.board-list .list li a time{color: #2E2E2E; font-size: 18px; font-weight: 500; line-height: 100%;}
.board-list .list li a .view{display: block; position: relative; padding-right: 40px; color: #2E2E2E; font-size: 18px; font-weight: 500; line-height: 30px;}
.board-list .list li a .view::after{position: absolute; right: 0; top: 0; width: 30px; height: 30px; border-radius: 100%; background: url('../images/common/ico_arw_w_r.svg') center no-repeat #68737A; content: "";}
.board-list .no-result{width: 100%; padding: 170px 0;}
.board-list .no-result p{padding-top: 105px; background: url('../images/common/ico_no_result.svg') center top no-repeat; color: #222; font-size: 24px; font-weight: 500; line-height: 100%; text-align: center;}
.board-view .head{padding-bottom: 24px; border-bottom: 1px solid #D9D9D9;}
.board-view .head .ctg{display: inline-block; padding: 0 20px; border: 1px solid #68737A; color: #68737A; font-size: 18px; font-weight: 500; line-height: 48px;}
.board-view .head .title{display: flex; justify-content: space-between;}
.board-view .head .title h2{display: block; width: 1400px; margin-top: 18px; color: #222; font-size: 40px; font-weight: 600; line-height: 150%;}
.board-view .head .title time{align-self: flex-end; display: block; padding: 10px 0; color: #222; font-size: 18px; font-weight: 500; line-height: 150%;}
.board-view .detail{padding: 60px 100px; border-bottom: 1px solid #d9d9d9; color: #2E2E2E; font-size: 18px; font-weight: 500; line-height: 150%;}
.board-view .detail img{max-width: 100%;}
.board-view .file{display: flex; padding: 40px 0;}
.board-view .file h3{display: block; width: 200px; color: #000; font-size: 24px; font-weight: 500; line-height: 85px;}
.board-view .file .list{flex: 1;}
.board-view .file .list li + li{margin-top: 12px;}
.board-view .file .list li a{display: block; padding-left: 95px; border-radius: 100px; background: url('../images/common/ico_file.svg') left 50px center no-repeat, url('../images/common/ico_down.svg') right 50px center no-repeat #F6F7FB; color: #222; font-size: 14px; font-weight: 500; line-height: 85px;}
.board-bottom{padding-top: 40px; border-top: 1px solid #d9d9d9; text-align: center;}
.board-bottom a{display: inline-flex; padding: 0 40px; border-radius: 5px; background: #2E2E2E; color: #FFF; font-size: 18px; font-weight: 500; line-height: 48px;}
.tab-menu + .board-list .list{padding-top: 0; border-top: 0;}

/* pagination */
.pagination{margin-top: 40px; text-align: center;}
.pagination ul{display: inline-flex;}
.pagination ul li .page-num{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; color: #666; font-size: 16px; font-weight: 400; letter-spacing: 0.3px;}
.pagination ul li .page-num.active{margin: 0 5px; background: #68737A; color: #fff; font-weight: 700;}
.pagination ul li .page-first{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: url('../images/common/ico_page_first.svg') center no-repeat; text-indent: -9999em;}
.pagination ul li .page-prev{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: url('../images/common/ico_page_prev.svg') center no-repeat; text-indent: -9999em;}
.pagination ul li .page-next{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: url('../images/common/ico_page_next.svg') center no-repeat; text-indent: -9999em;}
.pagination ul li .page-last{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: url('../images/common/ico_page_last.svg') center no-repeat; text-indent: -9999em;}

/* tab-menu */
.tab-menu{display: flex; justify-content: center;}
.tab-menu li{flex: 1; border-bottom: 1px solid var(--line_gray, #D9D9D9);}
.tab-menu li a{display: flex; align-items: center; justify-content: center; position: relative; height: 80px; color: #666; font-size: 20px; font-weight: 500; line-height: 150%;}
.tab-menu li a.on{font-weight: 700; color: #2E2E2E;}
.tab-menu li a.on::after{position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #ED1B2E; content: "";}

/* page-head */
.page-head{width: 100%; margin-bottom: 60px;}
.page-head .in > div{display: flex; align-items: center; justify-content: space-between; width: var(--cont-w); max-width: 1600px; margin: 0 auto;}
.page-head h2{display: block; margin-bottom: -12px; color: #222; font-size: 50px; font-weight: 600; line-height: 140%;}
.page-head h2 strong{color: #ED1B2E; font-weight: 600;}
.page-head .search-box{position: relative; width: 800px; height: 80px; align-self: flex-end;}
.page-head .search-box input[type=text]{width: 100%; height: 80px; padding: 0 90px 0 40px; border: 2px solid #2E2E2E; border-radius: 100px; background: #fff; color: #222; font-size: 22px; font-weight: 500; line-height: 100%; box-sizing: border-box;}
.page-head .search-box input[type=text]::placeholder{color: #68737A;}
.page-head .search-box input[type=text]:placeholder-shown{border-color: #F6F7FB; background: #F6F7FB;}
.page-head .search-box button{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; margin-left: 20px; border-radius: 100%; background: url('../images/common/ico_search_w.svg') center / 22px auto no-repeat #2E2E2E; text-indent: -9999px; color: #fff; font-size: 16px; font-weight: 500; line-height: 100%; cursor: pointer;}
.page-head.fixed .in{display: flex; align-items: center; position: fixed; left: 0; top: 0; width: 100%; height: 100px; background: #646f76; z-index: 10000;}
.page-head.fixed h2{margin: 0; font-size: 28px; color: #fff; font-weight: 500; line-height: 150%;}
.page-head.fixed h2 br{display: none;}
.page-head.fixed .search-box{width: 435px; height: 50px;}
.page-head.fixed .search-box input[type=text]{height: 50px; padding: 0 60px 0 30px; font-size: 18px; border-color: #fff;}
.page-head.fixed .search-box button{right: 10px; width: 40px; height: 40px;}

/* search-filter */
.search-filter{width: 1600px; margin: 0 auto; padding: 30px 50px; margin-top: 60px; border-radius: 20px; border: 1px solid #68737A; box-sizing: border-box;}
.search-filter .group{display: flex; align-items: center; gap: 20px; padding: 5px 0;}
.search-filter .group .title{width: 145px; color: #333; font-size: 18px; font-weight: 500;}
.search-filter .group .option{display: flex; gap: 10px;}
.search-filter .group .option label input{position: absolute; opacity: 0; width: 0; height: 0;}
.search-filter .group .option label span{display: flex; align-items: center; justify-content: center; width: 120px; height: 44px; border: 1px solid #d9d9d9; border-radius: 5px; color: #333; font-size: 14px; font-weight: 500; cursor: pointer;}
.search-filter .group .option label input:checked + span{border-color: #68737A; background: #68737A; color: #fff;}

/* noti-box */
.noti-box{width: 100%; padding: 30px 50px; margin: 0 0 80px; border-radius: 20px; border: 1px solid #68737A; box-sizing: border-box;}
.noti-box p{color: #666; font-size: 16px; font-weight: 500; line-height: 150%;}
.noti-box p.ico-exc{padding-left: 30px; background: url('../images/common/ico_exc.svg') left center no-repeat;}


/*-------------------------------------------------------------------
	@ Util
-------------------------------------------------------------------*/
.mg-t0{margin-top: 0 !important;}



/*-------------------------------------------------------------------
	@ Pages
-------------------------------------------------------------------*/
/* main */
.main .visual{position: relative; width: 100%; height: 552px; background: url('../images/main/bg_visual.jpg') center top / cover no-repeat; overflow: hidden;}
.main .visual > div{position: relative; left: 50%; width: 1920px; height: 100%; margin-left: -960px;}
.main .visual h2{position: absolute; left: 160px; top: 240px; color: #333; font-size: 60px; font-weight: 600; line-height: 140%;}
.main .visual h2 strong{font-weight: 800; color: #ED1C2E;}
.main .visual .search{display: flex; align-items: center; position: absolute; right: 160px; top: 330px; width: 32.395%; height: 80px; padding: 0 20px 0 40px; border: 1px solid #ED1C2E; border-radius: 100px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px); box-sizing: border-box;}
.main .visual .search input[type=text]{flex: 1; background: none; color: #333; font-size: 20px; font-weight: 500; line-height: 100%;}
.main .visual .search input[type=text]::placeholder{color: #333;}
.main .visual .search .btn-search{width: 56px; height: 56px; background: url('../images/common/ico_search_p.svg') center / 26px auto no-repeat; text-indent: -9999em;}
.main .posts{display: flex; justify-content: space-between; width: var(--cont-w); max-width: 1600px; padding: 108px 0; margin: 0 auto;}
.main .posts > section{width: calc(50% - 20px);}
.main .posts h2{display: block; color: #222; font-size: 40px; font-weight: 600; line-height: 100%;}
.main .posts .list{padding: 20px 50px; margin-top: 40px; border: 1px solid #d9d9d9; border-radius: 20px;}
.main .posts .list > li{display: flex; justify-content: space-between; align-items: center; padding: 40px 0;}
.main .posts .list > li + li{border-top: 1px solid #d9d9d9;}
.main .posts .list > li a{display: inline-block; max-width: 80%; color: #333; font-size: 20px; font-weight: 500; line-height: 150%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main .posts .list > li time{color: #888; font-size: 18px; font-weight: 500; line-height: 150%;}
@media (max-width: 1600px) {
	.main .visual > div{left: 0; width: 100%; margin: 0;}
	.main .visual h2{left: 3%;}
	.main .visual .search{right: 3%;}
}

/* 회사소개 */
.company .intro{position: relative; width: 100%; height: 960px;}
.company .intro .txt{position: relative; width: var(--cont-w); max-width: 1600px; padding-top: 88px; margin: 0 auto; z-index: 10;}
.company .intro .txt h2{display: block; color: #222; font-size: 50px; font-weight: 600; line-height: 140%;}
.company .intro .txt p{margin-top: 10px; color: #666; font-size: 18px; font-weight: 500; line-height: 150%;}
.company .intro .bg{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); overflow: hidden; width: 1600px; height: 600px; border-radius: 40px; background: url('../images/about/bg_intro.jpg') center / cover no-repeat;}
.company .intro .bg span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0;}
.company .overview{width: var(--cont-w); max-width: 1600px; margin: 95px auto 170px;}
.company .overview h3{display: block; margin-top: 50px; color: #2E2E2E; font-size: 22px; font-weight: 700; line-height: 180%;}
.company .overview h3 strong{color: #ED1C2E; font-weight: 700;}
.company .overview h3:nth-of-type(1){margin-top: 0;}
.company .overview p{color: #2E2E2E; font-size: 18px; font-weight: 500; line-height: 180%;}
.company .overview p strong.highlight{position: relative; font-weight: 700;}
.company .overview p strong.highlight{background: linear-gradient(rgba(237, 28, 46, 0.20), rgba(237, 28, 46, 0.20)) left bottom / 0 16px no-repeat; transition: all 1s;}
.company .overview p strong.highlight.on{background-size: 100% 13px;}
.company .overview h3 + p{margin-top: 18px;}
.company .overview p + p{margin-top: 8px;}
.company .overview .dia{margin-top: 80px; text-align: center;}
.company .overview .dia ul{display: inline-flex; gap: 100px; will-change: transform;}
.company .overview .dia ul li{position: relative; width: 400px; height: 400px; border-radius: 400px; box-sizing: border-box; overflow: hidden;}
.company .overview .dia ul li .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 100px; color: #ED1C2E; box-sizing: border-box; opacity: 0; transform: translateY(100px); z-index: 10;}
.company .overview .dia ul li .txt strong{display: block; font-size: 32px; font-weight: 800; line-height: 150%;}
.company .overview .dia ul li .txt span{display: block; margin-top: 7px; text-align: center; font-size: 18px; font-weight: 500; line-height: 150%;}
.company .overview .dia ul li.item1{border: 1px solid #ED1C2E; background: #FFF; transform: translateX(500px); opacity: 0;}
.company .overview .dia ul li.item1 .txt{background: url('../images/about/ico_dia1.svg') center 230px no-repeat;}
.company .overview .dia ul li.item2{position: relative; border: 1px solid #ED1C2E; z-index: 10;}
.company .overview .dia ul li.item2 .txt{background: url('../images/about/ico_dia2.svg') center 230px no-repeat; color: #fff;}
.company .overview .dia ul li.item2 .circle{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; background: #ED1C2E; transform: scale(0);}
.company .overview .dia ul li.item3{border: 1px solid #ED1C2E; background: #FFEBED; transform: translateX(-500px); opacity: 0;}
.company .overview .dia ul li.item3 .txt{background: url('../images/about/ico_dia3.svg') center 230px no-repeat;}
.company .thankyou{display: flex; align-items: center; justify-content: center; height: 950px; background: url('../images/about/bg_thankyou.jpg') center / cover no-repeat; will-change: transform;}
.company .thankyou p{color: #FFF; text-align: center; font-size: 45px; font-weight: 600; line-height: 140%; transform: translateY(100px); opacity: 0;}
@media (max-width: 1600px) {
  .company .intro .bg{width: var(--cont-w);}
}

/* CEO인사말 */
.ceo .message{height: 700px; background: url('../images/about/bg_ceo.jpg') center top no-repeat #F6F7FB;}
.ceo .message > div{position: relative; width: var(--cont-w); max-width: 1600px; height: 100%; padding-top: 150px; margin: 0 auto; box-sizing: border-box;}
.ceo .message p{color: #222; font-size: 50px; font-weight: 600; line-height: 140%;}
.ceo .message p span{display: block;  overflow: hidden;}
.ceo .message p span span{transform: translateY(100px); transition: all 0.9s 0.2s ease;}
.ceo .message p.on span span{transform: translateY(0);}
.ceo .message .photo{position: absolute; left: 950px; bottom: 0;}
.ceo .message .sign{margin-top: 80px;}
.ceo .message .sign span{display: block; color: #222; font-size: 18px; font-weight: 500; line-height: 150%;}
.ceo .message .sign img{margin-top: 16px; mix-blend-mode: multiply;}
.ceo .overview > div{width: var(--cont-w); max-width: 1600px; padding: 100px 0; margin: 0 auto;}
.ceo .overview p,
.ceo .overview ul li{color: #2E2E2E; font-size: 18px; font-weight: 500; line-height: 180%;}
.ceo .overview p + ul{margin-top: 30px;}
.ceo .overview ul + p{margin-top: 30px;}
.ceo .profile{background: url('../images/about/bg_profile.jpg') ;}
.ceo .profile > div{display: flex; justify-content: space-between; width: var(--cont-w); max-width: 1600px; padding: 90px 0 100px; margin: 0 auto;}
.ceo .profile h2{display: block; color: #FFF; font-size: 40px; font-weight: 600; line-height: 150%;}
.ceo .profile .career{width: 57.5%;}
.ceo .profile .career .list{margin-top: 40px;}
.ceo .profile .career .list > li{display: flex; padding: 30px 60px; border-radius: 500px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px);}
.ceo .profile .career .list > li + li{margin-top: 20px;}
.ceo .profile .career .list > li .period{display: block; width: 230px; color: #FFF; font-size: 24px; font-weight: 600; line-height: 27px;}
.ceo .profile .career .list > li p,
.ceo .profile .career .list > li ul li{color: #FFF; font-size: 18px; font-weight: 500; line-height: 27px;}
.ceo .profile .edu{width: 36.875%;}
.ceo .profile .edu .list{margin-top: 40px;}
.ceo .profile .edu .list > li{display: flex; padding: 30px 30px 30px 135px; border-radius: 500px; background: url('../images/about/ico_edu.svg') left 60px center no-repeat rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px);}
.ceo .profile .edu .list > li + li{margin-top: 20px;}
.ceo .profile .edu .list > li ul li{color: #FFF; font-size: 18px; font-weight: 500; line-height: 27px;}

/* 연혁 및 수상내역 */
.history .desc{margin-top: -40px; color: #222; font-size: 34px; font-weight: 500; line-height: 150%;}
.history .desc span{display: block; margin-top: 20px; color: #666; font-size: 18px; font-weight: 500; line-height: 150%;}
.history .panel{display: flex; justify-content: space-between; margin-top: 80px;}
.history .panel .year{position: relative; width: 300px;}
.history .panel .year ul{position: sticky; top: 160px;}
.history .panel .year ul li button{background: none; color: #2E2E2E; font-size: 24px; font-weight: 600; line-height: 150%;}
.history .panel .year ul li button.on{color: #ED1B2E; font-size: 50px; font-weight: 700; line-height: 140%;}
.history .panel .year ul li + li{margin-top: 30px;}
.history .panel .list{width: 1000px;}
.history .panel .list ul + ul{margin-top: 100px;}
.history .panel .list ul li{padding: 30px 50px; border-radius: 20px; background: #F6F7FB;}
.history .panel .list ul li + li{margin-top: 20px;}
.history .panel .list ul li .date{color:  #ED1B2E; font-size: 18px; font-weight: 500; line-height: 150%;}
.history .panel .list ul li dl{margin-top: 12px;}
.history .panel .list ul li dl dt,
.history .panel .list ul li dl dd{color: #2E2E2E; font-size: 18px; font-weight: 700; line-height: 150%;}
.history .panel .list ul li dl dt span{color: #666; font-size: 16px; font-weight: 500;}
.history .panel .list ul li dd + dt{margin-top: 12px;}

/* 오시는길 */
.location .map{width: 100%; height: 800px;}
.location .info{display: flex; margin-top: 60px;}
.location .info dt{display: block; margin-right: 40px; color: #222; font-size: 34px; font-weight: 500; line-height: 150%;}
.location .info dd{padding: 4px 0; color: #666; font-size: 24px; font-weight: 500; line-height: 150%;}
.location .info dd + dt{margin-left: 165px;}

/* 개인정보처리방침 */
.policy h3{display: block; margin-top: 40px; color: #2E2E2E; font-size: 24px; font-weight: 600; line-height: 150%;}
.policy h3:first-child{margin-top: 0;}
.policy p,
.policy ul > li{color: #666; font-size: 18px; font-weight: 500; line-height: 180%;}
.policy ul.gap > li + li{margin-top: 30px;}
.policy .indent{padding-left: 16px;}
.policy table{width: 100%; margin-top: 20px; border-top: 2px solid #000;}
.policy table th,
.policy table td{padding: 30px 0; border-bottom: 1px solid #d3d3d3; color: #333; text-align: center; font-size: 18px; font-weight: 500;}
.policy table td a{vertical-align: top;}
.policy table td .tel{display: inline-block; margin-left: 30px;}
.policy table thead th{background: #F6F7FB;}
.policy p + ul,
.policy ul + p,
.policy h3 + p,
.policy h3 + ul{margin-top: 20px;}
.policy p + p{margin-top: 40px;}

/* 종합검색 */
.search-list{padding-top: 10px;}
.search-list .head .title{color: #000; font-size: 30px; font-weight: 600; line-height: 140%;}
.search-list .head .title strong{display: inline-block; margin-left: 5px; color: #ED1B2E; font-weight: 600;}
.search-list .board-list{margin-top: 30px;}
.search-list .board-list + .head{margin-top: 100px;}
.search-bottom{margin-top: 20px; margin-bottom: 20px; text-align: center;}
.search-bottom .btn-more{display: inline-block; height: 48px; padding: 0 40px; border: 1px solid #2E2E2E; border-radius: 5px; background: none; color: #2E2E2E; font-size: 18px; font-weight: 500; line-height: 100%; box-sizing: border-box;}