@charset "utf-8";@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean);@import url(https://use.fontawesome.com/releases/v5.4.1/css/all.css);*,::after,::before{outline:0;word-break:keep-all;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}button:focus{outline:0}li,ol,ul{margin:0;padding:0;list-style:none}body,html{width:100%;overflow-x:hidden;overflow-y:auto}.font-family-root,body,html{font-family:'Noto Sans KR',sans-serif!important}.font-size-root,body,html{font-size:1rem!important}.font-weight-root,body,html{font-weight:400!important}.line-height-root,body,html{line-height:1.5!important}.color-root,body,html{color:#333}a{color:#333;text-decoration:none;cursor:pointer!important}a:active,a:focus,a:hover{color:#000;text-decoration:none}.body{background-position:center;background:url("../img/common/pattern-body.png");overflow-x:auto}.wrap-box{background:0 0}.wrap-content{background:0 0}.header{position:relative;background:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;-moz-box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;z-index:9;min-width:720px}.header .brand{display:block;padding:20px 0}.header .nav{background:0 0}.header .nav ul{list-style:none;margin-block-end:0}.header .nav li{float:left;display:block}.header .nav li+li{margin-left:50px}.header .nav li a{display:block;color:#1d4076;padding:47px 0 47px 0}.header .nav li a:active,.header .nav li a:focus,.header .nav li a:hover{color:#ff946e}.header .nav li a.active,.header .nav li.active a{color:#ff946e}.article{width:100%}.article .page-title,.article .section-title{color:#1d4076;position:relative}.article .page-title{font-size:2.5rem}.article .section-title{font-size:1.75rem}.article .page-title .title-icon,.article .section-title .title-icon{bottom:0;position:absolute}.aside{z-index:8;width:235px;right:-235px;position:absolute;transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.aside.active{right:0}.footer{padding:25px 0;margin-top:50px;background:#7dafd4;min-width:720px}.footer .footer-text-item-wrap{display:flex!important;display:-ms-flexbox!important}.footer .footer-text-item{color:#fff!important}.contentAreaHeight{min-height:calc(100vh - 304px)}.aside-shadow-section{width:100%;background:#fff;padding:50px 20px 25px 20px!important;box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;-moz-box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important}.article-shadow-section{width:100%;background:#fff;padding:50px 30px 25px 30px;box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;-moz-box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important}.learning-wrap{padding-top:calc(20px - 1rem)!important}.learning-wrap .col{min-width:50%;margin-top:1rem}.learning-wrap .col .icon-my{margin-top:.5rem;margin-bottom:.5rem}.incoming-correspondence-wrap .col{min-width:100%;margin-top:1rem}.incoming-correspondence-wrap .item-area-radius+.item-area-radius{margin-top:.5rem}@media (min-width:992px){.learning-wrap .col{min-width:33.33%}}@media (min-width:1200px){.learning-wrap .col{min-width:25%}.incoming-correspondence-wrap .col{min-width:33.33%}}@media (min-width:1500px){.learning-wrap .col{min-width:20%}}.btn-responsive-nav-toggle{width:15px;color:#999;text-align:center;margin-right:-10px;padding:47px 10px 47px 50px}.btn-responsive-nav-toggle:hover{color:#666}.btn-responsive-nav-toggle .fa-equals{display:unset}.btn-responsive-nav-toggle .fa-times{display:none}.btn-responsive-nav-toggle.active .fa-equals{display:none}.btn-responsive-nav-toggle.active .fa-times{display:unset}@media (min-width:840px){.btn-responsive-nav-toggle{position:absolute;top:0;right:0;padding:47px 30px;margin-right:unset}}@media (min-width:992px){.article{width:100%;margin-left:30px;max-width:calc(100% - 265px);flex:0 0 calc(100% - 265px);-ms-flex:0 0 calc(100% - 265px)}.aside{width:100%;right:0;flex:0 0 235px;max-width:235px;position:relative;-ms-flex:0 0 235px}.aside.active{right:inherit}.btn-responsive-nav-toggle{display:none}}.container{width:720px}.notice-title{max-width:90px;min-width:50px}@media (min-width:576px){.container{max-width:720px}}@media (min-width:768px){.container{width:100%;max-width:720px}}@media (min-width:992px){.container{max-width:960px}.notice-title{max-width:300px}}@media (min-width:1200px){.container{max-width:1140px}.notice-title{max-width:450px}}@media (min-width:1500px){.container{max-width:1480px}.notice-title{max-width:750px}}.form-control{border:none;color:#1d4076;border-radius:unset;padding:.375rem .75rem;background-color:transparent;border-bottom:1px solid #1d4076}.form-control:focus{color:#ff946e;box-shadow:unset;border-color:#ff946e;background-color:transparent}.form-control::placeholder{color:#a1a1a1}.form-group-icon{position:relative}.form-group-icon .form-icon{top:8px;width:24px;position:absolute}.form-group-icon .form-btn{top:8px;width:24px;position:absolute;right:0}.form-group-icon .form-control{padding-left:2rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#ff7575;padding-right:calc(1.5em + .75rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#ff7575;box-shadow:none}.invalid-feedback{font-size:85%;color:#ff7575;margin-top:.3rem}.table td,.table th{padding:.75rem;color:#1d4076;border-top:none;vertical-align:middle;border-bottom:1px solid #1d4076}.table thead th{color:#fff;font-weight:500;text-align:center;border-bottom:none;background:#ff946e;vertical-align:middle}.table-hover tbody tr:hover{color:#212529;background-color:rgba(29,64,118,.05)}.badge{padding:5px 6px;font-size:65%;font-weight:400;vertical-align:baseline;border-radius:5px}.badge-point{color:#fff;background-color:#ff946e}.bg-primary{background-color:#1d4076!important}.bg-secondary{background-color:#ff946e!important}.border-primary{border-color:#1d4076!important}.btn{border-radius:10px}.btn-primary{color:#fff;background-color:#7dafd4;border-color:#7dafd4}.btn-primary:hover{color:#fff;background-color:#4d7899;border-color:#4d7899}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(255,148,110,.5)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#e58563;border-color:#e58563}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,148,110,.5)}.btn-point{color:#fff;background-color:#ff946e;border-color:#ff946e}.btn-point:hover{color:#fff;background-color:#1d4076;border-color:#1d4076}.btn-top{padding:1rem 1.5rem;border:0;border-radius:5px}.text-point{color:#ff946e!important}.text-primary{color:#1d4076!important}.nav-link{padding:0}.nav-tabs{border-bottom:1px solid #ff946e}.nav-tabs .nav-item{margin-bottom:0}.nav-tabs .nav-item+.nav-item{margin-left:1px}.nav-tabs .nav-link{border:none;border-radius:0;padding-top:1rem}.nav-tabs .nav-link .tap-design{background:#1d4076;color:#fff;padding:.5rem 2.5rem}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border:none;padding-top:0;border-radius:0;background-color:transparent}.nav-tabs .nav-item.show .nav-link .tap-design,.nav-tabs .nav-link.active .tap-design{color:#fff;padding:1rem 2.5rem;background:#ff946e}.row-10px{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.border-primary-top-2px{border-top:2px solid #1d4076!important}.h-56px{height:56px}.custom-checkbox input[type=checkbox],.custom-radio input[type=radio]{display:none}.custom-checkbox label{color:#1d4076;padding-left:25px;background-repeat:no-repeat;background-position:left center;background-image:url("../img/form/checkbox-static.png")}.custom-checkbox label:hover{background-image:url("../img/form/checkbox-hover.png")}.custom-checkbox input:checked+label{background-image:url("../img/form/checkbox-checked.png")}.paging{margin:0;padding:0;display:flex;list-style:none}.paging li{text-align:center}.paging a{display:block;width:24px;height:26px;color:#1d4076}.paging .next,.paging .prev{width:26px;height:26px;border-radius:13px}.paging a:hover{color:#ff946e}.paging .next:hover,.paging .prev:hover{color:#fff;background:#ff946e}.paging .active a,.paging a.active{color:#ff946e}.section-area{background:#f2f2f7}.section-area-radius{border-radius:10px}.section-area-padding{padding:20px}.item-area{background:#fff}.item-area .area-title{height:35px;overflow:hidden}.item-area-radius{border-radius:5px}.main-label{font-weight:500;padding:5px 20px;border-radius:20px;display:inline-block}.label-complete{color:#fff;background:#ff946e}.label-ing{color:#1d4076;background:0 0}.profile-wrap p{margin:0;padding:0;color:#1d4076!important;text-align:center}.member-wrap{display:flex!important;display:-ms-flexbox!important}.member-wrap a{width:50%;font-size:90%;display:block;text-align:center;padding-top:10px;padding-bottom:10px;background:#ff946e!important}.member-wrap .btn-modify{padding-left:15px;color:#1d4076!important;border-top-left-radius:10px;border-bottom-left-radius:10px}.member-wrap .btn-logout{padding-right:15px;color:#fff!important;border-top-right-radius:10px;border-bottom-right-radius:10px}.last-login-info{font-size:80%;color:#b9b9b9;text-align:center;padding-top:.25rem}.extra-nav-wrap a{display:block;padding:10px 14px;color:#1d4076!important;border-left:5px solid transparent;border-top:1px solid #1d4076!important}.extra-nav-wrap a svg{width:24px;height:24px}.extra-nav-wrap a .st0{fill:#1d4076!important}.extra-nav-wrap a:hover{border-left:5px solid #ff946e;color:#ff946e!important}.extra-nav-wrap a:hover .st0{fill:#ff946e!important}.point-wrap a{color:#fff;margin-bottom:1px;padding:10px 15px;background:#1d4076!important}.point-wrap a i{font-size:120%;padding-top:2px;color:#ff946e!important}.point-wrap a:hover{color:#ff946e!important}.point-wrap p{margin:0}.point-wrap .point-item{color:#fff;padding:10px 0;text-align:center;background:#1d4076}.point-wrap .point-item.left{border-bottom-left-radius:10px}.point-wrap .point-item.right{border-bottom-right-radius:10px}.point-wrap .w-1px{width:1px;background:#1d4076}.point-wrap .white-line{width:1px;margin:15px 0;height:calc(100% - 30px);background:rgba(255,255,255,.3)!important}.paging a,.paging a:focus{width:26px;padding-top:0}.paging .active a,.paging a.active{background:0 0}.paging .next:focus,.paging .prev:focus{width:26px;height:26px;border-radius:13px}.paging a:hover{background:0 0}.btn-cycle-26px{width:26px;height:26px;text-align:center;border-radius:50%}@media (max-width:991px){.visible-desktop{display:none}}@media (min-width:992px){.visible-mobile{display:none}}.visible-from-lg-block,.visible-from-lg-inline-block,.visible-from-md-block,.visible-from-md-inline-block,.visible-from-sm-block,.visible-from-sm-inline-block,.visible-from-xl-block,.visible-from-xl-inline-block,.visible-lg-block,.visible-lg-inline-block,.visible-md-block,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline-block,.visible-xl-block,.visible-xl-inline-block{display:none}@media (min-width:576px) and (max-width:767px){.hidden-sm{display:none}.visible-sm-block{display:block}.visible-sm-inline-block{display:inline-block}}@media (min-width:768px) and (max-width:991px){.hidden-md{display:none}.visible-md-block{display:block}.visible-md-inline-block{display:inline-block}}@media (min-width:992px) and (max-width:1199px){.hidden-lg{display:none}.visible-lg-block{display:block}.visible-lg-inline-block{display:inline-block}}@media (min-width:1200px){.hidden-xl{display:none}.visible-xl-block{display:block}.visible-xl-inline-block{display:inline-block}}@media (min-width:576px){.visible-from-sm-block{display:block}.visible-from-sm-inline-block{display:inline-block}}@media (min-width:768px){.visible-from-md-block{display:block}.visible-from-md-inline-block{display:inline-block}}@media (min-width:992px){.visible-from-lg-block{display:block}.visible-from-lg-inline-block{display:inline-block}}@media (min-width:1200px){.visible-from-lg-block{display:block}.visible-from-lg-inline-block{display:inline-block}}.login-container{width:100%;background:#fff;max-width:560px;min-height:600px;margin-left:auto;margin-right:auto;margin-bottom:1rem}.login-logo{width:80px;padding:80px 0 70px 0}.event{padding-bottom:2rem}.event+.event{padding-top:2rem;border-top:1px solid #1d4076}.event-thumbnail{width:100%;height:382px;position:relative;margin-top:1.25rem;border:1px solid #ddd;overflow:hidden}.event:hover .event-thumbnail{border-color:#ff956f}.event-thumbnail .thumbnail{width:100%;position:absolute}.event-point{border-bottom-left-radius:10px;padding:4px 15px;font-size:24px;background:#1d4076;border:1px solid #1d4076;color:#fff;font-weight:300}.btn-event-02{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:10px;padding:10px 15px;font-size:16px}.event-finish .event-finish-veil{display:block}.event-finish-veil{display:none;z-index:2;position:absolute;width:100%;height:100%;background:rgba(29,64,118,.7)}.event-finish-comment{margin-top:6rem;font-size:3rem;font-weight:600;color:#ff946e;text-align:center}.text-bg-point{color:#fff;background-color:#ff946e}.article-member-info{margin-left:auto;margin-right:auto;max-width:900px}.player-wrap{top:0;left:0;width:100%;height:100%;position:absolute;background:rgba(29,64,118,.7)}.player-wrap .player-play{top:50%;border:0;left:50%;width:170px;height:170px;margin-top:-85px;margin-left:-85px;border-radius:50%;position:absolute;background-color:transparent;background-image:url("../img/player/arrow-play.png")}.player-wrap .player-play:hover{background-color:rgba(255,148,110,.4)}.player-wrap .player-prev{left:30px;background-image:url("../img/player/arrow-prev.png")}.player-wrap .player-next{right:30px;background-image:url("../img/player/arrow-next.png")}.player-wrap .player-next,.player-wrap .player-prev{top:50%;border:0;width:52px;height:52px;margin-top:-26px;border-radius:50%;position:absolute;background-color:transparent}.player-wrap .player-next:hover,.player-wrap .player-prev:hover{background-color:rgba(255,148,110,.4)}.test-question-num{display:flex;display:-o-flex;display:-moz-flex;display:-ms-flexbox;justify-content:space-between}.test-question-num li{width:40px;height:40px;color:#1d4076;padding-top:4px;border-radius:20px;text-align:center;border:3px solid #d2d2d7}.test-question-num li.pass{border-color:#1d4076}.test-question-num li.currently{border-color:#ff946e}.test-question{color:#1d4076;position:relative;padding-bottom:.5rem}.test-question .num{top:0;left:34px;width:26px;height:26px;color:#fff;position:absolute;text-align:center;border-radius:50%;background:#ff946e}.test-question .mark{top:-25px;z-index:9;left:-10px;width:80px;height:80px;color:#fff;position:absolute;background-color:transparent}.test-question .mark.right{background-image:url("../img/test/test-mark-right.png")}.test-question .mark.soso{background-image:url("../img/test/test-mark-soso.png")}.test-question .mark.wrong{background-image:url("../img/test/test-mark-wrong.png")}.test-question-img-wrap{position:relative}.test-question-img-wrap .question-prev{left:0;background-position:center;background-repeat:no-repeat;background-image:url("../img/test/arrow-prev.png")}.test-question-img-wrap .question-next{right:0;background-position:center;background-repeat:no-repeat;background-image:url("../img/test/arrow-next.png")}.test-question-img-wrap .question-next,.test-question-img-wrap .question-prev{top:50%;border:0;opacity:.5;width:40px;height:40px;margin-top:-20px;border-radius:50%;position:absolute;background-color:transparent}.test-question-img-wrap .question-next:hover,.test-question-img-wrap .question-prev:hover{opacity:1}.point-list-wrap{overflow:hidden;padding-top:2rem;background:#f2f2f7;border-radius:10px}.point-list{padding:0 2rem;overflow-y:auto;max-height:400px}.point-list li{display:flex;color:#1d4076;font-size:120%;display:-ms-flexbox;padding-bottom:1rem;-ms-flex-pack:justify;justify-content:space-between}.point-list li>div:nth-child(1){font-weight:300}.point-total{background:#1d4076;color:#fff;font-size:130%;padding:1rem 2rem}.question-container-short{width:40%;margin:0 auto}.question-container-select{width:40%;margin:0 auto;display:flex;display:-ms-flexbox;justify-content:space-between;vertical-align:top}.question-container-select input[type=radio]{display:none}.question-container-select input+span{font-size:150%;margin-right:.25rem}.question-container-select input:checked+span{color:#ff946e}