@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
 .root_daum_roughmap {width:100% !important; height:630px !important;} 
 .root_daum_roughmap .wrap_map {width:100% !important; height:630px !important;} 
 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;} 
 .roughmap_maker_label {display: none !important;} 
 
.doc-cnt {padding:var(--space-150) 0;} 
.doc-cnt:first-child {padding-top:0;} 

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #1f1f1f; line-height:1.5em;} 
.table-style table th {padding:13px; border:1px solid #ddd; border-top:0; font-weight:600; background:#fafafa;} 
.table-style table td {padding:13px; text-align:center; border:1px solid #ddd; border-top:0; color: #454545;} 
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;} 
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;} 
.table-style span {display:inline-block;} 
.table-style .normal {font-weight:400;} 

.flex-wrap {display:flex;} 
.flex-wrap.ai-center {align-items:center;} 
.flex-wrap .flex {flex: 1 1 auto; width:1%; min-width:0;} 

.dot-list > li {position:relative; padding-left:10px;} 
.dot-list > li:before {content:"·"; position:absolute; top:-2px; left:0; font-weight:700; font-size:20px; color:#242424;} 
.dot-list > li strong {font-weight:600;} 

.dash-list > li {position:relative; padding-left:22px; margin-bottom:var(--space-20); font-size: var(--font-size-18); line-height:normal;} 
.dash-list > li:last-child {margin-bottom:0;} 
.dash-list > li:before {content:"-"; position:absolute; top:0; left:0; font-weight:700;} 
.dash-list.none > li {padding-left:0;} 
.dash-list.none > li::before {display: none;} 

.mt60 {margin-top:var(--space-60) !important;} 
.mt50 {margin:var(--space-50) auto 0 !important;} 

.pt0 {padding-top:0 !important;} 
.pb0 {padding-bottom:0 !important;} 

.pl150 {padding-left:var(--space-150) !important;} 

.txt-primary {color: var(--color-primary) !important;} 
.txt-second {color: var(--color-secondary) !important;} 
.txt-grey {color: #888888 !important;} 
.txt-wht {color: #fff !important;} 

.txt-stroke {-webkit-text-stroke: 1px #fff; color: transparent !important;} 

.highlight {display: inline; box-shadow: inset 0 -14px 0 #f7f5fa; border-radius: 3px;} 

.tag {padding:7px 16px; font-weight:500; font-size: var(--font-size-18); letter-spacing: 0; line-height:1em; background-color: var(--color-second); border-radius: 50vh; color: #fff; width:fit-content;} 

.bg-grey {background-color: #fafafa;} 

/* 회사소개 */
.company .sns-wrap {display:flex; justify-content: center; align-items: center; gap: 0 10px;} 
.company .sns-wrap a {margin-top: 10px; padding: 0 var(--space-20); font-size: var(--font-size-24); color: #121212; font-family: 'GangwonEduPowerExtraBoldA'; text-align: center; height:60px; line-height: 60px; border-radius: 50vh; background-color: rgb(255, 255, 255); border: 4px solid #121212;} 
.company .sns-wrap a:hover {transform: translateY(-10px); background-color: var(--color-primary);} 
.company p {text-align:center; padding-top:var(--space-60);} 
 
/* 오디션 */
.guide .col {display:flex;} 
.guide .title,
.inquiry-head {width:22%; margin-right:var(--space-100);} 
.guide .cnt {width:1%; flex:1 1 auto;} 
.guide .title h3,
.inquiry-head .head h3 {padding-top:var(--space-30); font-size:var(--font-size-48); color:#121212; line-height:1em; border-top:4px solid #121212; font-family: 'GangwonEduPowerExtraBoldA';} 

.service-list ul {display:flex; flex-wrap: wrap; align-items: center; gap: 0 75px;} 
.service-list ul li {display:flex; flex-direction: column; align-items: center; position:relative; text-align:center;} 
.service-list ul li::after {content: ""; position: absolute; top: 88px; right: -45px; width: 10px; height: 14px; background: url(../images/sub/arrow-next.png) no-repeat center/contain;} 
.service-list ul li:last-child::after {display:none;} 
.service-list ul li .ico {display:flex; justify-content: center; align-items: center; width:190px; height:190px; background: url(/images/sub/one-01.png) no-repeat center/cover;} 
.service-list ul li:nth-child(2) .ico {background-image: url(/images/sub/one-02.png);} 
.service-list ul li:nth-child(3) .ico {background-image: url(/images/sub/one-03.png);} 
.service-list ul li:nth-child(4) .ico {background-image: url(/images/sub/one-04.png);} 
.service-list .step {margin-top:var(--space-20); font-weight:600; line-height:normal; text-transform: uppercase;} 
.service-list .txt {margin-top:5px; font-weight:700; font-size: var(--font-size-24); line-height:normal; color: #121212;} 

.inquiry-wrap {display:flex;} 
.inquiry-head .head {margin-bottom: var(--space-60);} 
.inquiry-head .contact .item {display:flex; margin-bottom:var(--space-30);} 
.inquiry-head .contact .item:last-child {margin-bottom:0;} 
.inquiry-head .contact .item .ico {width:32px; margin-right:11px;} 
.inquiry-head .contact .item dl {flex:1 1 auto; min-width:0; width:1%;} 
.inquiry-head .contact .item dt {color:#121212; font-weight:700; line-height:1.78em; font-size: var(--font-size-18);} 
.inquiry-form {flex:1 1 auto; min-width:0; width:1%;} 
.inquiry-form .ico-required {display:inline-block; vertical-align:middle; margin:-.1em 0 0 10px; width: 6px; height: 6px; border-radius: 100%; background-color: rgb(243, 17, 17);} 
.inquiry-form .group {margin-bottom:55px;} 
.inquiry-form .group:last-child {margin-bottom: 0;} 
.inquiry-form .form {font-size:15px; line-height:1.5em; letter-spacing:-.03em;} 
.inquiry-form .form .row {display:flex; flex-wrap:wrap; margin:-15px -10px;} 
.inquiry-form .form .col {width:33.3333%; padding:15px 10px;} 
.inquiry-form .form .col.col-x2 {width:100%;} 
.inquiry-form .form dt {margin-bottom:var(--space-10); font-weight:700; color: #121212;} 
.inquiry-form .form .input {display:block; width:100%; height:58px; padding:5px var(--space-20); font-size:var(--font-size-14); line-height:1.5em; color: #878787;} 
.inquiry-form .form input[type=file].input {padding: 6px;} 
.inquiry-form .form select.input {padding-right:30px; background-size:13px auto; background-position:right 10px center;} 
.inquiry-form .form textarea.input {height:100px;} 
.inquiry-form .button .btn-pack {margin: var(--space-50) auto 0;}