@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; /*vertical-align:baseline;*/ background:transparent; font-family:"Pretendard Variable", Pretendard, sans-serif; letter-spacing:-0.25px}
body {line-height:normal !important; word-break:keep-all; background-color:#0D223E}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
dl,ul,ol,menu,li {list-style:none}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:inherit}
a:focus, a:hover {text-decoration:none !important}
ins {background-color:#ff9; color: #000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top: 1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}
i {vertical-align:middle}
a[href^="tel"] {color:inherit; text-decoration:none}
.text-light {font-weight:400}
.img-responsive {display:block; max-width:100%; height:auto}


#intro_container {width:100%; min-height:100vh; display:flex; flex-direction:column; box-sizing:border-box}
#intro_container .intro_bg {background:url('bg_campus.jpg?v=1') no-repeat top; background-size:cover}
.intro_inner {width:100%; max-width:1520px;padding:40px 0;  margin:0 auto}
.top_logo {display:flex; justify-content:flex-end; align-items:end}
.top_logo img {margin-left:20px}
.top_logo img:first-child {height:35px}
.main_tit {padding:0 0 30px 0; color:#fff}
.main_tit h4 {font-size:19px; margin-left:10px; font-weight:200; text-transform:uppercase; letter-spacing:15%}
.main_tit h2 {margin-top:20px; font-size:70px; font-weight:800} 

.issueList li {display:flex; align-items:center; width:780px; background:#fff; padding:15px 20px; margin-bottom:15px; border-radius:15px; color:#000; font-size:18px; font-weight:700; transition:filter .2s ease, transform .2s ease;}
.issueList .issue01 {box-shadow:0 5px 0 0 #4BB97B}
.issueList .issue02 {box-shadow:0 5px 0 0 #6191EE}
.issueList .issue01:hover {background: #f5fffa; transform:translateY(-2px);}
.issueList .issue02:hover {background: #f1f5ff; transform:translateY(-2px);}
.issueList .issue01 > i {color:#32AF68; padding:10px 12px; background-color:#D6E9DF; border-radius:7px; margin-right:8px}
.issueList .issue02 > i {color:#6191EE; padding:10px 12px; background-color:#DAE2F3; border-radius:7px; margin-right:8px}

.video_section {display:flex; gap:20px}
.video_List {width:400px}
.bx-wrapper {margin:20px 0 0 0; background:none; box-shadow:none; border:none}
.bx-wrapper .bx-next {right:10px; background:url('controls.png') no-repeat -43px -32px}
.bx-wrapper .bx-prev {right:10px; background:url('controls.png') no-repeat 0 -32px}
.bx-wrapper img {border-radius:10px}

.bottom_section {background-color:#0D223E}
.bottom_container {width:100%; max-width:1520px; margin:0 auto; padding-top:50px}
.bottom_container .btns {display:flex; justify-content:space-between; align-items:center; gap:20px}
.bottom_container .btns .site_btns {display:flex; gap:20px}
.bottom_container .btns .site_btns a {display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; padding:20px 0; border-radius:15px; width:260px; font-size:22px; font-weight:600; transition:filter .2s ease, transform .2s ease}
.bottom_container .btns .site_btns .btn_kor {background:#fff; color:#16325C}
.bottom_container .btns .site_btns .btn_ent {background:#2F6FEB; color:#fff}
.bottom_container .btns .site_btns .btn_eng {background:#69C3B2; color:#fff}
.bottom_container .btns .site_btns .btn_kor:hover {background:#f1f5ff; transform:translateY(-2px)}
.bottom_container .btns .site_btns .btn_ent:hover {background:#1a56cb; transform:translateY(-2px)}
.bottom_container .btns .site_btns .btn_eng:hover {background:#4fb19e; transform:translateY(-2px)}
.bottom_container .btns .btn_sub {font-size:12px; font-weight:300; opacity:0.7}
.bottom_container > p {margin-top:30px; color:#fff; font-size:13px; font-weight:300}
.sns_links {display:flex; justify-content:center; gap:30px}
.sns_links a {display:flex; align-items:center; color:#fff; font-size:18px; transition:0.3s ease}
.sns_links a:hover {color:#cadaed; font-weight:500}
.sns_links a img {margin-right:12px}


/* 반응형 */
@media (max-width: 1200px) {
	.intro_inner {padding:40px 20px; max-width:100%; box-sizing:border-box}
	.main_tit {text-align:center}
	.issueList li {margin:0 auto 15px auto}
	.video_section {justify-content:space-between}
	.video_List {width:32%}
	.bottom_container .btns {flex-direction:column}
	.bottom_container > p {text-align:center}
}

@media (max-width:900px) {
	.issueList li {width:80%; padding:7px 10px; font-size:17px}
	.main_tit h2 {font-size:56px}
	.main_tit h4 {font-size:16px}
	.bottom_container {padding:50px 20px 0 20px; box-sizing:border-box}
	.bottom_container .btns .site_btns {width:100%; padding:0 20px}
}

@media (max-width:790px) {
}

@media (max-width:640px) {
	.video_section {flex-direction:column}
	.video_List {width:100%}	
	.issueList li > p {margin:5px 0}
	.bx-wrapper {margin:10px 0 0 0}
}

@media (max-width:432px) {
	.top_logo {display:flex; justify-content:center; gap:10px}
	.top_logo img {margin-left:0}
	.main_tit h4 {font-size:12px}
	.main_tit h2 {font-size:40px; margin-top:10px}
	.issueList li {width: 100%; box-sizing:border-box}
	.video_section {gap:0px}
	.bottom_container {padding:40px 20px 0 20px}
	.bottom_container .btns .site_btns {gap:7px}
	.bottom_container .btns .site_btns a {padding:10px 0; gap:0; font-size:15px}
	.bottom_container .btns .btn_sub {font-size:10px}
	.sns_links {gap:20px}
	.sns_links a {font-size:14px}
	.sns_links a img {margin-right:6px; width:25px}
	.bottom_container > p {opacity:50%; font-size:10px}
}