@charset "utf-8";

/* ***** sub layout ***** */
#container{background:url('/edu/images/sub/bg_subvisual.png') no-repeat center top / 100% auto;}
#contents{position:relative;background:#fff;border-radius:0 140px 0 0;}
#contents > .inner{display:flex;justify-content:space-between;}

.sub-top{position:relative;height:210px;color:#fff;text-align:center;box-sizing:border-box;overflow:hidden;}
.sub-top .inner{display:flex;flex-direction:column;justify-content:center;padding-left:210px;height:100%;}
.sub-top h3{margin:12px 0;font-weight:400;font-family:'SchoolSafetyRecorder';font-size:46px;color:#151515;line-height:1.3em;}
.sub-top .location{display:flex;justify-content:center;align-items:center;}
.sub-top .location li{display:block;position:relative;padding:0 15px;font-weight:300;font-size:16px;color:#333;line-height:1.5em;}
.sub-top .location li + li:before{display:block;content:'';position:absolute;left:-3px;top:8px;width:7px;height:7px;background:url('/edu/images/sub/ico_bar.png') no-repeat center / 7px auto;}
.sub-top .location li.home a{display:block;position:relative;padding-left:38px;}
.sub-top .location li.home a:before{content:'';position:absolute;left:0;top:-2px;width:28px;height:28px;background:#333 url('/edu/images/sub/ico_home.png') no-repeat center / 14px auto;border-radius:50%;}

.side-menu{flex-shrink:0;position:relative;margin:-160px 0 100px;width:290px;z-index:2;box-sizing:border-box;}
.side-menu h2{display:flex;align-items:center;justify-content:center;position:relative;padding:20px;height:170px;font-family:'SchoolSafetyRecorder';font-weight:normal;font-size:34px;color:#151515;line-height:1.4em;text-align:center;background:#c3a3fc;border-radius:40px 40px 0 0;box-sizing:border-box;}
.side-menu .dep1{margin-top:-10px;box-sizing:border-box;}
.side-menu .dep1 > li{margin-bottom:4px;}
.side-menu .dep1 > li > a{display:flex;align-items:center;position:relative;padding:5px 40px 5px 24px;min-height:58px;font-size:18px;color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;}
.side-menu .dep1 > li.has-child > a{background:#fff url('/edu/images/sub/ico_dep_off.png') no-repeat right 20px center / 11px auto;}
.side-menu .dep1 > li.active > a{font-weight:500;color:#333;background:#cfb7ff;border-color:#cfb7ff;}
.side-menu .dep1 > li > a:hover{font-weight:500;color:#333;}
.side-menu .dep1 .dep2{display:none;padding:22px 24px;}
.side-menu .dep1 .dep2 > li{position:relative;margin-bottom:13px;padding-left:10px;}
.side-menu .dep1 .dep2 > li:last-child{margin-bottom:0;}
.side-menu .dep1 .dep2 > li:before{display:block;content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#686868;border-radius:50%;}
.side-menu .dep1 .dep2 > li > a{display:inline-block;line-height:1.2em;font-weight:300;font-size:16px;color:#686868;letter-spacing:-0.1px;}
.side-menu .dep1 .dep2 > li.active:before{background:#333;}
.side-menu .dep1 .dep2 > li.active > a{font-weight:400;color:#333;border-bottom:1px solid #adadad;}
.side-menu .dep1 > li.has-child.active{border:1px solid #cfb7ff;border-radius:10px;}
.side-menu .dep1 > li.has-child.active > a{background:#cfb7ff url('/edu/images/sub/ico_dep_on.png') no-repeat right 20px center / 11px auto;}
.side-menu .dep1 > li.has-child.active .dep2{display:block;}

.sub-contents{position:relative;padding:60px 0 200px;width:calc(100% - 350px);box-sizing:border-box;}

/* ***** sub common ***** */
.h4-title{margin-bottom:20px;font-weight:600;font-size:30px;color:#151515;line-height:1.4em;letter-spacing:-0.25px;}
.h4-title .sub-title{font-size:24px;}
.h5-title{position:relative;margin:28px 0 15px;padding-left:26px;font-weight:500;font-size:26px;color:#151515;line-height:1.3em;background:url('/edu/images/sub/bul_h5.png') no-repeat left 6px;}
.h5-title.mt0{margin-top:0 !important;}
.h6-title{margin:22px 0 20px;font-weight:500;font-size:20px;color:#333;line-height:1.3em;letter-spacing:-0.25px;}
.h4-content{margin-bottom:65px;}
.h5-content{margin-bottom:50px;}
.h5-content.pdl{padding-left:33px;}
.h4-content.btm,
.h5-content.btm{margin-bottom:0 !important;}
.h4-content p,
.h5-content p{margin:10px 0;font-weight:300;line-height:1.5em;}

.tab-link,
.link .tab-bar{display:flex;margin-bottom:55px;border-bottom:2px solid #c3a3fc;}
.tab-link li,
.link .tab-bar li{flex:1;position:relative;}
.tab-link li a,
.link .tab-bar li a{display:flex;justify-content:center;align-items:center;width:100%;height:54px;font-size:19px;color:#8d8d8d;text-align:center;background:#fff;border:1px solid #e0e0e0;border-bottom:none;border-radius:15px 15px 0 0;box-sizing:border-box;}
.tab-link li.active a,
.link .tab-bar li.active a{font-weight:600;color:#151515;border:2px solid #c3a3fc;border-bottom:none;}
.tab-link li.active:after,
.link .tab-bar li.active:after{display:block;content:'';position:absolute;left:2px;right:2px;bottom:-3px;height:4px;border-bottom:4px solid #fff;}

.tab-link2{text-align:center;margin-bottom:23px;}
.tab-link2 li{display:inline-block;position:relative;margin-bottom:5px;padding:0 20px;}
.tab-link2 li a{display:inline-block;position:relative;font-weight:500;font-size:21px;color:#8d8d8d;}
.tab-link2 li.active a{color:#151515;}
.tab-link2 li.active a:before{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#212121;}

.info-box{display:flex;align-items:center;gap:30px;margin-bottom:48px;padding:30px 40px;background:url('/edu/images/sub/bg_infobox.png') repeat-y left top;border-radius:10px;box-sizing:border-box;}
.info-box i{flex-shrink:0;width:114px;}
.info-box .con p{margin:5px 0;font-weight:300;font-size:17px;line-height:1.6em;}
.info-box .con .desc{font-size:16px;}
.info-box .con p b{font-weight:500;}
.info-box .con p b.big{font-size:22px;}
.info-box .con p.title{font-weight:500;font-size:22px;color:#151515;}
.info-box .con p + p.title{margin-top:20px;}
.info-box .con .list-con > li{font-size:17px;}
.info-box.top{align-items:flex-start;}

.btn-area{margin:60px 0;text-align:center;}
.btn-area:after{display:block;content:'';clear:both;}
.btn-area.btm{margin-bottom:0;}
.btn-area.left{text-align:left;}
.btn-area.right{text-align:right;}
.btn-area .left{float:left;}
.btn-area .right{float:right;}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;margin:2px;padding:10px 30px;min-width:170px;min-height:67px;line-height:1em;font-size:18px;color:#fff;text-align:center;vertical-align:middle;background:#333;border:1px solid #333;border-radius:10px;box-sizing:border-box;transition-duration:0.3s;}
.btn.small{padding:10px 15px;min-width:90px;min-height:39px;font-size:16px;}
.btn.medium{padding:10px 15px;min-width:150px;min-height:56px;}
.btn.wide{min-width:300px;}

.btn.orange{background-color:#ee6724;border-color:#ee6724;}
.btn.green{background-color:#95a11f;border-color:#95a11f;}
.btn.red{background-color:#e34a14;border-color:#e34a14;}
.btn.yellow{background-color:#d8a315;border-color:#d8a315;}
.btn.blue{background-color:#0677cd;border-color:#0677cd;}
.btn.purple{background-color:#9574dd;border-color:#9574dd;}
.btn.navy{background-color:#39466a;border-color:#39466a;}
.btn.gray{background-color:#686868;border-color:#686868;}
.btn.sky{background-color:#4fb9dc;border-color:#4fb9dc;}

.btn.inline{padding:2px 14px;min-width:80px;min-height:46px;font-size:17px;color:#fff;background:#686868;border-color:#686868;border-radius:10px;}
.btn.inline.orange{background-color:#ee6724;border-color:#ee6724;}
.btn.inline.green{background-color:#95a11f;border-color:#95a11f;}
.btn.inline.red{background-color:#e34a14;border-color:#e34a14;}
.btn.inline.yellow{background-color:#d8a315;border-color:#d8a315;}
.btn.inline.blue{background-color:#0677cd;border-color:#0677cd;}
.btn.inline.navy{background-color:#39466a;border-color:#39466a;}
.btn.inline.purple{background-color:#9574dd;border-color:#9574dd;}
.btn.inline.gray{background-color:#686868;border-color:#686868;}
.btn.inline.sky{background-color:#4fb9dc;border-color:#4fb9dc;}

.btn.line{color:#333;background-color:#fff !important;}
.btn.orange.line{color:#ee6724;}
.btn.green.line{color:#95a11f;}
.btn.red.line{color:#e34a14;}
.btn.yellow.line{color:#d8a315;}
.btn.blue.line{color:#0677cd;}
.btn.navy.line{color:#39466a;}
.btn.purple.line{color:#9574dd;}
.btn.gray.line{color:#686868;}
.btn.sky.line{color:#4fb9dc;}

.btn-area.add-icon .btn.line{border-width:2px;}

.btn-down{display:inline-flex;justify-content:center;align-items:center;margin:1px 3px;padding:5px 20px;min-width:150px;min-height:48px;line-height:1.1em;font-size:17px;color:#fff;text-align:center;vertical-align:middle;background:#333;border:1px solid #333;border-radius:10px;box-sizing:border-box;transition-duration:0.2s;}
.btn-down:after{display:inline-block;content:'';margin-left:12px;width:19px;height:16px;background-image:url('/edu/images/sub/ico_down.png');background-repeat:no-repeat;background-position:center;}
.btn-link{display:inline-flex;justify-content:center;align-items:center;margin:1px 3px;padding:5px 20px;min-width:150px;min-height:48px;line-height:1.1em;font-size:17px;color:#fff;text-align:center;vertical-align:middle;background:#333;border:1px solid #333;border-radius:10px;box-sizing:border-box;transition-duration:0.2s;}
.btn-link:after{display:inline-block;content:'';margin-left:12px;width:16px;height:16px;background-image:url('/edu/images/sub/ico_link.png');background-repeat:no-repeat;background-position:center;}

.btn:hover,
.btn-link:hover,
.btn-down:hover{box-shadow:0 0 20px rgba(0,0,0,0.3);}

.gray-box{margin-bottom:40px;padding:30px 20px;background:#f5f5f5;border-radius:10px;}

/* ***** center ***** */
.greeting-wrap{position:relative;padding:95px 20px;height:1046px;background:#f0f2fd url('/edu/images/sub/bg_greeting.png') no-repeat center bottom;border-radius:15px;box-sizing:border-box;}
.greeting-wrap p{position:relative;font-size:19px;text-align:center;line-height:1.7em;}
.greeting-wrap p + p{margin-top:30px;}
.greeting-wrap .top{font-family:'SchoolSafetyRecorder';font-weight:400;font-size:32px;color:#595fb5;line-height:1.6em;}
.greeting-wrap .top span{display:block;font-size:40px;color:#5e65cb;}
.greeting-wrap .pink{color:#cb5bac !important;}
.greeting-wrap .purple{color:#9352d0 !important;}
.greeting-wrap .btm{margin-top:55px;font-weight:500;font-size:18px;}
.greeting-wrap .btm img{margin-left:20px;}

.history-grp{display:flex;gap:42px;position:relative;margin-bottom:32px;padding-bottom:30px;border-bottom:1px solid #e0e0e0;}
.history-grp.btm{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.history-grp .year{display:block;flex-shrink:0;width:122px;height:48px;line-height:48px;font-family:'SchoolSafetyRecorder';font-weight:400;font-size:22px;color:#151515;text-align:center;background:#e7d7fa;border-radius:30px;box-sizing:border-box;}
.history-grp .con{margin-top:3px;}
.history-grp .row{display:flex;align-items:flex-start;}
.history-grp .row .month{display:block;flex-shrink:0;margin:5px 0;width:84px;font-weight:600;font-size:19px;line-height:1.7em;}
.history-grp .row .list-con{margin:5px 0;}
.history-grp .row .list-con li{margin-bottom:0;line-height:1.7em;}

.business-wrap{display:flex;flex-wrap:wrap;margin:17px 0;gap:20px 14px;}
.business-wrap > div{width:calc(25% - 11px);text-align:center;border:1px solid #e7d7fa;border-radius:12px 12px 10px 10px;box-sizing:border-box;}
.business-wrap > div:nth-child(-n+4){border-color:#ddc9f8;}
.business-wrap .title{display:flex;flex-direction:column;align-items:center;padding:30px 10px;gap:14px;min-height:187px;font-weight:500;font-size:21px;color:#151515;line-height:1.25em;background:#e7d7fa;border-radius:10px;box-sizing:border-box;}
.business-wrap > div:nth-child(-n+4) .title{min-height:161px;background:#ddc9f8;}
.business-wrap .title i{margin:0 auto;width:60px;}
.business-wrap .con{padding:20px 20px 25px;}
.business-wrap .list-con > li{margin-bottom:9px;}

.mission-wrap > li{display:flex;gap:20px;margin-bottom:20px;}
.mission-wrap > li .title{position:relative;flex-shrink:0;width:150px;min-height:140px;display:inline-flex;justify-content:center;align-items:center;font-weight:500;font-size:24px;color:#151515;line-height:1.3em;text-align:center;background:#b482f0;border-radius:10px;}
.mission-wrap > li .title:before{content:'';position:absolute;right:7px;top:calc(50% - 4.5px);width:9px;height:9px;background:#fff;border-radius:50%;}
.mission-wrap > li .title:after{content:'';position:absolute;right:0;top:calc(50% - 0.5px);width:7px;height:1px;background:#fff;}
.mission-wrap > li.row2 .title{background:#c197f2;}
.mission-wrap > li.row3 .title{background:#d5bbf7;}
.mission-wrap > li.row4 .title{background:#e7d7fa;}
.mission-wrap > li .con{position:relative;flex-grow:1;box-sizing:border-box;}
.mission-wrap > li .con:before{content:'';position:absolute;left:-20px;top:calc(50% - 0.5px);width:20px;height:1px;background:#af79ef;}
.mission-wrap > li .con.type1{display:inline-flex;justify-content:center;align-items:center;font-weight:500;font-size:22px;color:#151515;line-height:1.6em;text-align:center;background:#f1e9fb;border:1px dotted #bc8ff1;border-radius:10px;}
.mission-wrap > li.row2 .con.type1{font-size:19px;color:#333;background:#f7f3fd;}
.mission-wrap > li .con.type2{display:flex;gap:10px;}
.mission-wrap > li .con.type2 > div{flex:1;border:1px dotted #bc8ff1;border-radius:10px;box-sizing:border-box;}
.mission-wrap > li.row2 .con.type2 > div{display:inline-flex;justify-content:center;align-items:center;padding:10px;font-weight:500;font-size:19px;line-height:1.6em;text-align:center;background:#f7f3fd;}
.mission-wrap > li.row3 .con.type2 > div{display:inline-flex;justify-content:center;align-items:center;padding:10px;font-weight:500;font-size:19px;line-height:1.6em;text-align:center;}
.mission-wrap > li.row4 .con.type2 > div{padding:15px 20px;}

.num-step{display:flex;flex-wrap:wrap;gap:15px;}
.num-step > li{padding:34px 20px 23px;flex:1;text-align:center;border:1px dotted #bc8ff2;border-radius:10px;box-sizing:border-box;}
.num-step > li em{display:block;margin:0 auto 15px;width:42px;height:42px;line-height:42px;font-weight:600;color:#fff;letter-spacing:-0.25px;text-align:center;background:#af79ef;border-radius:50%;}
.num-step > li p{font-weight:500;color:#151515;line-height:1.5em;}

.place-wrap{margin-bottom:65px;}
.place-img{margin-bottom:40px;}
.place-list > li{display:flex;gap:6px;margin-bottom:10px;}
.place-list > li em{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:180px;font-weight:500;font-size:24px;color:#151515;background:#b482f0;border-radius:10px;box-sizing:border-box;}
.place-list > li.item2 em{background:#c197f2;}
.place-list > li.item3 em{background:#d5bbf7;}
.place-list > li div{flex-grow:1;display:flex;align-items:center;gap:100px;padding:10px 40px;height:110px;line-height:1.5em;border:1px dotted #bd91f2;border-radius:10px;box-sizing:border-box;}
.place-list > li div a{margin-left:auto;flex-shrink:0;width:123px;height:47px;line-height:47px;font-size:16px;color:#fff;text-align:center;background:#686868;border-radius:10px;transition-duration:0.3s;}
.place-list > li div a:hover{box-shadow:0 0 20px rgba(0,0,0,0.3);}

.map-area{margin-bottom:35px;border:1px solid #e0e0e0;border-radius:20px;overflow:hidden;}
.map-area .root_daum_roughmap{width:100% !important;}
.map-area .root_daum_roughmap .map_border{opacity:0;}
.map-area .root_daum_roughmap .wrap_controllers{border:none;}
.map-area .root_daum_roughmap .cont{display:none;}

.way-wrap > li{display:flex;align-items:center;margin-bottom:30px;gap:34px;}
.way-wrap > li i{flex-shrink:0;width:140px;}
.way-wrap > li .title{display:block;margin-bottom:20px;font-weight:400;font-size:22px;color:#151515;}
.way-list{display:flex;flex-wrap:wrap;gap:10px 24px;}
.way-list > li em{display:inline-block;margin-right:10px;width:32px;height:32px;line-height:30px;font-size:17px;text-align:center;border:1px solid #d9d9d9;border-radius:50%;box-sizing:border-box;}
.way-list2 > li{display:flex;align-items:center;gap:12px;}
.way-list2 > li + li{margin-top:4px;}
.way-list2 > li em{display:inline-block;flex-shrink:0;width:64px;height:32px;line-height:30px;font-size:17px;text-align:center;border:1px solid #d8d8d8;border-radius:20px;box-sizing:border-box;}

.org-area{position:relative;margin:0 auto 65px;text-align:center;}
.org-area:after{display:block;content:'';position:absolute;top:0;height:292px;left:calc(50% - 0.5px);width:1px;background:#e0e0e0;}
.org-area .dep1{margin-bottom:80px;}
.org-area .dep1-1{position:relative;margin:0 auto;width:244px;height:244px;border-radius:50%;border:2px solid #af79ef;box-sizing:border-box;z-index:2;overflow:hidden;}
.org-area .dep1-1 strong{display:block;padding-top:50px;height:120px;font-weight:500;font-size:22px;color:#fff;text-align:center;background:#af79ef;box-sizing:border-box;}
.org-area .dep1-1 span{display:block;padding-top:30px;height:120px;font-weight:300;font-size:18px;color:#333;line-height:1.4em;text-align:center;background:#fff;box-sizing:border-box;}
.org-area b{display:flex;align-items:center;justify-content:center;position:relative;padding:0 15px;margin:0 auto;width:280px;height:62px;font-weight:400;font-size:19px;background:#f2e9fc;border:1px solid #b482f0;border-radius:10px;box-sizing:border-box;z-index:2;}
.org-area .title{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:4px;padding:0 15px;height:62px;font-weight:500;font-size:19px;color:#151515;background:#ba8af1;border-radius:10px;box-sizing:border-box;z-index:2;}
.org-area .con{display:flex;flex-direction:column;min-height:364px;border:1px dotted #ba8af1;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.org-area .con .list-con{margin:0;padding:25px 20px;}
.org-area .con .list-con > li{margin-bottom:8px;}
.org-area .con .phone{display:flex;align-items:center;justify-content:center;margin-top:auto;height:50px;font-weight:300;font-size:17px;background:#f6f3fc;}
.org-area .dep2{display:flex;flex-wrap:wrap;position:relative;margin-top:-147px;}
.org-area .dep2:before{display:block;content:'';position:absolute;left:15%;right:15%;top:31px;height:1px;background:#e0e0e0;}
.org-area .dep2 > li{flex:1 1 40%;}
.org-area .dep2 > li.dep2-1,
.org-area .dep2 > li.dep2-2{margin-bottom:170px;}
.org-area .dep2 > li.dep2-1 > b{margin:0 auto 0 123px;}
.org-area .dep2 > li.dep2-2 > b{margin:0 123px 0 auto;}
.org-area .dep3{display:flex;gap:14px;position:relative;}
.org-area .dep3:before{display:block;content:'';position:absolute;left:calc(12.5% - 5px);right:calc(12.5% - 4px);top:-36px;height:1px;background:#e0e0e0;}
.org-area .dep3 > li{flex:1 1 23%;position:relative;}
.org-area .dep3 > li:before{display:block;content:'';position:absolute;top:-36px;left:calc(50% - 0.5px);width:1px;height:36px;background:#e0e0e0;}
.org-area .dep3.type2{margin-bottom:80px;}
.org-area .dep3.type2 .title{background:#caa8f5;}
.org-area .dep3.type2 .con{min-height:230px;}
.org-area .dep4{display:flex;gap:26px;position:relative;}
.org-area .dep4:before{display:block;content:'';position:absolute;left:calc(25% - 7px);right:calc(25% - 5px);top:-36px;height:1px;background:#e0e0e0;}
.org-area .dep4 > li{flex:1 1 40%;position:relative;}
.org-area .dep4 > li:before{display:block;content:'';position:absolute;top:-36px;left:calc(50% - 0.5px);width:1px;height:36px;background:#e0e0e0;}
.org-area .dep4 > li > .title{margin:0 auto 10px;width:277px;color:#fff;background:#c25ca6;}
.org-area .dep4 > li.dep4-2 > .title{background:#6c72cc;}
.org-area .dep5{display:flex;gap:14px;margin-bottom:80px;}
.org-area .dep5 > li{flex:1 1 40%;}
.org-area .dep5 > li .title{color:#b94f9c;background:#fff;border:2px solid #c25ca6;}
.org-area .dep5 > li .title br{display:none;}
.org-area .dep5 > li .con{min-height:204px;border:1px dotted #c25ca6;}
.org-area .dep5 > li .con .tit{display:flex;align-items:center;justify-content:center;height:50px;font-weight:500;color:#151515;background:#e7bedb;}
.org-area .dep5 > li .con .phone{background:#f9f5f8;}
.org-area .dep5 > li.dep5-2 .title{color:#5a61c3;border-color:#6c72cc;}
.org-area .dep5 > li.dep5-2 .con{border-color:#6c72cc;}
.org-area .dep5 > li.dep5-2 .con .tit{background:#c4c7eb;}
.org-area .dep5 > li.dep5-2 .con .phone{background:#f6f6f9;}
.org-area .dep6{display:flex;gap:8px;margin:0 145px;position:relative;}
.org-area .dep6:before{display:block;content:'';position:absolute;left:calc(17.5% - 8px);right:calc(17.5% - 8px);top:-36px;height:1px;background:#e0e0e0;}
.org-area .dep6 > li{flex:1 1 30%;position:relative;}
.org-area .dep6 > li:before{display:block;content:'';position:absolute;top:-36px;left:calc(50% - 0.5px);width:1px;height:36px;background:#e0e0e0;}
.org-area .dep6 .title{color:#fff;background:#7f7c83;}
.org-area .dep6 .list-con{margin:0;padding:25px 20px;min-height:155px;border:1px dotted #7f7c83;border-radius:10px;box-sizing:border-box;}
.org-area .dep6 .list-con > li{margin-bottom:8px;}

/* ***** edu ***** */
.category{display:inline-block;margin:2px 3px;padding:3px 4px;min-width:50px;font-size:15px;color:#fff;line-height:1.2em;text-align:center;background:#555;border:1px solid #555;border-radius:0 26px 26px 26px;box-sizing:border-box;word-break:break-all;}
.category.type1{background-color:#549fce;border-color:#549fce;}/* 하늘 */
.category.type2{background-color:#6c72cc;border-color:#6c72cc;}/* 파랑 */
.category.type3{background-color:#d07158;border-color:#d07158;}/* 주황 */
.category.type4{background-color:#b2a281;border-color:#b2a281;}/* 베이지 */
.category.type5{background-color:#8eb754;border-color:#8eb754;}/* 연두 */
.category.type6{background-color:#cd50ab;border-color:#cd50ab;}/* 핑크 */
.category.type7{background-color:#485790;border-color:#485790;}/* 곤색 */
.category.type8{background-color:#38975c;border-color:#38975c;}/* 초록 */
.category.type9{background-color:#9352d0;border-color:#9352d0;}/* 보라 */
.category.type10{background-color:#3fa0b1;border-color:#3fa0b1;}/* 청록 */
.category.type11{background-color:#5c382c;border-color:#5c382c;}/* 갈색 */
.category.type12{background-color:#6c7277;border-color:#6c7277;}/* 회색 */

.category.line{color:#555;background-color:#fff !important;}
.category.type1.line{color:#549fce;}
.category.type2.line{color:#6c72cc;}
.category.type3.line{color:#d07158;}
.category.type4.line{color:#b2a281;}
.category.type5.line{color:#8eb754;}
.category.type6.line{color:#cd50ab;}
.category.type7.line{color:#485790;}
.category.type8.line{color:#38975c;}
.category.type9.line{color:#9352d0;}
.category.type10.line{color:#3fa0b1;}
.category.type11.line{color:#5c382c;}
.category.type12.line{color:#6c7277;}

.category.square{min-width:34px;font-size:14px;border-radius:4px;}
.category.wait{padding:2px;min-width:inherit;width:26px;height:26px;font-size:15px;background:#686868;border-radius:50%;}

.calendar-wrap{margin-bottom:43px;}

.calendar-control{display:flex;justify-content:center;align-items:center;margin-bottom:28px;}
.calendar-control a.btn-prev,
.calendar-control a.btn-next{display:inline-block;width:50px;height:50px;text-indent:-9999px;background:url('/edu/images/sub/ico_prev.png') no-repeat center;}
.calendar-control a.btn-next{background-image:url('/edu/images/sub/ico_next.png');}
.calendar-control .calendar-select{position:relative;margin:0 10px 0 5px;font-family:'SchoolSafetyRecorder';font-weight:400;font-size:30px;color:#151515;}
.calendar-control a.btn-prev + .calendar-select{margin:0 5px 0 10px;}
.calendar-control .calendar-select > a{padding-right:20px;background:url('/edu/images/sub/ico_calendar_arrow.png') no-repeat right center;}
.calendar-control .calendar-select > div{display:none;position:absolute;left:0;right:0;top:45px;background:#fff;border:1px solid #e0e0e0;z-index:100;box-shadow: 0px 0px 2px 0px #ececec;}
.calendar-control .calendar-select > div.active{display:block;}
.calendar-control .calendar-select > div a{display:block;font-weight:400;font-size:20px;color:#151515;line-height:40px;text-align:center;}
.calendar-control .calendar-select > div a:hover{background:#c3a3fc;}

.calendar-list{position:relative;border-top:2px solid #333;}
.calendar-list:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
.calendar-list th,
.calendar-list td{padding:12px;height:50px;line-height:1.15em;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;box-sizing:border-box;}
.calendar-list th{font-weight:700;font-size:17px;color:#141414;background:#f9f9f9;}
.calendar-list td{height:170px;vertical-align:top;}
.calendar-list td .day{display:block;font-size:15px;color:#686868;}
.calendar-list td .day + .subject{margin-top:5px;}
.calendar-list td.sun .day{color:#e34a14;}
.calendar-list td .holiday{display:flex;color:#e34a14;}
.calendar-list td .holiday b{margin-left:auto;font-weight:400;color:#e34a14;}
.calendar-list td .schedule{display:block;padding:6px 0 3px;}
.calendar-list td .subject{display:block;padding:5px 0;font-size:16px;color:#333;line-height:1.4em;}
.calendar-list td .subject span{font-size:15px;letter-spacing:-0.25px;}
.calendar-list td .subject span + span{margin-left:2px;}
.calendar-list td a:hover .subject{text-decoration:underline;}
.calendar-list td .closed{margin:5px 0;text-align:center;}
.calendar-btm{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;margin:15px 0;}
.calendar-btm > li{display:flex;align-items:center;font-size:15px;}
.calendar-btm > li .category{margin-right:6px;}

.calendar-area{display:flex;justify-content:space-between;gap:20px;}
.calendar-area > .left{width:520px;}
.calendar-area > .right{width:600px;}
.calendar-title{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:10px;}
.calendar-title a.btn-prev{display:inline-block;width:50px;height:50px;text-indent:-9999px;background:url('/edu/images/sub/ico_prev.png') no-repeat center;box-sizing:border-box;}
.calendar-title a.btn-next{display:inline-block;width:50px;height:50px;text-indent:-9999px;background:url('/edu/images/sub/ico_next.png') no-repeat center;box-sizing:border-box;}
.calendar-title b{margin:0 10px;font-family:'SchoolSafetyRecorder';font-weight:400;font-size:30px;color:#151515;}
.cate-list{display:flex;align-items:center;margin-top:20px;}
.cate-list li{position:relative;margin:0 7px;padding-left:24px;font-weight:300;font-size:16px;color:#686868;}
.cate-list li.ing{color:#e34a14;}
.cate-list li:before{display:block;content:'';position:absolute;left:0;top:4px;width:16px;height:16px;background:#fff;box-sizing:border-box;}
.cate-list li.ing:before{border:2px solid #e34a14;border-radius:50%;}
.cate-list li.end:before{background:#efefef;border-radius:50%;}
.cate-list li.today:before{border:2px solid #686868;}
.calendar-small{position:relative;border-top:2px solid #333;}
.calendar-small:before{display:block;conteont:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:#e0e0e0;}
.calendar-small th,
.calendar-small td{padding:5px;height:76px;font-size:16px;color:#333;text-align:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;box-sizing:border-box;}
.calendar-small th{height:58px;font-weight:500;font-size:17px;color:#151515;background:#f9f9f9;}
.calendar-small .sun{color:#e34a14;}
.calendar-small td.today{border:2px solid #686868;}
.calendar-small td .end{display:inline-block;line-height:39px;color:#8d8d8d;background:#efefef;border:1px solid #efefef;border-radius:50%;box-sizing:border-box;}
.calendar-small td .day{position:relative;width:41px;height:41px;box-sizing:border-box;}
.calendar-small td .day input,
.calendar-small td .day input:before{display:none;}
.calendar-small td .day input + label{display:flex;justify-content:center;align-items:center;margin:0 auto;width:41px;height:41px;font-size:17px;color:#e34a14;background-color:#fff;border:2px solid #e34a14;border-radius:50%;box-sizing:border-box;cursor:pointer;}
.calendar-small td .day input:checked + label{color:#fff;background:#e34a14;}
.calendar-small td .holiday p{margin-top:3px;font-size:12px;}

.calendar-date{display:block;margin-bottom:10px;font-family:'SchoolSafetyRecorder';font-weight:400;font-size:22px;color:#151515;line-height:50px;text-align:center;}
.calendar-table{position:relative;border-top:2px solid #333;}
.calendar-table:before{display:block;content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:#e0e0e0;}
.calendar-table th,
.calendar-table td{padding:10px;height:80px;font-size:18px;color:#333;line-height:1.3em;text-align:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;text-align:center;box-sizing:border-box;}
.calendar-table th{height:58px;font-weight:500;font-size:17px;color:#151515;background:#f9f9f9;}
.calendar-table td b{font-weight:500;color:#151515;}
.calendar-table .red{font-weight:500;color:#e34a14;}
.calendar-table .green{font-weight:500;color:#38975c;}
.calendar-table a:hover{text-decoration:underline;}

.thumb-list{overflow:hidden;margin-bottom:60px;}
.thumb-list > ul{display:flex;flex-wrap:wrap;gap:46px;}
.thumb-list > ul > li{width:calc(100% / 3 - 32px);text-align:center;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.thumb-list > ul > li.empty{display:block;padding:100px 0;width:100%;font-size:20px;text-align:center;}
.thumb-list .thumb-box{padding:0 0 30px;}
.thumb-list .thumb-box .img{display:block;position:relative;margin-bottom:25px;width:350px;height:410px;background:#f2f2f2 url('/edu/images/sub/noimg.png') no-repeat center / 74px auto;}
.thumb-list .thumb-box .img img{width:100%;height:100%;}
.thumb-list .thumb-box em{display:inline-flex;justify-content:center;align-items:center;position:absolute;right:10px;bottom:-10px;width:50px;height:50px;font-size:15px;color:#fff;background:#686868;}
.thumb-list .thumb-box em.blue{background:#235aab;}
.thumb-list .thumb-box em.red{background:#dd4d0e;}
.thumb-list .thumb-box em.green{background:#38975c;}
.thumb-list .thumb-box .info{display:flex;justify-content:center;margin-bottom:10px;padding:0 10px;}
.thumb-list .thumb-box .info li{position:relative;padding:0 12px;font-size:16px;color:#e34a14;}
.thumb-list .thumb-box .info li + li:before{display:block;content:'';position:absolute;left:0;top:5px;width:1px;height:9px;background:#e1e1e1;}
.thumb-list .thumb-box .title{display:block;display:-webkit-box;margin-bottom:10px;padding:0 10px;height:56px;line-height:28px;font-weight:500;font-size:20px;color:#151515;letter-spacing:-0.25px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.thumb-list .thumb-box .date{padding:0 10px;font-weight:300;font-size:16px;color:#686868;}
.thumb-list .thumb-btn{display:flex;margin-top:-1px;border-top:1px solid #e0e0e0;}
.thumb-list .thumb-btn > *{flex:1;display:inline-flex;justify-content:center;align-items:center;position:relative;height:58px;font-size:17px;color:#333;letter-spacing:-0.25px;}
.thumb-list .thumb-btn > * + *{border-left:1px solid #e0e0e0;}
.thumb-list .thumb-btn .blue{color:#235aab;}
.thumb-list .thumb-btn .red{color:#dd4d0e;}
.thumb-list .thumb-btn .green{color:#38975c;}
.thumb-list .thumb-btn .gray{color:#686868;background:#f9f9f9;}
.thumb-list .thumb-btn .arrow{padding-right:45px;background:url('/edu/images/sub/ico_arrow.png') no-repeat right center;}
.thumb-list .thumb-btn a:before{display:block;content:"";position:absolute;left:50%;bottom:0;width:0%;height:2px;background:#c3a3fc;transform:translateX(-50%);transition-duration:0.3s;}
.thumb-list .thumb-btn a:hover{font-weight:500;}
.thumb-list .thumb-btn a:hover:before{width:100%;}

.thumb-view{display:flex;align-items:flex-start;margin-bottom:85px;gap:40px;}
.thumb-view .img{flex-shrink:0;position:relative;width:360px;min-height:360px;height:auto;text-align:center;background:#f2f2f2 url('/edu/images/sub/noimg.png') no-repeat center / 81px auto;border-radius:10px;overflow:hidden;}
.thumb-view .img img{width:100%;height:100%;}
.thumb-view .img.h-auto{min-height:230px !important;height:auto !important;}
.thumb-view h4.title{display:flex;align-items:center;gap:15px;margin-bottom:20px;font-weight:500;font-size:26px;color:#151515;line-height:1.4em;}
.thumb-view h4.title .category{margin-top:5px;}
.thumb-view .table-form th,
.thumb-view .table-form td{height:61px;}
.thumb-view .table-form th{font-size:17px;background:#fff;}
.thumb-view .btn-grp{display:flex;justify-content:space-between;gap:10px;}
.thumb-view .btn-grp > *{display:inline-flex;justify-content:center;align-items:center;flex:1;height:60px;font-size:19px;color:#fff;background:#333;border-radius:10px;box-sizing:border-box;}
.thumb-view .btn-grp .purple{color:#333;background:#c3a3fc;}
.thumb-view .btn-grp .gray{background:#8d8d8d;}
.thumb-view .btn-grp .green{color:#38975c;background:#fff;border:2px solid #38975c;}
.thumb-view .btn-grp > a:hover{box-shadow:0 0 20px rgba(0,0,0,0.3);}

.view_btm .tab-bar{display:flex;margin-bottom:50px;border-bottom:2px solid #333;}
.view_btm .tab-bar li{flex:1;position:relative;}
.view_btm .tab-bar li a{display:flex;justify-content:center;align-items:center;width:100%;height:53px;font-size:20px;color:#686868;letter-spacing:-0.25px;text-align:center;background:#f6f6f6;border:1px solid #e0e0e0;border-bottom:none;border-radius:10px 10px 0 0;box-sizing:border-box;}
.view_btm .tab-bar li.active a{color:#333;letter-spacing:-0.5px;background:#fff;border:2px solid #333;border-bottom:none;}
.view_btm .tab-bar li.active:after{display:block;content:'';position:absolute;left:2px;right:2px;bottom:-3px;height:4px;border-bottom:4px solid #fff;}

.event-list{margin:15px 0;}
.event-list > ul{display:flex;flex-wrap:wrap;gap:30px 27px;}
.event-list > ul > li{width:calc(50% - 14px);border:1px solid #e0e0e0;border-radius:10px 20px 10px 10px;box-sizing:border-box;}
.event-list > ul > li.empty{display:block;padding:100px 0;width:100%;font-size:20px;text-align:center;border:none;}
.event-list .thumb-box{display:flex;gap:25px;position:relative;padding:28px 32px;}
.event-list .thumb-box .cate{position:absolute;right:-1px;top:-1px;width:70px;height:30px;line-height:30px;font-size:15px;color:#fff;text-align:center;background:#549fce;border-radius:0 20px 20px 20px;}
.event-list .thumb-box .cate.type1{background:#549fce;}
.event-list .thumb-box .cate.type2{background:#6c72cc;}
.event-list .thumb-box .cate.type3{background:#d07158;}
.event-list .thumb-box .img{flex-shrink:0;display:block;position:relative;width:170px;height:220px;background:#f2f2f2 url('/edu/images/sub/noimg.png') no-repeat center / 57px auto;border-radius:10px;}
.event-list .thumb-box .img img{max-width:100%;height:100%;}
.event-list .thumb-box .con{margin-top:5px;}
.event-list .thumb-box .title{display:block;display:-webkit-box;margin:3px 0 13px;height:56px;line-height:28px;font-weight:500;font-size:20px;letter-spacing:-0.25px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.event-list .thumb-box .date{display:block;margin-bottom:15px;font-weight:300;font-size:17px;line-height:1.4em;}
.event-list .thumb-box .info li{font-weight:300;font-size:16px;color:#333;line-height:1.5em;}
.event-list .thumb-btn{display:flex;border-top:1px solid #e0e0e0;}
.event-list .thumb-btn > *{flex:1;display:inline-flex;justify-content:center;align-items:center;position:relative;height:54px;font-size:17px;color:#333;letter-spacing:-0.25px;}
.event-list .thumb-btn > * + *{border-left:1px solid #e0e0e0;}
.event-list .thumb-btn .red{color:#dd4d0e;}
.event-list .thumb-btn .red:after{display:inline-block;content:'';margin-left:18px;width:25px;height:13px;background:url('/edu/images/sub/ico_arr.png') no-repeat center;}
.event-list .thumb-btn .green{color:#95a11f;}
.event-list .thumb-btn .blue{color:#485790;}
.event-list .thumb-btn .gray{color:#686868;background:#f9f9f9;border-radius:0 0 10px 0;}
.event-list .thumb-btn a:before{display:block;content:"";position:absolute;left:50%;bottom:0;width:0%;height:2px;background:#333;transform:translateX(-50%);transition-duration:0.3s;}
.event-list .thumb-btn a.red:before{background:#dd4d0e;}
.event-list .thumb-btn a.blue:before{background:#485790;}
.event-list .thumb-btn a:hover:before{width:100%;}

.arrow{margin:0 8px;}
.arrow img{width:21px;}

.table-info{position:relative;margin-bottom:20px;border-top:2px solid #333;}
.table-info:before{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
.table-info th,
.table-info td{padding:15px 10px;height:62px;line-height:1.4em;text-align:center;font-weight:300;background:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;text-align:center;box-sizing:border-box;}
.table-info th{font-weight:500;height:56px;}
.table-info td .list-con{margin:0;}
.table-info td .list-con > li{margin-bottom:2px;}
.table-info .txt-left{padding-left:25px !important;padding-right:10px !important;}
.table-info .txt-right{padding-right:25px !important;padding-left:10px !important;}
.table-info td .list-con + .list-con{margin-top:5px;}
.table-info td .step-list{margin:20px 25px;}
.table-info .circle i{display:block;margin:0 auto;width:14px;height:14px;background:#a774fa;border-radius:50%;}
.table-info .circle .flex{display:flex;flex-direction:column;align-items:center;font-size:14px;}
.table-info + .list-con > li{margin-bottom:0;font-size:17px;}
.list-con + .table-info{margin-top:15px;}
.table-info .table-info table{width:100%;}
.table-info .table-info td{padding:12px;height:52px;}
.table-info .table-info th{padding:12px;height:52px;background:#f6f6f6;}
.table-info.scroll th,
.table-info.scroll td{padding:15px 3px;}
.table-info.scroll .btn.small{margin:2px 10px;}

.tel{display:inline-block;padding:5px 0 5px 40px;background:url('/edu/images/sub/ico_tel.png') no-repeat left top / 32px auto;}
p .tel,
.list-con .tel{margin-left:10px;}
.mail{display:inline-block;padding:5px 0 5px 40px;background:url('/edu/images/sub/ico_mail.png') no-repeat left top / 32px auto;}
p .mail,
.list-con .mail{margin-left:10px;}

.map{display:inline-block;padding:5px 0 5px 40px;background:url('/edu/images/sub/ico_map.png') no-repeat left top / 32px auto;}
p .map,
.list-con .map{margin-left:10px;}

.business-list{display:flex;flex-wrap:wrap;margin:17px 0;gap:16px;}
.business-list > div{flex:1;text-align:center;border:2px solid #ddc9f8;border-radius:12px 12px 10px 10px;box-sizing:border-box;}
.business-list > .item2{border-color:#caa8f5;}
.business-list > .item2-1{border-color:#d5bbf7;}
.business-list > .item3{border-color:#ba8af1;}
.business-list > .item4{border-color:#c197f2;}
.business-list .title{display:flex;justify-content:center;align-items:center;padding:5px;height:58px;font-weight:500;font-size:19px;color:#151515;letter-spacing:-0.1px;background:#ddc9f8;border-radius:10px;box-sizing:border-box;}
.business-list .item2 .title{background:#caa8f5;}
.business-list .item2-1 .title{background:#d5bbf7;}
.business-list .item3 .title{background:#ba8af1;}
.business-list .item4 .title{background:#c197f2;}
.business-list .con{padding:15px 30px 30px;}
.business-list .con p{text-align:left;}
.business-list .list-con{padding:15px 30px;}
.business-list + .list-con > li{margin-bottom:0;font-size:17px;}
.business-list.cols2 > div{flex:1 1 40%;}

.step-list{display:flex;flex-wrap:wrap;margin:15px 0;gap:20px;}
.step-list > li{display:flex;align-items:center;flex-direction:column;position:relative;padding:30px 5px 20px;width:calc(25% - 15px);min-height:164px;color:#333;line-height:1.5em;letter-spacing:-0.25px;text-align:center;border:2px solid #ddc9f8;border-radius:10px;box-sizing:border-box;}
.step-list > li.item0{border-color:#e7d7fa;}
.step-list > li.item2{border-color:#d5bbf7;}
.step-list > li.item3{border-color:#caa8f5;}
.step-list > li.item4{border-color:#c197f2;}
.step-list > li.item5{border-color:#ba8af1;}
.step-list > li.item6{border-color:#b482f0;}
.step-list > li.item7{border-color:#af79ef;}
.step-list > li:after{display:block;content:'';position:absolute;right:-33px;top:calc(50% - 20px);width:33px;height:40px;background:#ddc9f8 url('/edu/images/sub/bg_step_arrow.png') no-repeat center / auto 14px;border-radius:0 30px 30px 0;z-index:2;}
.step-list > li.item0:after{border-color:#e7d7fa;}
.step-list > li.item2:after{background-color:#d5bbf7;}
.step-list > li.item3:after{background-color:#caa8f5;}
.step-list > li.item4:after{background-color:#c197f2;}
.step-list > li.item5:after{background-color:#ba8af1;}
.step-list > li.item6:after{background-color:#b482f0;}
.step-list > li.item7:after{background-color:#af79ef;}
.step-list > li:last-child:after,
.step-list > li:nth-child(4n):after{display:none;}
.step-list > li i{display:block;margin:0 auto 20px;}
.step-list > li i img{width:50px;}
.step-list > li em{position:absolute;left:13px;top:-1px;width:38px;height:34px;line-height:34px;font-size:16px;color:#fff;background:#0677cd;border-radius:0 0 10px 10px;}
.step-list.cols3 > li{width:calc(100% / 3 - 14px);}
.step-list.cols3 > li:nth-child(4n):after{display:block;}
.step-list.cols3 > li:nth-child(3n):after{display:none;}
.step-list.cols5 > li{width:calc(20% - 16px);}
.step-list.cols5 > li:nth-child(4n):after{display:block;}
.step-list.cols5 > li:nth-child(5n):after{display:none;}
.step-list + .list-con > li{margin-bottom:0;font-size:17px;}

.consult-list{display:flex;flex-wrap:wrap;margin:15px 0;gap:14px;}
.consult-list > li{padding:35px 30px;width:calc(100% / 3 - 10px);text-align:center;background:#f6f6f6;border-radius:10px;box-sizing:border-box;}
.consult-list > li em{display:block;margin:0 auto 17px;width:66px;height:66px;line-height:66px;font-weight:500;font-size:19px;color:#151515;background:#ba8af1;border-radius:50%;}
.consult-list > li p{line-height:1.45em;}

.consult-img .top{position:relative;margin-bottom:10px;}
.consult-img .top span{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-top:25px;font-weight:500;font-size:26px;color:#151515;letter-spacing:-0.1px;text-align:center;}
.consult-img .list{display:flex;flex-wrap:wrap;gap:8px 7px;margin:0 30px;}
.consult-img .list > li{flex:1 1 17%;padding:38px 10px 30px;text-align:center;font-weight:300;background:#e7d7fa;border-radius:10px;box-sizing:border-box;}
.consult-img .list > li.item6{background:#ddc9f8;}
.consult-img .list > li em{display:inline-block;margin-bottom:5px;font-weight:500;font-size:21px;color:#151515;letter-spacing:-0.1px;line-height:1.2em;border-bottom:1px solid #2f2d31;}
.consult-img .list > li p{line-height:1.45em;}

.course-list{display:flex;flex-wrap:wrap;gap:20px 14px;margin:20px 0;}
.course-list > li{width:calc(50% - 7px);padding:43px 20px 54px;text-align:center;background:#fff;border:2px solid #d5bbf7;border-radius:10px;box-sizing:border-box;}
.course-list i{display:block;margin:0 auto 20px;width:150px;}
.course-list .title{display:block;margin-bottom:23px;font-size:22px;color:#151515;line-height:1.4em;}
.course-list.cols3 > li{width:calc(100% / 3 - 10px);}

.play-guide{display:flex;flex-wrap:wrap;gap:14px;}
.play-guide > div{flex:1;text-align:center;border:2px solid #ddc9f8;border-radius:10px;box-sizing:border-box;}
.play-guide > div.item2{border-color:#ddc9f8;}
.play-guide > div.item3{border-color:#caa8f5;}
.play-guide > div .title{display:flex;flex-direction:column;justify-content:center;height:168px;font-weight:500;font-size:22px;color:#151515;letter-spacing:-0.1px;line-height:1.3em;background:#ddc9f8;}
.play-guide > div.item2 .title{background-color:#ddc9f8;}
.play-guide > div.item3 .title{background-color:#caa8f5;}
.play-guide > div .title i{margin:-8px auto 20px;width:80px;}
.play-guide > div .title b{margin-top:-10px;}
.play-guide > div .con{padding:0 23px;}
.play-guide > div ul li{padding:26px 0;text-align:left;line-height:1.45em;border-bottom:1px solid #e0e0e0;}
.play-guide > div ul li:last-child{border-bottom:none;}
.play-guide + .list-con{margin-top:17px;}

.play-wrap{position:relative;padding:0 66px;margin-bottom:115px;}
.play-slider{position:static;margin:0 auto;width:1020px;}
.play-slider li{border-radius:20px;overflow:hidden;}
.play-slider li img{display:block;height:546px;}
.play-slider .swiper-button-prev{left:0;margin-top:-26px;width:52px;height:52px;background:#fff url('/edu/images/sub/ico_prev.png') center no-repeat;background-size:12px auto;box-shadow:0 8px 18px rgba(16,10,4,0.09);border-radius:50%;}
.play-slider .swiper-button-next{right:0;margin-top:-26px;width:52px;height:52px;background:#fff url('/edu/images/sub/ico_next.png') center no-repeat;background-size:12px auto;box-shadow:0 8px 18px rgba(16,10,4,0.09);border-radius:50%;}
.play-slider .swiper-pagination{position:absolute;left:0;right:0;bottom:-60px;display:flex;align-items:center;justify-content:center;vertical-align:top;}
.play-slider .swiper-pagination-bullet{position:relative;margin:0 10px !important;width:12px;height:12px;background:#d8d8d8;border-radius:50%;opacity:1;box-sizing:border-box;vertical-align:top;}
.play-slider .swiper-pagination-bullet-active{margin:0 14px !important;width:6px;height:6px;background:#7840e1;}
.play-slider .swiper-pagination-bullet-active:before{content:'';position:absolute;left:-8px;top:-8px;bottom:-8px;right:-8px;border:2px solid #7840e1;border-radius:50%;}

.family-area{padding:0 !important;}
.family-area .table-info{margin:0;border-top:none;}
.family-area .table-info th,
.family-area .table-info td{padding:10px;}
.family-area .table-info tr:last-child td{border-bottom:none;}
.family-area .table-info .w100p{margin:0;}
.family-inp{display:flex;justify-content:center;align-items:center;}
.family-inp > li{position:relative;}
.family-inp > li > input[type="radio"]{display:none;}
.family-inp > li > input[type="radio"]:before{background-image:none;}
.family-inp > li > input[type="radio"] + label{display:block;margin:0 3px;width:34px;height:34px;line-height:32px;text-align:center;border:1px solid #dcdcdc;border-radius:50%;box-sizing:border-box;}
.family-inp > li > input[type="radio"]:checked + label{background:#fcda4b;border-color:#fcda4b;}
.family-flex{display:flex;padding:0 10px;justify-content:space-between;}
.family-flex span{font-size:15px;}

/* ***** community ***** */
.count{position:relative;font-weight:300;font-size:17px;color:#333;line-height:22px;}
.count:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#333;border-radius:50%;}
.count span{position:relative;padding:0 14px;}
.count span + span:before{content:'';position:absolute;left:0;top:5px;width:1px;height:10px;background:#e0e0e0;}
.count b{font-weight:500;color:#dd4d0e;}
.board-search{display:flex;align-items:center;margin-bottom:25px;}
.board-search .search{display:flex;align-items:center;margin-left:auto;}
.board-search .search select{padding-left:15px;width:144px;height:48px;background-color:#f6f6f6;border:none;border-radius:10px;}
.board-search .search select.w160{width:160px;}
.board-search .search input[type="text"]{padding-left:15px;width:364px;height:48px;background-color:#f6f6f6;border:none;border-radius:10px;}
.board-search .btn-search{display:inline-block;flex-shrink:0;margin:2px;padding:0 5px;min-width:70px;height:48px;font-size:17px;color:#fff;text-align:center;background:#333;vertical-align:middle;border-radius:10px;box-sizing:border-box;}
.board-search .btn-all{display:inline-block;flex-shrink:0;margin:2px;padding:0 5px;min-width:84px;height:48px;font-size:17px;text-align:center;color:#fff;background:#8d8d8d;border-radius:10px;box-sizing:border-box;}
.board-search .search .sel-grp{display:flex;}
.board-search .search .sel-grp select{flex:1;width:154px;}
.board-search .search .sel-grp + input[type="text"]{width:100%;}
.board-search.full{flex-direction:column;align-items:flex-start;gap:14px;}
.board-search.full .search{margin-left:0;width:100%;}

.board-list{margin-bottom:10px;border-top:2px solid #333;}
.board-list table th,
.board-list table td{padding:15px 10px;height:66px;font-size:18px;color:#333;line-height:1.5em;text-align:center;border-bottom:1px solid #e0e0e0;box-sizing:border-box;}
.board-list table th{height:60px;font-weight:500;font-size:17px;color:#151515;}
.board-list table td.title{text-align:left;}
.board-list table td.title a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board-list table td.title a.lock{padding-left:30px;background:url('/edu/images/sub/ico_lock.png') no-repeat left center;}
.board-list table td.title a.open{margin-left:30px;}
.board-list table td.subject{text-align:left;}
.board-list table td.empty{padding:100px 0;text-align:center;font-size:20px;}
.board-list table tbody tr:hover{box-shadow:0 5px 25px rgba(0,0,0,0.06);}
.board-list table tbody tr:hover td{border-color:#c3a3fc;}
.board-list table tbody tr:hover td.title a,
.board-list table tbody tr:hover td.subject a{font-weight:500;}
.board-list table td .category,
.board-list table td .category2{padding:5px;}
.board-list table td .notice img{width:25px;}
.board-list table td .file img{width:19px;}

.state{display:inline-flex;justify-content:center;align-items:center;min-width:80px;padding:5px 10px;height:38px;font-size:16px;color:#686868;line-height:1.25em;text-align:center;background:#fff;border:1px solid #686868;border-radius:30px;box-sizing:border-box;}
.state.red{color:#dd4d0e;border-color:#dd4d0e;}
.state.green{color:#38975c;border-color:#38975c;}
.state.blue{color:#019dd9;border-color:#019dd9;}
.state.gray{color:#8d8d8d;border-color:#8d8d8d;}

.media-list{margin-bottom:10px;border-top:2px solid #333;}
.media-list > li{border-bottom:1px solid #e0e0e0;}
.media-list > li > a{display:flex;gap:30px;padding:30px 0;}
.media-list > li .img{display:block;flex-shrink:0;width:270px;height:175px;background:#f2f2f2 url('/edu/images/sub/noimg.png') no-repeat center / 67px auto;border-radius:10px;overflow:hidden;transition-duration:0.3s;}
.media-list > li .img img{width:100%;height:100%;transition-duration:0.3s;}
.media-list > li .con{flex-grow:1;display:flex;flex-direction:column;padding:10px 0;}
.media-list > li .title{display:block;margin-bottom:13px;font-weight:600;font-size:22px;color:#151515;line-height:1.3em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.media-list > li .desc{display:block;display:-webkit-box;margin-bottom:10px;max-width:99.9%;height:52px;line-height:26px;font-weight:300;font-size:17px;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;transition-duration:0.3s;}
.media-list > li .info{margin-top:auto;}
.media-list > li .info span{font-weight:300;font-size:16px;color:#333;}
.media-list > li .info span + span{position:relative;margin-left:10px;padding-left:10px;}
.media-list > li .info span + span:before{content:'';position:absolute;left:0;top:calc(50% - 6px);width:1px;height:12px;background:#7d7d7d;}
.media-list > li:hover{border-color:#c3a3fc;}
.media-list > li a:hover .img img{transform:scale(1.05);}
.media-list > li.empty{padding:100px 0;text-align:center;font-size:20px;}

.book-list{overflow:hidden;margin-bottom:10px;}
.book-list ul{display:flex;flex-wrap:wrap;gap:30px 25px;}
.book-list li{position:relative;width:calc(25% - 19px);box-sizing:border-box;}
.book-list li a{display:block;position:relative;margin:0 auto;max-width:266px;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;transition-duration:0.3s;}
.book-list li .img{display:block;width:100%;height:310px;background:#f2f2f2 url('/edu/images/sub/noimg.png') no-repeat center / 67px auto;overflow:hidden;}
.book-list li .img img{width:100%;height:100%;transition-duration:0.3s;}
.book-list li .con{padding:22px 15px 30px;text-align:center;box-sizing:border-box;}
.book-list li .title{display:block;display:-webkit-box;margin-bottom:10px;max-width:99.9%;height:60px;line-height:30px;font-weight:400;font-size:19px;letter-spacing:-0.1px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.book-list li .date{font-weight:300;font-size:15px;color:#686868;}
.book-list li a:hover{border-color:#c3a3fc;box-shadow:0 0 25px rgba(0,0,0,0.1);}
.book-list li a:hover .img img{transform:scale(1.05);}
.book-list li.empty{padding:100px 0;width:100%;text-align:center;font-size:20px;}

.sns-list{overflow:hidden;margin-bottom:10px;}
.sns-list ul{display:flex;flex-wrap:wrap;gap:40px 50px;}
.sns-list li{position:relative;width:calc(100% / 3 - 34px);box-sizing:border-box;}
.sns-list li.empty{padding:100px 0;width:100%;text-align:center;font-size:20px;}
.sns-list li:nth-child(3n+1):after,
.sns-list li.empty:after{display:block;content:'';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px solid #dedede;}
.sns-list li a{display:block;position:relative;text-align:center;}
.sns-list li .sns{position:absolute;left:10px;top:10px;z-index:2;}
.sns-list li .img-wrap{margin:0 auto 23px;padding:10px;background:#f6f6f6;border-radius:10px;overflow:hidden;}
.sns-list li .img{position:relative;display:block;width:330px;height:412px;background:#f2f2f2 url('/edu/images/sub/noimg.png') no-repeat center / 67px auto;border-radius:10px;overflow:hidden;transition-duration:0.3s;box-sizing:border-box}
.sns-list li .img img{width:100%;height:100%;transition-duration:0.3s;}
.sns-list li .title{display:block;display:-webkit-box;margin:0 10px 33px;max-width:99.9%;height:56px;line-height:28px;font-weight:400;font-size:20px;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.sns-list li a:hover .img img{transform:scale(1.05);}
.sns-list li:hover:before{display:block;content:'';position:absolute;left:0;right:0;bottom:0;width:auto;border-bottom:1px solid #c3a3fc;box-shadow:0 5px 25px rgba(0,0,0,0.06);z-index:2;}

.paging{margin:55px 0;text-align:center;}
.paging.btm{margin-bottom:0;}
.paging a{display:inline-block;margin:0 14px;padding:0 2px;height:40px;text-align:center;vertical-align:middle;box-sizing:border-box;transition-duration:0.2s;}
.paging .num{line-height:38px;}
.paging .num.active{font-weight:600;border-bottom:1px solid #333;}
.paging .page{margin:0;width:35px;text-indent:-9999px;background:url('/edu/images/sub/ico_page_first.png') no-repeat center;background-size:auto 17px !important;}
.paging .prev{margin-right:6px;background-image:url('/edu/images/sub/ico_page_prev.png');}
.paging .next{margin-left:6px;background-image:url('/edu/images/sub/ico_page_next.png');}
.paging .last{background-image:url('/edu/images/sub/ico_page_last.png');}
.paging .num:hover{font-weight:600;}
.paging + .btn-area{margin-top:30px;}

.board-view{margin-bottom:10px;border-top:2px solid #333;}
.board-view .title{padding:25px;line-height:1.3em;font-weight:500;font-size:22px;color:#151515;text-align:center;background:#fff;border-bottom:1px solid #e0e0e0;}
.board-view .info-row{display:flex;flex-wrap:wrap;}
.board-view .info-row li{display:flex;height:60px;line-height:1.3em;border-bottom:1px solid #e0e0e0;box-sizing:border-box;}
.board-view .info-row li b{display:flex;align-items:center;flex-shrink:0;padding:10px 25px;width:150px;height:100%;font-weight:500;font-size:17px;background:#f9f9f9;box-sizing:border-box;}
.board-view .info-row li span{display:flex;align-items:center;padding:10px 25px;height:100%;box-sizing:border-box;}
.board-view .file-row{display:table;width:100%;height:60px;line-height:1.3em;border-bottom:1px solid #e0e0e0;}
.board-view .file-row b{display:table-cell;vertical-align:middle;padding:10px 25px;width:150px;height:100%;font-weight:500;font-size:17px;background:#f9f9f9;box-sizing:border-box;}
.board-view .file-list{display:table-cell;vertical-align:middle;padding:10px 25px;box-sizing:border-box;}
.board-view .con-row{padding:40px 25px;line-height:1.7em;border-bottom:1px solid #e0e0e0;}
.board-view .con-row *{line-height:1.7em;}
.board-view .page-row li{display:table;width:100%;height:60px;line-height:1.3em;border-bottom:1px solid #e0e0e0;}
.board-view .page-row li b{display:table-cell;vertical-align:middle;padding:10px 25px;width:150px;height:100%;font-weight:500;font-size:17px;background:#f9f9f9;box-sizing:border-box;}
.board-view .page-row li span{display:table-cell;vertical-align:middle;padding:10px 25px;height:100%;box-sizing:border-box;}
.board-view .page-row li a:hover{text-decoration:underline;}
.board-view + .board-view{margin-top:-11px;}

.file-list li{padding-left:35px;line-height:32px;background:url('/edu/images/sub/ico_file.png') no-repeat left 6px / 19px auto;}
.file-list li + li{margin-top:5px;}
.file-list li a:hover{text-decoration:underline;}

.file-down{display:inline-block;margin:0 10px;width:32px;height:32px;text-indent:-9999px;background:#f6f6f6 url('/edu/images/sub/ico_download.png') no-repeat center / 15px auto;border-radius:50%;transition-duration:0.1s;box-sizing:border-box;}
.file-down:hover{background-color:#dfdfdf;}

.table-desc{margin:15px 0;font-size:17px;}
.table-title{display:flex;align-items:flex-end;margin-bottom:22px;}
.table-title .h4-title{display:inline-block;margin-bottom:0;}
.table-title .table-desc{flex-shrink:0;margin:0 0 0 auto;}

.required{display:inline-block;margin:0 4px;font-weight:500;font-size:18px;color:#e34a14;}
.table-form{margin-bottom:45px;border-top:2px solid #333;}
.table-form th,
.table-form td{padding:10px 20px 10px 25px;height:65px;font-weight:300;line-height:1.3em;border-bottom:1px solid #d8d8d8;text-align:left;box-sizing:border-box;}
.table-form th{padding:10px 10px 10px 30px;font-weight:500;color:#151515;background:#f6f6f6;}
.table-form thead th{text-align:center;}
.table-form .msg{font-size:17px;color:#686868;}
.table-form span.msg{display:inline-block;margin-left:15px;}
.table-form p.msg{margin:6px 0;}
.table-form p.msg.top{margin:0 0 6px;}
.table-form p.msg.btm{margin:6px 0 0;}
.table-form input[type='text'],
.table-form input[type='password'],
.table-form input[type='number'],
.table-form input[type='file'],
.table-form select,
.table-form textarea{margin:3px 2px;}
.table-form .btn.inline{margin:3px 4px;}
.table-form label + input{margin-left:35px;}
.table-form .list-con > li{margin-bottom:0;}
.table-form .join-title{font-weight:500;font-size:21px;color:#151515;background:#efefef;}
.table-form .th-title{padding:25px;line-height:1.3em;font-weight:500;font-size:22px;color:#151515;text-align:center;background:#fff;}
.table-form .inp-right{display:inline-block;margin-left:70px;}
.table-form b{font-weight:600;}
.table-form .con-row{padding:40px 25px;line-height:1.7em;}
.table-form .con-row *{line-height:1.7em;}
.table-form + .table-form{margin-top:-45px;}

.agree-wrap{overflow:hidden;}
.agree-wrap ::-webkit-scrollbar{width:8px;background-color:#f6f6f6;}
.agree-wrap ::-webkit-scrollbar-track{background:#e0e0e0;border-radius:8px;}
.agree-con{padding:35px 45px;line-height:1.4em !important;background:#f6f6f6;border-radius:10px;box-sizing:border-box;}
.agree-con > div{max-height:330px;overflow-y:auto;}
.agree-con p{margin:0 0 10px;}
.agree-con .h4-title{margin-bottom:25px;font-weight:600;font-size:26px;}
.agree-con .h5-title{margin:25px 0 10px;padding-left:0;font-weight:500;font-size:21px;background:none;}
.agree-con .h4-content{margin-bottom:30px;}
.agree-con .h5-content{margin-bottom:20px;padding-left:0;}
.agree-con .list-con{margin:0 0 10px;}
.agree-con .list-con .list-con{margin:5px 0 10px;}
.agree-con .list-con > li{margin-bottom:5px;}
.agree-con .title{display:block;margin-bottom:5px;font-weight:500;font-size:18px;color:#333;}
.agree-table{position:relative;margin:20px 0;border-top:2px solid #333;}
.agree-table:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
.agree-table table th,
.agree-table table td{padding:10px;height:60px;text-align:center;background:#fff;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;box-sizing:border-box;}
.agree-table table th{font-weight:500;}
.agree-con .agree-table .list-con{margin:0;}
.agree-check{padding:30px 15px 0;text-align:right;}
.agree-check label{font-size:19px;color:#151515;}
.agree-check label + input{margin-left:65px;}
.agree-all{margin-bottom:35px;padding:40px 20px;text-align:center;border:2px solid #e0e0e0;border-radius:10px;}
.agree-all label{font-weight:500;font-size:20px;color:#151515;}
.agree-all label span{font-weight:400;font-size:18px;}
.agree-btm{margin-bottom:70px;font-size:20px;color:#333;text-align:center;line-height:1.4em;}
.agree-box{margin-bottom:35px;padding:40px 20px;text-align:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;}
.agree-box p{font-size:20px;color:#151515;line-height:1.5em;}
.agree-box p + p{margin-top:25px;}
.agree-box + .agree-check{margin-top:-35px;}
.userInfo{margin:3px 0;}
.userInfo li{display:inline-block;margin-right:15px;}
.userInfo li span{display:inline-block;margin-right:10px;line-height:46px;}
.userInfo li label + input{margin-left:15px;}

#findCenter{display:none;background:#f6f6f6;}
#findCenter.active{display:table-row;}
#findCenter th{padding-top:25px;vertical-align:top;}
#findCenter td{padding-top:10px;padding-bottom:13px;}
#btnFindCenter{transition-duration:0s;}
.btn.inline.find-close{min-width:50px;text-indent:-9999px;background:#616fcb url('/edu/images/sub/ico_find_close.png') no-repeat center;border:1px solid #616fcb;border-radius:10px;transition-duration:0s;}
#centerList{display:none;background:#fff;border:1px solid #cacaca;border-radius:10px;overflow:hidden;}
#centerList.active{display:block;}
#centerList ul{margin-top:7px;padding:10px 0;max-height:274px;box-sizing:border-box;overflow-y:auto;}
#centerList ul li a{display:flex;justify-content:space-between;padding:4px 0;font-size:17px;line-height:1.4em;}
#centerList ul li b{display:block;padding:0 30px;font-weight:400;}
#centerList ul li span{display:block;flex-shrink:0;width:230px;text-align:left;}
#centerList ul li a:hover{background:#f4f5fb;color:#4067c8;}
#centerList ul li a:hover b{font-weight:400;}

/* ***** mypage ***** */
.btn-status{display:inline-block;margin:2px;padding:8px 15px;line-height:1.25em;font-size:16px;color:#fff;text-align:center;letter-spacing:-0.75px;vertical-align:middle;background:#6f7575;border:1px solid #6f7575;border-radius:20px;vertical-align:middle;box-sizing:border-box;}
.btn-status.blue{background-color:#2baaa8;border-color:#2baaa8;}
.btn-status.navy{background-color:#5c7bd7;border-color:#5c7bd7;}
.btn-status.green{background-color:#51ba58;border-color:#51ba58;}
.btn-status.purple{background-color:#9574dd;border-color:#9574dd;}
.btn-status.red{background-color:#db3d5f;border-color:#db3d5f;}
.btn-status.pink{background-color:#dc78d8;border-color:#dc78d8;}
.btn-status.sky{background-color:#4ec0ca;border-color:#4ec0ca;}
.btn-status.gray{background-color:#898c91;border-color:#898c91;}
.btn-status.lightgreen{background-color:#89c054;border-color:#89c054;}
.btn-status.yellow{background-color:#d8a315;border-color:#d8a315;}

.btn-status.line{color:#6f7575;background-color:#fff !important;}
.btn-status.blue.line{color:#2baaa8;}
.btn-status.navy.line{color:#5c7bd7;}
.btn-status.green.line{color:#51ba58;}
.btn-status.purple.line{color:#9574dd;}
.btn-status.red.line{color:#db3d5f;}
.btn-status.pink.line{color:#dc78d8;}
.btn-status.sky.line{color:#4ec0ca;}
.btn-status.gray.line{color:#898c91;}
.btn-status.lightgreen.line{color:#89c054;}
.btn-status.yellow.line{color:#d8a315;}

.btn-status.Type1{background-color:#2baaa8;border-color:#2baaa8;}
.btn-status.Type2{background-color:#5c7bd7;border-color:#5c7bd7;}
.btn-status.Type3{background-color:#51ba58;border-color:#51ba58;}
.btn-status.Type4{background-color:#9574dd;border-color:#9574dd;}
.btn-status.Type5{background-color:#db3d5f;border-color:#db3d5f;}
.btn-status.Type6{background-color:#dc78d8;border-color:#dc78d8;}
.btn-status.Type7{background-color:#4ec0ca;border-color:#4ec0ca;}
.btn-status.Type8{background-color:#898c91;border-color:#898c91;}
.btn-status.Type9{background-color:#89c054;border-color:#89c054;}
.btn-status.Type10{background-color:#d8a315;border-color:#d8a315;}

.btn-status.Type1.line{color:#2baaa8;}
.btn-status.Type2.line{color:#5c7bd7;}
.btn-status.Type3.line{color:#51ba58;}
.btn-status.Type4.line{color:#9574dd;}
.btn-status.Type5.line{color:#db3d5f;}
.btn-status.Type6.line{color:#dc78d8;}
.btn-status.Type7.line{color:#4ec0ca;}
.btn-status.Type8.line{color:#898c91;}
.btn-status.Type9.line{color:#89c054;}
.btn-status.Type10.line{color:#d8a315;}

.find-area{padding:70px 20px 80px;background:#f6f6f6;border-radius:20px;}
.find-area p{margin-bottom:40px;font-weight:500;font-size:24px;color:#151515;line-height:1.8em;text-align:center;}
.find-area ul{margin:0 auto;width:605px;}
.find-area ul li{padding-left:95px;margin-bottom:8px;position:relative;box-sizing:border-box;}
.find-area ul li b{display:inline-flex;align-items:center;position:absolute;left:0;top:0;padding-left:13px;font-weight:500;font-size:20px;color:#151515;height:46px;}
.find-area ul li b:before{content:'';position:absolute;left:0;top:21px;width:4px;height:4px;background:#333;border-radius:50%;}
.find-area li input{width:100%;}
.find-area + .btn-area,
.find-result + .btn-area{margin:80px 0 0;}

/* ***** total search ***** */
.total-search .red{font-weight:600;color:#e34a14 !important;}
.search-top{margin-bottom:60px;}
.search-top .board-search{padding:25px;background:#f6f6f6;border-radius:10px;}
.search-top .board-search .search{margin:0 auto;}
.search-top .board-search .search select{width:150px;background-color:#fff;}
.search-top .board-search .search input[type="text"]{width:450px;background-color:#fff;}
.search-top .search-msg{margin-bottom:25px;font-weight:400;font-size:27px;color:#151515;line-height:1.3em;text-align:center;}
.search-con .search-row{margin-bottom:75px;}
.search-con .search-row:last-child{margin-bottom:0;}
.search-con .top{position:relative;padding-right:48px;border-bottom:2px solid #151515;}
.search-con .top h4{margin-bottom:15px;font-weight:400;font-size:26px;color:#151515;line-height:1.3em;letter-spacing:-0.25px;}
.search-con .top h4 b{font-weight:600;}
.search-con .top .num{margin-left:10px;font-weight:600;color:#151515;letter-spacing:-0.25px;}
.search-con .top .more{position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;box-sizing:border-box;transition-duration:0.3s;}
.search-con .top .more img{width:18px;}
.search-con .top .more:hover{transform:rotate(180deg);}
.search-con .list li.empty{padding:40px 0 !important;width:100% !important;font-size:18px;color:#686868;text-align:center;border-bottom:1px solid #e0e0e0;}
.search-con .list li a{display:block;position:relative;padding:20px 130px 20px 0;border-bottom:1px solid #e0e0e0;transition-duration:0.3s;}
.search-con .list li a:hover{border-color:#c3a3fc;}
.search-con .list li .title{display:block;margin:8px 0;font-weight:500;font-size:20px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;letter-spacing:-0.25px;}
.search-con .list li .cont{display:block;margin:14px 0 10px;display:-webkit-box;max-width:99%;height:48px;line-height:24px;font-weight:300;font-size:17px;color:#686868;letter-spacing:-0.25px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.search-con .list li .date{display:block;position:absolute;right:0;top:30px;font-weight:300;font-size:16px;color:#686868;}
.search-con .media-list{border-top:none;}
.search-con .media-list li.empty{padding:40px 0 !important;width:100% !important;font-size:18px;color:#686868;text-align:center;border-bottom:1px solid #e0e0e0;}
.search-con .book-list{margin:40px 0 0;}
.search-con .book-list li.empty{padding:0 0 40px !important;font-size:18px;color:#686868;border-bottom:1px solid #e0e0e0;}
.search-con .sns-list{margin:40px 0 0;}
.search-con .sns-list li:nth-child(3n+1):after, 
.search-con .sns-list li.empty:after{border-color:#e0e0e0;}
.search-con .sns-list li.empty{padding:0 0 40px !important;font-size:18px;color:#686868;}
.search-con .sns-list li:hover:before{display:none;}


/* ***** responsive ***** */
.m-page{display:none;}

@media all and (min-width:1921px){
	#contents{min-height:800px;}
}