@charset "UTF-8";


.pc-img{display: block;}
.mo-img{display: none;}

.br-pc{display: block;}
.br-mo{display: none;}

.mo-area{display: none;}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-thumb { background: #B2B2BA; border-radius: 20px; background-clip: padding-box; border: 3px solid transparent;}

.c-r{color: var(--bs-red);}
.c-g{color: var(--bs-green);}


.modal-dialog.layerpopup .modal-body{padding: 0;}
.layerpopup-warp{background: #fff; border-radius: 5px; overflow: hidden;}
.layerpopup-warp .layerpopup-img img{width: 100%;}
.layerpopup-warp .showcheck{padding: 10px 20px; position: relative;}
.layerpopup-warp .showcheck .right-area{position: absolute; right: 15px; top: 10px;}

.fix-quick-menu{position: fixed; bottom: 50px; right: 30px; z-index: 10; text-align: center;}
.fix-quick-menu a{scroll-snap-type: y mandatory; -webkit-scroll-snap-type: y mandatory;}
.fix-quick-menu .go-section{display: none; cursor: pointer;}
.fix-quick-menu .go-link{width: 110px; margin-bottom: 15px;}
.fix-quick-menu .go-link a{ display: inline-block;}
.fix-quick-menu .go-link .btn-openexam{display: none;}
.fix-quick-menu .go-link .btn-openexam img{width: 80px;}

.vertical-wrapper { display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - (1.625rem * 2));}

.error-cont-area dl{text-align: center;}
.error-cont-area dl dt {max-width: 400px; width: 70%; margin:0 auto 30px auto;}
.error-cont-area dl dt img{width: 100%; max-width: 300px;}
.error-cont-area dl dd{font-size: 20px; padding: 0 30px; word-break:keep-all; line-height: 160%;}
.error-cont-area dl dd p{font-family: "GmarketSans"; font-size: 32px; padding: 10px 0 0px 0; font-weight: 500;}
.error-cont-area dl dd .btn{max-width: 200px; width: 100%;}
.error-cont-area dl dd a{background: #fffecd; color: #000; display: inline-block; padding: 0 5px; border-radius: 3px;}
.error-cont-area dl dd a:hover{color: #000;}

.mark-ess::after{content: '*'; color: #ff0000; font-style: normal; padding-left: 5px;}

.term-box{ background: #f8f8f8; border: 1px solid #D5D5D5; padding: 40px 30px 40px 30px; margin-top: 20px;}
.term-box .term-cont{background: #fff; border: 1px solid #D5D5D5; padding: 40px; font-size: 15px; line-height: 180%;}
.term-box .term-cont .tit{font-weight: 800; margin:30px 0 5px 0; font-size: 16px;}
.term-box .term-cont .tit:first-child{margin: 0 0 5px 0;}
.term-box .term-cont .text-indent{padding: 5px 0px 5px 20px; font-size: 14px;}

#mainNav.pix-bg{
  padding-top: 0.8rem;
  padding-bottom: 1rem;
  background-color:rgba(33, 37, 41, 0.8);
  min-height: 65px;
}

.bold-row {
  font-weight: bold;
}

.bold-text-link {
  font-weight: bold;
}

.navbar .header-warp{position: relative; width: 100%; text-align: center; justify-content: center;}
.navbar .navbar-logo img{width: 100%; max-width: 180px;}
.navbar .header-left { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); display: flex; align-items: center; gap: 20px;}

.event-image-container {position: absolute; top: 50%; left: 13.5%; transform: translateY(-50%);}
.event-count{font-family: "Paperlogy"; font-size: 14pt; color: #fff; background: url("../images/event_count_tit.png") no-repeat 0 1px; background-size: 100px; padding-left: 100px;}
.event-count .tit{font-size: 14pt; color:#d4af5d; position: relative; top: -1px; border-left: 1px solid rgba(0, 0, 0, 0.6); margin-left: 7px;}
.event-count .tit::before{ content: ''; border-left: 1px solid rgba(256, 256, 256, 0.2); padding-left: 6px; }
.event-count .counting{font-weight: 800; background: url("../images/event_count_icon.png") no-repeat 0 1px; background-size: 27px; padding-left: 27px;}
.event-count .unit{font-size: 14pt; font-weight: 600; position: relative; top: -1px;}

@media (max-width: 1400px) {
  .event-image-container {left: 10%;}
}
@media (max-width: 1160px) {
  .event-image-container {position: relative; top: 8px; left: 0; transform: translateY(0%); display: flex; align-items: center; justify-content: center;}
}

.navbar .header-left .btn{font-size: 22px; width: 40px; height: 35px; text-align: center; line-height: 35px; padding: 0; background-color: #8CC63F; border-color: #8CC63F; color: #fff;}
.navbar .header-right{position: absolute; top: 0; right:20px;}
.navbar .navbar-menu li a{color: #fff; font-size: 14px;}

.navbar-menu .nav-link{cursor: pointer;}

header.subtitle-warp {
  padding-top: 8rem;
  padding-bottom: 4rem;
  text-align: left;
  color: #fff;
  background-image: url("../images/img/header-bg.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: 100%;
}

header.subtitle-warp.franchise{background-image: url("../images/header_bg_franchise.jpg");}

.subtitle-warp .subtitle p{margin-bottom: 5px; font-size: 24px; opacity: 0.6;}

.footer {position: relative; z-index:1000;}
.footer .container{max-width: 1280px; padding:0 30px;}
.footer {background: #343a40; color: #fff; padding: 2rem 0 2rem 0;}
.footer .footer-link{border-bottom: 1px solid rgba(256, 256, 256, 0.1); text-align: left; position: relative; font-size: 14px; padding-bottom: 10px;}
.footer .footer-link a{text-decoration: none;}
.footer .footer-link a:hover{color: unset;}
.footer .footer-link .cs-center{position: absolute; top:0; right: 0; font-weight: 800;}
.footer .footer-link .cs-center a{color: #fff; text-decoration: none;}
.footer .footer-link .cs-center span{display: inline-block;}
.footer .footer-link .cs-center span:first-child::after{content: '/'; padding: 0 10px;}

.footer .foot-cont{position: relative; padding-top: 20px;}
.footer .foot-cont ul{padding: 0; margin: 0; clear: both; overflow: hidden;}
.footer .foot-cont ul li{float: left; text-align: left;}
.footer .foot-cont ul li:nth-child(1){width: 30%; max-width: 250px;}
.footer .foot-cont ul li:nth-child(2){width: 70%; font-size: 12px; line-height: 180%;}

.footer .foot-cont ul li span{display: inline-block; padding: 0 5px;}

.footer .foot-cont .copyright{font-size: 12px; color: rgba(256, 256, 256, 0.8); display: block; margin-top: 5px;}
.footer .foot-cont .foot-logo{width: 180px; margin: 0 auto;}
.footer .foot-cont .foot-logo img{width: 100%;}
.footer .foot-cont .sns-link{position: absolute; top:20px; right: 0;}

.footer .foot-cont .sns-link a{width: 50px; margin-left: 5px;}
.footer .foot-cont .sns-link a img{width: 100%;}


.leftmenu{ position: relative;}
.leftmenu .offcanvas-header{padding: 25px 20px;}
.leftmenu .offcanvas-title img{ height: 27px;}

.leftmenu .offcanvas-body{ padding: 0;}
.leftmenu .accordion-button{color: #3F3F44; font-weight: 700; font-size: 15px; padding: 20px 20px;}
.leftmenu .accordion-button:not(.collapsed){color: #3F3F44; background-color: #f5f5f5; box-shadow: none;}
.leftmenu .accordion-button:not(.collapsed) .fa-circle{color:#ED1C2A;}
.leftmenu .accordion-button.right-btn-none::after{background: none;}
.leftmenu .accordion-button .fa-circle{font-size: 7px; margin-right: 10px; color: #DADCDD}
.leftmenu .accordion-submenu{ margin: 1rem 0; padding: 0;}
.leftmenu .accordion-submenu li{padding-left: 37px;}
.leftmenu .accordion-submenu li a{line-height: 180%; font-size: 14px; color: #3F3F44; text-decoration: none;}
.leftmenu .left-foot-menu{ position: absolute; bottom: 0;}
.leftmenu .left-foot-menu ul{padding: 0; margin: 0 20px 30px 20px;}
.leftmenu .left-foot-menu ul li{display: inline-block; width: 107px;}
.leftmenu .left-foot-menu ul li:first-child{margin-right: 10px;}
.leftmenu .left-foot-menu a{display: block; border: 1px solid #e2e2e2; color: #6C757D; border-radius: 3px; cursor: pointer; font-size: 14px; padding: 8px 0px; text-align: center;}
.leftmenu .left-foot-menu a:hover{border-color: #ED1C2A; color: #ED1C2A;}


.modal .modal-dialog.login-warp .modal-content{border-radius: 30px; padding: 50px; text-align: center;}
.modal .modal-dialog.login-warp .modal-content .login-type-area{margin: 20px 0;}


.modal .modal-img-title{text-align: center;}
.modal .modal-img-title h3{font-family: "GmarketSans"; font-size: 16px; padding-top: 10px; color: #3F3F44;}
.modal .modal-img-title img{max-width: 210px;}

.login-area-link{ clear: both; overflow: hidden;}
.login-area-link a{text-decoration: none; font-weight: 400; color: #3F3F44; font-size: 12px;}
.login-area-link .link-left{float: left;}
.login-area-link .link-right{float: right;}

@media (min-width: 576px) {
  .modal-dialog.login-warp {
      max-width: 420px;
      margin: 1.75rem auto;
  }
}

.modal-body .table-in-form{max-width: 400px;}
.modal-body .form-control{min-height: 35px; padding: 9px 15px 7px 15px; font-size: 13px;}
.modal-body .form-control::placeholder{color: #A9AEB5;}
.modal-body .form-select{min-height: 35px; padding: 9px 40px 7px 15px; font-size: 13px;}
.modal-body .form-control.inline{display: inline-block;}


.btn-willgrow { color: #fff; background-color: #ED1C2A; border-color: #ED1C2A; padding: 15px 30px; font-size: 16px; font-weight: 700; min-width: 200px; border-radius: 4px;}
.btn-willgrow:hover { color: #fff; background-color: #da1623; border-color: #da1623; }
.btn-check:focus + .btn-willgrow, .btn-willgrow:focus { color: #fff; background-color: #da1623; border-color: #da1623; }
.btn-check:checked + .btn-willgrow, .btn-check:active + .btn-willgrow, .btn-willgrow:active, .btn-willgrow.active, .show > .btn-willgrow.dropdown-toggle { color: #fff; background-color: #da1623; border-color: #da1623; }
.btn-willgrow:disabled, .btn-willgrow.disabled { color: #fff; background-color: #ED1C2A; border-color: #ED1C2A; }
.btn-willgrow.outline{color: #ED1C2A; background-color: #fff;}
.btn-willgrow.outline.gray{color: #494A53; border-color: #494A53; background-color: #fff;}
.btn-willgrow:hover.outline.gray { color: #171717; border-color: #171717; background-color: #fff; }

header.subhead {
  text-align: center;
  color: #fff;
  background-color: #6C757D;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

header.subhead.curriculum{background-image: url("../images/subhead_bg_curriculum.jpg");}
header.subhead.program{background-image: url("../images/subhead_bg_program.jpg");}
header.subhead.textbook{background-image: url("../images/subhead_bg_textbook.jpg");}
header.subhead.franchise{background-image: url("../images/subhead_bg_franchise01.jpg");}

header.subhead .subhead-cont{width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 30px; text-align: left; position: relative; height: 280px;}

header.subhead .subhead-cont .subhead-text{ text-align: left; position: absolute; bottom: 45px; text-shadow: 1px 4px 3px rgba(0,0,0,0.1), 0px -1px 5px rgba(0, 0, 0, 0.2);}
header.subhead .subhead-cont .subhead-text p{ font-family: "GmarketSans"; color:rgba(256, 256, 256, 0.6); font-size: 22px; margin-bottom: 0;}
header.subhead .subhead-cont .subhead-text h3{font-family: "NanumSquareNeo"; font-size: 28px; margin-bottom: 0; line-height: 140%;}

.page-contents{padding: 140px 0 100px 0;}

.page-section.bg-gray{background: #f8f8f8;}
.page-section .container{min-height: 500px; max-width: 1280px; padding: 100px 30px;}

.subcont-title{width: 100%; text-align: center; margin-bottom: 50px;}
.subcont-title dl dt{font-size: 40px; color: #202530; margin-bottom: 0px; font-family: "GmarketSans";}
.subcont-title dl dd{font-size: 20px; color: #6C757D;}

.cont-blank-area{background: url(../images/cont_blank_img.png) no-repeat 50% 50%; background-size: 600px; width: 100%; height: 500px;}

.page-tit{width: 100%; margin-bottom: 30px; border-bottom: 1px solid #545454; position: relative;}
.page-tit .title{ font-family: "GmarketSans"; padding-bottom: 15px; font-size: 40px; font-weight: 600; line-height: 100%; color: #202530;}
.page-tit .title.regular{font-weight: 400;}

.page-tit .right-cont{position: absolute; right: 0; bottom: 15px;}
.page-tit .right-cont .lnb li{float: left; font-weight: 400; color: #6C757D;}
.page-tit .right-cont .lnb li::after{content: '>'; font-size: 16px; font-weight: 200;}
.page-tit .right-cont .lnb li a{font-size: 14px; padding: 0 10px;}
.page-tit .right-cont .lnb li:last-child a{ font-weight: 700; padding: 0 0 0 10px;}

.page-tit .right-cont .lnb li:last-child::after{content: '';}

.tab-menu-area{margin-bottom: 50px; padding-top: 20px;}
.tab-menu-area .tab-menu{padding: 0; margin: 0; clear: both; overflow: hidden;}
.tab-menu-area .tab-menu li{width: 25%; float: left; padding-top: 2px;}
.tab-menu-area .tab-menu li a{display: block; border:1px solid #D5D5D5; border-right: none; background: #f9f9f9; text-align: center; font-size: 15px; padding: 22px 0 18px 0; color: rgba(0, 0, 0, 0.6);}
.tab-menu-area .tab-menu li:last-child a{border-right:1px solid #D5D5D5;}

.tab-menu-area .tab-menu li:hover{padding-top: 2px;}
.tab-menu-area .tab-menu li:hover a{border-top: 2px solid #c7c7c7; padding: 21px 0 18px 0;}
.tab-menu-area .tab-menu li:hover a{color: rgba(0, 0, 0, 0.9);}

.tab-menu-area .tab-menu li.on{padding-top: 0px;}
.tab-menu-area .tab-menu li.on a{border-top:2px solid #000; border-bottom: 1px solid #fff; background: #fff; font-weight: 700; font-size: 16px; padding: 21px 0 19px 0; color: rgba(0, 0, 0, 1);}

.tab-menu-area .tab-menu.campus li{width:14.2%}

.form-control{padding: 12px 15px; min-height: 50px; border-radius: 4px; font-size: 16px; border: 1px solid #CED4DA;}
.form-control::placeholder{color: #A9AEB5;}
.form-select{padding: 12px 15px; min-height: 50px; border-radius: 4px; font-size: 16px; border: 1px solid #CED4DA;}

.board-list .table-area{ border-top: 2px solid #000018;}
.board-view .table-area{ border-top: 1px solid #000018;}

.table-area table{width: 100%;}
.table-area table thead tr th{padding: 20px 10px; background: #EDEFF3; border-right: 3px solid #fff;}
.table-area table thead tr th:last-child{border-right: 0;}
.table-area table tbody tr{border-bottom: 1px solid #DDDDDD;}
.table-area table tbody tr th{padding: 20px 10px; background: #F6F7F9;}
.table-area table tr th,
.table-area table tr td{padding: 20px 0px; text-align: center;}
.table-area table tr th{ color: #202530; font-weight: 600; font-size: 16px;}
.table-area table tr th{ color: #222222; font-size: 18px;}
.table-area table tr td{ color: #222222; font-weight: 400; font-size: 18px;}
.table-area table tr th.left,
.table-area table tr td.left{padding: 20px 20px; text-align: left;}
.table-area table tr td.number{color: rgba(34, 34, 34, 0.6);}
.table-area table .lecture-name{font-weight: 600; display: inline-block;}
.table-area table .lecture-name span{display: block;}
.table-area table small{color: #545454; font-size: 12px;}
.table-area .table-in-form{max-width: 400px;}
.table-area .form-control{min-height: 35px; padding: 9px 15px 7px 15px; font-size: 13px;}
.table-area .form-control::placeholder{color: #A9AEB5;}
.table-area .form-select{min-height: 35px; padding: 9px 40px 7px 15px; font-size: 13px;}
.table-area .form-control.inline{display: inline-block;}

/*공지사항 간격*/
.table-area.board-notice table tr th:nth-child(1){width: 7%;}
.table-area.board-notice table tr th:nth-child(2){width: auto;}
.table-area.board-notice table tr th:nth-child(3){width: 15%;}

.table-area .div-tbl{display: table; width: 100%; color: #222222; font-size: 14px;}
.table-area .div-tbl ul{display: table-row; margin: 0; padding: 0;}
.table-area .div-tbl ul li{display: table-cell; text-align: center; padding: 20px 10px; border-bottom: 1px solid #DDDDDD;}
.table-area .div-tbl ul li.left{text-align: left;}
.table-area .div-tbl ul li.right{text-align: right;}

.table-area .div-tbl ul.div-tbl-thead li{text-align: center; font-weight: 700; padding: 20px 0;background: #EDEFF3; border-right: 3px solid #fff; border-bottom:none;}
.table-area .div-tbl ul.div-tbl-tbody{}

.table-area.board-notice .div-tbl ul li:nth-child(1){width: 7%;}
.table-area.board-notice .div-tbl ul li:nth-child(2){width: auto;}
.table-area.board-notice .div-tbl ul li:nth-child(3){width: 15%;}


.table-area .div-tbl ul li:last-child{ border-right:none;}


.article-area{width: 100%; padding-top: 20px;}
.article-area .article-tit{font-size: 40px; font-weight: 800;}
.article-area .article-data{margin-top: 10px; font-size: 14px; color: #6C757D;}
.article-area .article-data > p{display: inline-block; padding:0 20px; border-right: 1px solid #ccc; line-height: 100%;}
.article-area .article-data > p:first-child{padding:0 20px 0 0;}
.article-area .article-data > p:last-child{padding:0 0 0 20px; border-right: none;}
.article-area .article-data p span{display: inline-block; padding-left: 10px;}
.article-area .article-data span{display: inline-block;}
.article-area .article-cont{width: 100%; margin-top: 30px; min-height: 300px; border-bottom: 1px solid #ccc;}

.btn-list-back{font-size: 16px; border: 2px solid #202530; padding: 15px 30px; display: inline-block; margin-right: 15px;}

.input-group .btn-secondary{background: #494A53; border-color: #494A53; font-size: 14px; min-width: 100px;}

.cont-img-area{text-align: center;}

.btn-list{background:#212529 ; border: 1px solid #212529 ; border-radius: 5px 0px 5px 0; font-size: 13px; color: #fff; line-height: 100%; padding: 8px 19px 6px 19px;}
.btn-list:hover{color: #fff;}
.btn-list-campus .btn-list{padding:0 20px; color: #fff;}
.btn-list-campus .btn-list span{display: inline-block; background: url(../images/icon_local.png) no-repeat 0 50%; background-size: 12px; padding: 8px 0px 8px 20px;}

.btn-list.outline{background:#fff ; color: #212529;}
.btn-list.outline:hover{background:#212529 ; color: #fff;}

.btn-list-kakaotok .btn-list{padding:0 15px; background: #FFE812; border-color: #381E1F; color: #381E1F; }
.btn-list-kakaotok .btn-list span{display: inline-block; background: url(../images/icon_kakaotok.png) no-repeat 0 50%; background-size: 18px; padding: 8px 0px 8px 26px;}
.btn-list-kakaotok .btn-list.off{background: #D7D7D7; border-color: #BDBDBD; color: #B9B9B9; cursor:default;}
.btn-list-kakaotok .btn-list.off span{background: url(../images/icon_kakaotok_off.png) no-repeat 0 50%; background-size: 18px;}

.pagin-area{ margin-top: 50px;}
.pagin-area .pagination li a{display: block; background: #f4f4f4; border-radius: 4px; margin: 0 5px; padding: 10px 19.5px; min-width: 20px; color: #1E1E1E;}
.pagin-area .pagination li.active a{background: #ED1C2A; color: #fff; font-weight: 700;}
.pagin-area .pagination li:hover a{color:#ED1C2A;}
.pagin-area .pagination li:hover.active a{ color: #fff; }

.btn-warp{margin-top: 50px; display: flex; justify-content: center; align-items: center;}

.comment-warp .comment-write{background: #eaeaea; padding: 15px 15px 10px 15px;}
.comment-warp .comment-write textarea{width: 100%; border: none; padding: 10px;}
.comment-warp .comment-write button{background: #212529; cursor: pointer; color: #fff; width: 100px; height: 65px;}
.comment-warp .comment-write h5{font-size: 14px; margin-bottom: 5px;}
.comment-warp .form-textarea{display: flex; justify-content: space-between; align-items: center; gap: 10px;}

.comment-list-area .comment-list{padding: 10px;}
.comment-list-area .comment-list .comment-box{border-bottom: 1px solid #ccc; padding: 20px 0px;}
.comment-list-area .comment-list .comment-box .info{font-size: 14px; margin-bottom: 10px; padding: 0 10px;}
.comment-list-area .comment-list .comment-box .text{padding: 0 10px;}

.guide-content-warp{text-align: center; max-width: 450px; margin: 0 auto;}
.guide-content-warp .icon-img-area{width: 148px; margin: 0 auto;}
.guide-content-warp .icon-img-area img{width: 100%;}
.guide-content-warp .guide-text{font-size: 16px; font-weight: 700; line-height: 140%; color: #000;}

.guide-content-warp .guide-text p{font-size: 14px; font-weight: 400;}
.guide-content-warp > div{ padding-top: 30px; }

.board-list-top{clear: both; overflow: hidden; padding-bottom: 10px;}
.board-list-top .board-list-total{float: left; font-size: 13px; line-height: 35px; position: relative; top: 10px;}
.board-list-top .board-list-total span{font-weight: 700; font-size: 15px;}
.board-list-top .board-srch-area{float: right;}

.board-srch-area ul{margin: 0; padding: 0;}
.board-srch-area ul li{float: left; padding-left: 10px;}
.board-srch-area .form-select{min-height: 35px; padding: 9px 40px 7px 15px; font-size: 13px;}
.board-srch-area .input-group .input-group-text{background-color: #ffffff; padding-left: 0; font-size: 16px;}
.board-srch-area .input-group .form-control{min-height: 35px; padding: 9px 15px 7px 15px; font-size: 13px; border-right: none;}

.inquire-box .page-tit{border-bottom: 2px solid #000;}
.inquire-box .page-tit .title{font-size: 32px;}
.inquire-box-cont .privacy-shortbox{border-bottom: 1px solid #000; padding: 0px 10px; margin-bottom: 15px;}
.inquire-box-cont .privacy-shortbox dl{margin-bottom: 30px;}
.inquire-box-cont .privacy-shortbox dl dt{font-size: 15px; font-weight: 800; margin-bottom: 10px;}
.inquire-box-cont .privacy-shortbox dl dd{font-size: 14px;}
.inquire-box-cont .form-check{font-size: 14px; font-weight: 700;}

.inquire-input-cont{padding: 0 10px;}
.inquire-input-cont label{font-size: 14px; font-weight: 700;}

.btn-willgrow.w-100{width: 100%;}

.find-data-warp{padding: 5% 0;}
.login-input-warp{width: 380px; margin: 0 auto; text-align: center; padding: 30px;}
.login-input-warp .input-guide{font-size: 11px; color: #ff0000; padding: 0 0 20px 0;}
.login-input-warp h3{margin-bottom: 30px; font-size: 32px; font-family: "GmarketSans";}
.find-data-warp .right-border{border-right: 1px solid #DDDDDD;}

.join-step-box{padding: 25px 0 50px 0; display: flex; justify-content: center; align-items: center;}
.join-step-box ul{padding: 0; margin: 0;}
.join-step-box ul li{ float: left; padding: 0 25px; position: relative; }
.join-step-box ul li::after{content: '>'; font-size: 32px; position: absolute; right: -10px; top:39px; color: #D9D9D9;}

.join-step-box .join-step{width: 120px; height: 120px; border-radius: 120px; background: #fff; color: #B2B2BA; border: 1px solid #eeeeee; font-size: 16px;
  display: flex; justify-content: center; align-items: center; font-family: "GmarketSans";
  box-shadow: 0 2px 1px rgba(0,0,0,0.03),
  0 4px 2px rgba(0,0,0,0.03),
  0 8px 4px rgba(0,0,0,0.03),
  0 16px 8px rgba(0,0,0,0.03),
  0 32px 16px rgba(0,0,0,0.03);}
.join-step-box .join-step .join-step-text{text-align: center; font-size: 16px; }
.join-step-box .join-step .join-step-text h3{font-size: 18px; font-weight: 900; margin-bottom: 5px;}
.join-step-box ul li:first-child{padding: 0 25px 0 0;}
.join-step-box ul li:last-child{padding: 0 0 0 25px;}
.join-step-box ul li:last-child::after{display: none;}
.join-step-box li.on .join-step{ color: #000018; border: 1px solid #000018 ;}

.join-step-warp{clear: both; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.join-step-warp .join-type-warp{width: 900px; margin: 0 auto;}
.join-step-warp .join-type-warp .join-type-area{float: left; width: 400px; margin: 0 25px;}
.join-step-warp .join-type-warp .join-type{position: relative; border: 3px solid #e2e2e2; cursor: pointer; display: block; text-align: center; border-radius: 5px; width: 100%; padding: 40px 0; margin: 0 auto; font-size: 20px;}
.join-step-warp .join-type-warp .join-type p{margin: 0 0 30px 0;}
.join-step-warp .join-type-warp .join-type p span{display: block; font-size: 16px;}
.join-step-warp .join-type-warp .join-type .img-area{display: block; opacity: 0.9;}

.join-step-warp .join-type-warp .join-type:hover{border: 3px solid #000000; color: #000000; font-weight: 700;}
.join-step-warp .join-type-warp .join-type:hover .img-area{opacity: 1;}


.join-policy-warp .scroll-box-area{background: #f8f8f8; border: 1px solid #D5D5D5; padding: 40px 30px 30px 30px;}
.join-policy-warp .scroll-box-area .scroll-box-tit{color: #202530; font-size: 22px; margin-bottom: 15px;}
.join-policy-warp .scroll-box-area .scroll-box-tit span{font-size: 14px; padding-left: 5px;}
.join-policy-warp .scroll-box-area .scroll-box{background: #fff; border: 1px solid #D5D5D5; height: 200px; overflow: hidden; overflow-y: scroll;}
.join-policy-warp .scroll-box-area .scroll-box .scroll-box-text{padding: 30px; font-size: 12px; line-height: 160%;}
.join-policy-warp .scroll-box-area .agree-area{margin-top: 15px; display: flex; justify-content: end; font-size: 15px;}

.all-check-area{display: flex; justify-content: center; align-items: center; margin-bottom: 20px; font-weight: 700;}
.next-btn-area{text-align: center;}


.join-step-warp .guide-content-warp .icon-img-area{width: 200px; margin: 0 auto;}
.join-step-warp .guide-content-warp .icon-img-area img{width: 100%;}

.brand-contents .brand-element01{position: fixed; display: block; top:700px; right: -350px; z-index: 1000; animation: up-down 0.7s infinite ease-in-out alternate; background: url(../images/brand_bg_fix_element01.png) no-repeat; background-size: cover; width: 600px; height: 585px;}



@keyframes up-down{
  from{
    transform: translateY(0px);
  }
  to{
    transform: translateY(-20px);
  }
}


@keyframes up-down2{
  from{
    transform: translateY(0px);
  }
  to{
    transform: translateY(5px);
  }
}

/*
.brand-contents > div{ padding: 10% 0 20% 0; text-align: center;}
.brand-contents img{width:100%}
.brand-contents .brand-cont01{position: relative; background: url(../images/intro_brand_bg01.jpg) no-repeat 50% 0%; background-size: cover;}
.brand-contents .brand-cont01 .tit-img{max-width: 900px; margin: 4% auto;}
.brand-contents .brand-element03{position: absolute; display: block; top:170px; left: 30%; z-index: 1000; animation: up-down2 0.5s infinite ease-in-out alternate; background: url(../images/brand_bg_fix_element03.png) no-repeat; background-size: cover; width: 36px; height: 39px;}
*/

.brand-content{position: relative; z-index: 1000; background: url(../images/brand_section_bg.png) no-repeat 50% 0%; background-size: cover; background-attachment: fixed;}
.brand-cont{ width: 100%; height: 1080px; display: flex; justify-content: center; align-items: center; }
.brand-cont .img-area img{width: 100%; max-width: 1000px;}

.brand-cont.section01{background: url(/images/brand_section01_bg.png) no-repeat 0% 50%; background-size: cover;}
.brand-cont.section01 .img-area img{max-width: 900px; padding-bottom: 10%;}
.brand-cont.section02{background: url(/images/brand_section02_bg.png) no-repeat 0% 50%; background-size: cover;}
.brand-cont.section02 .img-area img{max-width: 600px;}
.brand-cont.section03{background: url(/images/brand_section03_bg.png) no-repeat 0% 50%; background-size: cover;}
.brand-cont.section03 .img-area img{max-width: 800px;}
.brand-cont.section04{background: url(/images/brand_section04_bg.png) no-repeat 0% 50%; background-size: cover; justify-content:flex-start;}
.brand-cont.section04 .img-area img{max-width: 1400px;}

.brand-preview-class{position: relative; top: -200px; max-width: 1150px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.brand-preview-class > div{position: absolute; display: inline-block; width: 30%; border: 1px solid #fff; box-shadow: 1px 10px 30px 1px rgba(0, 0, 0, 0.3)}
.brand-preview-class > div:nth-child(1){left: 0px;}
.brand-preview-class > div:nth-child(2){width: 40%;}
.brand-preview-class > div:nth-child(3){right: 0px;}

.brand-contents .brand-cont02{position: relative; z-index: 1000; background: url(../images/brand_section01_bg.jpg) no-repeat 50% 0%; background-size: cover; background-attachment: fixed;}
.brand-contents .brand-element02{position: absolute; top:-250px; left: -40px; z-index: 1000; animation: up-down 1.3s infinite ease-in-out alternate; background: url(../images/brand_bg_fix_element02.png) no-repeat; background-size: cover; width: 265px; height: 264px;}

.brand-contents .brand-key-message{display: flex; align-items: center; justify-content: center; padding: 12% 0 70px 0;}
.brand-contents .brand-key-message ul{width: 100%; max-width: 1200px; margin: 0 0 0 0; padding: 0 0 0 0;}

.brand-contents .brand-key-message ul li{margin: 50px 0; position: relative; height: 107px; width: 100%;}

.brand-contents .brand-key-message .message-box{
  position: absolute; font-family: 'ONE-Mobile-Bold'; border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 1px 10px 10px 1px rgba(0, 0, 0, 0.1); display: block; width: 100%; max-width: 620px; font-size: 30px; padding: 30px 0; color: #fff;}

.brand-contents .brand-key-message ul li:nth-child(1) .message-box,
.brand-contents .brand-key-message ul li:nth-child(3) .message-box{top:0; left: 0;}

.brand-contents .brand-key-message ul li:nth-child(2) .message-box,
.brand-contents .brand-key-message ul li:nth-child(4) .message-box{top:0; right: 0;}



.ending-message{
  font-family: 'ONE-Mobile-Bold';
  color: #ffffff;
  font-size: 50px;
  word-break: keep-all;
  text-shadow:  2px 5px 10px 1px rgba(0, 0, 0, 0.8);
}

.ending-message span{font-size: 70px; box-shadow: inset 0 -20px 0 #9ec237; line-height: 100%; font-weight: 700;}

.brand-contents .brand-cont03{position: relative; z-index:1000; text-align: center; background: url(../images/main_section07_bg.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed;}
.brand-contents .brand-cont03 .last-message-box{text-align: right; width: 100%; max-width: 1200px; margin:0 auto; font-size: 30px;}
.brand-contents .brand-cont03 .last-message-box .text-cont {padding-top:100px;}
.brand-contents .brand-cont03 .last-message-box .text-cont span{font-size: 36px; box-shadow: inset 0 -20px 0 #9ec237;}

.brand-contents .brand-cont03 .last-message-box .text-cont span em{font-size: 42px; font-weight:bolder; font-style: normal; color: #ED1C2A;}


.intro-area{width: 100%; display: flex; justify-content: center; align-items:flex-start; padding: 170px 0 130px 0;}
.intro-area .img-area img{width: 100%; max-width: 1200px;}

.intro-area.philosophy{background: url(../images/intro_philosophy_bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed;}
.intro-area.curriculum{background: #fff;}
.intro-area.program{background: url(../images/intro_program_bg.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed;}
.intro-area.textbook{ background: url(../images/intro_textbook_bg.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed;}
.intro-area.objective{background: url(/images/intro_objective_bg.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed;}

.intro-area .intro-area-title{width: 100%; text-align: center; margin-bottom: 50px;}


@media (max-width: 1020px) {

  .header-warp .nav.navbar-menu li{display: none;}
  .header-warp .nav.navbar-menu li:last-child{display: block;}
  .navbar .header-left{left: 20px;}
  .navbar .header-right{right: 20px;}
  .navbar .header-right .nav-link{padding: 0.5rem 0rem;}

  .fix-quick-menu {bottom: 20px; right: 10px;}
  .fix-quick-menu .go-link .btn-openexam{display: block;}



}

@media (max-width: 500px) {

  .intro-area{height: auto; padding: 0 0 0 0;}

  .pc-img{display: none;}
  .mo-img{display: block;}

  .br-pc{display: none;}
  .br-mo{display: block;}

  .mo-hidden{display: none;}
  .mo-area{display: block;}


  .fix-quick-menu { bottom: 10px; right: 0px;}
  .fix-quick-menu .go-link { width: 95px; margin-bottom: 10px;}
  .fix-quick-menu .go-link img{width: 100%;}
  .fix-quick-menu .go-link .btn-openexam img{width: 69px;}

  .brand-cont{height: auto;}


  .swiper-slide .carousel-item.visualbg .carousel-cont img{width: 100%;}

  .footer {padding: 1.5rem 0 1.5rem 0;}
  .footer .container{padding: 0 20px;}
  .footer .footer-link{background: url(../images/logo_simbol.png) no-repeat 0px 10px; background-size: 40px; padding-left: 52px;font-size: 11px;}
  .footer .footer-link .cs-center{position: relative; display: block; padding-top: 5px;}
  .footer .footer-link .cs-center span{font-size: 12px;}
  .footer .footer-link .cs-center span:first-child::after{padding: 0 3px;}
  .footer .foot-cont{ font-weight: 400;padding-top: 10px;}
  .footer .foot-cont .foot-logo{display: none;}
  .footer .foot-cont ul li{float: none;}
  .footer .foot-cont ul li:nth-child(1){width: 100%; max-width: 100%;}
  .footer .foot-cont ul li:nth-child(2){width: 100%; font-size: 10px; font-weight: 300; line-height: 160%;}
  .footer .foot-cont ul li span{display: inline; padding:0 5px 0 0;}
  .footer .foot-cont .copyright{font-size: 8px; margin-top: 10px;}
  .btn-social { height: 1.8rem; width: 1.8rem;}
  .footer .footer-link .cs-center a{font-size: 12px;}

  .footer .foot-cont .sns-link{position: relative; top: 10px; left: 0; padding-bottom: 10px; display: flex; justify-content: flex-start; gap: 10px;}

  .footer .foot-cont .sns-link a{width: 40px; margin-left: 0px; margin-right: 0;}

  .page-contents{padding: 100px 0 35px 0;}

  .subcont-title dl dt{font-size: 36px;}
  .subcont-title dl dd{word-break: keep-all;}

  .page-tit {margin-bottom: 20px;}
  .page-tit .title {font-size: 30px; text-align: center;}
  .page-tit .right-cont {display: none;}

  .term-box { padding: 20px 10px 20px 10px;}
  .term-box .term-cont {padding: 25px 20px 15px 20px; font-size: 13px; word-break: keep-all;}
  .term-box .term-cont .tit{font-size: 14px;}
  .term-box .term-cont .text-indent{font-size: 12px;}

  .brand-contents .brand-cont01 .tit-img { max-width: 900px; margin: 40% 30px 30% 30px; }
  .brand-contents .brand-element02{position: absolute; top:-250px; left: -40px; z-index: 1000; animation: up-down 1.3s infinite ease-in-out alternate; background: url(../images/brand_bg_fix_element02.png) no-repeat; background-size: cover; width: 265px; height: 264px;}
  .brand-preview-class { top: -50px;}
  .brand-preview-class > div {width: 30%;}
  .brand-preview-class > div:nth-child(1) { left: 5%;}
  .brand-preview-class > div:nth-child(2) {width: 40%; z-index: 1000; }
  .brand-preview-class > div:nth-child(3) { right: 5%;}

  .brand-contents .brand-cont01{background-position: 90% 0;}
  .brand-contents .brand-element01{ top:400px; right: -100px; z-index: 1000; background-size: 200px; width: 200px; height: 195px;}
  .brand-contents .brand-element02 { top: -170px; left: -50px; width: 132.5px; height: 132px;}
  .brand-contents .brand-element03 { top: 120px; left: 17%;}

  .brand-contents .brand-key-message .message-box { width: 85%; font-size: 16px; padding: 15px 0 13px 0; font-weight: 400;}

  .brand-contents .brand-key-message ul {margin: 0 30px;}
  .brand-contents .brand-key-message ul li { margin: 40px 0; height: 56px;}
  .ending-message {font-size: 18px; padding: 0 30px;}
  .ending-message p{margin-bottom: 10px;}
  .ending-message span {font-size: 40px; box-shadow: inset 0 -19px 0 #9ec237; padding-top: 10px;}
  .brand-contents .brand-key-message {padding: 15% 0 20px 0;}

  .brand-contents .brand-cont03 {background: url(../images/intro_brand03_mo_bg.jpg) no-repeat 0 50%; background-size: 100%; padding: 20% 30px 30% 30px;}
  .brand-contents .brand-cont03 .last-message-box{font-size: 18px;}

  header.subhead .subhead-cont {padding: 0 20px; height: 200px;}
  header.subhead .subhead-cont .subhead-text h3 { font-size: 15px;}
  header.subhead{background-position: 90% 0;}
  header.subhead .subhead-cont .subhead-text { bottom: 20px;}

  .cont-blank-area{background-size: 280px;}

  .page-section .container {padding: 30px 30px;}
  .inquire-box .page-tit .title{text-align: left; font-size: 24px; margin-top: 20px;}
  .wg-input-box{margin-bottom: 50px;}

  .cont-img-area img{width: 100%;}

  .table-area table tr th{font-size: 14px;}
  .table-area table tr td{font-size: 14px; padding: 20px;}

  .board-list-top .board-list-total{top: 0px;}
  .board-list-top .board-srch-area{float: none;}
  .board-srch-area ul li{float: none; padding-left: 0; padding-bottom: 10px;}
  .board-srch-area .input-group{width: 100%;}

  .board-notice table thead tr th:nth-child(1){display: none;}
  .board-notice table thead tr th:nth-child(2){border-right: none;}
  .board-notice table thead tr th:nth-child(3){display: none;}
  .board-notice table tbody tr td:nth-child(1){display: none;}
  .board-notice table tbody tr td:nth-child(3){display: none;}

  .board-notice .div-tbl ul li:nth-child(1){display: none;}
  .board-notice .div-tbl ul li:nth-child(2){border-right: none;}
  .board-notice .div-tbl ul li:nth-child(3){display: none;}
  .board-notice .div-tbl ul li:nth-child(1){display: none;}
  .board-notice .div-tbl ul li:nth-child(3){display: none;}

  .table-area{overflow-x: auto; white-space: nowrap;}
  .table-area .div-tbl ul li{padding: 20px 10px;}


  .find-campus .div-tbl ul.div-tbl-thead{display: none;}
  .find-campus .div-tbl ul.div-tbl-tbody{border: 1px solid #dddddd;}
  .find-campus .div-tbl ul li{border-bottom: none; padding: 0;}

  .find-campus .div-tbl ul li .tit{font-size: 18px;}
  .find-campus .div-tbl ul.div-tbl-tbody li{display: block;}

  .find-campus .div-tbl ul li em{display: inline-block; font-style: normal;}
  .find-campus .div-tbl ul li em::after{content: ':'; padding: 0 5px 0 3px;}


  .article-area .article-tit { font-size: 24px; line-height: 140%;}
  .article-area {padding-top: 0;}

  .tab-menu-area .tab-menu li a {font-size: 13px;}
  .tab-menu-area .tab-menu li.on a {font-size: 14px;}
  .tab-menu-area .tab-menu.campus{border-bottom: 1px solid #D5D5D5;}
  .tab-menu-area .tab-menu.campus li { height: 60px;}
  .tab-menu-area .tab-menu li.on a { border-bottom: 1px solid #D5D5D5; padding: 21px 0 18px 0; }

  .tab-menu-area .tab-menu.campus li:nth-child(1){ width: 25%;}
  .tab-menu-area .tab-menu.campus li:nth-child(2){ width: 50%;}
  .tab-menu-area .tab-menu.campus li:nth-child(3){ width: 25%;}
  .tab-menu-area .tab-menu.campus li:nth-child(4){ width: 25%;}
  .tab-menu-area .tab-menu.campus li:nth-child(5){ width: 25%;}
  .tab-menu-area .tab-menu.campus li:nth-child(6){ width: 25%;}
  .tab-menu-area .tab-menu.campus li:nth-child(7){ width: 25%;}

  .tab-menu-area .tab-menu.campus li:nth-child(3) a{ border-right: 1px solid #D5D5D5;}

  .pagin-area .pagination li a { padding: 5px 0px; width: 25px; text-align: center; font-size: 12px;}

  .join-step-box{padding: 0 0 0px 0;}
  .join-step-box ul li { padding: 0px 10px;}
  .join-step-box ul li:first-child { padding: 0 10px 0 0;}
  .join-step-box ul li:last-child { padding: 0 0 0 10px;}
  .join-step-box ul li::after {top: 25px; right: -7px; font-size: 18px;}
  .join-step-box .join-step { width: 47px; height: 70px;}
  .join-step-box .join-step .join-step-text h3 { font-size: 12px; margin-bottom: 0px;}
  .join-step-box .join-step .join-step-text {font-size: 12px; line-height: 120%;}

  .join-step-warp .join-type-warp .join-type-area{width: 100%; margin:0 0 30px 0;}
  .join-step-warp .join-type-warp .join-type{padding: 20px 0;}
  .join-step-warp .join-type-warp .join-type p {margin: 0 0 10px 0;}

  .join-policy-warp .scroll-box-area {padding: 30px 15px 20px 15px;}
  .join-policy-warp .scroll-box-area .scroll-box-tit { font-size: 18px; margin-bottom: 5px;}
  .join-policy-warp .scroll-box-area .scroll-box .scroll-box-text { padding: 20px; line-height: 180%;}

  .table-area table .lecture-name{display: block; font-size: 14px; margin-bottom: 2px;}

  .btn-willgrow{min-width: 150px;padding: 10px 30px;}
  .brand-cont{display: block;}
  .brand-cont.section01 .img-area img{padding-bottom: 0;}

}