@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}
.c-2 {color:var(--color-secondary) !important;}
.c-gradient {background: linear-gradient(to right, #043f82, #029ccf, #00909e); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.font-nsd {font-family:var(--noto-serif-display);}

.sub-cont-tit {margin-bottom:var(--size60); font-size:clamp(24px, calc(40/ var(--inner) * 100vw ),40px); line-height:1; font-weight:600; color:#242424; text-align:center;}

.content-margin {margin-bottom:clamp(40px, calc(120/ var(--inner) * 100vw ),120px);}
.content-padding {padding:clamp(40px, calc(120/ var(--inner) * 100vw ),120px) 0;}

.doc-cnt {margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}

.bg-blue {position:relative;}
.bg-blue:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:#f7f9fb;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.root_daum_roughmap {width:100% !important; height:clamp(270px, calc(430/ var(--inner) * 100vw ),430px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(270px, calc(430/ var(--inner) * 100vw ),430px) !important;}
.root_daum_roughmap .cont {display:none;}

/* 인사말 */
.greeting-top-bg {margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}
.greeting-top-bg p {position:relative; z-index:1; font-family:var(--noto-serif-display); font-size:clamp(40px, calc(80/ var(--inner) * 100vw ),80px); font-weight:700; line-height:1.2; color:#666;}
.greeting-top-bg .bg {position:relative; margin-top:calc(0px - clamp(40px, calc(80/ var(--inner) * 100vw ),80px)/2); margin-right:-260px; text-align:right;}
.greeting-top-bg .img {display:inline-block; position:relative;}
.greeting-top-bg .img:before {content:''; position:absolute; left:-90px; bottom:-90px; width:180px; height:180px; background:url('/images/sub/circle-txt.png') no-repeat 50% 50%/contain; animation:move_rotate 20s linear infinite;}

.greeting {background:url('/images/sub/greeting-bg.png') no-repeat right top;}
.greeting .col {display:flex; gap:var(--size50); min-height:490px; align-items:center;}
.greeting .img {margin-left:-260px;}
.greeting .txt-wrap {flex:1 1 auto; min-width:0; width:1%;}
.greeting .tit {margin-bottom:0.8em; font-size:clamp(20px, calc(28/ var(--inner) * 100vw ),28px); font-weight:500; line-height:1.4; color:#fff;}
.greeting .txt {font-size:clamp(14px, calc(18/ var(--inner) * 100vw ),18px); font-weight:500; line-height:1.8; color:#ffeace;}

/* 조직도 */
.org {padding-top:var(--size40);}

/* 자격안내 */
.guide .top-img {margin-bottom:var(--size80);}
.guide-group {display:flex; margin-bottom:var(--size80);}
.guide-group:last-child {margin-bottom:0;}
.guide-group .group-tit {position:relative; padding-top:15px; width:200px; font-size:clamp(20px, calc(28/ var(--inner) * 100vw ),28px); font-weight:700; line-height:1.4; color:#fff;}
.guide-group .group-tit:before {content:''; position:absolute; left:0; top:0; width:var(--size40); height:2px; background:#ffeace;}
.guide-group .inner {flex:1 1 auto; min-width:0; width:1%; padding-top:15px;}
.guide-group .col:not(:last-child) {margin-bottom:var(--size40);}
.guide-group .col-tit {margin-bottom:0.9em; font-size:var(--font-size-20); font-weight:700; line-height:1.2; color:#fff;}

.guide-group .txt {font-size:clamp(15px, calc(18/ var(--inner) * 100vw ),18px); line-height:1.6; color:#fff;}
.guide-group .txt strong {display:block;}

.guide-table table {font-size:clamp(15px, calc(18/ var(--inner) * 100vw ),18px); line-height:1.4; color:#fff; text-align:center;}
.guide-table th {height:var(--size60); background:#615a52; border:1px solid #686868; font-weight:600;}
.guide-table td {height:var(--size60); border:1px solid #686868;}

.subject-list {margin-top:20px;}

.subject-list .items {display:flex; gap:var(--size20);}
.subject-list .item {flex:1; padding:20px; background:#33312e; border-radius:0.5em;}
.subject-list p {line-height:1.6; color:#fff;}
.subject-list .num {display:block; margin-bottom:0.8em; font-weight:600; color:#ffeace; line-height:1;}
.subject-list .small {display:block; margin-top:0.8em; font-size:0.88em; line-height:1.5;}

.subject-list.type2 .items {flex-wrap:wrap; gap:0; margin:0 0 -20px -20px;}
.subject-list.type2 .item {flex:0 0 auto; width:calc(20% - 20px); margin-left:20px; margin-bottom:20px;}

.test-info {margin-top:20px;}
.test-info .items {display:flex; gap:var(--size40);}
.test-info.type2 .items {gap:var(--size30);}
.test-info .item {flex:1;}
.test-info .in {height:100%; padding:20px 0; border-top:2px solid #615a52; border-bottom:2px solid #615a52;}
.test-info .icon {margin-bottom:var(--size25);}
.test-info p {line-height:1.6; color:#fff;}
.test-info p strong {display:block; margin-bottom:0.5em; font-size:1.13em; font-weight:600;}

/* 시험 접수 */
.regist-info-list {padding-bottom:var(--size60); margin-bottom:var(--size70); border-bottom:2px solid #2c2c2c;}
.regist-info-list .items {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size20));}
.regist-info-list .item {width:33.333%; padding:var(--size20);}
.regist-info-list .inner {height:100%; padding:var(--size40) 20px; border-radius:1em; background:#33312e; text-align:center;}
.regist-info-list .icon {margin-bottom:var(--size30);}
.regist-info-list h3 {position:relative; padding-bottom:0.7em; margin-bottom:0.7em; font-size:clamp(15px, calc(24/ var(--inner) * 100vw ),24px); font-weight:700; line-height:1.2; color:#fff;}
.regist-info-list h3:before {content:''; position:absolute; left:50%; bottom:0; margin-left:calc(0px - var(--size30)/2); width:var(--size30); height:3px; background:#ffeace;}
.regist-info-list p {line-height:1.6; color:#e7e7e7;}

.btm-btn {margin-top:var(--size70); text-align:center;}
.arrow-btn {display:inline-block; width:240px; padding:1em var(--size40); border:1px solid #fff; border-radius:100vh; background:url('/images/main/icon-arw.png') no-repeat right var(--size40) center; font-size:clamp(14px, calc(18/ var(--inner) * 100vw ),18px); font-weight:600; line-height:1; color:#fff; cursor:pointer; text-align:left;}

/* 유의사항 */
.precution-list {border-top:1px solid #fff;}
.precution-list .item {display:flex; align-items:center; gap:var(--size40); padding:var(--size40); border-bottom:1px solid #676767;}
.precution-list .item:nth-child(odd) {background:#333;}
.precution-list .num {min-width:120px; padding:10px; background:#603911; border-radius:100vh; font-size:var(--font-size-18); font-weight:700; line-height:1; color:#fff; text-align:center;}
.precution-list .txt {flex:1 1 auto; min-width:0; width:1%; font-size::var(--font-size-18); color:#fff; line-height:1.6;}

/* 자격증 재발급 */
.certi-step {margin-bottom:var(--size30);}
.certi-step .items {display:flex; flex-wrap:wrap;}
.certi-step .item {position:relative; margin-bottom:var(--size10);}
.certi-step .item:last-child .circle {margin-right:0;}
.certi-step .item:last-child .circle:before {display:none;}
.certi-step .circle {display:flex; align-items:center; justify-content:center; position:relative; width:120px; height:120px; margin-right:var(--size50); background:#5e564e; border-radius:100%; text-align:center;}
.certi-step .circle:before {content:''; position:absolute; top:50%; right:calc(0px - var(--size50)/2 - 7px); margin-top:-8px; width:14px; height:16px; background:url('/images/sub/icon-arrow.png') no-repeat 50% 50%/contain;}
.certi-step .circle p {line-height:1.6; color:#fff;}

.certi-step-list ol li {position:relative; padding-left:1em; margin-bottom:0.72em; font-size:var(--font-size-18); line-height:1.6; color:#fff;}
.certi-step-list ol li:last-child {margin-bottom:0;}
.certi-step-list ol li .num {position:absolute; left:0;}
.certi-step-list ol li li {color:#ffeace; margin-bottom:0;}