@charset "utf-8";
/* CSS Document */
body {word-break: keep-all;}
.line-gap {width: 100%;margin: 2.4rem 0;clear: both;border-top: 1px dotted #ccc;}
/* title */
.tit-h3 {position: relative;padding: 0.8rem 0 0 0;font-size: 22px;margin-bottom: 1rem;color: #333;}
.tit-h3:after {content: '';position: absolute;top:0;left: 0;display: inline-block;width: 1rem;height: 2px;background-color: rgb(var(--point-color-01));}
.tit-h3 > span {font-size: 18px;color: #777;font-weight: normal;}
.tit-h4 {color: rgb(var(--point-color-01));font-size: 20px;margin-top: 1.6rem;margin-bottom: 0.7rem;}
.tit-h4 > span {font-size: 1rem;font-weight: 400;color: #838484;}
.tit-h5 {color: rgb(var(--point-color-04));font-weight: 600;margin-top: 1.5rem;font-size: 18px;margin-bottom: 0.5rem;}
.tit-h6 {background: url("/site/resource/koje/common/images/bullet01.png") no-repeat left 4px;padding-left: 1.1rem;color: #444;font-size: 17px;margin-top: 1.5rem;margin-bottom: 5px;}
/* list */
.list-style01, .list-style02 {margin: 0 0 1.5rem 0;}
ul.list-style01 > li {background: url(/site/resource/koje/common/images/bullet02.png) no-repeat left 9px;text-align: left;padding-left: 0.9rem;margin: 0.3rem 0;}
ul.list-style01 > li .list-style02 {margin: 0.3rem 0 0.7rem;}
ul.list-style02 > li {background: url("/site/resource/koje/common/images/bullet03.png") no-repeat left 9px;padding-left: 0.6rem;margin: 0.1rem 0;color: #777;}
ol.list-style01 {list-style: decimal-leading-zero;padding-left: 1.6rem;}
ol.list-style01 > li {margin: 0.3rem 0;}
ol.list-style02 {list-style: hangul;padding-left: 1.6rem;}
ol.list-style02 > li {margin: 0.3rem 0;}
ol.list-num > li {position: relative;padding: 0.7rem 0 0.5rem 3rem;}
ol.list-num > li span.num {position: absolute;top: 0.5rem;left: 0;width: 32px;height: 32px;padding:0.3125rem 0;color: hsl(0, 0%, 100%);text-align: center;background: rgb(var(--point-color-03)); border-radius: 50%;}
ol.list-num > li ul {margin-top:0.375rem}
ol.list-num > li ul li {position: relative;padding: 0 0 0.3125rem 0.9375rem;}
ol.list-num > li ul li::before {content:'-';display:inline-block;position: absolute;top: 0;left: 0;}
ul.list-box > li {margin-bottom: 1rem;}
ul.list-box > li .txt {position: relative;padding:1rem;border-radius: 33px;background: #f4f6f8;font-size:1rem;}
ul.list-box > li p.num {text-align: left;padding-left: 5rem;margin-bottom: 0;}
ul.list-box > li p.num span {position: absolute;top: 50%;left: 2rem;transform: translateY(-50%);color: rgb(var(--point-color-01));font-size: 1.7rem;font-weight: 600;}
ul.list-box2 > li div {padding: 0.7rem 0 0.5rem;background: #f4f6f8;text-align: center;}
/* btn */
.btn > .material-icons {font-size: 18px;}
.btn-sm > .material-icons {font-size: 15px;}
/* text type */
.info-txt {position: relative;padding-left: 1.6rem;}
.info-txt:before {content: '\e88e';position: absolute;top: 2px;left: 0;font-family: 'material-Icons';font-size: 1.3rem;line-height: 1.1;color: #767b81;}
.info-txt.small:before {font-size:18px;top: 0;}
.info-txt.type01:before {color: #dc3545;}
.info-box {position: relative;box-sizing: border-box;padding: 2rem;margin-bottom: 1.5rem;border: 1px solid #ddd;}
.info-box:after, .info-box:before {content:"";position:absolute;display:block;background:rgb(var(--point-color-01)); z-index:2}
.info-box:after {top:-1px;right:-1px;width:38px;height:10px;}
.info-box:before {top:0;right:-1px;width:10px;height:38px;}
@media (min-width: 992px) {
.info-box[class*="type"] {min-height: 124px;padding-left:9rem;background-position: 2rem 1rem;background-repeat: no-repeat;}
.info-box.type01 {background-image: url('/site/resource/koje/common/images/info-box-icon01.png');}
.info-box.type02 {background-image: url('/site/resource/koje/common/images/info-box-icon02.png');}
.info-box.type03 {background-image: url('/site/resource/koje/common/images/info-box-icon03.png');}
.info-box.type04 {background-image: url('/site/resource/koje/common/images/info-box-icon04.png');}
.info-box.type05 {background-image: url('/site/resource/koje/common/images/info-box-icon05.png');}
.info-box.type06 {background-image: url('/site/resource/koje/common/images/info-box-icon06.png');}
.info-box.type07 {background-image: url('/site/resource/koje/common/images/info-box-icon07.png');}
.info-box.type08 {background-image: url('/site/resource/koje/common/images/info-box-icon08.png');}
.info-box.type09 {background-image: url('/site/resource/koje/common/images/info-box-icon09.png');}
.info-box.type10 {background-image: url('/site/resource/koje/common/images/info-box-icon10.png');}
.info-box.type11 {background-image: url('/site/resource/koje/common/images/info-box-icon11.png');}
.info-box.type12 {background-image: url('/site/resource/koje/common/images/info-box-icon12.png');}
}
/* alert */
.alert {padding: 1.5rem;}
.alert-secondary {background-color: #f4f4f4;border-color: #e5e6e7;}
/* flow-list */
.flow-list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;border-bottom: 1px solid #aaa;border-top: 2px solid #404b57;}
.flow-list > li {position: relative;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;list-style: none;counter-increment: count;border-bottom: 1px dotted #ddd;padding: 0;margin: 0;}
.flow-list > li:first-child {}
.flow-list > li:after {content:'\e313';position: absolute;top: -0.8rem;left: 50%;z-index: 1;display: inline-block;width: 26px;height: 26px;text-align: center;margin-left: -14px;border-radius: 50%;font-family: 'material-Icons';font-size: 1.3rem;color: rgb(var(--point-color-02));background: #ebeced;}
.flow-list > li:first-child:after {display:none;}
.flow-list > li .txt-box {list-style: none;position: relative;box-sizing: border-box;line-height: 1.5;color: #888;word-break: keep-all;padding: 0 0 0 2.2rem;margin: 1.8rem 0;}
.flow-list > li:first-child .txt-box {}
.flow-list > li .txt-box:before {content:counter(count, decimal-leading-zero);position: absolute;top: 0;left: 0;color: rgb(var(--point-color-01));font-size: 1rem;}
.flow-list > li .txt-box strong {font-weight: 600;color: #000;}
.flow-list > li .txt-box li {line-height: 1.3;}
.flow-list > li .txt-box.type01:before {display: none;}
.flow-list > li .txt-box.type01 .step {position: absolute;width: 2rem;top: 0;left: 0;word-break: normal;color: rgb(var(--point-color-01));font-size: 1rem;}
.flow-list.type01 > li .txt-box {padding-left:0;}
.flow-list.type01 > li .txt-box:before {display:none;}
.flow-list.type01 > li .txt-box strong {color: rgb(var(--point-color-01));}
@media (min-width: 768px) {
.flow-list > li {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding-left: 1.4rem;}
.flow-list > li:nth-child(4n):before {display: none}
.flow-list > li:after {content:'\e315';top: 50%;left: -14px;margin-top: -14px;margin-left: 0;}
.flow-list > li:nth-child(2n+1):after {display: none;}
.flow-list > li .txt-box {padding: 1.6rem 1.6rem 0 0;height: calc(100% - 3.6rem);}
.flow-list > li .txt-box:before {content:'STEP 'counter(count, decimal-leading-zero);}
.flow-list > li .txt-box:after {content:'';position: absolute;display:inline-block;width:1px;height: 90%;top: 5%;right: 0;background: #ddd;}
.flow-list > li:nth-child(2n) .txt-box:after {display:none;}
.flow-list > li .txt-box.type01 .step {width: auto;}
.flow-list.type01 > li .txt-box {padding-top:0;}
}
@media (min-width: 992px) {
.flow-list > li {-ms-flex: 0 0 33.333%;flex: 0 0 33.333%;max-width: 33.333%;}
.flow-list > li:nth-child(2n+1):after {display: block;}
.flow-list > li:nth-child(3n+1):after {display: none;}
.flow-list > li:nth-child(2n) .txt-box:after {display:block;}
.flow-list > li:nth-child(3n) .txt-box:after {display:none;}
}
@media (min-width: 1200px) {
.flow-list > li {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.flow-list > li:nth-child(3n+1):after {display: block;}
.flow-list > li:nth-child(4n+1):after {display: none;}
.flow-list > li:nth-child(3n) .txt-box:after {display:block;}
.flow-list > li:nth-child(4n) .txt-box:after {display:none;}
.flow-list.type02 > li {-ms-flex: 0 0 33.333%;flex: 0 0 33.333%;max-width: 33.333%;}
.flow-list.type02 > li:nth-child(2n+1):after {display: block;}
.flow-list.type02 > li:nth-child(3n+1):after {display: none;}
.flow-list.type02 > li:nth-child(2n) .txt-box:after {display:block;}
.flow-list.type02 > li:nth-child(3n) .txt-box:after {display:none;}
}
/* flow-listimg */
.flow-listimg {background: #f8f8f8;padding: 2rem;}
.flow-listimg .row {position:relative;}
.flow-listimg .row + .row {border-top: 1px solid #e2e3eb;padding-top: 1.5rem;margin-top: 1.5rem;}
.flow-listimg .img {display: none;}
.flow-listimg .row + .row:after {content:'\e5cf';position: absolute;top: -25px;left: 50%;font-family: 'material-Icons';font-size: 35px;color: rgb(var(--point-color-02));background: #f8f8f8;margin-left: -15px;}
.flow-listimg .txt-box h4 {margin-bottom: 0.6rem;}
.flow-listimg .txt-box h4 > span {font-size: 17px;display: block;color: rgb(var(--point-color-01));margin-bottom: 0.2rem;}
.flow-listimg .txt-box > p {color: #666;line-height: 1.5;}
.flow-listimg .txt-box ul li {color: #666;}
@media (min-width: 768px) {
.flow-listimg .row + .row:after {left:12.5%;}
.flow-listimg .img {display:block;text-align: center;}
.flow-listimg .txt-box h4 {margin-top: 1rem;}
}
@media (min-width: 992px) {
.flow-listimg {padding:3rem 2.5rem;}
}
/* img */
.img-zoom, .img-lg-zoom, .img-xl-zoom {position: relative;text-align: center;border: 1px solid #eaeaea;padding: 1.5rem 1rem;}
.img-zoom img, .img-lg-zoom img, .img-xl-zoom img {max-width: 100%;margin: 0 auto;}
.img-zoom > .btn, .img-lg-zoom > .btn, .img-xl-zoom > .btn {position: absolute;top: 0;right: 0;width: 2.4rem;height: 2.4rem;background: #31313d url('/common/images/zoom-icon.png') no-repeat center center;transition: 0.3s;}
.img-zoom > .btn:hover, .img-zoom > .btn:focus, .img-lg-zoom > .btn:hover, .img-lg-zoom > .btn:focus, .img-xl-zoom > .btn:hover, .img-xl-zoom > .btn:focus {background-color: rgb(var(--point-color-01));}
@media (min-width: 768px) {
.img-zoom {padding: 0;border: none;}
.img-zoom > .btn {display: none;}
.img-lg-zoom > .btn, .img-xl-zoom > .btn {display:block;}
}
@media (min-width: 992px) {
.img-lg-zoom {padding: 0;border: none;}
.img-lg-zoom > .btn {display: none;}
.img-xl-zoom > .btn {display:block;}
}
@media (min-width: 1200px) {
.img-xl-zoom {padding: 0;border: none;}
.img-xl-zoom > .btn {display: none;}
}
/* table */
.table-primary, .table-primary > th, .table-primary > td {background-color: #f1f8ff;}
.table-secondary, .table-secondary > th, .table-secondary > td {background-color: #f4f4f4;}
.table-warning, .table-warning > th, .table-warning > td {background-color: #fffae6;}
/* tab */
.nav-tabs-style01 .nav-item .nav-link.active {background-color: rgb(var(--point-color-01));}
.nav-tabs-style01 .nav-item .nav-link:hover, .nav-tabs-style01 .nav-item .nav-link:focus {color: rgb(var(--point-color-01));}
.nav-tabs-style01 .nav-item .nav-link.active:hover, .nav-tabs-style01 .nav-item .nav-link.active:focus {color: #fff;}
.nav-tabs-style01>a:hover, .nav-tabs-style01>a:focus {color: rgb(var(--point-color-01));}
.nav-tabs-style02 {margin-bottom:2rem;border: none;background: #F8F8F8;position: relative;border-top: 1px solid #4A5664;border-left: 1px solid #ddd;}
.nav-tabs-style02:after, .nav-tabs-style02:before {content:'';position:absolute;display:inline-block;background: #ddd;}
.nav-tabs-style02:after {width: 100%;height: 1px;left: 0;bottom: 0;}
.nav-tabs-style02:before {width: 1px;height: 100%;top: 0;right: 0;}
.nav-tabs-style02 .nav {border-bottom:none;overflow: hidden;}
.nav-tabs-style02 .nav .nav-item {width:50%;margin: 0;}
.nav-tabs-style02 .nav-link {border-radius: 0;background: #fff;text-align: center;border: 1px solid #DDDDDD;padding: 0.9rem 0.25rem;margin: -1px 0 0 -1px;}
.nav-tabs-style02 .nav-link.active, .nav-tabs-style02 .nav-item.show .nav-link {color:#fff;background: rgb(var(--point-color-01));border-color: transparent;}
.nav-tabs-style02 .nav-link:hover, .nav-tabs-style02 .nav-link:focus {color: rgb(var(--point-color-01));font-weight: 400;border-color: #ddd;}
.nav-tabs-style02 .nav-link.active:hover, .nav-tabs-style02 .nav-link.active:focus {color:#fff;text-decoration:underline;}
@media (min-width: 768px) {
.nav-tabs-style02 .nav .nav-item {width:33.3%;}
}
@media (min-width: 992px) {
.nav-tabs-style02 .nav .nav-item {width:25%;}
}
/* header */
#header .site-logo {width: auto;height: 32px;}
#header .sub-site-title {font-size: 19px;font-weight: 700;}
/* pdf-viewer */
.pdf-viewer {position: relative;box-sizing: border-box;padding: 2rem;margin-bottom: 1.5rem;border: 1px solid #ddd;}
.pdf-viewer:after, .pdf-viewer:before {content:"";position:absolute;display:block;background:rgb(var(--point-color-01)); z-index:2}
.pdf-viewer:after {top:-1px;right:-1px;width:38px;height:10px;}
.pdf-viewer:before {top:0;right:-1px;width:10px;height:38px;}
@media (min-width: 992px) {
.pdf-viewer {padding-left:9rem;background-position: 2rem 2rem;background-repeat: no-repeat;background-image: url('/site/resource/koje/common/images/info-box-icon02.png');}
}
/* accordion */
.accordion-style01 .card {margin-bottom: 0.5rem;}
.accordion-style01 .card .card-header {background-color:#fff;border-bottom: none;}
.accordion-style01 .card .card-header button {background-color: transparent;border-bottom: none;width: 100%;position: relative;text-align: left;font-size: 17px;color: #555;font-weight: 600;padding: 0;white-space: inherit;}
.accordion-style01 .card .card-header button:hover, .accordion-style01 .card .card-header button:focus {color: rgb(var(--point-color-02));}
.accordion-style01 .card .card-header button[aria-expanded="true"] {color: rgb(var(--point-color-02));text-decoration: none;}
.accordion-style01 .card .card-header button:before {content: '\e313';font-family: 'material-Icons';position: absolute;right: 0;font-weight: 600;font-size: 1.3rem;line-height: 1.3;}
.accordion-style01 .card .card-header button:not(.collapsed):before {content: '\e316'; }
.accordion-style01 .card .card-body {padding: 1.75rem;border-top: 1px dotted rgba(0, 0, 0, 0.125);background-color: rgba(0, 0, 0, 0.03);}
.accordion-style02 .card {margin-bottom: 0.5rem;}
.accordion-style02 .card .card-header {position: relative;background-color:#fff;border-bottom: none;}
.accordion-style02 .card .card-header:after {content: 'Q';position: absolute;top: 0.8rem;left: 1.25rem;width: 26px;height: 26px;padding: 0.1rem 0;text-align: center;font-size: 0.9rem;display: inline-block;background: rgb(var(--point-color-01));color: #fff;}
.accordion-style02 .card .card-header button {background-color: transparent;border-bottom: none;width: 100%;position: relative;text-align: left;color: #555;font-weight: 600;padding: 0;white-space: inherit;padding-left: 2.1rem;}
.accordion-style02 .card .card-header button:hover, .accordion-style02 .card .card-header button:focus {color: #1364ba;}
.accordion-style02 .card .card-header button:not(.collapsed) {color: rgb(var(--point-color-01));text-decoration: none;}
.accordion-style02 .card .card-header button:before {content: '\e313';font-family: 'material-Icons';position: absolute;right: 0;font-weight: 600;font-size: 1.3rem;line-height: 1.3;}
.accordion-style02 .card .card-header button:not(.collapsed):before {content: '\e316'; }
.accordion-style02 .card .card-body {position: relative;padding: 1.75rem 1.75rem 1.75rem 3.65rem;border-top: 1px dotted rgba(0, 0, 0, 0.125);background-color: rgba(0, 0, 0, 0.03);}
.accordion-style02 .card .card-body:after {content: 'A';position: absolute;top: 1.7rem;left: 1.25rem;width: 26px;height: 26px;padding: 0.1rem 0;text-align: center;font-size: 0.9rem;display: inline-block;background: #6d7175;color: #fff;}
/* professor-item */
#content .professor-item {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 1.5rem 1.3rem;width: inherit;height: calc(100% - 1.5rem);border-color: #e7e7e7;}
#content .professor-item .thum {display:block;position: relative;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;float: none;}
.professor-item .professor-btn>a:hover, .professor-item .professor-btn>a:focus {color: rgb(var(--point-color-02));}
#content .professor-item .professor-cont {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;padding-left: 15px;}
#content .professor-item .professor-cont .name {padding:0;width: calc(100% - 95px);font-size: 20px;margin-bottom: 0.5rem;color: rgb(var(--point-color-01));}
#content .professor-item .professor-cont ul>li {background: url("/site/resource/koje/common/images/bullet02.png") no-repeat left 9px;margin: 0.2rem 0;padding-left: 6rem;}
#content .modal-body .professor-item {height:auto;padding:1.3rem}
#content .modal-body .professor-item .thum {padding-top:0;margin-bottom:0}
#content .modal-body .professor-item .professor-cont .name {margin-top:0;}
/* site-map */
.sub-container .site-map h3 {background: transparent;color: #2959a8;border-top: 3px solid #2959a8;text-align: left;padding: 1.3rem 0.5rem 1px;font-size: 1.4rem;}
.sub-container .site-map > div:nth-child(odd) h3 {background: transparent;}
.sub-container .site-map h3 a {color: #2959a8;}
.sub-container .site-map .site-map-list {background: transparent;border-top: 1px solid #bbb;padding-top: 0.5rem;}
.site-map-list a {display: block;}
.site-map-list > ul > li > a {font-size: 1rem;margin-top: 0.8rem;margin-bottom: 0.3rem;display: block;background: #4E565A;padding: 0.4rem 0.8rem;font-weight: 600;color: #fff;border-radius: 1.5rem;}
.site-map-list > ul > li > a:hover, .site-map-list > ul > li > a:focus {background: #2959a8;}
.site-map-list > ul > li > ul {padding: 0rem 0.8rem 0.4rem;}
.site-map-list > ul > li > ul > li {background: url(/site/resource/koje/common/images/bullet02.png) no-repeat 0.2em 0.85em;text-align: left;padding: 0.25em 0.25em 0.25em 0.8em;margin: 0;border-bottom: dashed 1px #ddd;}
.site-map-list > ul > li > ul > li > a {font-size: 1rem;color: #333;}
.site-map-list > ul > li > ul > li > a:hover, .site-map-list > ul > li > ul > li > a:focus {color: #00b1c3;font-weight: 600;}
.site-map-list > ul > li > ul > li > ul {margin-bottom: 0.5rem;}
.site-map-list > ul > li > ul > li > ul > li {background: none;padding-left: 0.2rem;margin: 0.25rem 0;}
.site-map-list > ul > li > ul > li > ul > li > a {font-size: 0.875rem;color: #777;}
.site-map-list > ul > li > ul > li > ul > li > a:before {content:'-';display: inline-block;margin-right: 0.3rem;}
.site-map-list > ul > li > ul > li > ul > li > a:hover, .site-map-list > ul > li > ul > li > ul > li > a:focus {color: #00b1c3;}