@charset "utf-8";
@import url('fonts.css');

/* default */
* {box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:normal;line-height:normal;}
img{}
a{color:#757575;text-decoration:none;outline-offset:-1px;}
.chrome a,
.safari a{outline-offset:-3px;}


html, body{height:100%; font-size:0; line-height:0;}
body{overflow-x:hidden;word-break:keep-all;word-wrap:break-word;}
body.non-scroll {overflow-y:hidden;}

/* Form */
legend{position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
select, input, textarea {outline:0;}
select, input, label{vertical-align:middle}
button{border:0 none;cursor:pointer;background:none;font-family: 'Noto Sans KR';}

select::-ms-expand { display: none; }
select::-moz-focus-inner { border: 0; padding: 0; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
select{font-family: 'Noto Sans KR';}
input{font-family: 'Noto Sans KR';}
table {border-collapse: collapse; table-layout:fixed; width:100%;}
textarea {font-family: 'Noto Sans KR';}
*:focus {
    outline: 0;
}


/* input {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;} */
body {font-family:'Roboto', 'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
a {font-family:'Roboto', 'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
button {font-family:'Roboto', 'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
textarea {resize: none;}

.wrap {transition: all 0.3s;}
.wrap.open_pop {padding-top:200px;}
.wrap.open_pop .header {top:200px;}
.wrap.open_pop .header .head .gnb .sidebg {top:326px;}


.header {width:100%; background:#fff; position: fixed; z-index:20; left:0; top:0; width:100vw; transition: all 0.3s;}
.header .util ul li.toMain {background-color:#235caa;}
.in_side {width:1200px; margin:0 auto; height: inherit;}
.in_side .sns > a img{width:33px;}
.in_side .sns > a {position:absolute;top:4px;}
.in_side .sns > a:nth-of-type(1) {right:492px;}
.in_side .sns > a:nth-of-type(2) {right:457px;}
.in_side .sns > a:nth-of-type(3) {right:420px;}
.header .head_banner {background:#3d7dd4; }
.header .head_banner .in_side {display:flex; justify-content: space-between; align-items: center; position:relative;}
.header .head_banner .in_side strong {display:inline-block; width:145px; line-height:40px; background:#235caa; color:#fff; font-size:16px; text-align:center;}
.header .head_banner .in_side .util {}
.header .head_banner .in_side .util ul {display:flex; justify-content: space-between; align-items: center;}
.header .head_banner .in_side .util ul li a {font-size:16px; line-height:40px; color:#cde2ff; font-weight: 500; display:inline-block; padding:0 15px;}
.header .head_banner .in_side .util ul li.close a {width:120px; background:#0a3c81; text-align:left; position: relative;}
.header .head_banner .in_side .util ul li.close a::after {content:''; width:20px; height:20px; position: absolute; left:83px; top:50%; margin-top:-10px; background:url(/images/admission/common/icon_pop_arrow.gif) no-repeat;}
.header .head_banner .in_side .util ul li.close.active a::after {transform: rotate(180deg);}
.header .head {border-bottom:1px solid #d9d9d9; background:#fff; position: relative;}
.header .head .mobie_btn {display:none;}
.header .head > .in_side {display:flex; justify-content: space-between; align-items: center; height:85px;}
.header .head .gnb {position: relative; z-index:10;}
.header .head .gnb > ul {display:flex; justify-content: space-between; align-items: center; position: relative; z-index:10;}
.header .head .gnb > ul > li {padding:0 30px; position: relative;}
.header .head .gnb > ul > li > a {font-size:20px; line-height:85px; color:#000000; font-weight:700; position: relative; display:inline-block; transition: all 0.2s;}
.header .head .gnb > ul > li > a::after {content:''; width:0; left:0; top:84px; position: absolute; height:2px; background:#1a5bb1; transition: all 0.2s;}
.header .head .gnb > ul > li.curr > a {color:#1a5bb1;}
.header .head .gnb > ul > li.curr > a::after {width:100%;}
.header .head .gnb > ul > li div {position: absolute; left:50%; top:85px; transform: translateX(-50%); padding-top:25px; width:100%; display:none;}
.header .head .gnb > ul > li div li {text-align:center;}
.header .head .gnb > ul > li div a {display:block; font-size:15px; line-height:35px; color:#555; letter-spacing: -0.05em; transition: all 0.2s;}
.header .head .gnb > ul > li div a:hover {color:#333;}
.header .head .gnb .sidebg {position: fixed; left:0%; top:126px; background:#fff; height:325px; width:100vw; z-index:9; border-bottom:1px solid #d9d9d9; display:none;}
.header .head .gnb .sidebg .banner {width:355px; height:inherit; background:url(/images/admission/common/bg_school.jpg) no-repeat; text-align:right; padding:30px; background-size: cover;}
.header .head .gnb .sidebg .banner strong {font-size:20px; line-height:1.2; color:#1b2936; font-weight: 800;}
.header .head .gnb .sidebg .banner p {font-size:15px; line-height:22px; color:#1b2936; text-transform: uppercase;}
.header .head .gnb .sidebg .banner p + p {margin-top:35px;}

.footer {background:#313131; position: relative; z-index:15;}
.footer .topbox {height:65px; position: relative;}
.footer .topbox::after {content:''; width:100vw; height:1px; background:#3e3e3e; position: absolute; left:50%; bottom:0; transform: translateX(-50%);}
.footer .topbox .list {}
.footer .topbox .list li {display:inline-block;}
.footer .topbox .list li + li {margin-left:24px;}
.footer .topbox .list li a {display:inline-block; font-size:16px; line-height:65px; color:#969696; font-weight:300;}
.footer .topbox .list li:first-child a {color:#fff; font-weight:700;}
.footer .topbox .right {position: absolute; right:0; top:0; border-left:1px solid #424242;}
.footer .topbox .right > div {display:inline-block; position: relative;}
.footer .topbox .right > div ul {position: absolute; left:0; bottom:0; border:1px solid #424242; border-radius:5px; background:#313131; width:100%; display:none;}
.footer .topbox .right > div ul a {display:block; padding:0 17px; font-size:16px; line-height:40px; color:#969696; font-weight:300;}
.footer .topbox .right > div ul li + li {border-top:1px solid #424242;}
.footer .topbox .right button {width:208px; border-right:1px solid #424242; padding:0 32px 0 17px; font-size:16px; line-height:1.3; color:#969696; font-weight:300; height:65px; text-align:left; position: relative;}
.footer .topbox .right button::after {content:''; width:15px; height:9px; position: absolute; top:50%; margin-top:-5px; left:175px; background:url(/images/admission/common/bg_select.gif) no-repeat;}

.footer .botbox {padding:40px 0 65px 0; position: relative;}
.footer .botbox h2 {display:inline-block; vertical-align:top;}
.footer .botbox p {font-size:16px; line-height:24px; color:#969696; font-weight:300; display:inline-block; margin-left:50px;}
.footer .botbox p strong {font-size:16px; line-height:24px; color:#ffffff; font-weight:700; display:block;}
.footer .botbox .sns {position: absolute; right:0; top:40px; }
.footer .botbox .sns a {display:inline-block; margin-left:13px;}

.top-banner { background: #152245; position: fixed; left:0; top:0; width:100%; z-index:20;}
.top-banner .inner { position: relative; height: 200px;max-width:1230px;margin:0 auto;    overflow: hidden;}
.top-banner .addIco{padding-left:150px;min-height:168px;}
.top-banner .addIco .ico{position:absolute;top:50px;left:45px;display:block;width:100px;height:100px;}
.top-banner .addIco .ico img{width:100%;height:100%;}
.top-banner .t1 {text-align: center; font-size:19px; font-weight: 600; color: #fff; line-height: 1.4; padding-top:35px;  }
.top-banner .t1 span { color: #2cff80; }
.top-banner .t1 em { color: #2cff80; }
.top-banner .t2 { font-size:15px; line-height:1.5; color: #fff; font-weight: 300;padding: 15px 10px 15px 50px;padding-left: 15%;}
.top-bannerOnly1 .t2 {padding-left:0px;text-align:center;}
.top-bannerOnly1 .addIco{padding-left:0;}
.top-banner .btns { text-align: center; }
.top-banner .btns a { display: inline-block; vertical-align: middle;  padding:0 10px; height: 28px; line-height: 24px; font-size:14px; font-weight: 200; border: 1px solid #fff; margin:0 3px 5px; color: #fff; transition: all 0.3s ease; }.top-banner .btns a:hover { background: #fff; color: #152245; }
.top-banner .swiper-button-prev { width:19px; height: 36px; margin-top:-18px; background-size:19px auto; background: url(/images/admission/common/btn_popup_prev.png) no-repeat 0 0; outline:none; }
.top-banner .swiper-button-prev::after {display:none;}
.top-banner .swiper-button-next::after {display:none;}
.top-banner .swiper-button-next { width:19px; height: 36px; margin-top:-18px; background-size:19px auto; background: url(/images/admission/common/btn_popup_next.png) no-repeat 0 0; outline:none; }
.top-banner .swiper-pagination { position: absolute;left: 0; right:0; bottom:15px; text-align: center; }
.top-banner .swiper-pagination .swiper-pagination-bullet { width:8px; height: 8px; background: rgba(255,255,255,0.2); opacity:1;  outline:none; margin:0 4px; }
.top-banner .swiper-pagination .swiper-pagination-bullet-active { border: 2px solid #fff;  }
.top-banner .close { position: absolute; right:0; bottom:10px; z-index:10; }
.top-banner .close button { background: none; outline: none; border: 0; font-size:16px; height:16px; line-height:16px; color: #fff; }
.top-banner .close button:before { content: ''; display: inline-block; vertical-align: middle; width:14px; height: 14px; background: #fff; margin:-3px 8px 0 0;}
.top-banner .inner .checkbox {display:none;}

.show {display:block;}
.hide {display:none;}

@media all and (max-width:1410px) {
   /* .bg-banner { position: fixed; left: 0; right:0; top:0; bottom:0; z-index:10; background: rgba(0,0,0,0.6); } */
   .wrap {transition: all 0.3s;}
   /*.wrap.open_pop {padding-top:0px;}
    .wrap.open_pop .header {top:0px;} */
   .wrap.open_pop .header .head .gnb .sidebg {top:326px;}

   .header {width:100%; background:#fff; position: fixed; z-index:20; left:0; top:0; width:100vw;}
   .in_side {width:940px; margin:0 auto;}
   .header .head h1 img {width:224px;}
   .header .head .gnb > ul > li {padding:0 25px; position: relative;}
   .header .head .gnb > ul > li > a {font-size:17px;}
   .header .head .gnb > ul > li div a {display:block; font-size:14px; line-height:30px; color:#555; letter-spacing: -0.08em; transition: all 0.2s;}
   .header .head .gnb > ul > li div a:hover {color:#333;}
   .header .head .gnb .sidebg {height:270px;}
   .header .head .gnb .sidebg .banner {display:none;}

   .footer {background:#313131; position: relative; z-index:15;}
   .footer .topbox {height:50px; position: relative;}
   .footer .topbox::after {content:''; width:100vw; height:1px; background:#3e3e3e; position: absolute; left:50%; bottom:0; transform: translateX(-50%);}
   .footer .topbox .list {}
   .footer .topbox .list li {display:inline-block;}
   .footer .topbox .list li + li {margin-left:18px;}
   .footer .topbox .list li a {display:inline-block; font-size:12px; line-height:50px; color:#969696; font-weight:300;}
   .footer .topbox .list li:first-child a {color:#fff; font-weight:700;}
   .footer .topbox .right {position: absolute; right:0; top:0; border-left:1px solid #424242;}
   .footer .topbox .right > div {display:inline-block; position: relative;}
   .footer .topbox .right > div ul {position: absolute; left:0; bottom:0; border:1px solid #424242; border-radius:5px; background:#313131; width:100%; display:none;}
   .footer .topbox .right > div ul a {display:block; padding:0 17px; font-size:16px; line-height:40px; color:#969696; font-weight:300;}
   .footer .topbox .right > div ul li + li {border-top:1px solid #424242;}
   .footer .topbox .right button {width:156px; border-right:1px solid #424242; padding:0 24px 0 13px; font-size:13px; line-height:1.3; color:#969696; font-weight:300; height:50px; text-align:left; position: relative;}
   .footer .topbox .right button::after {content:''; width:10px; height:5px; position: absolute; top:50%; margin-top:-3px; left:132px; background:url(/images/admission/common/bg_select.gif) no-repeat; background-size:100%;}

   .footer .botbox {padding:30px 0 55px 0; position: relative;}
   .footer .botbox h2 {display:inline-block; vertical-align:top;}
   .footer .botbox h2 img {width:219px;}
   .footer .botbox p {font-size:12px; line-height:18px; color:#969696; font-weight:300; display:inline-block; margin-left:40px;}
   .footer .botbox p strong {font-size:12px; line-height:18px; color:#ffffff; font-weight:700; display:block;}
   .footer .botbox .sns {position: absolute; right:0; top:30px; }
   .footer .botbox .sns a {display:inline-block; margin-left:10px;}
   .footer .botbox .sns a img {width:30px;}

  /*  .top-banner { position: fixed;left: 0; right:0; top:0; height: 100%; display: flex; align-items:center; z-index:1100; background: none;  padding:0 20px; }
	.top-banner .inner { width:300px; height: auto; padding:30px 40px 70px; border-radius:10px; background: #152245;  flex:0 0 60%;   position: relative; z-index:20;  margin:0 auto;}
	.top-banner .t1 { word-break: keep-all; }
	.top-banner .t2 { word-break: keep-all; }
	.top-banner .btn-m-close { position: absolute; right:15px; top:15px; width:35px; height: 35px; background: url(/images/admission/common/ico_close_m.png) no-repeat 50% 50%; background-size:25px auto; z-index:100; }
	.top-banner .close { position: static; text-align: center; padding-top:15px; }
	.top-banner .close button { font-size:13px; } */
}

@media all and (max-width:939px) {
	
   .header {width:100%; background:#fff; position: fixed; z-index:20; left:0; top:0; width:100vw;}
   .header .head_banner {display:none;}
   .in_side {width:auto; margin:0 12px;}
   .header .head .in_side {display:block;}
   .header .head .mobie_btn {display:block; position: absolute; left:28px; top:50%; transform: translateY(-50%);}
   .header .head .mobie_btn .close {display:none;}
   .header .head h1 {text-align:center; display: flex; height:70px; align-items: center; justify-content: center;margin-left:35px;}
   .header .head h1 img {width:221px;}
   .header .head {height:70px; border-bottom:1px solid #d3d3d3;}
   .header.open_gnb .head .gnb {left:0;top:0;}
   .header.open_gnb .head .mobie_btn {}
   .header.open_gnb .head .mobie_btn .open {display:none;}
   .header.open_gnb .head .mobie_btn .close {display:block;}
   .header .head .gnb {position: fixed; left:-120%; top:70px; width:100vw; background:#fff; height:calc(100vh - 70px); overflow-y:auto; transition: all 0.3s;}
   .header .head .gnb > ul {display:block;}
   .header .head .gnb > ul > li {padding:0 0px; position: relative; display:block; background:#fff; border-bottom:1px solid #d3d3d3;}
   .header .head .gnb > ul > li > a {font-size:18px; line-height:52px; color:#373737; background:#fff; display:block; padding:0 30px; position: relative; }
   .header .head .gnb > ul > li > a::after {content:''; width:15px; height:3px; background:url(/images/admission/common/bg_gnb_off.gif) no-repeat; position: absolute; right:34px; top:50%; transform: translateY(-50%); left:auto;}
   .header .head .gnb > ul > li.curr > a::after {content:''; width:14px; height:8px; background:url(/images/admission/common/bg_gnb_on.gif) no-repeat; position: absolute; right:34px; top:50%; transform: translateY(-50%); left:auto;}
   .header .head .gnb > ul > li.curr > a {background:#1a57a5; color:#fff;}
   .header .head .gnb > ul > li > a br {}
   .header .head .gnb > ul > li div {position: static; transform: translateX(0); padding:0 30px; background:#f4f4f4;}
   .header .head .gnb > ul > li div ul li:first-child a {border-top:0;}
   .header .head .gnb > ul > li div a {display:block; font-size:16px; line-height:42px; color:#555; letter-spacing: -0.08em; transition: all 0.2s; text-align:left; border-top:1px solid #fff; border-bottom:1px solid #dfdfdf;}
   .header .head .gnb > ul > li div a:hover {color:#333;}
   .header .head .gnb > ul > li div a br {display:none;}
   .header .head .gnb .sidebg {height:270px;}
   .header .head .gnb .sidebg .banner {display:none;}

   .footer {background:#313131; position: relative; z-index:15;}
   .footer .topbox {height:55px; position: relative; display:block; z-index:15;}
   .footer .topbox::after {content:''; width:100vw; height:1px; background:#3e3e3e; position: absolute; left:50%; bottom:0; transform: translateX(-50%);}
   .footer .topbox .list {text-align:center;}
   .footer .topbox .list li {display:inline-block;}
   .footer .topbox .list li + li {margin-left:18px;}
   .footer .topbox .list li a {display:inline-block; font-size:12px; line-height:50px; color:#969696; font-weight:300;}
   .footer .topbox .list li:first-child a {color:#fff; font-weight:700;}
   .footer .topbox .right {position: absolute; right:0; top:220px; border-left:none; width:100%; display: flex; justify-content: space-between; padding:0 5px;}
   .footer .topbox .right > div {display:inline-block; position: relative;}
   .footer .topbox .right > div ul {position: absolute; left:0; bottom:0; border:1px solid #e7e7e7; border-radius:0px; background:#313131; width:100%; display:none;}
   .footer .topbox .right > div ul a {display:block; padding:0 17px; font-size:16px; line-height:40px; color:#fff; font-weight:300;}
   .footer .topbox .right > div ul li + li {border-top:1px solid #e7e7e7;}
   .footer .topbox .right button {width:156px; border:1px solid #e7e7e7; padding:0 24px 0 13px; font-size:13px; line-height:1.3; color:#fff; font-weight:300; height:40px; text-align:left; position: relative;}
   .footer .topbox .right button::after {content:''; width:6px; height:4px; position: absolute; top:50%; margin-top:-2px; left:132px; background:url(/images/admission/common/bg_select_m.gif) no-repeat; background-size:100%;}

   .footer .botbox {padding:30px 0 155px 0; position: relative; z-index:10;}
   .footer .botbox h2 {display:block; vertical-align:top; text-align:center;}
   .footer .botbox h2 img {width:289px;}
   .footer .botbox p {font-size:12px; line-height:18px; color:#949494; font-weight:300; display:block; margin-left:0px; padding:0 20px; text-align:center; margin-top:10px; height:72px;}
   .footer .botbox p strong {font-size:12px; line-height:18px; color:#949494; font-weight:300; display:block;}
   .footer .botbox .sns {position: absolute; right:0; top:230px; width:100%; text-align:center;}
   .footer .botbox .sns a {display:inline-block; margin:0 7px;}
   .footer .botbox .sns a img {width:40px;}

    .top-banner .t1 { font-size:17px; padding-top:5px;}
	.top-banner .t2 { 
		font-size:13px;
		line-height: 1.5;
		color: #fff;
		font-weight: 300;
		padding: 15px 10px;
		margin-left: 50px;
	}
	.top-banner .inner .checkbox{display:block; color: #fff;float: right;margin: 10px 10px 0 0;}
	/*.top-banner .btns a { width:60px; height: 25px; line-height: 23px; font-size:12px; }
	.top-banner .inner { padding-left: 10px; padding-right:10px; }
	.top-banner .swiper-button-next,
	.top-banner .swiper-button-prev { display: none; }
	.top-banner .close { position: static; text-align: center; padding-top:15px; }
	.top-banner .close button { font-size:13px; } */
	
	
	.top-banner .addIco {
		padding-left:0;
		display: flex;
		align-items: center;
	}
	.top-banner .addIco .ico{
		display:none;
	}
	.top-banner .item {
		width:100%;
	}	
}
img {
    max-width: 100%;
}

@media all and (max-width:500px) {
	.header .head h1 img{
	width:80%;}
}
/* 팝업창 */
.popupLayer{position:relative;width:100%;height:100%;}
.popupBody{position:relative;overflow:hidden;height:calc(100% - 39px);}
.popupFooter{position:absolute;bottom:0;left:0;width:100%;background:#000;text-align:right;line-height: 39px;}
.popupFooter .popupClose,
.popupFooter .todayClose{padding:10px;border:0;background:#000;font-size:14px;color:#fff;cursor:pointer;}
@media all and (max-width:939px) {
	.popupLayer{left: 20px !important; width:80% !important;height: auto !important;}
}