/*
*** reset ***/
* {margin:0; padding:0; box-sizing:border-box; line-height:1; word-break:keep-all; font-family:'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif; font-weight:400;}
body {overflow-x:hidden;}
li {list-style:none;}
img,fieldset {border:none;}
table {width:100%; border:0; border-spacing:0; border-collapse:collapse;}
select,input,textarea {margin:0; padding:0; outline:0;}
a {text-decoration:none;}

/*
*** common ***/	
.inner1200 {position:relative; width:1200px; margin:0 auto;}
.inner1680 {position:relative; width:1680px; margin:0 auto;}
.abs, .btn-abs {position:absolute;}
.fixed {position:fixed;}
.flex {display:flex; align-items:center;}
.flex-start {align-items:flex-start;}
.space-between {justify-content:space-between;}
.rep-color {color:#682ed0 !important;}

/*
*** header ***/
#main header {position:fixed; top:0; z-index:2; width:100%; height:90px; background:rgba(255,255,255,0); transition:all .3s;}
#sub header {position:fixed; top:0; z-index:2; width:100%; height:90px; background:rgba(255,255,255,.9); transition:all .3s;}
.header-wrap {height:90px; margin:0 4%; justify-content: center;}
.header-wrap .logo {width:240px;}
.header-wrap .menu {width:1200px; height:90px; text-align:center;}
.header-wrap .menu .dep1 {display:inline-block; position:relative; height:90px; margin:0 32px;}
.header-wrap .menu .dep1 > div, .header-wrap .menu .dep1 > div > a {display:block; font-weight:700; font-size:17px; color:#111; line-height:90px; cursor:pointer; transition:all .3s;}
.header-wrap .menu .dep1 > div:after {content:''; position:absolute; bottom:26px; left:1px; width:0; height:3px; background:#333; transition:all .3s;}
.header-wrap .menu .dep1 div:hover, .header-wrap .menu .dep1 a:hover {color:#682ed0;}
.header-wrap .menu .dep1 div:hover:after {width:25px;}
.header-wrap .menu .dep1.edu-inquiry div:after {display:none;}
.header-wrap .menu .dep1.edu-inquiry {background:url('/_images/common/ico-inquiry.png') center top no-repeat; background-size:35px 31px; background-position-y:18px;  margin: 0px 16px}
.header-wrap .menu .dep1.edu-inquiry div {font-size:13px; color:#4c4c4c;}
.header-wrap .menu .dep1.edu-inquiry span {position:relative; top:16px; font-weight:500;}
.header-wrap .menu .dep1.edu-inquiry:hover {animation:blink .8s infinite;}

.header-wrap .menu .dep1.edu-prevention div:after {display:none;}
.header-wrap .menu .dep1.edu-prevention {background:url('/_images/common/ico-prevention.png') center top no-repeat; background-size:35px 31px; background-position-y:18px; margin: 0px 16px}
.header-wrap .menu .dep1.edu-prevention div {font-size:13px; color:#4c4c4c;}
.header-wrap .menu .dep1.edu-prevention span {position:relative; top:16px; font-weight:500;}
.header-wrap .menu .dep1.edu-prevention:hover {animation:blink_01 .8s infinite;}
.header-wrap .menu .dep1 .dep2 {display:none; position:absolute; top:75px; left:-30px; width:212px; height:auto; padding:10px 26px; border-radius:10px; background:#fff; box-shadow:10px 10px 20px rgba(50,50,50,.15); transition:all .3s;}
.header-wrap .menu .dep1 .dep2 a {display:block; margin:15px 0; font-weight:500; font-size:16px; color:#666; text-align:left; cursor:pointer; transition:all .3s;}
.header-wrap .menu .dep1 .dep2 a:hover {color:#682ed0;}
.header-wrap .menu .depect{display:inline-block; position:relative; height:90px; margin:0 25px;}
.header-wrap .menu a.btn_Outlink{display: block; position: relative;  margin: 0px; font-size: 14px; color: #fff; background-color: #682ed0; height: 36px; padding: 0px 17px; box-sizing: border-box; line-height: 36px; border-radius: 4px;}
.header-wrap .logo-kg {width:240px; text-align:right; display: none;}	
@keyframes blink {0%,100% {background-image:url('/_images/common/ico-inquiry.png'); background-size:35px 31px; background-position-y:18px;} 50% {background-image:url('/_images/common/ico-inquiry_over.png'); background-size:35px 31px; background-position-y:18px;}}
@keyframes blink_01 {0%,100% {background-image:url('/_images/common/ico-prevention.png'); background-size:35px 31px; background-position-y:18px;} 50% {background-image:url('/_images/common/ico-prevention_over.png'); background-size:35px 31px; background-position-y:18px;}}


/*
*** footer ***/
footer {position:relative; width:100%; height:230px; margin-bottom:80px; border-top:1px solid #e5e5e5;}
.footer-wrap {width:1200px; height:230px; margin:0 auto;}
.footer-wrap .logo {width:220px;}
.footer-wrap .desc {font-weight:300; font-size:14px; color:#999; line-height:24px;}
.footer-wrap .desc .underline {text-decoration:underline;}
.footer-wrap .desc .m8 {margin:0 8px;}
.footer-wrap .desc .mr8 {margin-right:8px;}
.footer-wrap .snslink {margin-top: 14px;}
.footer-wrap .snslink ul {gap: 3px;}
.footer-wrap .markSet{margin-left: auto; position: relative; top: 10px;}
.footer-wrap .markSet .mark_isms{position:relative; cursor: pointer;}

.modal {display: none; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999;}
.modal_content{position: absolute; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 !important; background: none;}
.modal_isms .modal_content .btn_close {position: absolute; right: -40px; top: 0; width: 44px; height: 44px; text-indent: -9999px; background-image:url('/_images/common/btn_close_black.png'); border:none}
/*
*** fixed right ***/
.fixed-right {position:fixed; top:50%; transform: translateY(-50%); right:50px; z-index:2; text-align:center;  box-shadow:0px 5px 20px rgba(0,0,0,.2); padding: 0 5px; border-radius: 100px; background-color:#fff;}
.fixed-right .shadow {display:inline-block; width:70px;}
.fixed-right a img {text-align:center;}
.fixed-right a {display:block; margin:10px 0;}
.fixed-right a p {margin-top:6px; font-weight:500; font-size:11px; color:#333; line-height:14px;}
.fixed-right a:last-child p{border-bottom: none;}

/*
*** fixed bottom ***/
.fixed-bottom {position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;width: 1200px;height: 80px;background: #fff;border: 2px solid #682ed0;border-bottom: 0;border-radius: 10px 10px 0 0;}
.fixed-bottom form {display: flex; justify-content: space-between;}
.fix-bt-box {width:200px; height:80px; background:#682ed0; border-radius:4px 0 20px 0; font-weight:600; font-size:21px; color:#fff; text-align:center; line-height:80px;}
.fix-bt-box img {margin-right:5px; vertical-align:middle;}
.fix-bt-input {height:80px; line-height:80px;}
.fix-bt-input span {margin-right:10px; font-weight:700; font-size:16px; color:#111;}
.fix-bt-input input {width:180px; height:44px; padding:0 10px; background:#f5f5f5; border:0; border-radius:5px; font-weight:600; font-size:14px; color:#111;}
.fix-bt-btn {width:180px; height:80px; margin:18px 0 0 10px;}
.fix-bt-btn a {display:block; width:150px; height:44px; background:#111; border-radius:5px; font-weight:600; font-size:16px; color:#fff; text-align:center; line-height:44px;}

/*
*** layer popup : 援먯쑁臾몄쓽 ***/ 
.edu-inquiry-popup {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; width:100%; width:1100px; height:660px; padding:60px 70px; background:#fff; border:2px solid #111; overflow-x: auto;}	
.edu-inquiry-popup .x {position:absolute; top:28px; right:28px; width:20px; height:20px; margin-left:-15px; cursor:pointer; transition:all .2s ease-out; stroke-width:2; stroke:#111;}
.edu-inquiry-popup .x:hover {stroke:#682ed0;}
.edu-inquiry-popup h5{font-size: 20px; color: #682ed0; font-weight: 700; margin-bottom: 30px;}
.edu-inquiry-popup h5 span{font-size: 20px; color: #682ed0; font-weight: 400; }
.edu-inquiry-popup hr{margin: 40px 0; background-color: #f2f2f2; border: 0; height: 1px;}	

.kdc-inquiry-popup {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; width:100%; width:1100px; height:600px; padding:60px 70px; background:#fff; border:2px solid #111;}	
.kdc-inquiry-popup .x {position:absolute; top:28px; right:28px; width:20px; height:20px; margin-left:-15px; cursor:pointer; transition:all .2s ease-out; stroke-width:2; stroke:#111;}
.kdc-inquiry-popup .x:hover {stroke:#682ed0;}	

.flex-4 {margin-bottom:18px;}
.flex-4 div:nth-child(1) {width:105px;}
.flex-4 div:nth-child(2) {width:345px;}
.flex-4 div:nth-child(3) {width:90px; margin-left:70px;}
.flex-4 div:nth-child(4) {width:345px;}
.flex-4 div span, .flex-2 div span {font-weight:700; font-size:16px; color:#111;}
.flex-4 div input {width:100%; height:45px; padding:0 15px; background:#f5f5f5; border:0; border-radius:5px; font-weight:600; font-size:14px; color:#111;}
.flex-4 div select {width:100%; height:45px; padding:0 15px; background:url('/_images/common/ico-down.png') no-repeat 95% 55%; border:1px solid #e6e6e6;; border-radius:5px; font-weight:600; font-size:14px; color:#111; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.flex-4 div select.on {background:#fff url('/_images/common/ico-down_on.png') no-repeat 95% 55%;}
.flex-4 div input[type="radio"] {appearance:none; width:18px; height:18px; background:url('/_images/common/radio_off.png') no-repeat; cursor:pointer;}
.flex-4 div input[type="radio"]:checked {background:url('/_images/common/radio_on.png') no-repeat;}
.flex-4 div input[type="radio"] + label {position:relative; top:-4px; margin:0 40px 0 5px; font-weight:500; font-size:15px; color:#111; cursor:pointer;}

.flex-2 {margin-bottom:30px;}
.flex-2.flex-start {align-items:flex-start;}
.flex-2.flex-start div span {display:block; padding-top:10px;}
.flex-2 div:nth-child(1) {width:105px; margin-right:12px;}
.flex-2 div:nth-child(2) {width:100%;}
.flex-2 div input {width:100%; height:45px; padding:0 8px; background:#f5f5f5; border:0; border-radius:5px; font-weight:600; font-size:14px; color:#111;}
.flex-2 div textarea {width:100%; height:170px; padding:20px; background:#f5f5f5; border:0; border-radius:5px; font-weight:600; font-size:14px; color:#111; line-height:24px; resize:none;}
.flex-2 div textarea::placeholder {font-weight:500; color:#999;}
.flex-2 div input[type="radio"] {appearance:none; width:18px; height:18px; background:url('/_images/common/radio_off.png') no-repeat; cursor:pointer;}
.flex-2 div input[type="radio"]:checked {background:url('/_images/common/radio_on.png') no-repeat;}
.flex-2 div input[type="radio"] + label {position:relative; top:-4px; margin:0 40px 0 5px; font-weight:500; font-size:15px; color:#111; cursor:pointer;}

.chk-box {margin-top:30px;}
.chk-box div {padding:14px 0; border-bottom:1px solid #e5e5e5;}
.chk-box div input[type="checkbox"] {appearance:none; width:20px; height:20px; background:url('/_images/common/check_off.png') no-repeat; cursor:pointer;}
.chk-box div input[type="checkbox"]:checked {background:url('/_images/common/check_on.png') no-repeat;}
.chk-box div input[type="checkbox"] + label {position:relative; top:-5px; margin-left:5px; font-size:14px; color:#666; cursor:pointer;}
.chk-box div input[type="checkbox"] + label span {color:#682ed0;}
.chk-box div input[type="checkbox"] + label span.g {color:#999;}
.chk-box .agree-all input[type="checkbox"] + label {position:relative; top:-4.1px; margin-left:5px; font-weight:700; font-size:17px; color:#666; cursor:pointer;}
.chk-box .agree-all input[type="checkbox"]:checked + label {color:#682ed0;}
.chk-box div a {float:right; margin:4px 20px 0 0; font-size:14px; color:#999; transition:all .3s;}
.chk-box div a:hover {color:#111;}
.chk-box div a span {position:relative; top:-1px; margin-left:3px; font-size:10px;}
a.btn-submit {display:block; width:150px; height:50px; margin:30px auto 0; background:#111; border-radius:5px; font-weight:600; font-size:17px; color:#fff; text-align:center; line-height:50px;}

/*
*** layer popup : 媛쒖씤�뺣낫�섏쭛 諛� �� 3�� �쒓났�숈쓽 (�꾩닔), 留덉��� �숈쓽 ***/ 
.agreement {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; width:600px; background:#fff; border:1px solid #aaa; box-shadow:0px 25px 40px -15px rgba(0,0,0,.1);}
.agreement .close {position:absolute; top:20px; right:20px; width:20px; height:20px; margin-left:-15px; cursor:pointer; transition:all .2s ease-out; stroke-width:2; stroke:#fff;}
.agreement h1 {width:100%; height:60px; background:#682ed0; font-weight:600; font-size:21px; color:#fff; text-align:center; line-height:60px;}
.agreement-cont {width:100%; padding:40px; background:#fff;}
.agreement-cont p.txt-l {padding-left:0; font-weight:500; font-size:17px; color:#333; line-height:23px;}
.agreement-cont p.txt-l:after {display:none;}
.agreement-cont h5 {margin:15px 0 6px; font-weight:700; font-size:16px; color:#111; line-height:20px;}
.agreement-cont p {position:relative; padding-left:15px; font-weight:300; font-size:15px; color:#666; line-height:23px;}
.agreement-cont p:after {content:'-'; position:absolute; top:0; left:0;}	
.agreement-cont table {margin:10px 0;}
.agreement-cont th {padding:10px 0; background:#fafafa; border:1px solid #d1d1d1; font-weight:500; font-size:14px; color:#333;}
.agreement-cont td {padding:10px; border:1px solid #d1d1d1; font-weight:300; font-size:14px; color:#666; text-align:center;}