@charset "UTF-8";

/* 공통 스타일*/
.wrap.sub{margin-top:calc(var(--height-header-main) + var(--height-header-top));}
/* .h-lt{background: #FFDFC9; padding: 0.25rem;} */
/* thema */
div.wrap.sub div.thema{width:100%; height:22rem; position:relative;}
div.wrap.sub div.thema:after{content:''; display:block; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; z-index:1; opacity:.3; animation:fadeBg 2s cubic-bezier(0.1, -0.6, 0.2, 0);}
div.wrap.sub div.thema div.inner{width: 100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -70%); z-index:2;}
div.wrap.sub div.thema div.inner h2.sub-tit{text-align:center; font-size:3rem; color:#fff; font-family:'NanumNeo_EB',sans-serif; letter-spacing:3px; text-shadow:0 5px 10px rgba(0,0,0,0.3);}
div.wrap.sub div.thema div.inner ul.breadcrumb{display: flex; gap: 1rem; margin-top: 2rem; align-items: center; justify-content:center;}
div.wrap.sub div.thema div.inner ul.breadcrumb > li{color: #fff; opacity: .8; font-size: 1.125rem; position: relative; margin-left: 1rem;}
div.wrap.sub div.thema div.inner ul.breadcrumb > li::after{content: ''; position: absolute; width: 1rem; height: 1rem; background: url('../img/ico_next_wh.svg') center / 100% no-repeat; top: 50%; right: -1.5rem; transform:translateY(-50%);}
div.wrap.sub div.thema div.inner ul.breadcrumb > li.home{width: 1rem; height: 1rem; background: url('../img/ico_home_wh.svg') center / 100% no-repeat; margin-left: 0;}
div.wrap.sub div.thema div.inner ul.breadcrumb > li:last-child{padding-right: 0; opacity: 1;}
div.wrap.sub div.thema div.inner ul.breadcrumb > li:last-child::after{display: none;}
div.wrap.sub div.thema01{background:url("../img/thema01.jpg")center 100%/cover no-repeat;}
div.wrap.sub div.thema02{background:url("../img/thema02.jpg")center 100%/cover no-repeat;}
div.wrap.sub div.thema03{background:url("../img/thema03.jpg")center 100%/cover no-repeat;}
div.wrap.sub div.thema04{background:url("../img/thema04.jpg")center 100%/cover no-repeat;}
div.wrap.sub div.thema05{background:url("../img/thema05.jpg")center 100%/cover no-repeat;}
div.wrap.sub div.thema06{background:url("../img/thema06.jpg")center 100%/cover no-repeat;}
div.wrap.sub div.thema07{background:url("../img/thema07.jpg")center 100%/cover no-repeat;}
div.wrap.sub div.thema08{background:url("../img/thema08.jpg")center 100%/cover no-repeat;}

/* 애니메이션 thema bg */
@keyframes fadeBg{
	0%{opacity:.5;}
	100%{opacity:.3;}
}

/* sub-menu */
div.wrap.sub div.sub-menu{background:#fff; height:4rem; margin-top:-4rem; position: relative; z-index:8; border-radius: 2rem 2rem 0 0; border-bottom: 1px solid var(--color-gray400);}
div.wrap.sub div.sub-menu {display:flex; height: 100%;} 
div.wrap.sub div.sub-menu div.menu.dep02{width: 100%; height: 4rem;}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list{display: flex; width: 100%; height: 100%;}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list > li{height: 100%; text-align: center;}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list > li a{width: 100%; height: 100%; font-size: 1.25rem; display: flex; align-items: center; justify-content: center;}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list > li.on{border-bottom: 3px solid var(--color-main01);}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list > li.on a{color: var(--color-main01); font-family:'NanumNeo_EB',sans-serif;}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list.li2 > li{width:calc(100% / 2);}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list.li3 > li{width:calc(100% / 3);}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list.li4 > li{width:calc(100% / 4);}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list.li5 > li{width:calc(100% / 5);}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list.li6 > li{width:calc(100% / 6);}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list.li7 > li{width:calc(100% / 7);}
div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list.li8 > li{width:calc(100% / 8);}

/* sub-contents */
div.wrap.sub div.sub-contents{padding: 6rem 0 8rem 0;}
div.wrap.sub div.sub-contents section.sub-sect{margin-bottom:8rem;}
div.wrap.sub div.sub-contents section.sub-sect:last-child{margin-bottom:0;}
div.wrap.sub div.sub-contents section.sub-sect div.sect-con > div.con{margin-bottom: 4rem;}
div.wrap.sub div.sub-contents section.sub-sect div.sect-con > div.con:last-child{margin-bottom: 0;}

/* sub-tab */
div.wrap.sub div.sub-contents section.title div.sub-tab{margin:0 auto; margin-top: 5rem; margin-bottom: 5rem;}
div.wrap.sub div.sub-contents section.title div.sub-tab ul{width:fit-content; margin: 0 auto; gap: 0.5rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
div.wrap.sub div.sub-contents section.title div.sub-tab ul li{font-size:1.25rem;  border-radius: 50px; border: 2px solid var(--color-gray400);}
div.wrap.sub div.sub-contents section.title div.sub-tab ul li.on{background:var(--color-main04); border-color: var(--color-main04); color: #fff; font-family:'NanumNeo_B',sans-serif; box-shadow: 0 8px 15px rgba(0,0,0,0.2);}
div.wrap.sub div.sub-contents section.title div.sub-tab ul li a{width: 100%; height: 100%; padding: 0.75rem 2rem;}
@media(hover:hover){
	div.wrap.sub div.sub-contents section.title div.sub-tab ul li:not(.on):hover{background-color: var(--color-gray100);}
}

/* title */
div.wrap.sub section.title{margin-bottom:5rem;}
h3.sub-tit{text-align:left; font-size:2.5rem; font-family:'NanumNeo_EB',sans-serif; margin:0 auto; position:relative; width:fit-content;}
h4.sub-tit{font-size:2rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom: 2rem; position: relative; padding-left: 1rem;}
h4.sub-tit:before{content:''; position: absolute; top: 0; left: 0; display:block; width:6px; height:2rem; border-radius: 1rem; background:var(--color-main01);}
h5.sub-tit{font-size:1.625rem; font-family:'NanumNeo_B',sans-serif; margin-bottom: 1.5rem; position: relative; padding-left: 1.25rem;}
h5.sub-tit::before{content:''; position: absolute; top: 0; left: 0; display:block; width: 8px; height: 8px; top: 10px; left: 0; border-radius: 50%; background: #fff; margin-bottom: 0.3rem; box-shadow: 0 0 0 4px  var(--color-main04);}

/* list */
ul.in-table-list{}
ul.in-table-list > li{font-size: 1.125rem; margin-bottom: 0.5rem; line-height: 1.5;}
ul.in-table-list > li:last-child{margin-bottom: 0;}
ul.list01{}
ul.list01 > li{position:relative; padding-left:0.8rem; font-size: 1.125rem; margin-bottom:0.8rem; text-align:left; line-height:1.4;}
ul.list01 > li:last-child{margin-bottom:0;}
ul.list01 > li:before{content:''; display:block; width:4px; height:4px; background:var(--color-main01); border-radius:50%; position:absolute; top:0.6rem; left:0;}
ul.list02{}
ul.list02 > li{position:relative; padding-left:0.8rem; font-size: 1rem; margin-bottom:0.8rem; text-align:left;}
ul.list02 > li:last-child{margin-bottom:0;}
ul.list02 > li:before{content:''; display:block; width:4px; height:4px; background:var(--color-main01); border-radius:50%; position:absolute; top:0.5rem; left:0;}
ul.inf-list{margin-top: 1rem;}
ul.inf-list > li{text-align:left; padding-left:1.8rem; position:relative; margin-bottom:0.6rem; line-height: 1.5; font-size: 1.1rem;}
ul.inf-list > li:last-child{margin-bottom:0;}
ul.inf-list > li:before{content:''; display:block; width:1.4rem; height:1.4rem; background:url("../img/ico_inf02.svg")center/contain no-repeat; position:absolute; top:1px; left:0;}
ul.num-list{}
ul.num-list > li{font-size:1.25rem; line-height:2rem; padding:0.8rem 0; padding-left:2.65rem; border-bottom:1px dashed #ddd; position:relative; text-align:left; word-break: keep-all;}
ul.num-list > li:before{content:''; display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; background:var(--color-main01); color:#fff; position:absolute; top:0.8rem; left:0; font-family:'Montserrat_SB',sans-serif;}
ul.num-list > li:nth-child(1):before{content:'1';}
ul.num-list > li:nth-child(2):before{content:'2';}
ul.num-list > li:nth-child(3):before{content:'3';}
ul.num-list > li:nth-child(4):before{content:'4';}
ul.num-list > li:nth-child(5):before{content:'5';}
ul.num-list > li:nth-child(6):before{content:'6';}
ul.num-list > li:nth-child(7):before{content:'7';}
ul.num-list > li:nth-child(8):before{content:'8';}
ul.num-list > li:nth-child(9):before{content:'9';}
ul.num-list02{}
ul.num-list02 > li{font-size:1.125rem; padding-left:1.25rem; position:relative; text-align:left; margin-bottom: 0.5rem; word-break: keep-all;}
ul.num-list02 > li:last-child{margin-bottom: 0;}
ul.num-list02 > li:before{content:''; text-align:center; color:var(--color-main04); border-bottom: 1px solid var(--color-main04); position:absolute; top:0; left:0; font-family:'Montserrat_SB',sans-serif; font-size: 1.125rem;}
ul.num-list02 > li:nth-child(1):before{content:'1';}
ul.num-list02 > li:nth-child(2):before{content:'2';}
ul.num-list02 > li:nth-child(3):before{content:'3';}
ul.num-list02 > li:nth-child(4):before{content:'4';}
ul.num-list02 > li:nth-child(5):before{content:'5';}
ul.num-list02 > li:nth-child(6):before{content:'6';}
ul.num-list02 > li:nth-child(7):before{content:'7';}
ul.num-list02 > li:nth-child(8):before{content:'8';}
ul.num-list02 > li:nth-child(9):before{content:'9';}

/* text */
p.sub-exp-txt{position: relative; font-size: 1.25rem; padding-left: 1.8rem; line-height: 1.5; font-family:'NanumNeo_B',sans-serif; padding-bottom: 1.25rem; border-bottom: 1px solid var(--color-gray400); margin-bottom: 1.25rem; word-break: keep-all;}
p.sub-exp-txt::before{position: absolute; content: ''; width: 1rem; height: 1rem; left: 0; top: 5px; background: var(--color-main02); border-radius: 50px 50px 0 50px; transform:rotate(-45deg);}
span.call-num{position: relative; display: inline-block; padding-left: 1.8rem; margin-left: 0.8rem; color: var(--color-main03); font-family: 'NanumNeo_B',sans-serif; }
span.call-num::before{content: ''; position: absolute; top: 3px; left: 0; width: 1.25rem; height: 1.25rem; background: url('../img/D2200_ico_phone.svg')center/100% no-repeat;}

/* box */
div.sub-intro-box{position: relative; background: linear-gradient(90deg,rgba(24, 51, 219, 1) 0%, rgba(3, 129, 254, 1) 100%); padding: 3.75rem 2rem; border-radius: 1rem; overflow: hidden; word-break: keep-all;}
div.sub-intro-box::after{content: ''; position: absolute; right: -1rem; bottom: -1rem; width: 12rem; height: 12rem; background: url('../img/symbol_wh.png') center/100% no-repeat; opacity: .3;}
div.sub-intro-box p{font-size: 1.25rem; text-align: center; color: #fff; line-height: 1.5;}
div.sub-intro-box p span.big-tit{font-size: 1.8rem; display: block; margin-bottom: 0.5rem; font-family:'NanumNeo_B',sans-serif;}
div.noti-box{padding: 2rem; background: #FFF1E8; color: var(--color-main04); margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.5; position: relative; padding-left: 5rem; border-radius: 1rem; font-family: 'NanumNeo_B',sans-serif; word-break: keep-all;}
div.noti-box::before{content: ''; position: absolute; top: 2rem; left: 2rem; width: 2rem; height: 2rem; background: url('../img/ico_noti.svg') center/100% no-repeat;}
div.b01{padding: 2rem; border: 1px solid var(--color-gray400); border-radius: 1rem; font-size: 1.25rem; text-align: center; line-height: 1.5; word-break: keep-all;}
div.b02{padding: 2rem; background: var(--color-gray200); border-radius: 1rem; font-size: 1.4rem; text-align: center; line-height: 1.5; word-break: keep-all;}

/* D1100-type 인사말 공통 디자인 */
div.D1100-type h1.intro-tit{font-size: 2rem; font-family: 'NotoSerif_B',sans-serif; margin-bottom: 5rem; position: relative; z-index: 1; line-height:1.5; word-break: keep-all;}
div.D1100-type h1.intro-tit::before{content: ''; position: absolute; z-index: -1; width: 5rem; height: 5rem; left: -3rem; top: -2.25rem; background: url('../img/D1100_quote.svg') center/100% no-repeat;}
div.D1100-type div.intro-con{display: flex; justify-content: space-between;}
div.D1100-type div.intro-con div.left{width: 24rem; height: 32rem; position: relative;}
div.D1100-type div.intro-con div.left::before{content: ''; position: absolute; z-index: -1; left: -1.25rem; top: 50%; transform: translateY(-50%); background: var(--color-main01); width: 30%; height: 108%;}
div.D1100-type div.intro-con div.left::after{content: ''; position: absolute; z-index: -1; right: -1.25rem;  bottom: -1.25rem; background: var(--color-main04); width: 100%; height: 10%; z-index: -2;}
div.D1100-type div.intro-con div.left img{width: 100%; height: 100%; object-fit: cover;}
div.D1100-type div.intro-con div.right{width: calc(100% - 24rem); margin-left: 5rem;}
div.D1100-type div.intro-con div.right div.textarea{margin-bottom: 4rem;}
div.D1100-type div.intro-con div.right div.textarea p{font-size: 1.25rem; margin-bottom: 2rem; line-height: 1.7; word-break: keep-all;}
div.D1100-type div.intro-con div.right div.name{font-family:'NanumNeo_B',sans-serif; font-size: 1.25rem; text-align: right;}
div.D1100-type div.intro-con div.right div.name span{font-size: 1.5rem; display: inline-block; margin-left: 0.5rem;}

/* D1200 연혁 */
div.D1200 div.history-wrap{padding-top: 4rem;}
div.D1200 div.history-wrap div.hist{display: flex; justify-content: space-between;}
div.D1200 div.history-wrap div.hist div.left{width: 30%; line-height: 1.5; height: fit-content; position: sticky; top: calc(var(--height-header-top) + var(--height-header-main) + 2rem); font-size: 4rem; font-family:'NanumNeo_H',sans-serif; color: var(--color-main01); word-break: keep-all;}
div.D1200 div.history-wrap div.hist div.left p.y01{margin-bottom: 1.25rem;}
div.D1200 div.history-wrap div.hist div.left p.y02{padding-left: 5rem;}
div.D1200 div.history-wrap div.hist div.left span.gray{color: var(--color-gray600);}
div.D1200 div.history-wrap div.hist div.right{width: 60%;}
div.D1200 div.history-wrap div.hist div.right div.h-list{margin-bottom: 4rem; padding-bottom:2rem; border-bottom: 1px dashed var(--color-gray400);}
div.D1200 div.history-wrap div.hist div.right div.h-list p.year{font-size: 1.5rem; font-family:'NanumNeo_EB',sans-serif; color: var(--color-main01); margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 2px solid #333;}
div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li{margin-bottom: 2rem; font-size: 1.125rem; display: flex;}
div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li:last-child{margin-bottom: 0;}
div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li span.date{display:inline-block; width: 10rem; margin-right: 1rem; font-family: 'NanumNeo_EB',sans-serif; line-height:1.5;}
div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li span.txt{} 
div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li ul.list01{width: calc(100% - 11rem);}

/* D1300 비전 */
div.D1300 div.sub-intro-box p{font-size: 1.5rem;}
div.D1300 div.sub-intro-box p span.big-tit{font-size: 2rem;}
div.D1300 div.cir-wrap{margin: 5rem 0 8rem 0; display: flex; justify-content: center;}
div.D1300 div.cir-wrap div.cir{position: relative; font-family:'NanumNeo_B',sans-serif; width: 11rem; height: 11rem; line-height: 1.5; margin-left: -1rem; border-radius: 50%; color: #fff; font-size: 1.25rem; display: flex; justify-content: center; align-items: center; text-align: center;}
div.D1300 div.cir-wrap div.cir::after{content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: -1; animation: pulse 2.5s ease-out infinite;}
div.D1300 div.cir-wrap div.cir:nth-child(odd){background: var(--color-main01);}
div.D1300 div.cir-wrap div.cir:nth-child(odd)::after{background: rgba(24,51,219,.4);}
div.D1300 div.cir-wrap div.cir:nth-child(even){background: var(--color-main02);}
div.D1300 div.cir-wrap div.cir:nth-child(even)::after{background: rgba(3,129,254,.4);}
div.D1300 div.v-bot{}
div.D1300 div.v-bot div.txt p{font-size: 1.375rem; margin-bottom: 1.5rem; line-height: 1.5;}
div.D1300 div.v-bot div.txt p span.underline{border-bottom: 1px solid var(--color-main02); color: var(--color-main02); padding-bottom: 0.25rem;}
div.D1300 div.v-bot div.list-box{border: 1px solid var(--color-gray400); border-radius: 1rem; padding: 2rem; margin: 1.25rem 0;}
div.D1300 div.v-bot div.list-box ul.num-list > li{font-family:'NanumNeo_B',sans-serif;}
div.D1300 div.v-bot p.v-tit{font-size: 4rem; font-family: 'Montserrat_B', sans-serif; color: #CDE6FF; margin-bottom: 1rem;}
@keyframes pulse{
  0%{
    transform: scale(1);
    opacity: 1;
  }
  70%{
    transform: scale(1.2);
    opacity: 0;
  }
  100%{
    transform: scale(1.2);
    opacity: 0;
  }
}

/* D1400 교직원소개 */
div.sub-contents.D1400{background: url('../img/D1400_bg.png') bottom/100% no-repeat;}
div.D1400 div.table-wrap{box-shadow: 0 10px 25px rgba(0,0,0,.15);}

/* D1500 찾아오는길 */
div.D1500 section.sect01{display: flex; justify-content: space-between;}
div.D1500 section.sect01 div.left{width: 60%; height: 30rem;}
div.D1500 section.sect01 div.left div.img-changer{position: relative; width: 100%; height: 100%; box-shadow: rgb(46 12 12 / 15%) 0px 30px 60px 0px; border-radius: 1rem; overflow: hidden;}
div.D1500 section.sect01 div.left div.img-changer div.img-target{-webkit-user-drag: none; pointer-events: none;opacity: 0;  width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0;}
div.D1500 section.sect01 div.left div.img-changer div.img-target > img{width: 100%; height: 100%; max-width: 100%; object-fit: cover;}
div.D1500 section.sect01 div.left div.img-changer div.img-target.on{opacity: 1; -webkit-user-drag: auto; pointer-events: auto;}
div.D1500 section.sect01 div.left div.img-changer div.img-map{width:100%; height:100%;  position: relative; z-index: 1;}
div.D1500 section.sect01 div.left div.img-changer div.img-map div.hongik-map{width:100%; height:100%;}
div.D1500 section.sect01 div.left div.img-changer div.img-map .root_daum_roughmap .wrap_map{width:100%; height:100%;}
div.D1500 section.sect01 div.left div.img-changer div.img-map .root_daum_roughmap .wrap_controllers{display:none;}
div.D1500 section.sect01 div.left div.img-changer div.img-map .root_daum_roughmap .cont{display:none;}
div.D1500 section.sect01 div.right{width: 35%;}
div.D1500 section.sect01 div.right div.btn-changer{display: flex; gap: 0.5rem; margin-bottom: 1rem;}
div.D1500 section.sect01 div.right div.btn-changer a{font-size: 1.125rem;}
div.D1500 section.sect01 div.right div.btn-changer a.btn-change.on{background: var(--color-main01); border-color: var(--color-main01); color: #fff;}
div.D1500 section.sect01 div.right div.btn-changer a.find-load{position: relative; padding-right: 3.25rem;}
div.D1500 section.sect01 div.right div.btn-changer a.find-load::before{content: ''; position: absolute; width: 1.25rem; height: 1.25rem; top: 50%; transform: translateY(-50%); right: 1.2rem; background: url('../img/arrow_link.svg')center/100%;}
div.D1500 section.sect01 div.right div.info{}
div.D1500 section.sect01 div.right div.info div.inf{padding: 1.5rem 0; border-bottom: 1px dashed var(--color-gray400);}
div.D1500 section.sect01 div.right div.info div.inf p.tit{font-size: 1.25rem; font-family:'NanumNeo_EB',sans-serif; position: relative; margin-bottom: 1.25rem; padding-left: 2rem;}
div.D1500 section.sect01 div.right div.info div.inf p.tit::before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;}
div.D1500 section.sect01 div.right div.info div.inf.addr p.tit::before{background: url('../img/D1500_ico_pin.svg')center/100% no-repeat;}
div.D1500 section.sect01 div.right div.info div.inf.tel p.tit::before{background: url('../img/D1500_ico_tel.svg')center/100% no-repeat;}
div.D1500 section.sect01 div.right div.info div.inf.fax p.tit::before{background: url('../img/D1500_ico_fax.svg')center/100% no-repeat;}
div.D1500 section.sect01 div.right div.info div.inf p.con{font-size: 1.125rem; line-height: 1.5;}
div.D1500 section.sect02 div.sect-con div.table-wrap table tbody td div.label-wrap{display: flex; flex-wrap:wrap; align-items: center; gap: 1rem;}
div.D1500 section.sect02 div.sect-con div.table-wrap table tbody td div.label-wrap div.label{padding: 0.5rem 1rem; color: #fff; border-radius: 4px; font-family:'NanumNeo_B',sans-serif;}
div.D1500 section.sect02 div.sect-con div.table-wrap table tbody td div.label-wrap div.label.label01{background: #18CF00;}
div.D1500 section.sect02 div.sect-con div.table-wrap table tbody td div.label-wrap div.label.label02{background: #318AFF;}
div.D1500 section.sect02 div.sect-con div.table-wrap table tbody td div.label-wrap div.label.label03{background: #139F00;}

/* D2200 등록안내 */
/* div.D2200 span.call-num{position: relative; display: inline-block; padding-left: 1.8rem; margin-left: 0.8rem; color: var(--color-main03); font-family: 'NanumNeo_B',sans-serif; }
div.D2200 span.call-num::before{content: ''; position: absolute; top: 3px; left: 0; width: 1.25rem; height: 1.25rem; background: url('../img/D2200_ico_phone.svg')center/100% no-repeat;} */

/* D2300 시간표 */
div.D2300 section.sect01 div.sect-con div.con{background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,0.2); padding: 2rem; border-top: 4px solid var(--color-main03); border-bottom: 4px solid var(--color-main03);}
div.D2300 section.sect01 div.sect-con div.con div.btn-center-wrap{margin-top: 0;}
div.D2300 section.sect01 div.sect-con div.con div.img-con{width: 100%; height: auto;}
div.D2300 section.sect01 div.sect-con div.con div.img-con img{width: 100%; height: 100%; object-fit: contain;}

/* D2500 수강혜택 */
div.D2500 section.sect01 div.sect-con div.con p.num-tit{font-size: 1.5rem; margin-bottom: 1rem; position: relative; padding: 0.8rem 0; padding-left: 2.5rem; font-family:'NanumNeo_EB',sans-serif;}
div.D2500 section.sect01 div.sect-con div.con p.num-tit::before{content:''; display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; background:var(--color-main01); color:#fff; font-size: 1.25rem; position:absolute; top:0.6rem; left:0; font-family:'Montserrat_SB',sans-serif;}
div.D2500 section.sect01 div.sect-con div.con:nth-of-type(1) p.num-tit::before{content: '1';}
div.D2500 section.sect01 div.sect-con div.con:nth-of-type(2) p.num-tit::before{content: '2';}
div.D2500 section.sect01 div.sect-con div.con:nth-of-type(odd) p.num-tit::before{background: var(--color-main01);}
div.D2500 section.sect01 div.sect-con div.con:nth-of-type(even) p.num-tit::before{background: var(--color-main02);}
div.D2500 section.sect01 div.sect-con div.con.con01 div.b02{margin-bottom: 1.5rem;}
div.D2500 section.sect01 div.sect-con div.con.con01 div.library-bot p.sm-tit{font-size: 1.25rem; font-family:'NanumNeo_B',sans-serif; margin-bottom: 0.8rem;}  

/* D3100 학점은행제안내 > 안내 */
div.D3100 section.sect02 div.sect-con div.con.con01 ul.inf-list > li{font-size: 1.125rem; margin-bottom: 1.25rem;}
div.D3100 section.sect02 div.sect-con div.con.con01 ul.inf-list > li::before{width: 1.5rem; height: 1.5rem; top: 0;}
div.D3100 section.sect02 div.sect-con div.con.con01 ul.inf-list > li ul.list02{background: #f5f5f5; padding: 1.5rem; border-radius: 1rem; margin-top: 1rem;}

/* D3120 학위신청 */
div.D3120 section.sect03 div.sect-con ul.c-list > li{display: flex; align-items: center; margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px dashed var(--color-gray400);}
div.D3120 section.sect03 div.sect-con ul.c-list > li div.cir-tit{width: 7.5rem; height: 7.5rem; border-radius: 50%; font-size: 1.25rem; margin-right: 2rem; display: flex; justify-content: center; align-items: center; font-family:'NanumNeo_EB',sans-serif;}
div.D3120 section.sect03 div.sect-con ul.c-list > li:nth-child(1) div.cir-tit{border: 5px solid var(--color-main01); color: var(--color-main01); box-shadow: 0 0 15px rgba(24, 51, 219, .2);}
div.D3120 section.sect03 div.sect-con ul.c-list > li:nth-child(2) div.cir-tit{border: 5px solid var(--color-main02); color: var(--color-main02); box-shadow: 0 0 15px rgba(3, 129, 254, .2);}
div.D3120 section.sect03 div.sect-con ul.c-list > li:nth-child(3) div.cir-tit{border: 5px solid var(--color-main04); color: var(--color-main04); box-shadow: 0 0 15px rgba(255, 102, 0, .2);}
div.D3120 section.sect03 div.sect-con ul.c-list > li div.txt-con{font-size: 1.25rem; line-height: 1.5; width: calc(100% - 9.5rem); word-break: keep-all;}

/* D3140 기타 */
div.D3140 section.sect02 div.sect-con div.benefit-box{display: flex; gap: 2rem 2%; flex-wrap:wrap;}
div.D3140 section.sect02 div.sect-con div.benefit-box div.box{width: 49%; background: var(--color-gray200); border-radius: 1rem; border: 2px solid #ddd; padding: 2rem; line-height: 1.5; font-size: 1.125rem; word-break: keep-all;}
div.D3140 section.sect02 div.sect-con div.benefit-box div.box p.b-txt{font-size: 1.25rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom: 1.125rem;}

/* D6100 자격증안내 (국가/민간) */
div.wrap.sub div.sub-contents div.D6100 section.sub-sect.sect01{margin-bottom: 5rem;}
div.wrap.sub div.sub-contents div.D6100 section.sub-sect div.sect-con > div.con.con01{margin-bottom: 2.5rem;}
div.D6100 section.sect01 div.sect-con div.con.con01 div.certi-noti-box{padding: 2rem; background: #FFF1E8; margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.5;  position: relative; padding-left: 6rem; border-radius: 1rem; font-family: 'NanumNeo_B', sans-serif; word-break: keep-all;}
div.D6100 section.sect01 div.sect-con div.con.con01 div.certi-noti-box::before{content: ''; position: absolute; top: 2rem; left: 2rem; width: 3rem; height: 3rem;background: url('../img/D6100_ico_certi.svg')center/100% no-repeat;}

/* 반응형 */
@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){
	/* D1200 연혁 */
	div.D1200 div.history-wrap div.hist div.left{font-size: 3.5rem;}
}

@media screen and (max-width: 1280px){
	/* sub-contents */
	div.wrap.sub div.sub-contents{padding: 4rem 0 8rem 0;}

	/* sub-tab */
	div.wrap.sub div.sub-contents section.title div.sub-tab{margin-top:4rem; margin-bottom: 4rem;}
}

@media screen and (max-width: 1200px){
	/* D1100-type 인사말 공통 디자인 */
	div.D1100-type h1.intro-tit{font-size: 1.8rem; margin-bottom:4rem;}
	div.D1100-type h1.intro-tit::before{width:4rem; height: 4rem; left: -2rem; top: -2rem;}
	div.D1100-type div.intro-con div.left{width: 22rem; height: 30rem;}
	div.D1100-type div.intro-con div.right{width: calc(100% - 22rem); margin-left: 4rem;}

	/* D1200 연혁 */
	div.D1200 div.history-wrap div.hist div.left{font-size: 3rem;}
	div.D1200 div.history-wrap div.hist div.left p.y02{padding-left: 2rem;}

	/* D1300 비전 */
	div.D1300 div.cir-wrap{flex-wrap: wrap; row-gap: 1rem;}
	div.D1300 div.cir-wrap div.cir{width: 10rem; height: 10rem;}

	/* D1500 찾아오는길 */
	div.D1500 section.sect01 div.left{width: 55%; height: 26rem;}
	div.D1500 section.sect01 div.right{width: 40%;}
}

@media screen and (max-width: 1024px){
	/* thema */
	div.wrap.sub div.thema div.inner h2.sub-tit{font-size: 2.8rem;}
	div.wrap.sub div.thema div.inner ul.breadcrumb{margin-top: 1.5rem;}

	/* title */
	div.wrap.sub h3.sub-tit{font-size: 2rem;}
	h4.sub-tit{font-size: 1.8rem;}
	h5.sub-tit{font-size: 1.4rem; padding-left:1rem;}
	h5.sub-tit::before{width: 6px; height: 6px; top: 8px;}

	/* list */
	ul.num-list > li{padding-left: 2.5rem;}
	ul.num-list > li:before{width: 1.8rem; height: 1.8rem; line-height: 1.8rem; font-size: 1rem;}

	/* box */
	div.sub-intro-box{padding: 3rem 2rem;}
	div.sub-intro-box::after{width: 11rem; height: 11rem;}
	div.sub-intro-box p{font-size: 1.25rem;}
	div.sub-intro-box p span.big-tit{font-size: 1.8rem;}

	/* text */
	p.sub-exp-txt{font-size: 1.2rem;}

	/* D1200 연혁 */
	div.D1200 div.history-wrap{padding-top: 2rem;}
	div.D1200 div.history-wrap div.hist div.left{font-size: 2.5rem; width: 25%;}
	div.D1200 div.history-wrap div.hist div.right{width: 65%;}

	/* D1500 찾아오는길 */
	div.D1500 section.sect01{flex-wrap: wrap;}
	div.D1500 section.sect01 div.left{width: 100%; height: 32rem; margin-bottom: 3rem;}
	div.D1500 section.sect01 div.right{width: 100%;}

	/* D3120 학점은행제안내 학위신청 */
	div.D3120 section.sect03 div.sect-con ul.c-list > li div.txt-con{font-size: 1.125rem;}

	/* D3120 학점은행제안내 기타 */
	div.D3140 section.sect02 div.sect-con div.benefit-box div.box{font-size: 1rem; padding: 1.5rem;}
	div.D3140 section.sect02 div.sect-con div.benefit-box div.box p.b-txt{font-size: 1.125rem; margin-bottom: 1rem;}

}

@media screen and (max-width: 800px){
	/* thema */
	div.wrap.sub div.thema{height: 20rem;}

	/* title */
	div.wrap.sub section.title{margin-bottom: 4rem;}

	/* D1100-type 인사말 공통 디자인 */
	div.D1100-type h1.intro-tit{text-align: center; padding-top: 1rem; font-size:1.6rem}
	div.D1100-type h1.intro-tit::before{width: 3rem; height: 3rem; left: 50%; transform: translateX(-50%);}
	div.D1100-type div.intro-con{flex-wrap: wrap; justify-content: center;}
	div.D1100-type div.intro-con div.left{width: 18rem; height: 25rem; margin-bottom:4rem;}
	div.D1100-type div.intro-con div.left::after{bottom: -1rem;}
	div.D1100-type div.intro-con div.right{width: 100%; margin-left: 0;}
	div.D1100-type div.intro-con div.right div.textarea p{font-size: 1.125rem;}

	/* D1200 연혁 */
	div.D1200 div.history-wrap div.hist{flex-wrap: wrap;}
	div.D1200 div.history-wrap div.hist div.left{width: 100%; margin-bottom: 1.5rem; position: unset; top: 0; left: 0; display: flex; justify-content: center;}
	div.D1200 div.history-wrap div.hist div.right{width: 100%; padding-bottom: 1rem;}
	div.D1200 div.history-wrap div.hist div.left p.y01{}
	div.D1200 div.history-wrap div.hist div.left p.y02{padding-left: 1rem;}

	/* D1300 비전 */
	div.D1300 div.cir-wrap{margin: 4rem auto 4rem auto; width: 70%;}
	div.D1300 div.v-bot div.txt p{font-size: 1.25rem; margin-bottom: 1.25rem;}

	/* D1500 찾아오는길 */
	div.D1500 section.sect01 div.left{height: 30rem;}

	/* D2300 시간표 */
	div.D2300 section.sect01 div.sect-con div.con{padding: 1.5rem;}
}

@media screen and (max-width: 768px){
	/* sub-tab */
	div.wrap.sub div.sub-contents section.title div.sub-tab ul li{font-size: 1.125rem;}
	div.wrap.sub div.sub-contents section.title div.sub-tab ul li a{padding: 0.6rem 1.5rem;}
}

@media screen and (max-width: 680px){
	/* D1300 비전 */
	div.D1300 div.cir-wrap div.cir{width: 9rem; height: 9rem;}
}

@media screen and (max-width: 640px){
	.wrap.sub{margin-top:0;}

	/* thema */
	div.wrap.sub div.thema{height: 18rem;}
	div.wrap.sub div.thema div.inner{top:45%;}
	div.wrap.sub div.thema div.inner h2.sub-tit{font-size: 2.5rem;}
	div.wrap.sub div.thema div.inner ul.breadcrumb{margin-top: 1rem;}
	div.wrap.sub div.thema div.inner ul.breadcrumb > li{font-size: 1rem;}

	/* sub-menu */
	div.wrap.sub div.sub-menu div.menu.dep02{overflow-x:scroll; overflow-y: hidden;}
	div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list > li{width: 100% !important; }
	div.wrap.sub div.sub-menu div.menu.dep02 ul.menu-list > li a{padding: 1rem; white-space: nowrap; font-size: 1rem;}

	/* list */
	ul.num-list > li{font-size: 1.125rem;}

	/* box */
	div.noti-box{font-size: 1.125rem;}
	div.sub-intro-box{padding: 2rem;}
	div.sub-intro-box p{font-size: 1.125rem;}
	div.sub-intro-box p span.big-tit{font-size: 1.5rem;}

	/* D1200 연혁 */
	div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li{flex-wrap: wrap;}
	div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li span.date{margin-bottom: 0.5rem;}
	div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li span.date,
	div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li ul.list01{width: 100%;}

	/* D1300 비전 */
	div.D1300 div.cir-wrap{width: 90%;}
	div.D1300 div.v-bot div.txt p{font-size: 1.125rem;}
	div.D1300 div.v-bot div.list-box{padding: 1.5rem;}

	/* D1500 찾아오는길 */
	div.D1500 section.sect01 div.left{height: 24rem;}

	/* D3100 학점은행제 안내 */
	div.D3100 section.sect02 div.sect-con div.con.con01 ul.inf-list > li ul.list02{padding: 1.25rem;}

	/* D3410 학점은행제 기타 */
	div.D3140 section.sect02 div.sect-con div.benefit-box{flex-wrap: wrap; gap: 1rem;}
	div.D3140 section.sect02 div.sect-con div.benefit-box div.box{width: 100%;;}

	/* D6100 자격증 안내 */
	div.D6100 section.sect01 div.sect-con div.con.con01 div.certi-noti-box{font-size: 1.1rem;}
}

@media screen and (max-width: 480px){
	/* thema */
	div.wrap.sub div.thema{height: 16rem;}
	div.wrap.sub div.thema div.inner h2.sub-tit{font-size: 2.3rem;}

	div.wrap.sub div.thema div.inner ul.breadcrumb{padding: 0 1rem; gap: 0.5rem;}
	div.wrap.sub div.thema div.inner ul.breadcrumb > li{font-size: 0.9rem; margin-left: 0.5rem;}
	div.wrap.sub div.thema div.inner ul.breadcrumb > li::after{right:-1rem;}

	/* sub-contents */
	div.wrap.sub div.sub-contents{padding: 4rem 0 6rem 0;}
	div.wrap.sub div.sub-contents section.sub-sect{margin-bottom: 6rem;}

	/* sub-menu */
	div.wrap.sub div.sub-menu{border-radius: 0;}

	/* sub-tab */
	div.wrap.sub div.sub-contents section.title div.sub-tab ul li{font-size: 1.1rem;}
	div.wrap.sub div.sub-contents section.title div.sub-tab ul li a{padding: 0.5rem 1.25rem;}

	/* title */
	div.wrap.sub h3.sub-tit{font-size: 1.8rem;}

	/* box */
	div.b01{padding: 1.8rem;}
	div.b02{padding: 1.8rem; font-size: 1.3rem;}
	div.noti-box{padding: 1.5rem; padding-left: 4rem;}
	div.noti-box::before{width: 1.8rem; height: 1.8rem; top: 1.5rem; left: 1.5rem;}

	/* D1200 연혁 */
	div.D1200 div.history-wrap{padding-top: 0;}
	div.D1200 div.history-wrap div.hist div.left{font-size: 2.25rem;}
	div.D1200 div.history-wrap div.hist div.right div.h-list ul.h-con > li ul.list01 > li{font-size: 1.1rem; margin-bottom: 0.5rem;}

	/* D1300 비전 */
	div.D1300 div.cir-wrap{width: 100%; margin: 3rem 0 4rem 0;}
	div.D1300 div.v-bot p.v-tit{font-size: 3rem; margin-bottom: 0;}

	/* D1500 찾아오는길 */
	div.D1500 section.sect01 div.left{height: 20rem;}

	/* D2300 시간표 */
	div.D2300 section.sect01 div.sect-con div.con{padding: 1.25rem;}

	/* D6100 자격증 안내 */
	div.D6100 section.sect01 div.sect-con div.con.con01 div.certi-noti-box{padding: 1.5rem; padding-top: 5rem; text-align: center;}
	div.D6100 section.sect01 div.sect-con div.con.con01 div.certi-noti-box::before{width: 2.5rem; height: 2.5rem; left: 50%; top: 1.5rem; transform: translateX(-50%);}

	/* D3120 학점은행제안내 학위신청 */
	div.D3120 section.sect03 div.sect-con ul.c-list > li{flex-wrap: wrap; justify-content: center; margin-right: 0;}
	div.D3120 section.sect03 div.sect-con ul.c-list > li div.txt-con{width: 100%; text-align: center; margin-top: 1.25rem;}
} 

@media screen and (max-width: 400px){
	/* list */
	ul.in-table-list > li{font-size: 1rem;}

	/* D1300 비전 */
	div.D1300 div.cir-wrap div.cir{width: 8rem; height: 8rem;}
}

@media screen and (max-width: 320px){
	
}