@charset "UTF-8";
/*home*/
.header-intro, .header-intro2, .header-intro3, .header-intro4, .header-intro5 { max-height: 407px; min-height: 407px; padding-top: 30px; position: relative; overflow: hidden; text-align: center; }

.header-intro:before, .header-intro2:before, .header-intro3:before, .header-intro4:before, .header-intro5:before { content: ' '; display: block; position: absolute; left: 0; top: 0;                                                                                                                                                                                                   /*width: 20%;
height: 20%;*/ width: 100%; height: 100%; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover; /*150%;*/ padding-top: 30px; }

.header-intro:before { background-image: url("/web/academy/ViewPattern3/appMaster/Skin_Academy/Data/img/ksim_mainbg-min.jpg"); }

.header-intro2:before { background-image: url("/web/academy/ViewPattern3/appMaster/Skin_Academy/Data/img/ksim_mainbg2-min.jpg"); }

.header-intro3:before { background-image: url("/web/academy/ViewPattern3/appMaster/Skin_Academy/Data/img/ksim_mainbg3-min.jpg"); }

.header-intro4:before { background-image: url("/web/academy/Data/@_ThisSite/img/mainbg4.png"); }

.header-intro5:before { background-image: url("/web/academy/Data/@ThisSite/img/mainbg5.png"); }

#intro { position: relative; }

/* Centered text */
.centered { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.twrap-finance { margin: 0 0; z-index: 3; width: 90%; /*padding-bottom: 100px;*/ height: 100%; }

.tt, span.ttCau { z-index: 3; color: white; font-size: 25px; font-weight: 200; letter-spacing: 2px; /* background-color: #363636; */ padding: 10px 10px; /* position: absolute; */ /* bottom: 10%; */ /* left: 50%; */ /* transform: translate(-50%, -50%); */ /* width: 100%; */ /* display: inline; */ /* clear: both; */ /* display: inline-block; */ }

.tt2 { z-index: 3; color: white; font-size: 38px; font-weight: bold; }

.tt3 { z-index: 3; color: #ffffff; font-size: 25px; font-weight: 300; /* letter-spacing: 7px; */ /*display:none;*/ /* margin-top: 190px; */ position: absolute; bottom: 0; /* padding-top: 190px; */ left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; /* height: 100%; */ top: 220px; font-size: 17px; }

.ttAdd { z-index: 3; color: #ffffff; font-size: 17px; margin-top: 8px; display: block; }

.tnt { margin-top: 280px; position: absolute; width: 100%; /*padding-bottom: 50px;*/ bottom: 0; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* height: 200px; */ }

.ttw .tt { color: #114886; font-weight: 400; }

.mc { background-color: black; padding-left: 0; padding-right: 0; }

.section-notice-back { background-color: #114886; min-height: 743px; /*display:none;*/ }

.section-notice { padding-bottom: 15px; min-height: 453px; padding-top: 30px; background-color: #F0F2F7; color: white; position: relative; overflow: hidden; text-align: center; }

.section-notice .row { padding-top: 10px; }

.r-tt { font-size: 23px; font-weight: bold; color: white; /* border-bottom: 1px solid #D8D8D8; */ padding-bottom: 5px; }

.r-tt2 { z-index: 3; color: #fff; font-size: 18px; letter-spacing: 4px; }

.section-notice p { margin-top: 10px; }

/*.section-notice ul li {list-style:none}*/
.section-notice .list { position: relative; }

.section-notice .list::after { display: block; height: 0; content: "."; font-size: 0; visibility: hidden; clear: both; }

.section-notice .item-box { margin-top: 30px; float: right; width: 100%; }

.section-notice .item-box::after { display: block; height: 0; content: "."; font-size: 0; visibility: hidden; clear: both; }

.section-notice .item { /* border: 1px solid #979797; */ width: 100%; /* height: 200px; */ padding: 30px; /* padding-top: 50px; */ text-align: left; /* float: left; */ background-color: white; color: #000 !important; font-size: 18px; margin-right: 40px; }

.section-notice .item.on { border: 8px solid #47B990; /*width: 90%;*/ /* height: 200px; */ padding: 22px; padding-left: 22px; /* padding-top: 50px; */ text-align: left; /* float: left; */ background-color: #267079; color: #fff !important; font-size: 18px; margin-right: 40px; }

.item a { color: black !important; }

.item.on a { color: white !important; }

.item.on .date { color: #fff; font-size: 18px; padding-right: 20px; display: block; padding-top: 10px; }

.item .date { color: #000; font-size: 18px; padding-right: 20px; display: block; padding-top: 10px; }

.more { display: none; }

.building { padding-top: 80px; margin-left: -120px; display: none; }

.building2-wrap { min-height: 250px; display: block; }

.building2 { /*padding-top: 30px;*/ display: block; position: absolute; left: -100px; }

.building2 img { width: 80%; }

.section-philosophy { /*min-height: 335px;*/ padding-top: 30px; background-color: #fff; color: #000; position: relative; overflow: hidden; text-align: center; }

.p-tt { font-size: 26px; font-weight: bold; color: #191919; border-bottom: 1px solid #D8D8D8; padding-bottom: 5px; }

.p-tt2 { z-index: 3; color: #191919; font-size: 18px; letter-spacing: 4px; }

.section-philosophy2 { min-height: 270px; padding-top: 30px; background-color: #252645; color: white; position: relative; overflow: hidden; text-align: center; padding-bottom: 120px; }

.keyWrap { position: relative; top: 30px; text-align: right; margin-top: -80px; }

.keyWrap img.key { max-width: 180px; z-index: 100; position: absolute; right: 0; top: 130px; }

.keybg { padding-top: 30px; max-width: 250px; }

.compass { position: relative; top: 200px; z-index: 20; margin-top: -280px; display: none; }

.img_compass { max-width: 350px; }

.more2 { display: block; position: absolute; bottom: -48px; z-index: 40; }

.more2 a { font-size: 18px; color: white; border: 1px solid #979797; padding: 5px 10px; font-weight: 200; }

.section-philosophy2 .content { /*margin-left: -50px;*/ margin-top: 35px; font-size: 16px; line-height: 160%; font-weight: 300; text-align: left; z-index: 40; /*두번째 줄부터 들여쓰기*/                                                                                                                                                                                                                   /*padding-left: .5em;
text-indent: -.5em;*/ }

span.br { display: none; }

.section-contact { /*min-height: 643px;*/ /*padding-top: 103px;*/ background-color: #8498B1; color: white; position: relative; overflow: hidden; text-align: center; }

.contact-wrap { width: 98%; margin: 0 auto; margin-top: 55px; margin-bottom: 30px; }

.p-tt3 { font-size: 26px; font-weight: bold; color: #fff; /*border-bottom: 1px solid #D8D8D8;*/ padding-bottom: 5px; letter-spacing: 2px; }

.contact-title { padding: 5px 0px 20px; border-top: 1px solid #D8D8D8; width: 80%; margin: 0 auto; font-size: 16px; letter-spacing: 5px; padding-top: 10px; margin-top: 10px; }

.contact-form { padding: 20px; }

.contact-form .form { border: 1px dashed #b2c2d7; background-color: #70839B; }

.contact-form .info { padding: 7px 15px 20px; line-height: 130%; font-size: 12px; font-weight: 200; }

.fgroup { padding: 5px 10px; text-align: left; border-bottom: 1px solid #b2b4b6; font-weight: 200; font-size: 16px; min-height: 51px; }

.fgroup span { padding-right: 10px; }

.fgroup input { border: 0; background-color: transparent; width: 70%; }

.fgroup textarea { background-color: transparent; width: 100%; border: 0; }

.btn-contact { background-color: #5B6E85; color: white; border-color: #C3D4E9; padding: 10px 50px; margin-top: 20px; color: #C3D4E9; font-size: 23px; }

#cleft { display: none; }

.dotted-spaced { background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #333), color-stop(0%, rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 10px 1px; background-repeat: repeat-x; }

.biga { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*swiper*/
.swiper-container { width: 100%; height: 100%; max-height: 760px; }

#ns .swiper-slide { width: 100%; min-height: 255px; max-height: 255px; }

#ns .box-head { padding-left: 15px; padding-right: 15px; }

#ns .box { padding: 15px; }

#ns .box.row { margin: 10px 0px; /* margin-bottom: 0; */ }

.swiper-slide { text-align: center; font-size: 18px; background: white; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*height:inherit;*/ }

.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: rgba(0, 0, 0, 0.2); }

.swiper-pagination-bullet-active { color: #fff; background: #007aff; }

.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: rgba(0, 0, 0, 0.2); /* background-image: url($data/img/bullet.png); */ }

/*background:url(/images/logo.png) center no-repeat;*/
.swiper-pagination { margin-bottom: 30px; }

@media all and (min-width: 470px) { .swiper-pagination { margin-bottom: 40px; } }
.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: inherit; font-size: 12px; /* color: #000; */ opacity: 1; background: inherit; /* background-image: url(/web/academy/Data/@ThisSite/img/bullet.png); */ }

.swiper-pagination-bullet-active { /* color: #fff; */ background: inherit; background-image: url(/web/academy/Data/_ThisSite/img/bulletOn.png) !important; width: 60px !important; background-repeat: no-repeat !important; background-position: center !important; /* background-position-y: bottom !important; */ height: 20px !important; margin: 0px 0 !important; padding-bottom: 0px; }

.swiper-pagination-bullet img { margin-bottom: 7px; }

.relHeadWrap { min-height: 50px; }

#relHead { /* position: initial; */ /* top: 50%; */ /* left: 50%; */ /* transform: initial; */ /* min-width: 260px; */ text-align: left; margin-left: 14px; }

.contactbg { background-image: url(/web/academy/Data/@ThisSite/img/contact_info.png); background-size: cover; -webkit-transition: all 1s; transition: all 1s; width: 50%; }

.contactbg:hover { /*background-size: auto 105%;*/ width: 50%; height: 100%; -webkit-transition: all 1s; transition: all 1s; }

.contactbg_hover { /*background-size: auto 105%;*/ width: 50%; height: 100%; -webkit-transition: all 1s; transition: all 1s; }

.bg_hover { /*background-size: auto 105%;*/ -webkit-transition: all 1s; transition: all 1s; }

.bg_hover:before { /*background-size: auto 105%;*/ width: 100%; height: 100%; -webkit-transition: all 1s; transition: all 1s; }

.fadd { padding: 10px; text-align: left; }

.fadd .btn-info { background-color: #7f7f7f; border-color: #777777; }

.safe { /* min-width: 432px; */ max-width: 550px; color: white; text-align: center; padding: 30px 10px 0; margin: 0 auto; }

.safe a { text-decoration: none; }

.safe a:hover p { color: #777777; /*text-decoration: underline;*/ }

.safe.left { /* float: right; */ min-height: 202px; background-color: #114886; /* padding-right: 0; */ }

.safe.right { /* float: left; */ min-height: 172px; background-color: #fff; }

.safe .left, .safe .right { padding-top: 20px; }

.safe .left { width: 50%; float: left; }

.safe h3 { color: white; font-size: 23px; font-weight: bold; }

.safe img { display: initial; float: initial; /* width: 80%; */ }

.safe p { color: black; padding: 10px; text-align: center; font-size: 18px; }

.safe.left p { color: white; padding: 10px; /* font-size: 20px; */ /* text-align: center; */ }

.iconWrap { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

@media all and (min-width: 992px) { .wrap-left { float: right; min-width: 455px; }
  .wrap-right { float: left; min-width: 455px; }
  #ns h4 { height: 81px; } }
.section.list h2 { font-size: 25px; font-weight: bold; color: #114886; }

.section.notice { background-color: #F0F2F7; padding-bottom: 15px; }

.section.security { /* margin-top: 30px; */ background-color: #1a1a1a; background-image: url("/web/academy/Data/@ThisSite/img/section-Board.jpg"); background-repeat: repeat-x; background-size: auto; /* background-position-x: right; */ background-position: right -190px top -30px; }

.section .container { /* margin-top: 30px; */ margin-bottom: 50px; }

.section .section-tile { margin-bottom: 0; }

.section.list .box { padding: 15px 25px 15px; margin: 5px 7px 5px 5px; min-height: 108px; background-color: white; border-radius: 10px; }

.section.list .box.blue { background-color: #0764CC; color: white; }

.section.list.notice .box.row { /* margin-bottom:0; */ padding-bottom: 20px; }

.section.list.notice h2 { font-size: 25px; font-weight: bold; color: #114886; margin-bottom: 0; }

.section.list.notice .box .box-head h4 { /* letter-spacing: -1px; */ font-size: 20px; color: #000; font-weight: bold; margin-top: 0; line-height: 1.8rem; }

.section.list.notice .box .box-head p { color: #6A6A6A; }

.section.list.notice .box .box-head p.date { color: #000; margin-top: 20px; }

.section.list.notice .box { padding: 25px; margin: 5px 7px 5px 5px; min-height: 108px; background-color: transparent; border-radius: 0; }

.section.list .box-head, .section.list .box-body { padding: 0; }

.section.list .box-body img { display: block; margin: 0 auto; max-width: 100%; }

.section.list .box .box-head h4 { letter-spacing: -1px; font-size: 17px; color: #114886; font-weight: bold; }

.section.list .box.blue .box-head h4 { color: white; line-height: 2rem; }

.section.list .box.row { margin: 10px -30px; margin-bottom: 10px; }

.section.list.security h2 { color: #fff; }

.section.list .box .box-body .link-info { text-align: center; }

.section.list .box .box-body .tel { color: #00954C; font-size: 22px; }

.section.list .box .box-body .mail { color: #114886; font-size: 14px; }

.section.list .box .box-body a.download { color: #FFFABF; font-size: 17px; padding-top: 5px; display: block; }

@media all and (min-width: 768px) { .section h2 { margin-left: 14px; }
  .section.list .box.row { margin: 0; min-height: 200px; margin-bottom: 10px; }
  .section.list .box .box-head h4 { letter-spacing: 0; font-size: 22px; color: #114886; font-weight: bold; }
  .section.list .box .box-body img { float: left; margin: 0; }
  .section.list .box .box-body .link-info { text-align: left; }
  .section.list .box .box-body .link-info.download { text-align: center; }
  .section.list .box .box-body a.download { padding-top: 20px; font-size: 19px; /* min-width: 245px; */ letter-spacing: -2px; }
  #ns .swiper-slide { width: 33.3333%; max-width: 285px; }
  #ns.swiper-container { width: 95%; }
  .section.notice { margin-top: 20px !important; } }
@media all and (min-width: 1380px) { .section.list { background-position: initial; } }
p.price { color: #7D4000; font-family: Noto Sans CJK KR; font-size: 23px; text-align: center; }

p.info { text-align: center; padding-top: 15px; font-size: 18px; margin-bottom: 0; }

.font-weight-normal { font-weight: normal; }

.color-white { color: white; }

.color-black { color: black; }

.modal-body { margin-top: 12px; background: #f9f9f9; overflow-x: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; }

.line-project { background-color: #f0f2f7; min-height: 200px; /* margin-top: 120px; */ position: relative; }

.line-project .rowWrap { max-width: 1200px; margin: 0 auto; text-align: center; }

.line-project .project-title { border: 5px solid #fa9000; padding: 50px; padding-top: 80px; max-width: 260px; text-align: center; background-color: #fff; min-height: 238px; margin: 0 auto; vertical-align: middle; margin-bottom: 30px; margin-top: -60px; width: 90%; }

.line-project .project-title span { display: block; font-size: 1.5rem; }

.line-project .project-title span.hangle { letter-spacing: 3px; }

.line-project .swipeWrap { background-color: transparent; }

.line-project .swipeWrap img { /* max-width: 200px; */ height: 238px; width: 100%; }

.funds-swiper-button-next { position: absolute; width: 34px; height: 44px; margin-top: 20px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-image: url(/Web/mastern/Data/@ThisSite/img/arrow_bull_right.png); right: 33%; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; }

.funds-swiper-button-prev { position: absolute; width: 35px; height: 44px; margin-top: 20px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-image: url(/Web/mastern/Data/@ThisSite/img/arrow_bull_left.png); left: 33%; -webkit-transition: 0.5s all; transition: 0.5s all; }

.profileWrap2 { padding: 35px 20px 30px; background-color: #fff; border-bottom: 1px dotted #193976; }

.quick-menu { background-color: white; padding-top: 20px; padding-bottom: 20px; margin-top: 10px; z-index: 20; position: relative; max-width: 1100px; margin-left: auto; margin-right: auto; text-align: left; }

.quick-menu .col-6 { border-left: 1px solid #dbdbdb; }

.quick-menu .col-6:hover { background-color: #F0F2F7; }

.quick-menu .col-6:first-child { border-left: 0; }

.quick-menu .col-6 .quick-title { border: 1px solid #868e96; padding: 8px; margin-top: 8px; text-align: center; background-color: #d2f67b; }

.quick-menu .col-6 div { /* height:58px; */ vertical-align: text-bottom; padding-top: 17px; font-size: 18px; letter-spacing: -1px; padding-bottom: 17px; /* border-left: 1px solid #ececec; */ /* text-align: center; */ }

.quick-menu .col-6 div i { color: #28a745; }

.quick-menu .col-6 div a { color: #222222; }

@media all and (min-width: 576px) { .line-rd .rd-list { color: #fff; margin-top: 50px; }
  .line-rd .back-mobile { display: none; }
  .rd-profile { padding: 50px 20px 20px; padding-top: 50px; margin-left: 0; margin-right: 0; padding-left: 30px; }
  .rd-profile.line { padding: 20px; padding-top: 10px; margin-left: 0; margin-right: 0; padding-left: 30px; }
  .line-project .project-title { margin: 0; }
  .funds-swiper-button-next { position: absolute; width: 34px; height: 44px; margin-top: -150px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-image: url(/Web/mastern/Data/@ThisSite/img/arrow_bull_right.png); right: -10px; opacity: 1; }
  .funds-swiper-button-prev { position: absolute; width: 35px; height: 44px; margin-top: -150px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-image: url(/Web/mastern/Data/@ThisSite/img/arrow_bull_left.png); left: -18px; } }
@media (min-width: 768px) { #gallery .swiper-slide { width: 33.3333%; max-width: 285px; } }
.banner4 { width: 100%; }

@media (min-width: 992px) { .quick-menu { /* margin-top: -80px; */ text-align: center; padding-top: 0; padding-bottom: 0; margin-top: 17px; }
  .banner4 { width: auto; } }
body.lang-en .tt { letter-spacing: 0; font-size: 1.8rem; }
body.lang-en .ttAdd { letter-spacing: 1px; }
body.lang-en section.about .list { padding: 3px 5px; }
body.lang-en section.rules, body.lang-en section.about { background-color: #f9fbff; margin: 10px 0; padding: 20px 20px 30px; vertical-align: top; width: 100%; }
@media (min-width: 768px) { body.lang-en section.rules, body.lang-en section.about { width: 45%; margin-left: auto; margin-right: auto; margin: 30px 0; } }
body.lang-en section.rules .title, body.lang-en section.about .title { padding-bottom: 15px; border-bottom: 2px solid #607D8B; color: #67a93a; /*color:color(accent);
@include tablet { color:color(primary);
}*/ }
body.lang-en section.rules ul, body.lang-en section.about ul { list-style: disc; padding-left: 30px; }
body.lang-en section.rules ul li, body.lang-en section.about ul li { padding: 3px 0; }
body.lang-en section.rules a, body.lang-en section.about a { /*color:black*/ }
body.lang-en .rowWrap { padding-top: 20px; padding-bottom: 50px; }
@media (min-width: 768px) { body.lang-en .rowWrap { padding-top: 50px; } }

/*# sourceMappingURL=default.css.map */