@import url(fonts.css);
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
background: transparent;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
font-weight: 400;
}
html { height:100% }
body { font-size: 12px; font-family: 'Pretendard','맑은 고딕','Malgun Gothic'; color: #242424; background-color: #ffffff;height:100%;}
h1, h2, h3, h4, h5, h6 { margin: 0; }
b { font-weight: bold; }
p { margin: 0; }
a { display: inline-block; color: #242424; outline:0; text-decoration:none; }
a:hover, a:link, a:visited, a:focus { outline:0; text-decoration:none; }
ul {list-style: none;}
/* wrap */
#wrap{width:100%;background:#fff;position:relative;}
#header .logo{text-align:center;padding-top:27px;}
/* content01 */
#contents {background: #eaf6ff;}
#contents .content01 {margin: 23px auto 0; width: 1080px;}
#contents .content01 .inner {
display: flex;
justify-content: space-between;
width: 100%;
}
#contents .content01 .inner > * {
width: 490px;
}
#contents .content01 .inner .right div{}
.main_banner_wrap {position: relative;width:525px;height:480px;display: block;background: url("/img/pc/pc_landing/visual_bg.jpg") left center no-repeat}
.btns{position:absolute;left:0;top:312px;display:flex;gap:15px}
.btn{
display:inline-block;width:224px;height:65px;background-size:100% 100%;background-repeat:no-repeat;
text-indent:-9999px;overflow:hidden;transition:.08s;
}
.btn:hover{transform:translateY(0px);filter:brightness(1.15)}
.btn:active{transform:none;filter:brightness(.96)}
.btn-edu{background-image:url("/img/pc/pc_landing/btn_edu.jpg")}
.btn-gadk{background-image:url("/img/pc/pc_landing/btn_gadk.jpg")}
.btn img{max-width:100%}
.container {
display: flex; /* flex 컨테이너 선언 */
flex-wrap: wrap; /* 한 줄에 다 안 들어가면 다음 줄로 내려감 */
justify-content: space-between; /* 좌우 균등 정렬 */
align-items: center; /* 세로축 중앙 정렬 */
width:1080px; /* 전체 컨테이너 너비 (원하는 크기) */
margin: 90px auto; /* 가운데 정렬 */
}
.item {
flex: 0 0 calc(50% - 0); /* 한 줄에 2개씩 (50% - 간격보정) */
height: 494px;
display: flex;
align-items: center;
justify-content: center;
}
.item:nth-child(n+3) {
margin-top: 90px;
}
.eduEventWrap .eduEvent{margin-top:90px;width:1080px;margin:0 auto}
footer{background:#fafafa;border-top:1px solid #e5e5e5;padding:60px 0;text-align:center;color:#666;margin-top:90px;font-size:22px;line-height:32px;}
footer strong{color:#111}
footer strong:first-child{padding-right:30px;}
/*popLayer 2024-10-08*/
/*popLayer*/
.mask { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:101;}
#qr_layer {position:fixed; top:0; bottom:0; left:0; right:0; z-index: 10001;}
.qr-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; top:0; left:0; width:100%; height:100%;overflow:hidden; box-sizing:border-box; z-index: 102;}
.qr-dialog {margin: 0 auto;color:#646873;width:400px;position: relative;}
.qr-dialog .inbox {margin:0 20px;}
.qr-content { border: none;background:#f1f2f4; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px;-webkit-box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; }
.qr-content .pt_top{padding-top:40px;font-size:13px;text-align:center;}
.qr-content .pt_result{font-size:15px;padding-top:60px;text-align:center;color:#222}
.qr-content .pt_result span{color:#08862a}
.qr-content .breif{text-align:center;padding-top:60px;font-size:15px;font-weight:500;color:#222}
.qr-content .breif span{display:block;padding-top:10px;}
.pop-btnWrap{padding:10px 20px 20px}
.pop-btnWrap a{display:block;padding:12px 0;color:#fff;font-size:16px;text-align:center;background-color:#3d6fe7; border-radius: 7px;}
.qr-content .pop_notice span.subTit{color:#222;padding-top:7px;display:block;font-size:14px;}
.qr-content .pop_notice{font-size:16px;padding:40px 30px 0;text-align:center;color:#222}
.qr-content .pop_notice span.mainTit{color:#4348df;font-weight:600}
.qr-content .pop_notice ul.con_detail{color:#222;display:block;font-size:14px;padding:22px 0 32px 0}
.qr-content .pop_notice ul.con_detail li{text-align:left;padding:5px 0 0 0;}
.qr-content .pop_notice ul.con_detail li em{display:inline-block;position: relative;z-index:1;font-size:15px;font-style:normal;color:#4348df;font-weight:600}
.qr-content .pop_notice ul.con_detail li em:after{ content:""; width:calc(100% + 2px); height:7px; position: absolute; bottom:2px; left:-1px; background: #fff89d;z-index:-1000}
.qr-content .pop_notice ul.con_detail li span{position: relative;}
.qr-content .pop_notice ul.con_detail li span:after{content:"";position: absolute;top:9px;left:-5px;background: #222;width:3px;height:3px}
.qr-content .pop_notice span.subTit{color:#222;padding-top:7px;display:block;font-size:14px;}
.qr-content .pop_notice span.subTit em{display:inline-block;position: relative;z-index:1;font-size:15px;font-weight:600;font-style:normal}
.qr-content .pop_notice span.subTit em:after{ content:""; width:calc(100% + 2px); height:7px; position: absolute; bottom:2px; left:-1px; background: #fff89d;z-index:-1000}
.qr-dialog .botPopMnu {position: absolute;z-index: 111;left: 0;right: 0;top: -50px;color:#fff;}
.qr-dialog .botPopMnu li {width: 50%;}
.qr-dialog .botPopMnu li:first-child {float: left; text-align: left;}
.qr-dialog .botPopMnu li:first-child a {display: block;padding-left: 22px;height: 30px;line-height: 30px;font-size: 15px;color: #fff;}
.qr-dialog .botPopMnu li:last-child { float: right;text-align: right;}
.qr-dialog .botPopMnu li:last-child a {display: inline-block;padding: 4px 22px 4px 45px;vertical-align: top;}
.qr-dialog .botPopMnu li:last-child a .but_exit {display:inline-block;width:22px;height:22px;overflow:hidden;word-break:break-all;font-size:1px;line-height:1em;color:transparent;vertical-align:top;background-image:url('/img/pc/pc_landing/btn_close_new.png');background-size:22px auto;text-shadow:none !important;}