@charset "utf-8";
/* CSS Document */

/* 폰트 */
@font-face {
    font-family:'Nanum';
    src:url('/intro/igy/font/nanum.eot');
    src:url('/intro/igy/font/nanum.eot?#iefix') format('embedded-opentype'), url('/intro/igy/font/nanum.woff') format('woff'), url('/intro/igy/font/nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}
@font-face {
    font-family:'NanumBold';
    src:url('/intro/igy/font/nanum_bold.eot');
    src:url('/intro/igy/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/intro/igy/font/nanum_bold.woff') format('woff'), url('/intro/igy/font/nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}

/* 에스코어드림 */
@font-face {
    font-family: 'SCDream';
    font-weight: 300;
    src:url('../font/SCDream/SCDreamLight.woff2') format('woff2'), 
        url('../font/SCDream/SCDreamLight.woff') format('woff'),
        url('../font/SCDream/SCDreamLight.ttf') format('truetype'),
        url('../font/SCDream/SCDreamLight.otf') format('opentype'),
        url('../font/SCDream/SCDreamLight.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'SCDream';
    font-weight: 400;
    src:url('../font/SCDream/SCDreamRegular.woff2') format('woff2'), 
        url('../font/SCDream/SCDreamRegular.woff') format('woff'),
        url('../font/SCDream/SCDreamRegular.ttf') format('truetype'),
        url('../font/SCDream/SCDreamRegular.otf') format('opentype'),
        url('../font/SCDream/SCDreamRegular.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'SCDream';
    font-weight: 500;
    src:url('../font/SCDream/SCDreamMedium.woff2') format('woff2'), 
        url('../font/SCDream/SCDreamMedium.woff') format('woff'),
        url('../font/SCDream/SCDreamMedium.ttf') format('truetype'),
        url('../font/SCDream/SCDreamMedium.otf') format('opentype'),
        url('../font/SCDream/SCDreamMedium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'SCDream';
    font-weight: 600;
    src:url('../font/SCDream/SCDreamBold.woff2') format('woff2'), 
        url('../font/SCDream/SCDreamBold.woff') format('woff'),
        url('../font/SCDream/SCDreamBold.ttf') format('truetype'),
        url('../font/SCDream/SCDreamBold.otf') format('opentype'),
        url('../font/SCDream/SCDreamBold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'SCDream';
    font-weight: 700;
    src:url('../font/SCDream/S-CoreDream-7ExtraBold.woff2') format('woff2'),
        url('../font/SCDream/S-CoreDream-7ExtraBold.woff') format('woff'),
        url('../font/SCDream/S-CoreDream-7ExtraBold.ttf') format('truetype'),
        url('../font/SCDream/SCDream7.otf') format('opentype'),
        url('../font/SCDream/S-CoreDream-7ExtraBold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'SCDream';
    font-weight: 800;
    src:url('../font/SCDream/S-CoreDream-8Heavy.woff2') format('woff2'),
        url('../font/SCDream/S-CoreDream-8Heavy.woff') format('woff'),
        url('../font/SCDream/S-CoreDream-8Heavy.ttf') format('truetype'),
        url('../font/SCDream/SCDream8.otf') format('opentype'),
        url('../font/SCDream/S-CoreDream-8Heavy.eot') format('embedded-opentype');
}



@font-face {
    font-family: 'SCDream';
    font-weight: 900;
    src:url('../font/SCDream/SCDreamBlack.woff2') format('woff2'), 
        url('../font/SCDream/SCDreamBlack.woff') format('woff'),
        url('../font/SCDream/SCDreamBlack.ttf') format('truetype'),
        url('../font/SCDream/SCDreamBlack.otf') format('opentype'),
        url('../font/SCDream/SCDreamBlack.eot') format('embedded-opentype');
}


body{font-family:'SCDream', '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:14px; line-height:1.267em}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; font-family:'SCDream';}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:vertical; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}


.container{position: relative;  width: 100%; height: auto; z-index: 0;}
.BGWrap {position: relative;background-color: #7dccff;height: 100vh;z-index: -5;}
.BGWrap div.cloud{position: absolute; bottom: 0; width: 100%; height: 20%; background-size: 100%;  background-image: url(../images/cloud.png); background-repeat: no-repeat; z-index: -2; }
.BGWrap div.boy{position: absolute; left: 2%; width: 30%; height: 100%; background-size: 50%; background-image: url(../images/student01.png); background-position: left center; background-repeat: no-repeat; z-index: -2;}
.BGWrap div.girl{position: absolute; right: 2%; width: 30%; height: 100%; background-size: 50%; background-image: url(../images/student02.png); background-position: right center; background-repeat: no-repeat; z-index: -2;}
.ConWrap{margin: 0 auto; width: 80%; height: auto; padding: 3rem 0; text-align: center;}
.ConWrap h3{width: 100%; margin: 1.5rem 0; letter-spacing:-1px; font-size: 2.5rem; font-weight: 700; color: #0063de;}
.ConWrap div.ConBox {display: flex; width:100%; align-items: center; justify-content: center;}
.ConWrap div.Cont1{width: 90%; min-height: 60vh;border-radius: 3rem;}
.ConWrap div.btn{margin: 0 auto; width: 100%; margin-top: 3rem;}
.ConWrap div.btn a{ transition: linear 0.2s; width: 100%; color:#de4e00; font-size: 1.4rem; font-weight: 600; background-color: #ffcc00; padding: 1rem 2rem; border-radius: 1rem; border:#fff 2px solid}
.ConWrap div.btn a:hover{color:#ffcc00; background-color: #de4e00; }
.Cont1{background-color: #d1edff; position: relative;}
.Cont1 ul.Date{text-align: left; margin: 2rem;}
.Cont1 ul.Date li{display:flex; justify-content: center; flex-direction: column; text-wrap: nowrap; align-items: center; margin-top: 1%; font-size: 0.6rem; font-weight: 600;}
.Cont1 ul.Date li:last-child{font-weight: 600; margin-top: 1%; line-height: 1.4; text-wrap: wrap; word-break: keep-all; /*text-decoration: underline; color: #008dde;*/ text-align: center;} /*251029*/
.Cont1 ul.Date li p{width: 70%;  letter-spacing:-1px; color: #fff; background-color: #0063de; padding: 0.5rem 2rem; border-radius: 1rem; text-align: center;} 
.Cont1 ul.Date li p.tit{font-size: 1rem;line-height: normal; letter-spacing:-1px;}
.Cont1 ul.Date li p.tit strong{font-size: 1.2rem; word-break: keep-all; text-wrap: nowrap;  letter-spacing:-1px;}
.Cont1 ul.Date li span{ letter-spacing:-1px;  margin-left: 0%; color: #333; text-wrap: wrap; word-break: keep-all;margin: 0.3rem 0;}
.Cont1 ul.Qr{display: none; justify-content:center; width: 100%;}
.Cont1 ul.Qr li{background-color: #fff; padding: 1rem; width: 30%; margin: 2%; height: auto; border-radius: 1rem;}
.Cont1 ul.Qr li p.tit{font-size: 1rem; line-height: normal; letter-spacing:-1px; color: #333;}
.Cont1 ul.Qr li p.tit strong{font-size: 1.2rem; word-break: keep-all; text-wrap: nowrap;  letter-spacing:-1px;}
.Cont1 ul.Qr li span img{margin-top:0.5rem; width: 70%;}
.Cont1 p.logo{display:none; position: absolute; bottom: 5%;}
.Cont1 p.logo img{width: 30%;}

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] {line-height: 1.4; margin-top: 0.5rem; position: relative; overflow: hidden;}
div[class*='tbl_st'] > table {width: calc(100% + 1px); border-top: 2px solid #0f4e93; text-align: center;  position: relative; word-break: keep-all; -webkit-overflow-scrolling: touch;}
div[class*='tbl_st'] > table th {font-size: 0.85rem;  line-height:1.5; border-left: 1px solid #c5c9d6; border-bottom: 1px solid #c5c9d6; background: #f9fcff; padding: 0.8rem 1rem; color: #0f4e93; }
div[class*='tbl_st'] > table td {font-size: 0.85rem; line-height:1.5; border-left: 1px solid #c5c9d6;border-bottom: 1px solid #c5c9d6; padding:0.6rem;color: #444;background: #ffffff; font-weight: 500;}
div[class*='tbl_st'] > table thead th {background: #f0f8ff; font-size: 1rem; }
div[class*='tbl_st'] > table tfoot th,
div[class*='tbl_st'] > table tfoot td {background: #f6f6f6;}
div[class*='tbl_st'] label {display: inline-block;}
div[class*='tbl_st'] div[class*='tbl_st'] {font-size: 1rem; overflow-y: auto;}

.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.fl {float:left !important;}
.fr {float:right !important;}

@media all and (min-width:1024px) and (max-width:1279px) { 
    .ConWrap{width:80%;}
    .ConWrap h3{width: 100%; margin: 1rem 0; font-size: 2rem;}
    .Cont1 ul.Date{text-align: left; margin: 1.5rem;}
    .Cont1 ul.Date li p{padding: 0.2rem 2.5rem;}
    .Cont1 ul.Date li span{font-size: 1rem;}
    .ConWrap div.Cont1{width: 45%; }
    .ConWrap div.Cont2{width: 55%; }
    .Cont1 ul.Qr li p.tit strong{font-size: 1rem;}
    .Cont1 ul.Qr li span img{margin-top:0.5rem; width: 60%;}

} 

@media all and (min-width:768px) and (max-width:1023px) {
    .BGWrap {position: relative;background-color: #7dccff;height: 100%;z-index: -5;}
    .ConWrap div.ConBox {display: block; width:100%; align-items: center; justify-content: center;}
    .ConWrap h3{width: 100%; margin: 1rem 0; font-size: 2rem;}
    .ConWrap div.Cont1, .ConWrap div.Cont2{width: 100%;}
    .ConWrap div.Cont1{min-height: 40vh;}
    .ConWrap div.Cont2{/* min-height: 20vh; */margin-top: 2%;height: auto;background-size: 100% 100%;} /*251029*/
    .Cont1 ul.Date{padding-top: 1rem;}
    .Cont1 ul.Qr li{width: 25%;}
    .Cont1 ul.Qr li span img{margin-top:0.5rem; width: 40%;}
    .Cont1 p.logo{display: none;}



} 

@media all and (min-width:480px) and (max-width:767px) {
    .BGWrap {position: relative;background-color: #7dccff;height: 100%;z-index: -5;}
    .ConWrap div.ConBox{width:100%;}
    .ConWrap div.Cont1{width: 100%;}
    .ConWrap div.Cont2{display: none;}
    .Cont1 p.logo{display: none;}
    .Cont1 ul.Date li p{word-break:break-word; text-wrap:wrap; } 
    .Cont1 ul.Qr{display: none;  width: 100%;}
    .Cont1 ul.Qr li{ display: flex; justify-content: center; background-color: #fff; padding: 0.3rem; width: 80%; margin: 0 auto; height: 10vh; border-radius: 1rem;}
    .Cont1 ul.Qr li:nth-child(2){margin-top: 1rem;}
    .Cont1 ul.Qr li p{display: flex; align-items: center;}
    .Cont1 ul.Qr li p.tit{font-size: 1rem; line-height: normal; letter-spacing:-1px; color: #333; word-break:break-all; }
    .Cont1 ul.Qr li p.tit strong{font-size: 1rem; margin: 0 5px; word-break: keep-all; text-wrap: nowrap;  letter-spacing:-1px;}
    .Cont1 ul.Qr li span{display: flex; align-items: center; justify-content: flex-end;}
    .Cont1 ul.Qr li span img{margin-top:0.5rem; width: 70%;}


} 

@media all and (max-width:479px) {
    .BGWrap {height: 100%;}
    .ConWrap h3{ font-size: 1.5rem;}
    .ConWrap div.ConBox{width:100%;}
    .ConWrap div.Cont1{width: 100%;}
    .Cont1 ul.Date{text-align: left; margin: 1.5rem;}
    .Cont1 ul.Date li{display: block; font-size: 0.6rem; text-align: center;}
    .Cont1 ul.Date li p{padding: 0.3rem 3rem; margin: 0.5rem 0; line-height:1.2; word-break:break-word; text-wrap:wrap; }
    .Cont1 ul.Date li span{ letter-spacing:-1px;  margin-left: 0; line-height: normal;}
    .ConWrap div.Cont2{display: none;}
    .Cont1 p.logo{display:none;}
    .Cont1 p.logo img{width: 50%;}
    .ConWrap div.btn a{font-size: 1.2rem; padding: 0.8rem 1.5rem;}
    .Cont1 ul.Qr{display: none;  width: 100%;}
    .Cont1 ul.Qr li{ display: flex; justify-content: center; background-color: #fff; padding: 0.3rem; width: 70%; margin: 0 auto; height: auto; border-radius: 1rem;}
    .Cont1 ul.Qr li:nth-child(2){margin-top: 0.5rem;}
    .Cont1 ul.Qr li p{display: flex; align-items: center;}
    .Cont1 ul.Qr li p.tit{font-size: 0rem; line-height: normal; letter-spacing:-1px; color: #333;}
    .Cont1 ul.Qr li p.tit strong{font-size: 1rem; margin: 0 5px; word-break: keep-all; text-wrap: nowrap;  letter-spacing:-1px;}
    .Cont1 ul.Qr li span{display: flex; align-items: center; justify-content: flex-end;}
    .Cont1 ul.Qr li span img{margin-top:0.5rem; width: 70%;}


}

@media all and (max-width:375px) {
    .BGWrap {height: 100%;}
    .ConWrap{padding: 1rem 0; width:90%; margin: 0 auto;}
    .ConWrap h3{ font-size: 1rem; margin: 0 auto; padding-bottom: 1rem;}
    .ConWrap div.ConBox{width:100%;}
    .ConWrap div.Cont1{width: 100%; min-height: 75vh;}
    .Cont1 ul.Date{text-align: left; margin: 1.2rem;}
    .Cont1 ul.Date li{display: block; font-size: 1rem; text-align: center;}
    .Cont1 ul.Date li p{padding: 0.2rem 3rem; margin: 0.5rem 0; word-break:break-word; text-wrap:wrap; }
    .Cont1 ul.Date li span{ letter-spacing:-1px;  margin-left: 0; line-height: normal;}
    .ConWrap div.Cont2{display: none;}
    .Cont1 p.logo{display: none;}
    .Cont1 p.logo img{width: 40%;}
    .ConWrap div.btn{margin: 0 auto; width: 100%; margin-top: 2rem;}
    .ConWrap div.btn a{font-size: 0.8rem; padding: 0.5rem 1.2rem;}

}

/* 모바일 테이블 대응 */
@media (max-width: 768px) {
  div[class*='tbl_st'] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  div[class*='tbl_st'] > table {
    width: 100% !important;
    table-layout: fixed;
    word-break: break-word !important;
  }

  div[class*='tbl_st'] > table th,
  div[class*='tbl_st'] > table td {
    white-space: normal !important;
    word-wrap: break-word !important;
  }
}