@charset "utf-8";


/*reset*/
* { box-sizing:border-box; -webkit-tap-highlight-color: transparent; }
html { font-size:62.5%; }
body { font-family: 'Noto Sans KR', sans-serif; }
img { max-width:100%; }ㄱ
input { font-family:inherit; /*-webkit-appearance: none; -webkit-border-radius: 0;*/ }
a { color:inherit; }
button { font-family:inherit; font-size:inherit; background:none; }
textarea { -webkit-appearance: none; -webkit-border-radius: 0; }
.text-left { text-align:left !important; }


/*sub visual*/
.sub-visual {
    padding: 160px 0 40px;
    position: relative;
}
.sub-visual .in { display:flex; justify-content:space-between; align-items: center; }

.sub-directory {
    margin-bottom: 15px;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
	line-height: 1;
}
.sub-directory span { margin-right: 22px; position:relative; }
.sub-directory span.home { font-size:1.6rem; }
.sub-directory span::after {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #dbdbdb;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translate(0,-50%);
}
.sub-directory strong { color:#F46F1B; }

.sub-tit { font-size:5rem; line-height: 1.3; }
.sub-desc { font-size:2.3rem; color:#fff; }

.sub-util {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.sns-li { display: flex; align-items: center; }
.sns-li li { margin-left: 17px; }
.sns-li li:first-of-type { margin-left: 0; }
.sns-li li a {  }
.sns-li li a i { font-size: 2.2rem; color:#cfcfcf;  transition:.4s; }
.sns-li li a:hover i { transition:.4s; color:#000; }

.print-btn {     
	font-size: 2rem;
    margin-left: 40px;
	position: relative;
    top: -2px;
}
.print-btn::after {
    display: block;
    content: '';
    position: absolute;
    height: 19px;
    top: 6px;
    right: 40px;
    width: 1px;
    background: #cfcfcf;
}



/****************************************************************************************************
	2021.10.18 SM
****************************************************************************************************/

/********************************************************************************************************* 
	공통 
*********************************************************************************************************/
.text-right { text-align:right; }
.inner strong { font-weight: 600; }
.pdt30 { padding-top:30px !important; }
.pdb0 { padding-bottom:0 !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb60 { padding-bottom:60px !important; }
.ml20 { margin-left: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb150 { margin-bottom: 150px !important; }

::-ms-clear { display: none;}
.bold { font-weight: 600 !important; }
.normal { font-weight: 400 !important; }
.inp { width:100%; height: 70px; padding-left: 40px; border: 1px solid #d7d7d7; font-size:2rem; appearance:none; font-family:'Noto Sans KR', sans-serif; }
.inp.calendar { background: url(../img/edu/ico_cal.png) no-repeat 100% 50%; background-position: right 34px center;}
.inp.time { background: url(../img/rec/ico_time.png) no-repeat 100% 50%; background-position: right 34px center;}
select::-ms-expand {    display: none;}
.select { width:100%; height: 70px; padding:0 50px 0 40px; border: 1px solid #d7d7d7; font-size:2rem; background: url(../img/edu/bu_select.png) no-repeat right 50%; background-position: right 35px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family: 'Noto Sans KR', sans-serif; }
.select:invalid {color:#666; }
.select:invalid { color: #666 !important; }
.select [disabled] { color: #666; }
.select option { color: #000 !important; }
.textarea { width:100%; height: 300px; overflow: auto; padding:25px 40px; border: 1px solid #d7d7d7; font-size:1.8rem; color: #000; appearance:none; resize:none; font-family: 'Noto Sans KR'; }
.textarea[readonly]  {font-size:1.6rem; height: 195px; color: #5d5d5d; line-height: 1.8; }
.textarea::-webkit-scrollbar { width: 5px; height: 5px; }
.textarea::-webkit-scrollbar-thumb { background: #838383; border-radius:5px; }
.textarea::-webkit-scrollbar-track { background-color: #f5f5f5;border-radius:5px;}


.checkbox { position: absolute;left: -9999px; }
.checkbox + span { display: inline-block; vertical-align: middle; padding-left: 21px; position: relative; font-size: 1.6rem; line-height: 1;}
.checkbox + span em { position: absolute;left: 0; top:2px; width:15px; height: 15px; padding-top:2px; text-align: center; border-radius:100%; background: #fff; border: 1px solid #000; vertical-align: middle; transition: all 0.3s ease; }
.checkbox + span em:before { content: '\f00c'; font-family:'FontAwesome'; display: inline-block; vertical-align: top; font-size:1.1rem; line-height: 1; color: #fff; opacity:0;  transition: all 0.3s ease }
.checkbox:checked + span em { background: #000; }
.checkbox:checked + span em:before { opacity:1; }



.hidden { position: absolute;left: -9999px; }
.inner { max-width:1100px; padding:20px; margin: 0 auto;  word-break: keep-all; }

.h3 { font-size:4rem; font-weight: 600; margin-bottom: 30px; }
.h4  {font-size:3.5rem; font-weight: 600; margin-bottom: 55px; }

.inner-tab { padding-left:0; padding-right:0; }
.head-tabs { padding-top:20px; }
.tabs { margin-bottom: 50px;}
.tabs a { border-bottom: 2px solid transparent; display: inline-block; vertical-align: middle; font-size:2.5rem; font-weight: 600; margin-right:28px; position: relative; transition: all 0.3s ease; }
.tabs a:before { content: ''; position: absolute;left: 5px; top:-10px; width:10px; height: 10px; background: #F46F1B; border-radius:100%; opacity:0; transition: all 0.3s ease;}
.tabs a.active,
.tabs a:hover { color: #F46F1B; }
.tabs a.active:before { top:-20px; opacity: 1; }
.tabs.text-center { text-align: center; }
.tabs.type2 { text-align: center; }
.tabs.type2 a { margin-bottom: 45px; }


.sub-head { display: flex; justify-content: space-between; align-items:flex-end;  margin-bottom: 177px; }
.sub-head .img{ width:52%; height: 590px; background: url(../img/curriculum-bg.png) no-repeat 100% 50%; background-size:cover; position: relative;}
.sub-head .img p { position: absolute; right:220px; bottom:20px; font-size:1.6rem; color: #fff; font-weight: 300; opacity:0.8; padding-right:20px; }
.sub-head .img .btn-view { position: absolute; right:220px; bottom:0; width:65px; height: 65px; background: rgba(0,0,0,0.65); font-size:3rem; color: #fff; }
.sub-head .text { width:48%; }
.sub-head .text > div { transform: translateX(-220px); padding: 60px 30px 25px 80px; background: #fff;  }
.sub-head .text h3 { font-size:4rem; color: #000; font-weight: 600; padding-top:20px; position: relative; line-height: 1.3; margin-bottom: 20px; }
.sub-head .text h3:before { content: ''; position: absolute;left: 0; top:0; width:10px; height: 10px; border-radius: 50%; background: #F46F1B; }
.sub-head .text p { font-size:1.8rem; line-height: 1.7; color: #000; word-break: keep-all; }
.sub-head .text p + p { margin-top:10px; }
.sub-head .img.bg1{ background-image: url(../img/curriculum-bg.png) }
.sub-head .img.bg2{ background-image: url(../img/professors-bg.png) }
.sub-head.bg2 .text { transform: translateY(100px); }
.sub-head .img.bg3 { background-image: url(../img/fleamarket-bg.png); }
.sub-head .img.bg4 { background-image: url(../img/lower-bg.png); }
.sub-head .img.bg5 { background-image: url(../img/upper-bg.png); }
.sub-head .img.bg6 { background-image: url(../img/middle-bg.png); }
.sub-head .img.bg7 { background-image: url(../img/high-bg.png); }

.sub-head.bg5 .img2 { background-image: url(../img/about/memory_top.jpg); }

.sub-head .text ul li:after { display: block; content: ''; clear: both;}
.sub-head .text ul li p,
.sub-head .text ul li span { font-size:1.7rem; line-height: 1.8; }
.sub-head .text ul li span { float:left; margin-right:5px; }
.sub-head .text ul li p { overflow: hidden; }

/********************************************************************************************************* 
	교육과정 
*********************************************************************************************************/
.edu-guide {padding-left: 34.72%; position: relative; margin-bottom: 85px; }
.edu-guide:last-of-type { margin-bottom: 0; }
.edu-guide .head { position: absolute; left: 0; top:-10px;}
.edu-guide .head h4 { font-size:3.5rem; font-weight: 600; margin-bottom: 23px; }
.edu-guide .head h4 small { display: block; font-size:1.7rem; margin-top:10px; font-weight: 400; }
.edu-guide .head .desc { font-size:1.7rem; line-height: 1.55; }
.edu-guide .body { page-break-inside: avoid; page-break-after: auto; }
.edu-guide .body ul { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.edu-guide .body ul li { width:45.555%;  }
.edu-guide .body ul li .it { border-top:2px solid #000; padding-top:35px; min-height: 240px; margin-bottom: 40px;  }
.edu-guide .body ul li .it > i,
.edu-guide .body ul li .it > svg { font-size:5rem; }
.edu-guide .body ul li .it h5 { font-size:2.5rem; font-weight: 600; margin-bottom: 10px; padding-top:30px;  }
.edu-guide .body ul li .it .desc { font-size:1.6rem; color: #666; margin-bottom: 15px; }
.edu-guide .body ul li .it .txt { font-size:1.8rem; line-height: 1.8; }
.edu-guide .body ul li .it.pl { padding-left: 90px; position: relative;}
.edu-guide .body ul li .it.pl i,
.edu-guide .body ul li .it.pl svg{ position: absolute;left: 0; top:35px;  }
.edu-guide .body ul li .it.pl h5 { padding-top:0; }
.edu-guide.caution-type .head h4 { margin-bottom: 15px; }
.edu-guide.caution-type .body ul li .it { min-height: 230px; }
.edu-guide.type2 .body ul li .it { min-height: inherit; margin-bottom: 70px; }
.edu-guide.type2 .body ul li .it .txt { padding-top:25px; }

.edu01 {background: url(../img/edu/icon_edu01.png) no-repeat left top; width:63px; height:52px;position: absolute;left: 0;top: 35px;}
.edu02 {background: url(../img/edu/icon_edu02.png) no-repeat left top; width:63px; height:52px;position: absolute;left: 0;top: 35px;}
.edu03 {background: url(../img/edu/icon_edu03.png) no-repeat left top; width:63px; height:52px;display: block;}
.edu04 {background: url(../img/edu/icon_edu04.png) no-repeat left top; width:63px; height:52px;display: block;}
.edu05 {background: url(../img/edu/icon_edu05.png) no-repeat left top; width:63px; height:52px;display: block;}
.edu06 {background: url(../img/edu/icon_edu06.png) no-repeat left top; width:63px; height:52px;display: block;}
.edu07 {background: url(../img/edu/icon_edu07.png) no-repeat left top; width:63px; height:52px;display: block;}
.edu08 {background: url(../img/edu/icon_edu08.png) no-repeat left top; width:63px; height:52px;display: block;}
.edu09 {background: url(../img/edu/icon_edu09.png) no-repeat left top; width:63px; height:52px;position: absolute;left: 0;top: 35px;}
.edu10 {background: url(../img/edu/icon_edu10.png) no-repeat left top; width:63px; height:52px;position: absolute;left: 0;top: 35px;}
.edu11 {background: url(../img/edu/icon_edu11.png) no-repeat left top; width:63px; height:52px;position: absolute;left: 0;top: 35px;}
.edu12 {background: url(../img/edu/icon_edu12.png) no-repeat left top; width:63px; height:52px;position: absolute;left: 0;top: 35px;}
.ic_g01 {background: url(../img/edu/icon_g01.png) no-repeat left top; width:63px; height:60px;position: absolute;right: 0;top: 35px;}
.ic_g02 {background: url(../img/edu/icon_g02.png) no-repeat left top; width:63px; height:60px;position: absolute;right: 0;top: 35px;}
.ic_g03 {background: url(../img/edu/icon_g03.png) no-repeat left top; width:63px; height:60px;position: absolute;right: 0;top: 35px;}
.ic_g04 {background: url(../img/edu/icon_g04.png) no-repeat left top; width:63px; height:60px;position: absolute;right: 0;top: 35px;}
.ic_g05 {background: url(../img/edu/icon_g05.png) no-repeat left top; width:63px; height:60px;position: absolute;right: 0;top: 35px;}
.ic_g06 {background: url(../img/edu/icon_g06.png) no-repeat left top; width:63px; height:60px;position: absolute;right: 0;top: 35px;}
.ic_g07 {background: url(../img/edu/icon_g07.png) no-repeat left top; width:69px; height:60px;position: absolute;right: 0;top: 35px;}
.ic_g08 {background: url(../img/edu/icon_g08.png) no-repeat left top; width:63px; height:60px;position: absolute;right: 0;top: 35px;}
.ic_g09 {background: url(../img/edu/icon_g09.png) no-repeat left top; width:63px; height:60px;display: block;}
.ic_g10 {background: url(../img/edu/icon_g10.png) no-repeat left top; width:63px; height:60px;display: block;}
.ic_g11 {background: url(../img/edu/icon_g11.png) no-repeat left top; width:63px; height:60px;display: block;}
.ic_g12 {background: url(../img/edu/icon_g12.png) no-repeat left top; width:63px; height:60px;display: block;}
.ic_g13 {background: url(../img/edu/icon_g13.png) no-repeat left top; width:63px; height:60px;display: block;}
.ic_g14 {background: url(../img/edu/icon_g14.png) no-repeat left top; width:63px; height:60px;display: block;}
.ic_g15 {background: url(../img/edu/icon_g15.png) no-repeat left top; width:63px; height:60px;display: block;}
.ic_g16 {background: url(../img/edu/icon_g16.png) no-repeat left top; width:63px; height:60px;display: block;}







.edu-guide .body ul li .it .info dl {  }
.edu-guide .body ul li .it .info dl dt {  margin-bottom: 20px;}
.edu-guide .body ul li .it .info dl dt span { display: inline-block; padding:0 25px;  height: 35px; line-height: 34px; text-align: center; border-radius:35px; background: #f2f2f2; font-size:1.7rem;   }
.edu-guide .body ul li .it .info dl dd { font-size:1.7rem; margin-bottom: 20px; }



.top-description { text-align: center; font-size:2.5rem; line-height: 1.6; font-weight: 600; padding:0 0 75px; letter-spacing: -1px;}
.top-description p { font-size:1.6rem; color: #666; padding-top:20px; }
.tabs + .top-description { padding-top:40px; }

.board-head { margin-bottom: 41px; position: relative;}
.board-head .btns a { display: inline-block; vertical-align: middle; font-size:2.5rem; font-weight: 600; margin-right:50px; position: relative; transition: all 0.3s ease; }
.board-head .btns a:before { content: ''; position: absolute;left: 5px; top:-10px; width:10px; height: 10px; background: #F46F1B; border-radius:100%; opacity:0; transition: all 0.3s ease;}
.board-head .btns a.active,
.board-head .btns a:hover { color: #F46F1B; }
.board-head .btns a.active:before { top:-20px; opacity: 1; }
.board-head .btns2 a { display: inline-block; vertical-align: middle; width:104px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #000; border-radius:45px; font-size:1.7rem; transition: all 0.3s ease; margin-right:20px; }
.board-head .btns2 a:hover,
.board-head .btns2 a.active { background: #000; color: #fff; }
.board-head .search { position: absolute; right:0; top:-20px; }
.board-head .search .inp-box { width:550px; position: relative; }
.board-head .search .inp-box .inp-srch { width:100%; height: 66px; padding:0 40px 0 15px; font-size:1.8rem; border: 0; outline:none; border-bottom: 1px solid #000;transition: all 0.5s ease; }
.board-head .search .inp-box .inp-srch:focus { border-color:#F46F1B; }
.board-head .search .inp-box input:placeholder { font-size: 1.8rem; color:#000; }
.board-head .search .inp-box .btn-srch {  position:absolute; right:0; bottom:0; width:66px; height: 66px; }
.board-head .search .inp-box .btn-srch i,
.board-head .search .inp-box .btn-srch svg { font-size:2.5rem; }
.board-head.center { display: flex; justify-content: center; }
.board-head.center .search { position: static;}

.board-total { font-size:1.6rem;  margin-bottom: 17px; }
.list-type1 ul { display: flex; flex-wrap: wrap; margin:0 -20px;  }
.list-type1 ul li { width:33.3333%; padding: 0 20px 70px; }
.list-type1 ul li a { display: block; }
.list-type1 ul li a .img { position: relative; margin-bottom: 20px; overflow: hidden; padding-top:100%; background:#eee;}
.list-type1 ul li a .img img { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition: all .5s ease; }
.list-type1 ul li a .img .labels { position: absolute; right:0; top:0; z-index:2; }
.list-type1 ul li a .img .labels span { float:left; padding:0 13px; height: 30px; line-height: 29px; font-size:1.5rem; color: #fff; background: rgba(0,0,0,0.8); margin-left: 5px; }
.list-type1 ul li a strong { display: block; padding-top:25px; position: relative; font-size:2.3rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px;  }
.list-type1 ul li a strong small { position: absolute;left: 0; top:0; font-size:1.5rem; color: #666666; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.list-type1 ul li a .date { font-size:1.7rem; }
.list-type1 ul li a:hover .img img { transform:translate(-50%, -50%) scale(1.1); }
.list-type1 ul li.end a .img:after { content: ''; position: absolute;left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.4);}

.board-more { text-align: center; margin-bottom: 150px; }
.board-more a { margin:0 10px;}

.board-view-head:after { display: block; content: ''; clear: both; }
.board-view-head  { padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #ececec; }
.board-view-head .img { float:left; width:585px; position: relative; margin-right:82px;  }
.board-view-head .img img { vertical-align: middle; width:100%; }
.board-view-head .img .labels { position: absolute; right:0; top:0; }
.board-view-head .img .labels span { float:left; padding:0 13px; height: 30px; line-height: 29px; font-size:1.5rem; color: #fff; background: rgba(0,0,0,0.6); margin-left: 5px; }
.board-view-head .info { overflow: hidden; }
.board-view-head .info .type { font-size:1.6rem; color: #666; margin-bottom: 10px; }
.board-view-head .info h3 { font-size:3.5rem; font-weight: 600; line-height: 1.3; margin-bottom: 30px; }
.board-view-head .info dl:after { display: block; content: ''; clear: both; }
.board-view-head .info dl { font-size:1.7rem; line-height: 1.4; margin-bottom: 15px; display:flex; }
.board-view-head .info dl dt { width:100px; font-weight: 600; flex-shrink:0; }
.board-view-head .info dl dd {  }
.board-view-head .info dl dd div { display:flex; margin-bottom: 10px; }
.board-view-head .info dl dd div:last-of-type { margin-bottom: 0; }
.board-view-head .info dl dd strong { font-weight:600; display: inline-block;  margin-right: 27px; flex-shrink:0; }
.board-view-head .info dl dd ul li {  display: inline-block;  border: 1px solid #000; width: 30px; height: 30px; margin-left: 5px; text-align: center; font-size: 14px; font-weight: 600; line-height: 28px; margin-bottom:6px; }

.board-view-btns { text-align: center; margin-bottom: 40px;  }
.board-view-btns a { width:284px; margin-left: 20px; }

.board-view-content { margin:50px 0; border-bottom: 1px solid #000; margin-bottom: 100px;  }
.board-view-content .text-area { font-size:2rem; line-height: 2; padding-top:32px; }
.recruit-end { padding: 30px; background: #f9f9f9; font-size:1.6rem; line-height: 1.4; color: #666; font-weight: 300; }

.calendar-top { display:flex; justify-content: center; position:relative; }
.schedule { margin-bottom: 150px;}
.schedule .year { display: flex; align-items: center; justify-content: center; margin-bottom: 25px;  }
.schedule .year strong { font-size:4rem; font-weight: 600; margin:0 60px; font-family: 'GmarketSansBold'; padding-top:10px; }
.schedule .year a { font-size:3rem; color: #cfcfcf; }
.schedule .year a.on { color: #000; }
.schedule .choice { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 25px;  }
.schedule .choice span { font-size:1.7rem; margin-right:20px; }
.schedule .choice .select { padding: 0 53px 0 17px; width:257px; height: 63px; font-size: 1.7rem; background-size: 12px auto; position: absolute; top: 0; right: 0;}
.table-schedule { }
.table-schedule { width:100%; border-collapse: collapse;  border-top:1px solid #000; table-layout: fixed; }
.table-schedule caption { position:  absolute; left: -9999px; font-size:0;  }
.table-schedule thead th,
.table-schedule tbody td { text-align: center; padding:14px 0; font-size:1.8rem; font-weight: 400; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; line-height: 48px;  }
/*.table-schedule thead th:nth-of-type(7n),
.table-schedule tbody td:nth-of-type(7n) { border-right: 1px solid #d7d7d7; }
*/
.table-schedule thead th:first-child,
.table-schedule tbody td:first-child{ border-left:0; }
.table-schedule thead th { padding:10px 0; border-top: 1px solid #000;}
.table-schedule tbody td { padding:14px 0; height:100px; }
.table-schedule.type2 tbody td { text-align: left; vertical-align: middle; }
.table-schedule tbody td button { height: 40px;  width:40px; line-height: 40px; font-size:1.8rem; border-radius:100%; }
.table-schedule tbody td button span { display: inline-block; vertical-align: middle;  position: relative; transform: translateY(-3px); }
.table-schedule tbody td button span:before { content: ''; position: absolute;left: 0; right:0; bottom:5px; height: 1px; background: #000;}
.table-schedule tbody td button.today { background: #fec24d; font-weight: 700; }
.table-schedule tbody td.bg { background: #f9f9f9; }
.table-schedule tbody td .num { display: inline-block; vertical-align: middle; position: relative; text-align: center; height: 48px; width: 48px; line-height: 40px; font-size: 1.8rem;}
.table-schedule tbody td .txt { position: absolute;left: 15px; top:50%; transform: translateY(-50%); padding:0 5px; height: 25px; line-height: 24px; border-radius:25px; background: #5e5e5e; font-size:1.3rem; color: #fff; white-space: nowrap; }
.table-schedule tbody td button + .txt { left:46px; }

/* 접근성 변경
.table-schedule tbody td .txt.bg-blue { background: #77a0eb;}
.table-schedule tbody td .txt.bg-green { background: #45ba92;}
*/

.table-schedule tbody td .txt.bg-blue { background: #6588C8;}
.table-schedule tbody td .txt.bg-green { background: #3B9E7C;}

.inquiry { }
.inquiry .head { position: relative; }
.inquiry .head .type { margin-bottom: 25px; }
.inquiry .head .type span { display: inline-block; vertical-align: middle; padding:0 15px; height: 30px;line-height: 29px; background: #000; font-size:1.5rem; color: #fff; font-weight: 300; }
.inquiry .head .kind { font-size:1.6rem; font-weight: 300; color: #666; margin-bottom: 10px; }
.inquiry .head h3 { font-size:4rem; font-weight: 600; }
.inquiry .head .date { position: absolute; right:0; bottom:0; font-size:1.8rem; font-weight: 300; }
.inquiry .head .date strong { font-weight: 600; margin-right:10px; }

.hp-box { display: flex; align-items: center; }
.hp-box .inp { flex:1; }
.hp-box span { flex:0 0 30px; text-align: center; font-size:2rem; }

.form-box { margin-bottom: 100px;   padding-top: 40px; margin-top: 45px; border-top: 2px solid #000; }
.form-box .col-box {display: flex; justify-content: space-between; }
.form-box .col { margin-bottom: 40px;}

.form-box .col-box .col {  width:48.5%; }
.form-box .col .article {  }
.form-box .col .article h4 { font-size:2rem; color: #222; font-weight: 400; margin-bottom: 10px; }
.form-box .col .article h4 .desc { font-size:1.6rem; font-weight: 400; margin-left: 10px; color: #666; }
.form-box .col .article h4 .req { color: #e71015; margin-left: 5px; font-size:1.6rem; }
.form-box .col .article h4 label { margin-left: 25px; }
.form-box .col .article .files { display: flex; justify-content: space-between; }
.form-box .col .article .files .btn-find { width:146px; height: 70px; text-align: center; border: 1px solid #d7d7d7; margin-right:25px; font-size:1.8rem; color: #666; }
.form-box .col .article .files ul { flex:1; flex-wrap: wrap; display: flex; border: 1px solid #d7d7d7 ;}
.form-box .col .article .files ul li { padding:10px; }
.form-box .col .article .files ul li button { font-size:1.8rem; color: #666; height: 48px; margin:0 20px;  }
.form-box .col .article .files ul li button em  { display: inline-block; color: #e82121; margin-left: 10px; transition:all 0.3s ease; }
.form-box .col .article .files ul li button:hover em { transform: rotate(90deg); }
.form-box .col.calendar-col .article .inp { width:30%; margin-right:2%; }
.form-box .col.nowrap .article { display: flex; align-items: center; }
.form-box .col.nowrap .article .labels { margin-left: 68px; }
.form-box .col.nowrap .article .labels label { margin-right: 60px; }
.agree-check { margin-top: -30px; }
/********************************************************************************************************* 
	기록과 기억 
*********************************************************************************************************/
.record { background: url('../img/rec/online_01.jpg') no-repeat 100% 34%; height: calc(100vh - 100px); background-size:56% auto;}
.record .inner { display: flex; justify-content: center; height: 100%;  flex-direction: column; position: relative; }
.record .inner > p { font-size:2.1rem; font-weight: 700; color: #F46F1B; margin-top:-100px;  }
.record .inner > h2 { font-size:10.5rem; font-weight: 800; line-height: 1.3; }
.record .scroll { position: absolute;left: 50%; bottom:45px; font-size:1.3rem;  text-align: center; margin-left: -15px; }
.record .scroll .ic { font-size:3.4rem; }
.record .scroll  strong { display: block; font-weight: 600;}
.record .sub-visual { display: block; padding: 0; position: static; }
.record .sub-visual .in { display: block; max-width:inherit;width:auto; padding: 0; position: static;}
.record .sub-title { position: absolute; left: 20px; bottom:45px; }
.record .sub-util { position: absolute; right: 20px; bottom:45px; margin: 0;  }

.record2 { padding: 130px 0 80px; background: #f9f9f9; position: relative; }
.record2 .marq { position: absolute;left: 0; top:30px; font-size:12rem; font-weight: 600; color:#bbb; opacity:0.12; width: 100%; }
.record2 .marq.marq2 { left:inherit; right:0; top:160px; }
.record2 .marq.marq3 { top:800px; }
.record2 .inner { position: relative; z-index:10; }
.record2 .mv { position: relative; overflow: hidden; border-radius:35px; padding: 3px; }
.record2 .mv a { display: block; padding: 3.14% 0; background: #fff; border-radius:31px; }
.record2 .mv a:focus { box-shadow:0 0 0 3px #000; }
.record2 .mv a img { width:100%; }
.record2 .mv a .over { position: absolute;left: 0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; font-size:8rem; color: #fff; }
.record2 .mv a .over i,
.record2 .mv a .over svg { transition: all 0.5s ease;}
.record2 .mv a:hover .over i,
.record2 .mv a:hover .over svg { transform: translateY(-20px); }
.record2 .mv .mp4 { display: none; position: absolute;left: 0; top:0; right:0; bottom:0; background: #000;   }
.record2 .mv .mp4 source { width:100%; height: 100%; }
.record2 .btns { display: flex; justify-content: space-between; margin:95px -10px 0; }
.record2 .btns a { display: flex; align-items: flex-end; justify-content: flex-end; border-radius:35px; overflow: hidden; position: relative; box-shadow:0 0 32px rgba(0,0,0,0.1); margin:0 10px;  transition: all 0.5s ease; width: 100%; background: #fff; }
.record2 .btns a img { width:70%; transition: all .5s ease;}
.record2 .btns a div { position: absolute;left: 70px; top:60px;  z-index:2;}
.record2 .btns a div strong { display: block; font-size:4rem; font-weight: 600; margin-bottom: 10px; }
.record2 .btns a div p { font-size:1.8rem; color: #666; font-weight: 400; }
.record2 .btns a:hover { box-shadow:0 0 32px rgba(0,0,0,0.4); }
.record2 .btns a:hover img { transform: scale(1.1); }
.record2 .desc {font-size:1.6rem; font-weight: 400; opacity:0.8; line-height: 1.4; padding-top:80px; }

.mv-lyrics { padding-top: 30px; display:none; }
.mv-lyrics h3 { font-size:2rem; margin-bottom: 5px; }
.mv-lyrics h3 strong { }
.mv-lyrics p { font-size:1.6rem; }


.rec-guide-btns { margin-bottom: 140px; }
.rec-guide-btns ul { display: flex; justify-content: space-between;  margin:0 -30px;}
.rec-guide-btns ul li { width:33.3333%; padding: 0 30px 30px; }
.rec-guide-btns ul li a { display: block; height: 100%; padding: 55px 45px; position: relative; border: 2px solid #888888; transition: all 0.3s ease;}
.rec-guide-btns ul li a strong { display: block; font-size:2.5rem; font-weight: 600; margin:20px 0 15px; line-height: 1.4; }
.rec-guide-btns ul li a span { display: block; font-size:1.8rem; }
.rec-guide-btns ul li a .ic1 { font-size:6rem; }
.rec-guide-btns ul li a .arr { position: absolute; right:40px; bottom:45px; font-size:3.5rem; color: #c9c9c9;  transition: all 0.3s ease; }
.rec-guide-btns ul li a:hover { border-color:#F46F1B; box-shadow:0 0 24px rgba(242,171,12,0.25);  }
.rec-guide-btns ul li a:hover .arr { color: #000; }

.description1 { padding: 40px 45px; background: #f9f9f9; margin-bottom: 75px;  }
.description1 .t1 { font-size:2rem; font-weight: 600; margin-bottom: 9px; }
.description1 .t2 { font-size:2rem; line-height: 1.4; }
.description1 .t2 span { margin-left: 15px; }
.description1 .t2 span:first-of-type { margin-left: 0; }
.description1 .t2 + .t1 { margin-bottom: 0; }

.rec-guide { padding-left: 250px; position: relative; margin-bottom:85px; }
.rec-guide:last-of-type { margin-bottom:0; }
.rec-guide .head { position: absolute;left: 0; top:0; }
.rec-guide .head h4 { font-size:3rem; font-weight: 600; margin-top: -10px; }
.rec-guide .body ul { display: flex; justify-content: space-between; }
.rec-guide .body ul li { width:47.8%; border-top:2px solid #000; margin-bottom: 50px; }
.rec-guide .body ul li .it { padding-top:35px; min-height: 250px; font-size:2rem; line-height: 1.6;  }
.rec-guide .body ul li .it .ico-map { margin-right:15px; }
.rec-guide .body ul li .it .arr { display: inline-block; background: url(../img/rec/ico_arr.png) no-repeat 0 0; width:36px; height: 8px; margin:0 15px;vertical-align: middle; }
/*.rec-guide .body ul li .it p + p { margin-top:15px; }*/
.rec-guide .body ul li .it .floor:after { display: block; content: ''; clear: both; }
.rec-guide .body ul li .it .floor dt { float:left; margin-right:15px; }
.rec-guide .body ul li .it > div { margin-bottom: 22px; }
.rec-guide .body ul li .it > div > p { margin-bottom:5px; }

.vr-room { padding: 75px 30px; text-align: center; background: #f9f9f9;  margin-bottom: 40px;  }
.vr-desc { font-size:1.6rem; line-height: 1.8; color: #666; }


.class-type-btn { margin-bottom: 45px; }
.class-type-btn a { display: inline-block; vertical-align: middle; padding: 0 25px; height: 45px; line-height: 43px; font-size:1.8rem; border: 1px solid #000; border-radius:45px; }
.class-type-btn + .tabs { margin-bottom: 0; }
.class-type-btn + .tabs a { margin-bottom: 30px; }
.class-wrap { background: #f5f5f5; padding:60px 0; }
.std-slider-wrap .head { font-size:1.6rem; color: #666; margin-bottom: 50px;   position: relative;}
.std-slider-wrap .head .ic { font-size:1.8rem; margin-right:10px; }
.std-slider-wrap .head .swiper-pagination { position: absolute; right:0; top:0; left: inherit; width:auto; padding: 0 12px; height: 28px; line-height: 27px; border-radius:28px; font-size:1.6rem; background: #e2e2e2; color: #000;  }
.std-slider-wrap .head .swiper-pagination .swiper-pagination-current { font-weight: 600; }
.std-slider-wrap .swiper-slide .list { display: flex; flex-wrap: wrap; margin:0 }
.std-slider-wrap .swiper-slide .list .card { width:calc(20% - 20px); margin:0 10px 18px; height: 60px; border-radius:60px; text-align: center; background: #fff; font-size:1.8rem; color: #000; transition: all 0.3s ease; }
.std-slider-wrap .swiper-slide .list .card:hover,
.std-slider-wrap .swiper-slide .list .card.active { background: #f2ab0c; color: #fff; font-weight: 600; }
.std-slider-wrap .body { position: relative;}
.std-slider-wrap .body .swiper-button-prev { position: absolute;  left: -80px; top:46%; width:30px; height: 48px; }
.std-slider-wrap .body .swiper-button-prev:before { content: ''; display: inline-block; vertical-align: middle; width:24px; height: 24px; border-left: 2px solid #000; border-bottom: 2px solid #000;transform: rotate(45deg); }
.std-slider-wrap .body .swiper-button-next { position: absolute;  right: -80px; top:46%; width:30px; height: 48px; }
.std-slider-wrap .body .swiper-button-next:before { content: ''; display: inline-block; vertical-align: middle; width:24px; height: 24px; border-left: 2px solid #000; border-bottom: 2px solid #000;transform: rotate(-135deg); }
.std-slider-wrap .body .swiper-button-disabled { opacity:0.3; }

.room-wrap .head { font-size:1.6rem; color: #666; margin-bottom: 50px;   position: relative;}
.room-wrap .head .ic { font-size:1.8rem; margin-right:10px; }
.room-wrap .body .teach { display: flex; align-items: center; justify-content: center; flex-direction: column;  max-width:350px; height: 80px; background: #fdf2db; border: 2px solid #f2ab0c; text-align: center; margin: 0 auto 50px; }
.room-wrap .body .teach small { display: block; font-size:1.5rem; color:#f2ab0c; }
.room-wrap .body .teach strong { display: block; font-size:2rem; color: #000; font-weight: 400;}
.room-wrap .body .rooms { display: flex; justify-content: space-between; margin:0 -20px; }
.room-wrap .body .rooms .section  { flex:1; margin: 0 20px; }
.room-wrap .body .rooms .section .num { text-align: center; font-size:1.7rem; font-weight: 600; margin-bottom: 15px; }
.room-wrap .body .rooms .section .article { display: flex; flex-wrap: wrap; }
.room-wrap .body .rooms .section .article p { width:calc(50% - 8px); margin:0 4px 8px; height: 62px; background: #fdf2db; border: 2px solid #f2ab0c; text-align: center; }
.room-wrap .body .rooms .section .article p button { height: 100%; font-size:1.8rem; color: #000;width:100%; transition: all 0.3s ease; }
/*.room-wrap .body .rooms .section .article p button:hover { background: #f2ab0c; color: #fff; font-weight: 600; }*/
.room-wrap .body .rooms .section .article.type2 p { width:calc(33.3333333% - 8px); }

.cs-box { padding: 30px 60px; background: #f5f5f5; font-size:1.8rem; font-weight: 600; }
.cs-box dl dt { float:left; width:130px; }
.cs-box dl dd { overflow: hidden; }
.cs-box2 { padding: 30px 60px; background: #f5f5f5; font-size:1.8rem; font-weight: 600; margin-bottom: 160px; }
.cs-box2:after { display: block; content: ''; clear: both; }
.cs-box2 > strong { float:left; margin-right:75px; font-weight: 600; }
.cs-box2 div { float:left; margin-right:75px;  }
.cs-box2 div span { font-weight: 400; }
.cs-box2 div:last-child { margin-right:0; }

.student-list { margin-bottom: 80px; padding-top:60px; border-top:2px solid #000; }
.student-list ul { display: flex; flex-wrap: wrap; margin:0 -17px;  }
.student-list ul li { width:20%; padding:0 17px 34px; }
.student-list ul li a { display: block; height: 250px; position: relative; padding: 27px 23px; background: #fff; border: 1px solid #e1e1e1; transition: all 0.3s ease; }
.student-list ul li a:before { content: ''; position: absolute;left: -1px; top:-1px; right:-1px; bottom:-1px; border: 2px solid #f2ab0c;  transition: all 0.3s ease; opacity:0; }
.student-list ul li a .num { font-size:1.5rem; font-weight: 600; color: #f2ab0c; margin-bottom: 15px;  }
.student-list ul li a h4 { font-size:2rem; line-height: 30px; height:60px; font-weight: 600; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}
.student-list ul li a .name { position: absolute;left: 23px; bottom:27px; font-size:1.7rem; }
.student-list ul li a .name .date { display: block; font-size:1.5; color:#a9a9a9; padding-top:4px;transition: all 0.3s ease;  }
.student-list ul li a:hover { box-shadow:0 0 24px rgba(242,171,12,0.25);  }
.student-list ul li a:hover:before { opacity:1; }
.student-list ul li a:hover .name .date { color: #666; }





.birth { text-align: center; background: #f9f9f9 ;  }
.birth h5 { font-size:2rem; color: #f2ab0c; font-weight: 600; letter-spacing: 20px; padding:50px 0 25px; }
.birth .img { text-align: center; position: relative; margin-bottom: 65px;  }
.birth .img p { display: inline-block; vertical-align: middle; border-radius:30px;overflow: hidden; background: #fff; padding-top: 77px; width: 415px;}
.birth .img p img { max-height: 50vh; width: 67%; }
.birth .img .name { position: absolute; left: 50%; width: 415px; transform: translate(-50%, 0); top: 0; display: flex; justify-content: space-between; padding: 28px 16px 0; }
.birth .img .name strong { display: inline-block; font-size:2.5rem; font-weight: 600; position: relative; }
.birth .img .name strong::after { position: absolute; content:''; display:block; width:7px; height:7px; border-radius:50%; background:#F46F1B; left:7px; top:-6px; }
.birth .img .name div span { font-size:1.8rem; display:inline-block; margin-left:10px; }
.birth .img .name small { font-size:1.8rem; }




.birth .tags { max-width:440px; margin: 0 auto; padding-bottom: 20px; }
.birth .tags {
	overflow: auto;
	height: 170px;
	margin-bottom: 23px;
}
.birth .tags::-webkit-scrollbar {
	width: 20px;
}
.birth .tags::-webkit-scrollbar-button {
	display: none;
}
.birth .tags::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #F46F1B;
}
.birth .tags::-webkit-scrollbar-track {
	background-color: #f2f1f1;
	border-radius: 10px;
}
.birth .tags::-webkit-scrollbar-track-piece {
	background-color: #f2f1f1;
	border-radius: 10px;
}

.birth .tags span { display: inline-block; vertical-align: middle; padding:0 15px; height: 31px; line-height: 29px; border-radius:31px; border: 1px solid #000; font-size:1.6rem; color: #000; margin:0 8px 12px; }
.birth .msg a { display: block; height: 65px; line-height:64px; background: #fff; font-size:1.8rem; }
.birth .msg a .ic { font-size:2rem; margin-left: 30px; }

.birth-swiper { position: relative;}
.birth-swiper .swiper-button-prev { position: absolute;  left:80px; top:40%; width:30px; height: 48px; }
.birth-swiper .swiper-button-prev:before { content: ''; display: inline-block; vertical-align: middle; width:24px; height: 24px; border-left: 2px solid #000; border-bottom: 2px solid #000;transform: rotate(45deg); }
.birth-swiper .swiper-button-next { position: absolute;  right:80px; top:40%; width:30px; height: 48px; }
.birth-swiper .swiper-button-next:before { content: ''; display: inline-block; vertical-align: middle; width:24px; height: 24px; border-left: 2px solid #000; border-bottom: 2px solid #000;transform: rotate(-135deg); }
.birth-swiper .swiper-button-disabled { opacity:0.3; }

.student-result-swiper { padding: 25px 60px; background: #f5f5f5; position: relative; margin-bottom: 70px;}
.student-result-swiper .card { height: 40px; text-align: center; background: #fff; font-size:1.6rem; color: #000; border-radius:40px; }
.student-result-swiper .list { display: flex; flex-wrap: wrap; }
.student-result-swiper .list .card { width:calc(11.1111111111111111% - 20px); margin:10px; transition: all 0.3s ease; }
.student-result-swiper .list .card:hover,
.student-result-swiper .list .card.active { background: #000; color: #fff; }
.student-result-swiper .swiper-button-prev { position: absolute;  left:20px; top:50%; transform: translate(0, -50%); width:30px; height: 48px; }
.student-result-swiper .swiper-button-prev:before { content: ''; display: inline-block; vertical-align: middle; width:14px; height: 14px; border-left: 2px solid #000; border-bottom: 2px solid #000;transform: rotate(45deg); }
.student-result-swiper .swiper-button-next { position: absolute;  right:20px; top:50%; transform: translate(0, -50%); width:30px; height: 48px; }
.student-result-swiper .swiper-button-next:before { content: ''; display: inline-block; vertical-align: middle; width:14px; height: 14px; border-left: 2px solid #000; border-bottom: 2px solid #000;transform: rotate(-135deg); }
.student-result-swiper .swiper-button-disabled { opacity:0.3; }

.search-empty2 { margin: 0 auto; padding: 20px 0; font-size: 1.6rem; }


.student-profile { display: flex; justify-content: center; align-items: center; margin-bottom: 120px; }
.student-profile .img { width:430px; padding: 15px 15px 105px; background: #ffedc3; margin-right:60px;  }
.student-profile .img p { background: #fff; text-align: center; padding-top: 100%; position: relative;}
.student-profile .img p img { vertical-align: top; width: 60%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0);}
.student-profile .info { width:440px;}
.student-profile .info .name { font-size:3.5rem; font-weight: 700; line-height: 1; padding:20px 0 35px; position: relative;}
.student-profile .info .name:before {content: ''; position:  absolute; left: 0; top:0; width:35px; height: 3px; background: #f2ab0c; }
.student-profile .info .tags { margin-bottom: 120px; }
.student-profile .info .tags span { display: inline-block; vertical-align: middle; padding:0 15px; height: 30px; line-height: 28px; font-size:1.6rem; color: #000; border: 1px solid #d3d3d3; border-radius:30px; margin:0 14px 14px 0; }

.student-modal { padding: 0 25px; position: relative; background: #fff;}
.student-modal .img { position: absolute; left: 50%; top:-100px; margin-left: -100px; width:200px; height: 200px; border-radius:100%; background: #fff; overflow: hidden; box-shadow:0 0 24px rgba(172,172,172,0.25); }
.student-modal .name { text-align: center; font-size:3rem; font-weight: 600; padding:140px 0 25px; }
.student-modal .txt-box { max-height: 450px; overflow: auto;  border-top:2px solid #000;  }
.student-modal .txt-box .txt {  border-bottom: 1px solid #d7d7d7; padding:25px; font-size:1.7rem; line-height: 1.8; }

.student-modal ::-webkit-scrollbar { width: 5px; height: 5px; }
.student-modal ::-webkit-scrollbar-thumb { background: #838383; border-radius:5px; }
.student-modal ::-webkit-scrollbar-track { background-color: #f5f5f5;border-radius:5px;}


/********************************************************************************************************* 
	소식과 자료
*********************************************************************************************************/
.webzine-tit { text-align: center;}
.webzine-tit img { width:335px; }
.webzine-list { margin-bottom: 130px }
.webzine-list .last:after { display: block; content: ''; clear: both; }
.webzine-list .last { display: block; margin-bottom: 90px; transition: all 0.5s ease; }
.webzine-list .last .img { float:left; margin-right:100px; }
.webzine-list .last .img img { width:100%; }
.webzine-list .last .info { overflow: hidden; padding-top: 20px;  }
.webzine-list .last .info .vol { margin-bottom: 35px; }
.webzine-list .last .info .vol em { display: inline-block; vertical-align: middle; padding:0 15px; height: 26px; background: #000; font-size:1.6rem; color: #fff; }
.webzine-list .last .info .vol strong { vertical-align: middle; font-size:1.6rem;  margin:0 6px;}
.webzine-list .last .info .vol span { vertical-align: middle; font-size:1.6rem; }
.webzine-list .last .info h4 { font-size:3.5rem; font-weight: 300; margin-bottom: 10px;  }
.webzine-list .last .info h4 strong { font-weight: 600; }
.webzine-list .last .info .txt { font-size:1.8rem; line-height: 1.6; margin-bottom: 65px; }
.webzine-list .last .info .ic { font-size:3.5rem; display: block; transition: all 0.5s ease;}
.webzine-list .last:hover { opacity:0.6; }
.webzine-list .last:hover .info .ic { transform: translateX(10px); }
.webzine-list ul:after { display: block; content: ''; clear: both; }
.webzine-list ul { margin:0 -13px; }
.webzine-list ul li { float:left; width:25%; padding:0 13px 20px; }
.webzine-list ul li a { display: block; transition: all 0.3s ease; }
.webzine-list ul li a figure { margin: 0 ;}
.webzine-list ul li a figcaption { display: block; padding-top:15px; font-size:2rem; font-weight: 600;}
.webzine-list ul li a:hover { opacity:0.6; }
.webzine-list ul li a img { width: 100%; }

.notice-list {}
.notice-list ul { display: flex; flex-wrap: wrap; margin:0 -30px; }
.notice-list ul li { width:33.3333%; padding:0 30px; margin-bottom: 120px; }
.notice-list ul li a { display: block; padding:40px 0 80px; position: relative; border-top:1px solid #000;  transition:all 0.5s ease; }
.notice-list ul li a:before { content: ''; position: absolute;left: 0; top:-1px; right:0; height: 2px; background: #F46F1B; opacity:0; transition: all 0.5s ease; }
.notice-list ul li a .type { font-size:1.6rem; color: #F46F1B; font-weight: 600; margin-bottom: 35px; }
.notice-list ul li a h4 { font-size:2.5rem; line-height:35px; height: 72px;  margin-bottom: 20px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; }
.notice-list ul li a h4 > span { border-bottom:1px solid transparent; transition:.5s; }
.notice-list ul li a:hover h4 > span { border-bottom:1px solid #000; transition:.5s; }
.notice-list ul li a .txt { font-size:1.8rem; line-height:1.6;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; }
.notice-list ul li a .date { position: absolute;left: 0; bottom:0; font-size:1.6rem; color:#838383; }
.notice-list ul li a:hover:before { opacity:1; }

.data-list { border-top:1px solid #000;  margin-bottom: 100px;}
.data-list ul li { border-bottom: 1px solid #d7d7d7; }

.data-list ul li a { display: block; padding:0 150px 0 170px; position: relative; line-height:110px; white-space: nowrap; font-size:2rem; transition:all 0.5s ease;  }
.data-list ul li a:before { content: ''; position: absolute; left:0; right:0; top:-1px; height: 2px; background: #F46F1B; opacity:0; transition:all 0.5s ease; }
.data-list ul li a:after { content: ''; position: absolute; left:0; right:0; bottom:-1px; height: 2px; background: #F46F1B; opacity:0; transition:all 0.5s ease; }
.data-list ul li a .type { position: absolute;left: 0; top:0; width:170px; text-align: center; }
.data-list ul li a .subj { padding-left: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis ;}
.data-list ul li a .mail-name { right: 190px; position: absolute;top: 0; }
.data-list ul li a .date { position: absolute; right:35px; top:0; font-size:1.8rem; color:#838383; }
.data-list ul li a:hover { box-shadow:0 10px 10px rgba(0,0,0,0.1); }
.data-list ul li a:hover:before,
.data-list ul li a:hover:after { opacity:1; }

.board-view { margin-bottom: 60px;  }
.board-view .head { text-align: center; padding:30px 0; border-bottom: 2px solid #000; }
.board-view .head .type { font-size:2rem; font-weight: 600; margin-bottom: 5px; color: #F46F1B; }
.board-view .head h3 { font-size:3rem; margin-bottom: 30px; line-height: 1.4; }
.board-view .head .etc { display: flex; justify-content: center; }
.board-view .head .etc span { font-size:1.6rem; color: #666; line-height: 1;  }
.board-view .head .etc span + span { margin-left: 18px; padding-left: 20px; position: relative; }
.board-view .head .etc span + span:before { content: ''; position: absolute;left: 0; top:3px; bottom:0; width:1px; background: #666;  }
.board-view .body { font-size:1.8rem; line-height: 1.5; border-bottom: 1px solid #000; }
.board-view .body .txt { padding:70px 0 70px; min-height: 400px; }
.board-view .body img { height:auto!important; }

.board-view .files ul { padding: 25px 0; border-top:1px solid #d7d7d7; display: flex; flex-wrap: wrap; }
.board-view .files ul li { margin-right:30px; }
.board-view .files ul li a { display: block; font-size:1.6rem; color:#838383;}
.board-view .files ul li a .ic { font-size:1.8rem; margin-right:6px; }
.board-view .files ul li a:hover { text-decoration: underline; }

.public-guide {padding-left: 34.72%; position: relative; margin-bottom: 85px; }
.public-guide .head { position: absolute; left: 0; top:0;}
.public-guide .head h4 { font-size:3.5rem; font-weight: 600; margin-bottom: 35px; }
.public-guide .head h4 span { display: block; font-weight: 400; }
.public-guide .head h4 small { display: block; font-size: 1.7rem; margin-top: 10px; font-weight: 400; }
.public-guide .head .desc { font-size:1.7rem; line-height: 1.55; }
.public-guide .body {}
.public-guide .body ul { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.public-guide .body ul li { width:45.555%; /*margin-bottom: 50px; */  }
.public-guide .body ul li .it { border-top:2px solid #000; padding-top:35px; min-height: 300px; margin-bottom: 40px;  }
.public-guide .body ul li .it .ic { font-size:5.5rem; }
.public-guide .body ul li .it h5 { font-size:2.5rem; font-weight: 600; margin-bottom: 15px;   }
.public-guide .body ul li .it .desc { font-size:1.6rem; color: #666; margin-bottom: 15px; margin-top:-5px; }
.public-guide .body ul li .it .txt { font-size:1.7rem; line-height: 1.8; }
.public-guide .body ul li .it .txt p + p { margin-top:10px; }
.public-guide .body ul li .it .txt2 { font-size:1.6rem; color: #e71015; }
.public-guide .body ul li .it .txt2 strong { display: block; font-size:1.8rem; margin-bottom: 6px; }
.public-guide .body ul li .it .btns { margin-bottom: 25px; }

.public-guide .body ul li .it small { display:block; font-size:1.6rem; margin-bottom: 15px; font-weight: 600; }
.public-guide .body ul li .it .info {  position: relative; margin-top:15px;  }
.public-guide .body ul li .it .info .tit { display: block;font-size:2rem; font-weight: 600; margin-right:15px; margin-bottom: 10px; }
.public-guide .body ul li .it .info dl { display: flex; align-items: center; margin: 15px 0;  }
.public-guide .body ul li .it .info dl dt {  margin-right:10px; }
.public-guide .body ul li .it .info dl dt span { display: inline-block; width:133px; height: 35px; line-height: 34px; text-align: center; border-radius:35px; background: #f2f2f2; font-size:1.7rem;  }
.public-guide .body ul li .it .info dl dd { font-size:1.7rem; }
.public-guide .body ul li .it .info.type2 dl { display: block; }
.public-guide .body ul li .it .info.type2 dl dt {margin-bottom: 12px; } 
.public-guide .body ul li .it .info.type2 dl dt span {  width:auto; padding:0 15px; }
.public-guide .body ul li .it .info.type2 dl dd { padding-bottom: 15px; }
.public-guide .body ul li .it .desc2 { font-size:1.6rem; color: #666; margin:10px 0 40px;}
.public-guide .body ul li .it .txt + .desc2 { margin-bottom: 22px; }
.public-guide .body ul li:nth-child(4) .it .info { padding-left: 97px; }
.public-guide .body ul li:nth-child(4) .it .info .tit { position: absolute;left: 0; top:2px; }

.public-guide.type2 { padding: 0; }
.public-guide.type2 .head { position: static;}
.public-guide.type2 .body ul li { width:30%; position: relative; }
.public-guide.type2 .body ul li:nth-child(3) ~ li { width:48%;}
.public-guide.type2 .body ul li .it > .ic { position: absolute; right:10px; top:25px; }


/********************************************************************************************************* 
	교육원소개
*********************************************************************************************************/
/* 
KBIZHanmaumGothic
GmarketSansLight
*/
.about { margin-bottom: 140px;}
.about .date { font-size:2rem;  font-family: 'GmarketSansBold';  font-weight: 600; margin-bottom: 10px; padding-left: 5px; }
.about h3 { font-size:9rem; line-height: 1.2; font-weight: 300; margin-bottom: 100px; }
.about h3 strong {font-weight: 700; }
.about h3 strong span { color: #F46F1B; }
.about .name { font-size:2.5rem; line-height: 1.4; font-family: 'KBIZHanmaumMyungjo'; font-weight: 600; text-align:right; display: block; margin-top: 40px; }
.about .text {text-align: right; }
.about .text div { display: inline-block; vertical-align: top; text-align: left; font-size:2rem;line-height: 1.55;  width: calc(100% - 358px); padding-right: 108px; }

.partners { margin-bottom: 140px; }
.partners ul { margin:0 -13px; display:flex; flex-wrap:wrap; }
.partners ul li { width:16.66%; padding:0 13px 26px; margin-bottom: 36px;}
.partners ul li a { display: block; overflow: hidden; }
.partners ul li img { width:100%; transition: all .5s ease; }
.partners ul li a:hover img { transform: scale(1.1); }
.partners ul li p { font-size:1.6rem; text-align:center; word-break:keep-all; margin-top: 4px; }

.history { margin-bottom: 140px ;}
.history .section { border-top:1px solid #d7d7d7; position: relative; padding:35px 0 35px 210px;  }
.history .section:before { content: ''; position: absolute;left: 0; top:-1px; width:210px; height: 1px; background: #000; }
.history .section .year { position: absolute;left: 0; top:35px; text-align: center; font-size:2.5rem; font-weight: 700; width:210px; font-family: 'GmarketSansBold';  }
.history .section .text { padding-left: 72px; }
.history .section .text + .text { margin-top:25px; }
.history .section .text:after { display: block; content: ''; clear: both; }
.history .section .text .day { float:left; width:115px; font-size:2.2rem; font-weight: 600;  font-family: 'GmarketSansBold'; }
.history .section .text .txt { overflow: hidden; font-size:1.8rem; }

.vision { max-width:1100px; margin: 0 auto 180px; }
.vision .v1 { max-width:1040px; margin:0 auto; }
.vision .v1 div { display: flex; justify-content: space-between; margin:0 -10px; }
.vision .v1 dl { flex:1; margin:0 -20px; height:280px; border-radius:280px; border: 1px solid #000; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.vision .v1 dl dt { font-size:4rem; font-weight: 700; }
.vision .v1 dl dt img { width: 50px; display: block; margin: 0 auto; height: 65px; }
.vision .v1 dl:first-of-type dt img { width: 60px; }
.vision .v1 dl dd { font-size:2rem;  }
.vision .st { text-align: center; margin: 54px 0 38px; font-size:5rem; }
.vision .v2 ul { display: flex; justify-content: space-between; align-items: center; justify-content: space-between; }
.vision .v2 ul li { flex:1; width:280px; height: 280px; border-radius:100%; border: 1px solid #000; text-align: center; display: flex; justify-content: center; align-items: center; font-size:2.5rem; font-weight: 600; margin:0 -9px; background: rgba(255, 193, 7, .15); }
.vision .info { margin-bottom: 45px; }
.vision .info:after { display: block; content: ''; clear: both; }
.vision .info h4 { float:left; width:177px; height: 61px; line-height: 59px; border-radius:61px; font-size:2.2rem; color: #fff; font-weight: 600; background: #000; margin-right:55px; text-align: center; }
.vision .info .txt { overflow: hidden; font-size:1.7rem; font-weight: 400; line-height: 1.6; }
.vision .info .cols { display: flex; justify-content: space-between; }
.vision .info .cols h5 { font-size:2rem; font-weight: 600; margin-bottom: 12px; }
.vision .info3 .txt { font-weight: 600; font-size:2rem; }
.vision .info3 h4 { width:261px; }

.bi {}
.bi .intro { text-align: center; margin-bottom: 120px; }
.bi .intro strong { display: block; font-size:3.5rem; font-weight: 600; margin-bottom: 20px; }
.bi .intro p { font-size:2rem; line-height: 1.6; font-weight: 400; }
.bi .logo-box { display: flex; justify-content: space-between; margin-bottom: 130px;  }
.bi .logo-box .head p { font-size:1.7rem; font-weight: 400; line-height: 1.55; }
.bi .logo-box > .img { width:61%; background: #f9f9f9; padding: 65px 30px; text-align: center; }
.bi .logo-box .img .logo { padding:20px 0;}
.bi .logo-box .img .idt .in { display: flex; justify-content: center; align-items: center; text-align: left; }
.bi .logo-box .img .idt .in + .in { margin-top:45px; }
.bi .logo-box .img .idt .in .sm { width:130px; margin-right:40px; }
.symbol-hand { width:580px; }
.bi .logo-box .img .idt .in dl { width:420px; }
.bi .logo-box .img .idt .in dl dt { font-size:2.5rem; font-weight: 400; margin-bottom: 10px; }
.bi .logo-box .img .idt .in dl dd { font-size:1.7rem; font-weight: 300; }
.bi h4 { font-size:3.5rem; font-weight: 600; margin-bottom: 20px; }
.bi .charactor { text-align: center; padding: 20px 30px 80px; margin-bottom: 140px;  }
.bi .charactor img { width:80%; }
.bi .charactor p { font-size:2.5rem; font-weight: 600; padding-top:70px; }
.bi .ch { display: flex;  align-items: center; }
.bi .ch2 { margin-top:80px; }
.bi .ch3 .img { flex:1 0 auto; padding:0 30px 0 110px;}
.bi .ch1 .img { padding:0 40px 0 0px;  }
.bi .ch2 dl { padding:0 50px 0 70px;   }
.bi .ch3 dl { text-align:right; }
.bi .ch dl dt {  font-size:2.3rem; font-weight: 600; margin-bottom: 20px; }
.bi .ch dl dd {  font-size:1.7rem; font-weight: 300; line-height: 1.6;  }
.bi .ch3 { flex-direction: row-reverse; }
.bi .ch-col { padding:150px 0; display: flex; justify-content: space-between; }
.bi .ch-col .ch { width:47%; align-items: flex-start;  }
.bi .ch-col .ch .img { flex:1 0 auto; margin-right:30px; }
.bi .ch-col .ch4-b .img { margin: 0 83px 0 39px; }

.bi .ch .img { flex-shrink: 0; }

.bi .ch1 .img img { width:237px; }
.bi .ch2 .img img { width:602px; }
.bi .ch3 .img img { width:320px; }
.bi .ch4 .img img { width:155px; }
.bi .ch5 .img img { width:99px; }

.org { margin-bottom: 220px; }
.org h4 { font-size:5rem; font-weight: 600; padding-bottom: 75px; position: relative; text-align: center; }
.org h4 small { font-size:1.9rem; display:block; }
.org h4:before { content: ''; position: absolute;left: 50%; bottom:0; width:1px; height: 50px; background: #000; }
.org h4:after { content: ''; position: absolute;left: 50%; bottom:50px; width:9px; height: 9px; margin-left: -4px; border-radius:100%; background: #000; }
.org ul { display: flex; justify-content: space-between; position: relative;}
.org ul li { flex:1;  position: relative;  padding:60px 2% 0; text-align: center; }
.org ul li div { display: inline-block; width: auto; text-align: left; }
.org ul li:before { content:''; position: absolute;left: 50%; width:50%; top:0; height: 1px; background: #000; }
.org ul li:after { content:''; position: absolute;right: 50%; width:50%; top:0; height: 1px; background: #000; }
.org ul li:first-child:after { display: none;}
.org ul li:last-child:before { display: none;}
.org ul li h5  {text-align: center; font-size:2.5rem; font-weight: 600; margin-bottom: 40px; }
.org ul li h5:before { content: ''; position: absolute;left: 50%; margin-left: -4px; top:45px; width:9px; height: 9px; border-radius:100%; background: #000; }
.org ul li h5:after { content: ''; position: absolute;left: 50%; top:0; width:1px; height: 50px; background: #000; }
.org ul li p { font-size:1.7rem; font-weight: 400; margin-bottom: 15px; white-space: nowrap; }

.org-list { border-top:2px solid #000; margin-bottom: 180px; }
.org-list ul li { padding: 35px; border-bottom: 1px solid #d7d7d7; }
.org-list ul li:after { display: block; content: ''; clear: both; }
.org-list ul li .type { float:left; width:125px; height: 36px; line-height: 35px; text-align: center; background: #000; font-size:1.7rem; font-weight: 400; color: #fff;  }
.org-list ul li .type.organ-1 { color:#ffd35d; }
.org-list ul li .type.organ-2 { color:#8bd05e; }
.org-list ul li .type.organ-3 { color:#87c3f7; }
.org-list ul li .type.organ-4 { color:#c592dd; }

.org-list ul li .name { float:left; width:300px; text-align:center; font-size:1.8rem; font-weight: 400;  }
.org-list ul li .tel { font-size:1.8rem; font-weight: 400; float:left; width:210px; }
.org-list ul li .txt { overflow: hidden; font-size:1.8rem; font-weight: 300; line-height: 1.5; color: #666;  }
.org-list ul li .txt p { text-indent: -12px; padding-left:12px; }
.org-list ul li .txt p + p{ margin-top:8px; }


body { overflow-x:hidden; }
.floor {margin-bottom: 150px; }
.floor.floor-narrow { margin-bottom: 0px; }
.floor .head { display: flex; align-items: flex-end; margin-bottom: 70px; }
.floor .head h4 { font-size:3.5rem; font-weight: 700; margin-right:40px; }
.floor .head a { display: inline-block; vertical-align: middle; font-size:2.3rem; font-weight: 400; border-bottom: 2px solid transparent; margin-right:24px;  transform: translateY(-5px);}
.floor .head a.active { border-bottom: 2px solid #000; font-weight: 600; }
.floor .body:after { display: block; content: ''; clear: both; }
.floor .body .map { float:left; width:59%; padding-right:8%; background: #fff;position: relative; z-index:10;  }
.floor .body .slider-wrap { float:right; width:41%; }
.floor .body .slider-wrap dl { margin-bottom: 35px; }
.floor .body .slider-wrap dl dt { font-size:2.5rem; font-weight: 600; margin-bottom: 10px; }
.floor .body .slider-wrap dl dd { font-size:1.8rem; line-height: 1.6; }
.floor .body .slider-wrap .slider-box .swiper-container { overflow: visible; }
.floor .body .slider-wrap .slider-box .swiper-slide { width:448px !important; padding-top: 43%; overflow: hidden;}
.floor .body .slider-wrap .slider-box .swiper-slide button { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.floor .body .slider-wrap .slider-box .swiper-slide button img { vertical-align: middle; width:100%; }
.floor .body .slider-wrap .slider-box .swiper-slide button .over { opacity:0;  position: absolute;left: 0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.55); text-align: center; display: flex; align-items: center; justify-content: center; font-size:3rem; color: #fff;  transition: all 0.5s ease;}
.floor .body .slider-wrap .slider-box .swiper-slide button:hover .over { opacity:1;}

.floor-photos h5 { position: absolute; left: 0; top:-50px; font-size:2.5rem; font-weight: 600; color: #fff; }
.floor-photos .swiper-slide { text-align: center; }
.floor-photos .swiper-slide img { max-height: 70vh; }


.floor-photos .swiper-pagination { text-align: center; padding-top:10px;  }
.floor-photos .swiper-pagination .swiper-pagination-bullet { width:10px; height: 10px; background: #fff; transition: all 0.5s ease; margin:0 7px; opacity:1; }
.floor-photos .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }

.contact { }
.contact .map { position: relative; margin-bottom: 160px; padding-top: 40%; }
.contact .map #map { height: 100%; position: absolute; top: 0; left: 0; width: 100%;}
.contact .map .info { position: absolute; right:0; bottom:0; width:525px; padding:55px 70px 12px; background: #fff;  }
.contact .map .info div { position: relative; padding-top:30px; }
.contact .map .info div:before { content: ''; position: absolute;left: 0; top:0; width: 10px; height: 10px; border-radius: 50%; background: #F46F1B; }
.contact .map .info div p { font-size:2rem; font-weight: 400; }
.contact .map .info div p + p { margin-top:15px; }
.contact .map .info div p .ic { display: inline-block; width:42px; font-size:2rem; }
.contact .map .info div p small { font-size: 14px; }
.contact .map-guide { padding-left: 34.72%; position: relative; margin-bottom: 150px; }
.contact .map-guide .head { position: absolute;left: 0; top:0; }
.contact .map-guide .head h4 { font-size:3.5rem; font-weight: 600; margin-bottom: 15px; }
.contact .map-guide .head p { font-size:1.7rem; font-weight: 400; }
.contact .map-guide .body ul { display: flex; justify-content: space-between;  }
.contact .map-guide .body ul li { width:45.55555%;  border-top:2px solid #000; padding-top:35px; }
.contact .map-guide .body ul li .it { padding-left: 86px; position: relative;}
.contact .map-guide .body ul li .it .ic { position: absolute;left: 0; top:-10px; font-size:5rem; }
.contact .map-guide .body ul li .it h5 { font-size:2.5rem; font-weight: 600; margin-bottom: 15px; width:200px;}
.contact .map-guide .body ul li .it .txt1 { font-size:1.8rem; font-weight: 400; margin-bottom: 27px; }
.contact .map-guide .body ul li .it .txt1 .line { display: inline-block; vertical-align: middle; padding:0 10px; height: 23px; line-height: 22px; border-radius:23px; background: #2c9ede; font-size:1.5rem; font-weight: 400; color: #fff; margin-right:7px; }
.contact .map-guide .body ul li .it .txt2 { font-size:1.6rem; font-weight: 400; line-height: 2; color: #666; }
.contact .map-guide .body ul li .it .txt2 p { padding-left: 12px; text-indent: -12px; letter-spacing: -0.5px;}
.ic01 { background: url(../img/about/icon_map01.png) no-repeat left 5px;}
.ic02 { background: url(../img/about/icon_map02.png) no-repeat left 5px;}
.ic03 { background: url(../img/about/icon_map03.png) no-repeat left 5px;}
.ic04 { background: url(../img/about/icon_map03.png) no-repeat left 5px;}
.ict01 { background: url(../img/about/icon_map04.png) no-repeat left 15px;width:56px; height:65px}
.ict02 { background: url(../img/about/icon_map05.png) no-repeat left 15px;width:56px; height:65px}
.ict03 { background: url(../img/about/icon_map06.png) no-repeat left 15px;width:56px; height:65px}
.ict04 { background: url(../img/about/icon_map06.png) no-repeat left 15px;width:56px; height:65px}
.ict05 { background: url(../img/about/icon_map07.png) no-repeat left 15px;width:56px; height:65px}
.ict06 { background: url(../img/about/icon_map07.png) no-repeat left 15px;width:56px; height:65px}

.form-desc { font-size:2rem; line-height: 1.4;  }


/*운영방향 수정*/
.direction {
	width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 82px;
}
.direction > div {

}
.dir-con-1 {
	display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
}
.dir-con-1 > div {
	text-align: center;
    border: 20px solid #f5f5f5;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	flex-shrink: 0;
	position: relative;
    z-index: 1;
}
.dir-con-1 > div strong {
	font-size: 1.6rem;
    padding: 3px 12px 3px;
    background: #ececec;
    border-radius: 16px;
}
.dir-con-1 > div p {
	font-size:2rem;
    margin-top: 15px;
}
.dir-con-1 > span {
    flex-grow: 1;
    width: 10px;
    height: 1px;
    background: #d7d7d7;
	flex-shrink: 1;
	position: relative;
	display:block;
}
.dir-con-1 > span small {
	width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fec24c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dir-con-1 > p {
	flex-shrink: 0;
	width:270px;
	height:270px;
	background:#ffecc6 url('../img/sub/logo-pattern.svg') no-repeat center center/72px auto;
	border:30px solid #fff6e4;
    border-radius: 50%;
	position: relative;
    z-index: 1;
}
.dir-con-1 > p span {

}
.direction > span {
    font-size: 50px;
    display: block;
    text-align: center;
    margin: 50px 0;
}
.direction > span > * {
    opacity: .3;
}
.dir-con-2 {
    text-align: center;
}
.dir-con-2 > ul {
}
.dir-con-2 > ul li {
    width: 280px;
    height: 280px;
    margin: 0 -17px;
    border-radius: 50%;
    display: inline-flex;
    border: 5px solid rgba(255, 209, 132, 0.67);
	justify-content: center;
    align-items: center;
    flex-direction: column;
	vertical-align: bottom;
}
.dir-con-2 > ul li > span {
    width: 100%;
    height: 75px;
}
.dir-con-2 > ul li:nth-of-type(1) > span {
	background:url('../img/sub/dir-icon-1.svg') no-repeat center top/50px auto;
}
.dir-con-2 > ul li:nth-of-type(2) > span {
	background:url('../img/sub/dir-icon-2.svg') no-repeat center top/65px auto;
}
.dir-con-2 > ul li:nth-of-type(3) > span {
	background:url('../img/sub/dir-icon-3.svg') no-repeat center top/43px auto;
}
.dir-con-2 > ul li:nth-of-type(4) > span {
	background:url('../img/sub/dir-icon-4.svg') no-repeat center top/42px auto;
}
.dir-con-2 > ul li > strong {
    font-size: 25px;
    line-height: 1.3;
}
.dir-txt {
    display: flex;
    align-items: flex-start;
}
.dir-txt > strong {
    font-size: 2.2rem;
    color: #fff;
    background: #000;
    border-radius: 37px;
    padding: 13px 49px 15px;
    display: inline-block;
    margin-right: 52px;
    flex-shrink: 0;
}
.dir-txt > ul {

}
.dir-txt > ul > li {
    font-size: 1.7rem;
    margin-bottom: 4px;
}
.dir-txt > ul > li:last-of-type {
    margin-bottom: 0;
}
.dir-txt > p {
    font-size: 20px;
    font-weight: 600;
}
.dir-con-3 {
	position: relative;
    height: 403px;
}
.dir-con-3 > div {
	width: 305px;
    height: 305px;
    border-radius: 50%;
    border: 5px solid rgba(255, 209, 132, 0.67);
	justify-content: center;
    align-items: center;
    display: flex;
	position: relative;
    margin: 0 auto;
}
.dir-con-3 > div strong {
    font-size: 2.2rem;
}
.dir-con-3 > div span {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fec24c;
    position: absolute;
}
.dir-con-3 > div span:nth-of-type(1) {
    top: 58px;
    left: 16px;
}
.dir-con-3 > div span:nth-of-type(2) {
	top: 26px;
    right: 45px;
}
.dir-con-3 > div span:nth-of-type(3) {
    bottom: 45px;
	right: 25px;
}
.dir-con-3 > article {
	position: absolute;
}
.dir-con-3 > article:nth-of-type(1) {
    top: 37px;
    left: 50%;
    transform: translate(-100%, 0);
    margin-left: -163px;
}
.dir-con-3 > article:nth-of-type(2) {
	top: 6px;
    right: 50%;
    transform: translate(100%, 0);
    margin-right: -152px;
}
.dir-con-3 > article:nth-of-type(3) {
    top: 238px;
    right: 50%;
    transform: translate(100%, 0);
    margin-right: -140px;
}
.dir-con-3 > article > strong {
    font-size: 2rem;
    background: #fec24c;
    display: inline-block;
    padding: 14px 27px 15px;
    border-radius: 36px;
}
.dir-con-3 > article > ul {
	margin: 17px 0 0 20px;
}
.dir-con-3 > article > ul > li {
    font-size: 1.7rem;
    margin-bottom: 4px;
}
.dir-con-3 > article > ul > li:last-of-type {
    margin-bottom: 0;
}

	




@media screen and (max-width:13500px) {
	.board-head .btns a { font-size:2.5rem; margin-right:30px; }
}

@media screen and (max-width:1200px) {
	.inner { padding: 15px; }
	
	.pc { display: none; }
	.pdt30 { padding-top:15px !important; }
	.pdb0 { padding-bottom:0 !important; }
	.pdb30 { padding-bottom:15px !important; }
	.pdb60 { padding-bottom:30px !important; }
	.mb35 { margin-bottom: 18px !important; }
	.mb40 { margin-bottom: 20px !important; }
	.mb50 { margin-bottom: 25px !important; }
	.mb60 { margin-bottom: 30px !important; }
	.mb150 { margin-bottom: 75px !important; }
	
	
	
	.select { height: 40px; padding-left: 15px; font-size:1.4rem; background-size:10px auto; background-position: right 10px center; }
	.inp { height: 40px; padding-left: 15px; font-size:1.4rem; }	
	.inp.calendar { background-size:15px auto; background-position: right 10px center; padding-left: 5px;}
	.inp.time { background-size:15px auto; background-position: right 10px center; padding-left: 5px; }
	.textarea { font-size:1.4rem; padding:10px 15px; height: 150px; }
	.textarea[readonly] { font-size:1.3rem; height: 130px; }
	.checkbox + span { padding-left: 22px; font-size:1.4rem; }
	.checkbox + span em { width:15px; height: 15px; border-width:1px; padding-top:1px; }
	.checkbox + span em:before { font-size:1rem; }
	
	
	.tabs { text-align: center; margin-bottom: 15px;  }
	.tabs a { font-size:1.5rem; margin:0 5px 10px; }
	.tabs.type2 a { margin-bottom: 20px;}
	.tabs a:before {  width:7px; height: 7px; left: 2px; }
	.tabs a.active:before { top:-12px; }
	
	
	
	
	.sub-head { display: block;  margin-bottom: 60px;}
	.sub-head .img { width:auto; height: auto; padding-bottom: 40%; background-position: 50% 50%; }
	.sub-head .img p { right:20px; bottom:40px; font-size:1.2rem; padding-right:0;  }
	.sub-head .text { width:auto; padding:20px; margin:-40px 20px 0; background: #fff; position: relative; z-index:2; }
	.sub-head.bg2 .text { transform: translateY(0); }
	.sub-head .text > div { transform: translateX(0); padding:0; }
	.sub-head .text h3 { font-size:1.6rem; padding-top:20px;  margin-bottom: 15px; }
	.sub-head .text h3:before { width: 7px; height: 7px; }
	.sub-head .text p { font-size:1.3rem; }
	.sub-head .text ul li p, .sub-head .text ul li span { font-size:1.3rem; }
	.sub-head .img .btn-view { right:0; bottom:inherit; top:0; width:40px; height: 40px; font-size:2rem; }
	
	.top-description { padding:30px 15px 50px; font-size:1.4rem; text-align: left; }
	.inner > .top-description { padding:30px 0px 50px; }
	.top-description p { font-size:1.3rem; font-weight: 400; }
	.tabs + .top-description { padding-top:10px; }
	
	.edu-guide { padding: 0; margin-bottom: 110px; }
	.edu-guide:last-of-type { margin-bottom: 0; }

	.edu-guide .head { position: static; margin-bottom: 45px; }
	.edu-guide .head h4 { font-size:2.2rem; margin-bottom: 15px; }
	.edu-guide .head h4 small { font-size:1.4rem; margin-top:0; }
	.edu-guide .head .desc { font-size:1.4rem; }
	.edu-guide .body ul { display: block; }
	.edu-guide .body ul li { width:auto; }
	.edu-guide .body ul li .it { min-height: inherit; padding-top:20px; margin-bottom: 75px; }
	.edu-guide .body ul li:last-of-type .it { margin-bottom: 30px !important; }

	.edu-guide .body ul li .it { border-top: 1px solid #000; }
	.edu-guide .body ul li .it h5 { font-size:1.6rem; margin-bottom: 5px; padding-top:15px; }
	.edu-guide .body ul li .it.pl { padding-left: 50px; margin-bottom: 75px;  }
	.edu-guide .body ul li .it .desc { font-size:1.2rem; margin-bottom: 10px; }
	.edu-guide .body ul li .it .txt { font-size:1.3rem; }
	.edu-guide .body ul li .it.pl i, .edu-guide .body ul li .it.pl svg { top:20px;}
	.edu-guide .body ul li .it > i, .edu-guide .body ul li .it > svg{ font-size:3rem; }
	.edu-guide.caution-type .body ul li .it { min-height: inherit; }
	
	.board-total { font-size:1.4rem; margin-bottom: 9px; }
	.board-head { margin-bottom: 30px; }
	.board-head .search { position: static; }
	.board-head .btns { text-align: center; }
	.board-head .btns a { font-size:1.5rem; margin:0 6px 10px; }
	.board-head .btns a:before { width:7px; height: 7px; left: 2px;}
	.board-head .btns a.active:before { top:-12px; }
	.board-head .search .inp-box { width:auto; }
	.board-head .search .inp-box .inp-srch { height: 45px; font-size:1.4rem; padding-left: 10px;  }
	.board-head .search .inp-box .btn-srch { width:45px; height: 45px; }
	.board-head .search .inp-box .btn-srch i, .board-head .search .inp-box .btn-srch svg { font-size:2rem; }
	
	.list-type1 ul { margin: 0 -10px; }
	.list-type1 ul li { width:50%; padding: 0 10px 70px; }
	.list-type1 ul li a .img { margin-bottom: 5px; }
	.list-type1 ul li a .img .labels span { padding:0 10px; height: 22px; line-height: 21px; font-size:1.2rem; margin-left: 3px;}
	.list-type1 ul li a strong { font-size:1.6rem; padding-top:15px; margin-bottom: 3px; }
	.list-type1 ul li a strong small { font-size:1.2rem; }
	.list-type1 ul li a .date { font-size:1.3rem; }
	
	.board-more { margin-bottom: 60px; }
	.board-more a { margin:0 2px; }
	

	.calendar-top2 { flex-direction: column; }
	.schedule { margin-bottom: 60px; }
	.schedule .year { margin-bottom: 15px; }
	.schedule .year a { font-size:2rem; }
	.schedule .year strong { font-size:2.2rem; margin:0 15px; padding-top: 6px; }
	.schedule .choice { margin-bottom: 12px; }
	.schedule .choice span  { font-size:1.2rem; margin-right:10px;}
	.schedule .choice .select { position:static; width:200px; height: 40px; padding-left: 15px; font-size: 1.4rem;}
	.table-schedule thead th, 
	.table-schedule tbody td { padding:6px; font-size:1.3rem; line-height: 30px; }
	.table-schedule tbody td { height: 74px;}
	.table-schedule tbody td button { width: 25px; height: 25px; font-size: 1.3rem; line-height: 25px; }
	.table-schedule tbody td .txt { position: static; display: block; padding:2px; height: 26px; border-radius:2px; line-height: 11px; top:0; font-size:1rem; white-space: normal; display: flex; justify-content: center; align-items: center; margin-top:2px; }
	.table-schedule tbody td .num { height: auto; width: auto; font-size: 1.3rem; }
	
	.bi .intro{  margin-bottom: 50px; }
	.bi .intro strong { font-size:2.2rem; margin-bottom: 10px; }
	.bi .intro p { font-size:1.5rem; }
	.bi .logo-box { margin-bottom: 50px; display: block; }
	.bi h4 { font-size:2.4rem; margin-bottom: 15px; }
	.bi .logo-box .head p { font-size:1.4rem; margin-bottom: 20px; }
	.bi .logo-box > .img { width:auto; padding:30px 20px; }
	.bi .logo-box .img .idt .in { display: block; text-align: center; }
	.bi .logo-box .img .idt .in .sm { width:auto; margin: 0 0 10px; }
	.bi .logo-box .img .idt .in dl { width:auto; }
	.bi .logo-box .img .idt .in dl dt { font-size:2rem;margin-bottom: 6px; }
	.bi .logo-box .img .idt .in dl dd { font-size:1.4rem; }
	.bi .charactor { padding: 30px 0; margin-bottom: 60px; }
	.bi .charactor img { width: 100%; }
	.bi .charactor p { padding-top:30px; font-size:1.6rem; }
	.bi .ch { display: block; margin-bottom: 40px; }
	.bi .ch .img { text-align: center;padding: 0 0 30px; }
	.bi .ch .img img { width:35%; }
	.bi .ch1 .img {  padding: 0 0 30px;}
	.bi .ch2 .img img { width:60%; }
	.bi .ch2 dl { padding: 0; }
	.bi .ch dl dt { font-size:2rem; margin-bottom: 10px; }
	.bi .ch dl dd { font-size:1.3rem; }
	.bi .ch-col { padding: 0; display: block; }
	.bi .ch-col .ch { width:auto; }
	.partners{ margin-bottom: 50px; }
	.partners ul { margin:0 -5px; }
	.partners ul li { width:50%; padding:0 5px 10px; }
	.partners ul li p { font-size:1.3rem; }
	
	.h3 { font-size:2.6rem; margin-bottom: 15px; }
	.h4 { font-size:2.2rem; margin-bottom: 30px; }
	
	.history { margin-bottom: 60px; }
	.history .section { padding:13px 20px 50px; }
	.history .section:before { width:80px; }
	.history .section .year { position: static; font-size:2rem; width:auto; text-align: left; margin-bottom: 15px;  }
	.history .section .text { padding-left: 0; }
	.history .section .text .day { width:80px; font-size:1.5rem; }
	.history .section .text .txt { font-size:1.4rem; }
	.history .section .text + .text { margin-top:10px; }
	
	.form-desc { font-size:1.5rem; }
	.form-box { margin-top:20px; padding-top:20px; margin-bottom: 50px; }
	.form-box .col-box { display: block; }
	.form-box .col-box .col { width:auto; margin-bottom: 20px; }
	.form-box .col { margin-bottom: 20px;}
	.form-box .col .article h4 { font-size:1.5rem; margin-bottom: 6px; }
	.form-box .col .article h4 .req { font-size:1.3rem; }
	.form-box .col .article h4 .desc { font-size:1.2rem; margin-left: 6px; }
	.form-box .col .article .files { display: block; }
	.form-box .col .article .files .btn-find { display: block; width:auto; height: 45px; font-size:1.4rem; width:100%; margin-bottom: 5px; }
	.form-box .col .article .files ul li button { font-size:1.3rem; margin:0 10px; height: 35px; }
	.form-box .col.calendar-col .article .inp { width:45%}
	.form-box .col.nowrap .article .labels { margin-left: 20px; transform: translateY(-5px)}
	.form-box .col.nowrap .article .labels label { margin-right:10px; }
	
	.floor { margin-bottom: 110px; }
	.floor .head { margin-bottom: 40px; }
	.floor .head h4 { font-size:2rem; margin-right:15px; }
	.floor .head a { font-size:1.4rem; margin-right:10px; transform: translateY(0)}
	.floor .body .map { float:none; width:auto;padding: 0; margin-bottom: 20px; text-align: center;}
	.floor .body .slider-wrap { float:none; width:auto; }
	.floor .body .slider-wrap dl { margin-bottom: 20px; }
	.floor .body .slider-wrap dl dt { font-size:1.8rem; margin-bottom: 6px; }
	.floor .body .slider-wrap dl dd { font-size:1.4rem; }
	.floor .body .slider-wrap .slider-box .swiper-slide { width:100% !important; }
	
	.vision { margin-bottom: 70px; }
	.vision .v1 div { margin: 0; }
	.vision .v1 dl { height: auto; padding: 21px; justify-content: flex-start; margin: 0 -6px; }
	.vision .v1 dl dt { font-size:1.6rem; text-align: center; }
	.vision .v1 dl dd { font-size:1.3rem; text-align: center; }
	.vision .st { font-size:3rem; margin:20px 0;}
	.vision .v2 ul li { width:25vw; height: 25vw; font-size:1.5rem; margin:0 -4px; }
	.vision .info { margin-bottom: 30px; text-align: center; }
	.vision .info h4 { float:none; display: inline-block; width:auto; padding:0 20px; height: 45px; line-height: 44px; font-size:1.7rem; margin: 0 0 15px;}
	.vision .info .txt {  font-size:1.4rem; }
	.vision .info .cols { display: block; }
	.vision .info .cols h5 { font-size:1.6rem; margin-bottom: 6px; }
	.vision .info .cols .box + .box { margin-top:15px; }
	
	.vision .v1 dl dt img { width: 31px; height: 35px; }
	.vision .v1 dl:first-of-type dt img { width: 35px; }	

	.about { margin-bottom: 70px; }
	.about .date  { font-size:1.5rem; }
	.about h3 { font-size:4rem; margin-bottom: 15px; }
	.about .name { font-size:1.8rem; }
	.about .text { text-align: left; margin-top:30px; }
	.about .text div { display: block; font-size:1.4rem; width: auto; padding-right:0; }
	
	.org { margin-bottom: 70px; }
	.org h4 {font-size:3rem; padding-bottom: 0; }
	.org ul { display: block; }
	.org ul li:before { display: none; }
	.org ul li:after { display: none; }
	.org ul li { text-align: center; padding:35px 2% 0;}
	.org ul li div { display: block; }
	.org h4:before { height: 30px; }
	.org h4:after { bottom:30px; }
	.org ul li h5 {font-size:2rem; margin-bottom: 15px; }
	.org ul li p { font-size:1.4rem; margin-bottom: 7px; }
	.org-list ul li { padding:20px 0; }
	.org-list ul li .type { float:none; height: 30px; line-height: 29px; font-size:1.4rem; margin-bottom: 10px;  }
	.org-list ul li .name { float:none; width: auto; font-size:1.4rem; text-align: left;  margin-bottom: 10px; }
	.org-list ul li .tel { float:none; width:auto; font-size:1.4rem; margin-bottom: 10px; }
	.org-list ul li .txt { font-size:1.4rem; }
	.org-list ul li .txt p + p { margin-top:4px; }
	.contact .map { margin-bottom: 70px; }
	.contact .map .info div { padding-top:20px; }
	.contact .map .info { position: static; width:auto; padding:20px 0; }
	.contact .map .info div p { font-size:1.5rem; }
	.contact .map .info div p + p { margin-top:10px; }
	.contact .map .info div p .ic { width:35px; font-size:2rem;}
	.contact .map-guide { padding: 0; margin-bottom: 80px; }
	.contact .map-guide .head { position: static; margin-bottom: 15px; }
	.contact .map-guide .head h4 { font-size:2.2rem; margin-bottom: 10px; }
	.contact .map-guide .head p { font-size:1.4rem; }
	
	.contact .map-guide .body ul { display: block; }
	.contact .map-guide .body ul li { width:auto; padding-top:20px; margin-bottom: 30px; }
	.contact .map-guide .body ul li .it { min-height: inherit; padding-left: 55px;  }
	.contact .map-guide .body ul li .it h5 { font-size:2rem; margin-bottom: 5px; padding-top:0 }
	.contact .map-guide .body ul li .it.pl { padding-left: 50px; margin-bottom: 30px; }
	.contact .map-guide .body ul li .it .txt1 { font-size:1.5rem; margin-bottom: 10px; }
	.contact .map-guide .body ul li .it .txt2 { font-size:1.3rem; }
	.contact .map-guide .body ul li .it .ic { font-size:3.5rem; }
	.contact .map-guide .body ul li .it .txt1 .line { font-size:1.3rem; padding:0 5px; height: 18px; line-height: 17px; }
	
	.ict01 { background-size: 40px;}
	.ict02 {background-size: 40px;}
	.ict03 { background-size: 40px;}
	.ict04 {background-size: 40px;}
	.ict05 {background-size: 40px;}
	.ict06 {background-size: 40px;}

	.edu01 {width:63px; height:52px;position: absolute;left: 0;top: 23px; background-size: 40px;}
	.edu02 {width:63px; height:52px;position: absolute;left: 0;top: 23px;background-size: 40px;}
	.edu03 {width:63px; height:33px;display: block;background-size: 40px;}
	.edu04 {width:63px; height:33px;display: block;background-size: 40px;}
	.edu05 {width:63px; height:39px;display: block;background-size: 40px;}
	.edu06 {width:63px; height:36px;display: block;background-size: 40px;}
	.edu07 {width:63px; height:36px;display: block;background-size: 40px;}
	.edu08 {width:63px; height:36px;display: block;background-size: 40px;}
	.edu09 {width:63px; height:36px;position: absolute;left: 0;top: 23px;display: block;background-size: 40px;}
	.edu10 {width:63px; height:36px;position: absolute;left: 0;top: 23px;display: block;background-size: 40px;}
	.edu11 {width:63px; height:36px;position: absolute;left: 0;top: 23px;display: block;background-size: 40px;}
	.edu12 {width:63px; height:36px;position: absolute;left: 0;top: 23px;display: block;background-size: 40px;}
	.ic_g01, .ic_g02, .ic_g04, .ic_g05, .ic_g06, .ic_g07 {background-size: 40px;}
	.ic_g03, .ic_g08 {background-size:32px;}
	
	.ic_g09{background-size:30px; width:42px; height:37px;}
	.ic_g10, .ic_g11, .ic_g12, .ic_g13, .ic_g15, .ic_g16 {background-size:33px; width:42px; height:37px;}
	.ic_g14  {background-size:36px; width:42px; height:37px;}










	.vr-room { padding:30px 10px; margin-bottom: 20px; }
	.vr-desc { font-size:1.3rem; }
	
	.inquiry .head .type { margin-bottom: 5px; }
	.inquiry .head .type span { padding:0 10px; height: 25px; line-height: 24px; font-size:1.3rem; }
	.inquiry .head .kind { font-size:1.4rem; }
	.inquiry .head h3 { font-size:2.5rem; margin-bottom: 5px;  }
	.inquiry .head .date { position: static; font-size:1.3rem; }
	
	.board-view-head{  padding-bottom: 20px; margin-bottom: 20px; }
	.board-view-head .img { float:none; width:auto; margin: 0 0 20px; }
	.board-view-head .img .labels span { padding:0 10px; height: 25px; line-height: 24px; font-size:1.3rem; margin-left: 3px; }
	.board-view-head .info .type {font-size:1.2rem; margin-bottom: 5px; }
	.board-view-head .info h3 { font-size:1.8rem; margin-bottom: 15px; }
	.board-view-head .info dl { font-size:1.3rem; margin-bottom: 8px; }
	.board-view-head .info dl dt { width:80px; }
	.board-view-head .info dl dd strong { margin-right: 10px; }
	.board-view-head .info dl dd ul li { width: 20px; height: 20px; margin-left: 3px;font-size: 11px; line-height: 19px; margin-bottom:3px; transform: translate(0, -1px);}
	.board-view-btns { text-align: center; margin:0 -4px 20px; display: flex; justify-content: space-between;  }
	.board-view-btns a {width:auto; flex:1; margin:0 4px; }
	
	.board-view-content { margin:25px 0; }
	.recruit-end { padding:15px; font-size:1.2rem; }
	.board-view-content .text-area{  padding:25px 0; font-size:1.4rem; }
	
	.cs-box { padding: 15px; font-size:1.4rem; }
	.cs-box dl dt { float:none; width:auto; margin-bottom: 5px; }
	.cs-box2 { padding:15px; font-size:1.4rem; margin-bottom: 50px; }
	.cs-box2 div span { display: block; padding-left: 10px; }
	
	
	.student-profile { display: block; margin-bottom: 60px; }
	.student-profile .img { width:auto; height: auto; margin:0 0 30px; }
	.student-profile .img p img {  }
	.student-profile .info { width:auto; }
	.student-profile .info .name { font-size:2.5rem; padding:12px 0 20px; }
	.student-profile .info .tags { margin-bottom: 30px; }
	.student-profile .info .tags span { padding:0 10px; height: 20px; line-height: 18px; font-size:1.2rem; margin: 0 5px 10px 0;}
	
	.student-list { padding-top:30px; margin-bottom: 40px; }
	.student-list ul { margin:0 -5px; }
	.student-list ul li { width:50%; padding:0 5px 10px; }
	.student-list ul li a { padding:10px 10px 60px; height: 100%; }
	.student-list ul li a .num { font-size:1.2rem; margin-bottom: 10px; }
	.student-list ul li a h4 { font-size:1.6rem; line-height:46px; height:46px; }
	.student-list ul li a .name { left: 10px; bottom:10px; font-size:1.2rem; }
	.student-modal .txt-box { max-height:250px; }
	.student-modal .img { width:100px; height: 100px; top:-50px; margin-left: -50px; }
	.student-modal .name { padding:70px 0 10px; font-size:2rem; }
	.student-modal .txt-box .txt { font-size:1.3rem; padding:10px; }
	
	.birth h5 { font-size:1.5rem; letter-spacing: 10px; padding:20px 0 10px;}
	.birth .img { margin-bottom: 30px; }
	.birth .img p { max-width:calc(100vw - 132px); margin: 0 auto; }
	.birth .img .name { max-width:calc(100vw - 132px); }
	.birth .img .name strong { font-size:1.6rem; }
	.birth .img .name strong::after { width: 5px; height: 5px; }
	.birth .img .name div span { font-size: 1.4rem; margin-left: 7px; }
	.birth .img .name small { font-size: 1.4rem; }

	.birth-swiper .swiper-button-prev { left: 10px; }
	.birth-swiper .swiper-button-next { right:10px; }
	.birth-swiper .swiper-button-prev:before { width: 19px; height: 19px; }
	.birth-swiper .swiper-button-next:before { width: 19px; height: 19px; }
	.birth .tags { height: 100px; }
	.birth .tags span { padding:0 10px; height: 20px; line-height: 18px; font-size:1.2rem; margin:0 3px 6px; }
	.birth .msg a { height: 45px; line-height: 44px; font-size:1.4rem; }
	.birth .msg a .ic { font-size:1.6rem; margin-left: 15px; }
	
	.board-head .btns2 { text-align: center; }
	.board-head .btns2 a { width:auto; height: 40px; line-height: 38px; font-size:1.4rem; margin:0 5px; padding:0 15px;}
	
	.class-type-btn {  }
	.class-type-btn a { width:auto; height: 33px;line-height: 31px; font-size:1.2rem; margin:0 5px; padding:0 15px; }
	
	.student-result-swiper { padding:15px 20px; margin-bottom: 40px; }
	.student-result-swiper .list .card { width:calc(25% - 10px); margin:5px; height: 30px; font-size:1.2rem; border-radius:30px;  }
	.student-result-swiper .swiper-button-next { right:5px; }
	.student-result-swiper .swiper-button-prev { left: 5px; }
	
	.search-empty2 { padding: 10px 0; font-size: 1.3rem; }

	.class-wrap { padding: 15px 0; }
	.std-slider-wrap .head { margin-bottom: 30px; font-size:1.3rem; }
	.std-slider-wrap .head .swiper-pagination { font-size:1.3rem; height: 22px; line-height: 21px; }
	.std-slider-wrap .swiper-slide .list .card { width:calc(25% - 10px); margin:5px; height: 40px; border-radius:40px; font-size:1.3rem; }
	.std-slider-wrap .body .swiper-button-next { right:-15px; }
	.std-slider-wrap .body .swiper-button-prev { left: -15px; }
	.std-slider-wrap .body .swiper-button-next:before,
	.std-slider-wrap .body .swiper-button-prev:before { width:12px; height: 12px; }
	.rec-guide-btns { margin-bottom: 60px; }
	.rec-guide-btns ul { display: block; margin: 0; }
	.rec-guide-btns ul li { width:auto; padding: 0; margin-bottom: 15px; }
	.rec-guide-btns ul li a { height: auto; padding:20px; }
	.rec-guide-btns ul li a .ic1 { font-size:3.5rem; }
	.rec-guide-btns ul li a strong { margin:10px 0 6px; font-size:2rem; }
	.rec-guide-btns ul li a span { font-size:1.4rem; }
	.rec-guide-btns ul li a .arr { right:20px; bottom:20px; font-size:2.5rem; }
	
	.description1 { padding: 15px;margin-bottom: 60px; }
	.description1 .t1 { font-size:1.7rem; margin-bottom: 10px; }
	.description1 .t2 { font-size:1.5rem; margin-bottom: 15px; }
	.description1 .t2 span { margin-left: 0; display: block; }
	
	.rec-guide { padding: 0; margin-bottom: 70px; }
	.rec-guide .head { position: static; margin-bottom: 20px; }
	.rec-guide .head h4 { font-size:2.5rem; }
	.rec-guide .body ul { display: block; }
	.rec-guide .body ul li { width:auto; margin-bottom: 40px; }
	.rec-guide .body ul li .it { min-height: inherit; padding-top:20px; font-size:1.5rem; }
	.rec-guide .body ul li .it > div > p { margin-bottom: 3px;	}
	.rec-guide .body ul li .floor {  }

	.record { height: auto; padding:100px 0; background-position: center 100%; background-size: 96% auto;  }
	.record .inner { display: block; height: auto; }
	.record .inner > p { font-size:1.6rem; margin: 0 0 10px;}
	.record .inner > h2 { font-size:3rem; }
	.record .scroll { display: none; }
	.record .sub-title { left: 20px; top:-80px; }
	.record .sub-util { left: 20px; top:-50px;  bottom:inherit; }
	.record2 .marq { font-size:6rem; }
	.record2 { padding:80px 0 50px; }
	.record2 .mv { border-radius:15px; }
	.record2 .mv a { border-radius: 10px; }
	.record2 .mv a .over { font-size:4rem; }
	.record2 .btns{  display: block; margin: 20px 0 0; }
	.record2 .btns a { border-radius:15px; margin:0 0 20px; }
	.record2 .btns a div { left: 20px; top:20px; }
	.record2 .btns a div strong { font-size:2.8rem; margin-bottom: 5px; }
	.record2 .btns a div p { font-size:1.4rem; }
	.record2 .desc { padding-top:60px; font-size:1.3rem; }

	.mv-lyrics { padding-top: 20px;	}
	.mv-lyrics h3 { font-size: 1.8rem; margin-bottom: 2px; }
	.mv-lyrics p { font-size: 1.4rem; }	
	
	.data-list ul li a { padding:15px  0; line-height: 1.4; font-size:1.5rem; }
	.data-list ul li a .type { position: static; font-size:1.3rem;  width:auto; text-align: left; }
	.data-list ul li a .subj { padding: 0; /*white-space: normal;*/ margin:5px 0; }
	.data-list ul li a .mail-name { right: 10px; top: 50%; transform: translate(0, -50%); max-width:100%; }
	.data-list ul li a .date { position: static; font-size:1.3rem; }
	
	.room-wrap .head { font-size:1.3rem; margin-bottom: 30px; }
	.room-wrap .body .teach{  height: 60px; margin-bottom: 25px; }
	.room-wrap .body .teach small { font-size:1.2rem; }
	.room-wrap .body .teach strong { font-size:1.5rem; }
	.room-wrap .body .rooms { flex-wrap: wrap; padding:0 15px; }
	.room-wrap .body .rooms .section { width:50%; flex:0 0 50%; margin: 0 0 30px;  }
	.room-wrap .body .rooms .section .article p { height: 35px; }
	.room-wrap .body .rooms .section .article p button { font-size:1.3rem; }
	
	.notice-list ul { margin: 0; }
	.notice-list ul li { width:100%; padding: 0;margin-bottom: 30px; }
	.notice-list ul li a { padding:20px 0 40px; }
	.notice-list ul li a .type { font-size:1.3rem; margin-bottom: 6px; }
	.notice-list ul li a h4 { font-size:2rem; height: inherit; line-height: 1.5; margin-bottom: 10px; }
	.notice-list ul li a h4 > span { border-bottom: none; }
	.notice-list ul li a:hover h4 > span { border-bottom: none; }
	.notice-list ul li a .txt { font-size:1.4rem; }
	.notice-list ul li a .date { position: static; font-size:1.2rem; margin-top:20px; }
	
	.board-view { margin-bottom: 40px; }
	.board-view .head { padding:15px 0; }
	.board-view .head .type { font-size:1.5rem; }
	.board-view .head h3 { font-size:2rem; margin-bottom: 15px; }
	.board-view .head .etc span { font-size:1.2rem; }
	.board-view .body { font-size:1.4rem; }
	.board-view .body .txt { padding:30px 0 30px; font-size:1.4rem; min-height: 220px; }
	.board-view .body .txt img { height:auto !important; }

	.board-view .files ul li a { font-size:1.3rem; }
	.board-view .files ul li a .ic { font-size:1.5rem; }
	.board-view .files ul { display: block; padding:15px 0;}
	
	.webzine-tit img { width:200px; }
	.webzine-list { margin-bottom: 60px; }
	.webzine-list .last{  margin-bottom: 40px; }
	.webzine-list .last .img { float:none; width:auto; margin:0 }
	.webzine-list .last .info .vol { margin-bottom: 20px; }
	.webzine-list .last .info .vol em { height: 22px; line-height: 21px; font-size:1.3; padding:0 10px;}
	.webzine-list .last .info .vol strong { font-size:1.3rem; }
	.webzine-list .last .info .vol span { font-size:1.3rem; }
	.webzine-list .last .info h4 { font-size:2.5rem; margin-bottom: 5px; }
	.webzine-list .last .info .txt { font-size:1.4rem; margin-bottom: 5px; }
	.webzine-list .last .info .ic { font-size:2.5rem; }
	.webzine-list ul { display: flex; flex-wrap: wrap; margin:0 -5px; }
	.webzine-list ul li { width:50%; padding:0 5px 20px; }
	.webzine-list ul li a figcaption {padding-top:10px; font-size:1.4rem; }
	
	.public-guide { padding: 0; margin-bottom: 80px; }
	.public-guide .head { position: static; margin-bottom: 20px; }
	.public-guide .head h4 { font-size:2.2rem; margin-bottom: 15px; }
	.public-guide .head h4 span { font-size:1.8rem; }
	.public-guide .head h4 small { font-size:1.4rem; margin-top:0; }
	.public-guide .head .desc { font-size:1.4rem; }
	.public-guide .body ul { display: block; }
	.public-guide .body ul li { width:auto; }
	.public-guide .body ul li .it { min-height: inherit; padding-top:0px; margin-bottom:60px;}
	.public-guide .body ul li .it h5 { font-size:2rem; margin-bottom: 5px; padding-top:15px; }
	.public-guide .body ul li .it.pl { padding-left: 50px; margin-bottom: 50px; }
	.public-guide .body ul li .it .desc { font-size:1.3rem; margin-bottom: 10px; }
	.public-guide .body ul li .it .txt { font-size:1.5rem; }
	.public-guide .body ul li .it.pl i, .public-guide .body ul li .it.pl svg { top:20px;}
	.public-guide .body ul li .it > i, .public-guide .body ul li .it > svg{ font-size:3.5rem; }
	.public-guide.type2 .body ul li { width:auto; margin-bottom: 30px; }
	.public-guide .body ul li .it small { font-size:1.4rem; margin-bottom: 7px; }
	.public-guide.type2 .body ul li .it > .ic { top:15px; font-size:3.5rem; }
	.public-guide .body ul li .it .txt p + p { margin-top:5px; }
	.public-guide.type2 .body ul li:nth-child(3) ~ li { width:auto; }
	.public-guide .body ul li:nth-child(4) .it .info { padding: 0; }
	.public-guide .body ul li:nth-child(4) .it .info .tit { position: static; }
	.public-guide .body ul li .it .info .tit { font-size:1.6rem; margin-bottom: 5px; }
	.public-guide .body ul li .it .info dl dt span { width:90px; height: 30px; line-height: 29px; font-size:1.3rem; }
	.public-guide .body ul li .it .info dl dd { font-size:1.3rem; }
	.public-guide .body ul li .it .desc2 { font-size:1.3rem; margin:5px 0 20px; }
	.public-guide .body ul li .it .txt2 { font-size:1.3rem; }
	.public-guide .body ul li .it .txt2 strong { font-size:1.6rem; margin-bottom: 3px; }
	.edu-guide.type2 .body ul li .it { margin-bottom: 40px;}
	.edu-guide.type2 .body ul li .it .txt { padding-top:10px; }
	.edu-guide .body ul li .it .info dl dt span { padding:0 15px; height: 30px; line-height: 29px; font-size:1.3rem; }
	.edu-guide .body ul li .it .info dl dd { font-size:1.3rem; }
	
	.agree-check { margin-top: -14px; }
	.manager h5:before { top:5px; }
	.rec-guide .body ul li .it .ico-map { margin-right: 6px;}
	.board-head2 { display:flex; align-items:center;justify-content:space-between;}
	.board-head2 .btns2 { margin-top:20px; }
	.board-head2 .btns2 a { margin-left:0; height:30px; line-height:28px; font-size:1.2rem; }
	.board-head2 .search { }

	.board-head3 { display:flex; flex-direction:column; margin-bottom:0 !important; }
	.board-head3 .btns2 { order:1; margin-top:30px; }
	.board-head3 .btns2 a { height:30px; line-height:28px; font-size:1.2rem; }

	.org ul li h5:before { display:none; }
	.org h4:after { display:none; }
	.org ul li h5:after { display:none; }
	.org h4:before { display:none; }
	.org-list { margin-bottom:50px; }
	
	.dir-con-1 > div {
		border: 12px solid #f5f5f5;
		width: 235px;
		height: 235px;
	}
	.dir-con-1 > p {
		width: 157px;
		height: 157px;
		background: #ffecc6 url(../img/sub/logo-pattern.svg) no-repeat center center/55px auto;
		border: 17px solid #fff6e4;
	}
	.dir-con-1 > span {
		max-width: 75px;
	}
	.dir-con-1 > div p {
		font-size: 1.4rem;
		margin-top: 10px;
	}
	.dir-con-1 > div strong {
		font-size: 1.5rem;
	}
	.direction > span {
		font-size: 41px;
		margin: 35px 0;
	}
	.dir-con-2 > ul li {
		width: 205px;
		height: 205px;
		margin: 0 -14px;
	}
	.dir-con-2 > ul li > strong {
		font-size: 16px;
	}
	.dir-con-2 > ul li:nth-of-type(1) > span {
		background: url('../img/sub/dir-icon-1.svg') no-repeat center top/42px auto;
	}
	.dir-con-2 > ul li:nth-of-type(2) > span {
		background: url('../img/sub/dir-icon-2.svg') no-repeat center top/51px auto;
	}
	.dir-con-2 > ul li:nth-of-type(3) > span {
		background: url'(../img/sub/dir-icon-3.svg') no-repeat center top/38px auto;
	}
	.dir-con-2 > ul li:nth-of-type(4) > span {
		background: url('../img/sub/dir-icon-4.svg') no-repeat center top/36px auto;
	}
	.dir-con-2 > ul li > span {
		height: 62px;
	}
	.dir-txt > ul > li {
		font-size: 1.4rem;
	}
	.dir-txt > strong {
		font-size: 1.5rem;
		padding: 4px 15px 7px;
		margin-right: 26px;
	}
	.dir-txt {
		justify-content: center;
	}
	.dir-con-3 > div {
		width: 220px;
		height: 220px;
	}
	.dir-con-3 > div span:nth-of-type(1) {
		top: 39px;
		left: 9px;
	}
	.dir-con-3 > div span:nth-of-type(2) {
		top: 18px;
		right: 26px;
	}
	.dir-con-3 > div span:nth-of-type(3) {
		bottom: 6px;
		right: 44px;
	}
	.dir-con-3 > article > ul > li {
		font-size: 1.4rem;
	}
	.dir-con-3 > article > ul {
		margin: 9px 0 0 17px;
	}
	.dir-con-3 > article > strong {
		font-size: 1.5rem;
		padding: 4px 14px 6px;
		border-radius: 36px;
	}
	.dir-con-3 > article:nth-of-type(1) {
		top: 35px;
		margin-left: -110px;
	}
	.dir-con-3 > article:nth-of-type(2) {
		margin-right: -106px;
	}
	.dir-con-3 > article:nth-of-type(3) {
		top: 198px;
		margin-right: -83px;
	}
	.dir-con-3 {
		height: 320px;
	}
	.dir-txt > p {
		font-size: 15px;
	}
	.dir-con-3 > div strong {
		font-size: 2rem;
	}




}




@media screen and (max-width:768px){
	.table-schedule tbody th { height: 22px; }
	.table-schedule tbody td { height: 43px; }


	.dir-con-1 > p {
		width: 83px;
		height: 83px;
		background: #ffecc6 url('../img/sub/logo-pattern.svg') no-repeat center center/38px auto;
		border: 7px solid #fff6e4;
	    margin: 0 -27px;
	}

	.dir-con-1 {
		align-items: flex-start;
	}
	.dir-con-1 > div {
		border: 6px solid #f5f5f5;
		width: 176px;
		height: 176px;
		margin-top: 83px;
	}
	.dir-con-1 > div p {
		font-size: 1.3rem;
		margin-top: 4px;
	}
	.dir-con-1 > div strong {
		font-size: 1.4rem;
		padding: 1px 10px 2px;
	}
	.dir-con-1 > span {
		max-width: none;
		width: 43px;
		position: absolute;
		top: 84px;
		transform-origin: center center;
	}
	.dir-con-1 > span:nth-of-type(1) {
		right: 50%;
		margin-right: 19px;
		transform: rotate(-45deg);
	}
	.dir-con-1 > span:nth-of-type(2) {
		left: 50%;
		margin-left: 19px;
		transform: rotate(45deg);
	}
	.direction > span {
		font-size: 30px;
		margin: 22px 0;
	}
	.dir-con-2 > ul li > strong {
		font-size: 15px;
	}
	.dir-con-2 > ul li:nth-of-type(1) > span {
		background: url('../img/sub/dir-icon-1.svg') no-repeat center top/35px auto;
	}
	.dir-con-2 > ul li:nth-of-type(2) > span {
		background: url('../img/sub/dir-icon-2.svg') no-repeat center top/43px auto;
	}
	.dir-con-2 > ul li:nth-of-type(3) > span {
		background: url('../img/sub/dir-icon-3.svg') no-repeat center top/33px auto;
	}
	.dir-con-2 > ul li:nth-of-type(4) > span {
		background: url('../img/sub/dir-icon-4.svg') no-repeat center top/30px auto;
	}
	.dir-con-2 > ul li {
		width: 175px;
		height: 175px;
		margin: -10px -12px;
		border: 4px solid rgba(255, 209, 132, 0.67);
	}
	.dir-con-2 > ul li > span {
		height: 49px;
	}
	.dir-txt {
		flex-direction: column;
	}
	.dir-txt > ul {
		text-align: center;
	    width: 100%;
	}
	.dir-txt > strong {
		margin:0 auto 10px;
	}
	.dir-txt > p {
		text-align: center;
	}
	.dir-con-3 > div {
		width: 90px;
		height: 90px;
		border: 3px solid rgba(255, 209, 132, 0.67);
		position: absolute;
		top: 114px;
		left: 50%;
		transform: translate(-50%, 0);
	}	
	.dir-con-3 > div span:nth-of-type(1) {
		top: 0px;
		left: 15px;
	}
	.dir-con-3 > div span:nth-of-type(2) {
		top: 59px;
		right: 0px;
	}
	.dir-con-3 > div span:nth-of-type(3) {		
		bottom: 6px;
		right: 67px;
	}
	.dir-con-3 > div span {
		width: 10px;
		height: 10px;
	}
	.dir-con-3 > div strong {
		font-size: 1.7rem;
	}
	.dir-con-3 > article > ul > li {
		font-size: 1.2rem;
		margin-bottom: 2px;
	}
	.dir-con-3 > article > strong {
		font-size: 1.4rem;
		padding: 2px 10px 3px;
	}
	.dir-con-3 > article > ul {
		margin: 4px 0 0 4px;
	}
	.dir-con-3 > article:nth-of-type(1) {
		top: 0;
		margin-left: -71px;
		transform: translate(-50%, 0);
	}
	.dir-con-3 > article:nth-of-type(2) {
		top: 181px;
		right: auto;
		transform: translate(50%, 0);
		left: 50%;
		text-align: right;
		margin-right: 0;
		margin-left: -20px;
	}
	.dir-con-3 > article:nth-of-type(3) {
		top: 207px;
		right: auto;
		transform: translate(-50%, 0);
		left: 50%;
		margin-right: 0;
		margin-left: -101px;
	}
	.dir-con-3 {
		height: 300px;
	}
	.dir-con-2 > ul {
		max-width: 400px;
		margin: 0 auto;
	}





}


@media screen and (max-width:400px){
	.dir-con-1 > p {
		width: 58px;
		height: 58px;
		background: #ffecc6 url('../img/sub/logo-pattern.svg') no-repeat center center/30px auto;
		border: 5px solid #fff6e4;
		margin: 0 -24px;
	}
	.dir-con-1 > div {
		border: 4px solid #f5f5f5;
		width: 131px;
		height: 131px;
		margin-top: 62px;
	}
	.dir-con-1 > div p {
		font-size: 1.1rem;
		margin-top: 3px;
	}
	.dir-con-1 > div strong {
		font-size: 1.3rem;
		padding: 1px 10px 2px;
	}
	.dir-con-1 > span {
		width: 34px;
		top: 55px;
	}
	.direction > span {
		font-size: 27px;
	}
	.dir-con-2 > ul li {
		width: 137px;
		height: 137px;
		margin: -6px -8px;
		border: 3px solid rgba(255, 209, 132, 0.67);
	}
	.dir-con-2 > ul li > strong {
		font-size: 14px;
	}
	.dir-con-2 > ul li:nth-of-type(1) > span {
		background: url('../img/sub/dir-icon-1.svg') no-repeat center top/30px auto;
	}
	.dir-con-2 > ul li:nth-of-type(2) > span {
		background: url('../img/sub/dir-icon-2.svg') no-repeat center top/37px auto;
	}
	.dir-con-2 > ul li:nth-of-type(3) > span {
		background: url('../img/sub/dir-icon-3.svg') no-repeat center top/28px auto;
	}
	.dir-con-2 > ul li:nth-of-type(4) > span {
		background: url('../img/sub/dir-icon-4.svg') no-repeat center top/25px auto;
	}
	.dir-con-2 > ul li > span {
		height: 41px;
	}
	.dir-txt > ul > li {
		font-size: 1.3rem;
	}
	.dir-txt > strong {
		margin: 0 auto 7px;
		font-size: 1.4rem;
		padding: 2px 13px 4px;
	}
	.dir-txt > p {
		font-size: 13px;
	}
	.dir-con-3 > article:nth-of-type(1) {
		top: 0;
		margin-left: 0;
		transform: translate(-50%, 0);
		left: 50%;
		width: 100%;
	}
	.dir-con-3 > div span:nth-of-type(1) {
		top: -6px;
		left: 36px;
	}
	.dir-con-3 > article:nth-of-type(2) {
		top: 198px;
		margin-left: -45px;
	}
	.dir-con-3 > article > ul > li {
		font-size: 1.1rem;
		margin-bottom: 1px;
	}
	.dir-con-3 > article > strong {
		font-size: 1.2rem;
	}
	.dir-con-3 > article:nth-of-type(3) {
		margin-left: -80px;
		top: 213px;
	}
	.dir-con-3 > article:nth-of-type(2) {
		top: 213px;
		margin-left: -58px;
	}
	.dir-con-3 > div span:nth-of-type(2) {
		top: 67px;
		right: 6px;
	}
}




@media screen and (max-width:320px){
	.birth .img .name { flex-direction: column;  align-items: baseline;	}
}


@media print {
	html { zoom:.4; }
    * {-webkit-print-color-adjust:exact; print-color-adjust: exact; }
}