@import url("sub.css");


/* 교육신청확인 */
.education_check {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:60px 60px; box-sizing:border-box; background:var(--white); border-radius:var(--borderR10); box-shadow:var(--shadow); max-width: 780px; margin: 0 auto;}
.education_check .login {display:flex; flex-direction:column; gap:5px; max-width:510px; width: 100%;}
.education_check .login dl {width:100%;}
.education_check .login dl dd {width:100%;}
.education_check .login dl dd .input {width:100%; height:60px; padding:0 20px; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); color:var(--basic); font-size:1rem; line-height:178%; letter-spacing:var(--letter-spacing-body);}
.education_check .login dl dd .input::placeholder {color:var(--black); opacity:0.3;}
.education_check button {display:flex; align-items:center; justify-content:center; max-width:510px;  width:100%; padding:17px 25px; box-sizing:border-box; border:1px solid var(--main); border-radius:var(--borderR10); background:var(--main); color:var(--white); font-size:1rem; font-weight:600; line-height:178%; letter-spacing:var(--letter-spacing-heading); cursor:pointer; transition:background-color 0.3s ease, border-color 0.3s ease;}
.education_check button:hover {background:var(--sub); border-color:var(--sub);}


/* 문의하기 */
.inquiry-cont{position: relative;}
.inquiry-bg{position: absolute; left: 0; top:0; width: 100%; height: 100%; background: url('/customer/img/inquiry-bg.jpg') no-repeat center/cover; z-index: 0;}
.inquiry-in{display: flex; gap:60px; position: relative; z-index: 1;}
.inquiry-in > section{box-sizing: border-box;}
.inquiry-in .inquiry-txt{width: 480px; padding: 30px 0 0;}
.inquiry-in .inquiry-txt .inquiry-txt-in{position: sticky; top:50px; transition: all .4s;}
.inq-item {display:flex; gap:5px; align-items:flex-start; max-width:480px; padding-bottom:18px; border-bottom:1px dashed #c8cad0; margin-bottom:18px;}
.inq-item:first-of-type {margin-top:50px;}
.inq-item:last-of-type {padding-bottom:0; border-bottom:0; margin-bottom:0;}
.inq-item.inq-main {align-items:center;}
.inq-item dt {width:115px; flex-shrink:0; color:var(--black);}
.inq-item dt.fs18 {font-weight:600;}
.inq-item dd {flex:1; display:flex; flex-direction:column; gap:3px; min-width:0;}
.inq-item a {display:flex; gap:5px; align-items:center; color:inherit; transition:color 0.3s ease;}
.inq-item a:hover {color:var(--main);}
.inq-item a.tel {color:var(--black);}
.inq-item a.tel::before {content:'\e0b0'; display:block; width:20px; height:20px; line-height:20px; font-size:20px; font-family:var(--icon); font-weight:400; color:inherit; flex-shrink:0;}
.inq-item a.mail {color:var(--basic); letter-spacing:var(--letter-spacing-none);}
.inq-item a.mail::before {content:'\e158'; display:block; width:18px; height:18px; line-height:18px; font-size:18px; font-family:var(--icon); font-weight:400; color:inherit; flex-shrink:0; color: var(--black);}




/* 교육과정소개 */
.education-in{display: flex; flex-direction: column; gap:100px;}
.edu-sect{display: flex; gap:30px;}
.edu-sect__tit{width: 375px; flex-shrink: 0;}
.edu-sect__tit h3{position: sticky; top:50px; transition: all .4s;}
.edu-sect__cont{flex: 1; min-width: 0; display: flex; flex-direction: column; gap:20px;}
.edu-condition{display: flex; gap:20px; align-items: flex-start;}
.edu-condition__label{flex-shrink: 0; color:var(--black);}
.edu-condition__label b{font-weight: 600;}
.edu-condition__desc{color:var(--basic);}
.edu-dot-list{display: flex; flex-direction: column; gap:4px;}
.edu-dot-list--gray{padding: 30px; box-sizing: border-box; background:var(--grayBg); border-radius:var(--borderR10);}
.edu-dot-list li{position: relative; padding-left: 11px; color:var(--basic);}
.edu-dot-list li::before{content:''; display: block; width: 3px; height: 3px; border-radius:var(--borderR5); background:var(--main); position: absolute; left: 0; top:14px;}
.edu-u{font-weight: 600; color:var(--black); text-decoration: underline;}
.edu-time-box{position: relative; padding: 40px 30px 40px 250px; box-sizing: border-box; background:var(--white); border:1px solid var(--border); border-radius:var(--borderR10);}
.edu-time-box__img{position: absolute; left: 44px; top:50px; width: 165px;}
.edu-time-box__img img{display: block; width: 100%; height: auto;}
.edu-time-box__body{display: flex; flex-direction: column; gap:4px;}
.edu-time-row{display: flex; gap:8px; align-items: center; position: relative; padding-left: 11px;}
.edu-time-row::before{content:''; display: block; width: 3px; height: 3px; border-radius:var(--borderR5); background:var(--main); position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.edu-time-row dt{width: 160px; flex-shrink: 0; color:var(--black);}
.edu-time-row dt b{font-weight: 600;}
.edu-time-row dd{flex: 1; min-width: 0; color:var(--basic);}
.edu-note-list{display: flex; flex-direction: column; gap:2px; padding-top: 10px;}
.edu-note-list li{color:var(--basic);}
.edu-sect--place .edu-sect__cont{gap:0;}
.edu-place-list{display: flex; flex-direction: column; gap:50px; width: 100%;}
.edu-place-item{display: flex; flex-direction: column; gap:20px;}
.edu-place-map{overflow: hidden; border:1px solid var(--border); border-radius:var(--borderR10); position: relative;}
.edu-place-map .map-area__shield{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; box-sizing:border-box; cursor:pointer;}

.edu-place-map .root_daum_roughmap{height: 550px !important;}
.edu-place-map .wrap_map{height: 100% !important;}
.edu-place-map .map_border {display: none !important;}
.edu-place-map .wrap_controllers{display: none !important;}
.edu-place-map .cont{display: none !important;}
.edu-place-info{display: flex; align-items: center; justify-content: space-between; gap:30px;}
.edu-place-info__left{display: flex; flex: 1; min-width: 0; gap:30px;}
.edu-place-detail{display: flex; flex-wrap: wrap; flex: 1; min-width: 0; gap:8px 15px; align-items: flex-start;}
.edu-place-name{flex-shrink: 0; color:var(--black); white-space: nowrap;}
.edu-place-name b{font-weight: 600;}
.edu-place-addr{color:var(--black);}
.edu-place-tel{display: flex; gap:10px; align-items: center; flex-shrink: 0; white-space: nowrap;}
.edu-place-tel::before{content:'\e0b0'; display: block; width: 20px; height: 20px; line-height: 20px; font-size: 20px; font-family:var(--icon); font-weight: 400; color:var(--black); flex-shrink: 0;}
.edu-place-tel b{font-weight: 600; color:var(--black);}
.edu-place-tel a{color:var(--basic); transition: color 0.3s ease;}
.edu-place-tel a:hover{color:var(--main);}
.edu-place-btns{display: flex; gap:4px; align-items: center; flex-shrink: 0;}
.edu-map-btn{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; box-sizing: border-box; transition: opacity 0.3s ease;}
.edu-map-btn:hover{opacity: 0.8;}
.edu-map-btn img{display: block; width: 100%; height: 100%; object-fit: contain;}
.edu-map-btn--naver{background:#10d265;}
.edu-map-btn--kakao{background:#fae100;}
.edu-map-btn--google{background:var(--white); border:1px solid var(--border);}






/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){





}

/*******************************************************************************
	@media 1500px
*******************************************************************************/
@media all and (max-width:1500px){





/* 교육과정소개 */
.edu-sect__tit{width: 30%;}
.edu-place-info{position: relative;}
.edu-place-btns{position: absolute; top:-90px; right: 10px; z-index: 9;}







}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/* 문의하기 */
.inquiry-in{flex-wrap: wrap;}
.inquiry-in .inquiry-txt{width: 100%; padding: 0;}
.inquiry-in .inquiry-txt .inquiry-txt-in{display: flex; flex-wrap: wrap;}
.inquiry-in .inquiry-txt h3{width: 100%;}
.inquiry-in .inquiry-form{width: 100%;}
.inq-item {width: 50%; max-width:100%; box-sizing: border-box; padding-right: 20px;}
.inq-item.inq-main {width: 100%;}
.inq-item dt.fs18 {line-height: 130%;}

/* 교육과정소개 */
.edu-sect{flex-wrap: wrap;}
.edu-sect__tit{width: 100%;}
.edu-sect__cont{flex: auto;}


}
/*******************************************************************************
	@media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/* 문의하기 */
.inquiry-in{gap:40px;}
.inq-item {width: 100%; max-width:100%; padding-bottom:10px; margin-bottom:10px; padding-right: 0;}
.inq-item:first-of-type {margin-top:30px;}
.inq-item dt.fs18 {line-height: 175%;}


/* 교육과정소개 */
.education-in{gap:60px;}
.edu-sect{gap:20px;}
.edu-sect__cont{gap:20px;}
.edu-dot-list--gray{padding: 20px 25px;}
.edu-dot-list li::before{top:12px;}
.edu-time-box{padding: 30px 20px 30px 200px;}
.edu-time-box__img{left: 34px; width: 130px; top:40px;}
.edu-place-map .root_daum_roughmap{height: 400px !important;}
.edu-place-info{gap:20px;}
.edu-place-detail{gap:6px 15px;}
.edu-place-btns{ top:-80px;}
.edu-map-btn{width: 50px; height: 50px;}



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* 교육신청확인 */
.education_check {gap:10px; padding:40px 30px;}
.education_check .login dl dd .input {height:50px; padding:0 10px;}
.education_check button {padding:12px 15px;}


/* 문의하기 */
.inquiry-in{gap:30px;}
.inq-item:first-of-type {margin-top:20px;}
.inq-item dt {width:90px;}
.inq-item a.tel::before {width:18px; height:18px; line-height:18px; font-size:18px;}
.inq-item a.mail::before {width:16px; height:16px; line-height:16px; font-size:16px;}


/* 교육과정소개 */
.education-in{gap:40px;}
.edu-sect{gap:10px; }
.edu-sect__cont{gap:15px;}
.edu-condition{gap:15px;}
.edu-dot-list--gray{padding: 20px;}
.edu-dot-list li::before{top:10px;}
.edu-time-box{padding: 20px;}
.edu-time-box__img{left: auto; width: 100px; position: relative; top:auto; transform: translateY(0); margin: 0 auto 15px;}
.edu-time-row {flex-wrap: wrap; gap:0;}
.edu-time-row::before{top:10px; transform: translateY(0);}
.edu-time-row dt{width: 100%;}
.edu-time-row dd{flex: auto;}
.edu-note-list{padding-top: 5px;}
.edu-place-list{gap:30px;}
.edu-place-item{gap:15px;}
.edu-place-map .root_daum_roughmap{height: 300px !important;}
.edu-place-info__left{gap:20px;}
.edu-place-tel{gap:6px;}
.edu-place-tel::before{width: 16px; height: 16px; line-height: 16px; font-size: 16px;}
.edu-place-btns{ top:-60px;}
.edu-map-btn{width: 40px; height: 40px;}


}