@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

/* 기자방 공통*/
.reporter_room{position:relative;padding-top:10px;}


/* 인증 */
.ident_box{background:#eee;padding:0 15px 50px;margin-top:68px;}
.ident_box .ident_title{text-align:center;font-size:20px;padding-top:65px;position:relative;}
.ident_box .ident_title:after{content:'';width:104px;height:109px;background:url(/page/school/images/conts/sp_conts.png) no-repeat 0 0;position:absolute;top:-53px;left:50%;transform:translateX(-50%);}
.ident_box .ident_title strong{font-size:38px;display:block;font-weight:400;}
.ident_box .ident_title strong span{background:#fff176;display: inline-block;line-height:1.2}
.ident_box .ident_list{text-align:center;padding-top:25px;}
.ident_box .ident_list > div{display:inline-block;width:460px;background:#fff;min-height:460px;border-radius:20px;box-shadow:5px 5px 5px rgba(0,0,0,.1);text-align:center;padding:0 15px 15px;vertical-align:top;max-width:45%;}
.ident_box .ident_list > div + div{margin-left:18px;}
.ident_box .ident_list > div h5{padding-top:38px;font-weight:700;text-align:center;font-size:30px;color:#01579b;}
.ident_box .ident_list > div img{display:block;margin:35px auto 0;}
.ident_box .ident_list > div button{display:block;width:200px;height:40px;text-align:center;background:#01579b;border-radius:20px;margin:43px auto 0;color:#fff;font-size:18px;line-height:40px;}
.ident_box .ident_list > div > span{display:block;font-size:14px;color:#444;margin-top:30px;text-align:center;font-weight:300;line-height:1.4}
.ident_box .ident_list > div.ipin h5{color:#004d40;}
.ident_box .ident_list > div.ipin button{background:#004d40}

@media (max-width: 1000px) {
    .ident_box .ident_list > div{display:block;margin:0 auto 0;max-width:inherit;}
    .ident_box .ident_list > div + div{margin:30px auto 0;}
}

@media (max-width: 640px) {
    .ident_box .ident_title strong{font-size:29px;}
    .ident_box .ident_list > div{width:100%;}
}

/* 접근권한 */
.access_box{width:900px;min-height:400px;border:1px solid #002d8b;border-radius:20px;margin:180px auto 0;box-shadow:5px 5px 10px rgba(0,0,0,.2);position:relative;padding:0 20px 127px;max-width:100%}
.access_box:after{content:'';width:291px;height:170px;background:url(/page/school/images/conts/sp_conts.png) no-repeat 0 -136px;position:absolute;top:-171px;left:50%;transform:translateX(-50%);}
.access_box .access_title{text-align:center;padding:50px 0 40px;color:#002d8b;font-size:40px;position:relative;}
.access_box .access_title:after{content:'';display:block;width:60px;height:1px;background:#000;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}
.access_box .access_title strong{font-weight:700;}
.access_box .text{display:block;text-align:center;font-size:18px;color:#000;font-weight:400;}
.access_box .telphone{padding-top:30px;display:block;font-size:24px;font-weight:700;text-align:center;}
.access_box button{display:block;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:400px;max-width:80%;height:90px;line-height:90px;background:#002d8b;white-space:nowrap;color:#fff;font-size:24px;border-top-left-radius:17px;border-top-right-radius:17px}
.access_box button:before{content:'';width:33px;height:27px;display:inline-block;background:url(/page/school/images/conts/sp_conts.png) no-repeat -369px 0;margin-right:19px;vertical-align:-5px;}

@media (max-width: 640px) {
    .access_box .access_title{font-size:32px;}
    .access_box .text{font-size:16px;}
    .access_box .telphone{font-size:20px;}
    .access_box button{font-size:20px;}
}


/* 로그인 */
.login{position:relative;padding-top:1px;}
.login_box{padding:30px 0 30px;background:url(/page/school/images/conts/bg_login_box.png) no-repeat 50% 50%;}
.login_box .login_title{font-size:60px;font-weight:100;text-align:center;padding-bottom:25px;position:relative;}
.login_box .login_title:after{content:'';position:absolute;left:50%;bottom:0px;display:block;height:30px;width:1px;background:#000;}
.login_box .greeting{text-align:center;color:#424242;font-weight:300;padding-top:12px;}
.login_box .greeting strong{font-size:20px;font-weight:400;color:#000;}
.login_box .greeting strong em{color:#ff0000}
.login_box form{max-width:440px;margin:30px auto 0;}
.login_box input[type=text]{display:block;width:100%;height:45px;border:2px solid #9e9e9e;border-radius:23px;padding:0 24px;font-size:18px;color:#757575}
.login_box input[type=password]{display:block;width:100%;height:45px;border:2px solid #9e9e9e;border-radius:23px;padding:0 24px;margin-top:10px;font-size:18px;color:#757575}
.login_box input::placeholder{font-size:18px;color:#757575;}
.login_box input:focus::-webkit-input-placeholder{color:transparent;}
.login_box input[type=submit]{display:block;width:100%;background:#dd2c00;color:#fff;text-align:center;font-size:18px;height:45px;line-height:45px;margin-top:10px;border-radius:23px;font-weight:400;}
.login_box .member_box{margin-top:34px;}
.login_box .member_box a{display:inline-block;height:45px;line-height:42px;font-size:18px;text-align:center;border-radius:23px;border:2px solid #000;text-decoration:none;font-weight:400;width:calc(61% - 10px)}
.login_box .member_box a:hover{color:#fff;background:#000;}
.login_box .member_box a + a{margin-left:6px;}
.login_box .member_box a.member{border-color:#dd2c00;color:#dd2c00;width:39%;}
.login_box .member_box a.member:hover{color:#fff;background:#dd2c00;}


/* 회의실 신청 */
.meeting_room{position:relative;}
.meeting_room .meeting_calendar{padding:30px 0 0;position:relative;margin:0 auto;font-weight:400;max-width:1000px;}
.meeting_room .meeting_calendar .control{}
.meeting_room .meeting_calendar .control a{display:inline-block;width:30px;height:30px;background:url(/page/school/images/conts/arrow_03.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;}
.meeting_room .meeting_calendar .year_month{display:inline-block;padding:0 23px;}
.meeting_room .meeting_calendar .year_month .year{font-size:40px;color:#555;padding-right:10px;}
.meeting_room .meeting_calendar .year_month .month{font-size:56px;color:#2962ff;}
.meeting_room .meeting_calendar .employ{display:block;width:300px;height:72px;line-height:72px;text-align:center;color:#010101;box-shadow:7px 7px 10px rgba(0,0,0,.2);border-radius:36px;text-decoration:none;font-size:20px;position:absolute;right:0px;top:30px;}
.meeting_room .meeting_calendar .employ:after{content:'';display:inline-block;width:29px;height:22px;background:url(/page/school/images/conts/arrow_01.png) no-repeat 0 0;margin-left:14px;vertical-align:-3px;}
.meeting_room .meeting_calendar .employ:hover{background:#d50000;color:#fff;}
.meeting_room .meeting_calendar .employ:hover:after{background:url(/page/school/images/conts/arrow_02.png) no-repeat 0 0;}
.meeting_room .meeting_calendar table{margin-top:20px;width:100%;}
.meeting_room .meeting_calendar table thead th{height:40px;background:#3d5afe;color:#fff;text-align:center;font-weight:400;}
.meeting_room .meeting_calendar table thead th:nth-child(2n){background:#304ffe}
.meeting_room .meeting_calendar table thead tr th:first-child{border-top-left-radius:17px;}
.meeting_room .meeting_calendar table thead tr th:last-child{border-top-right-radius:17px;}
.meeting_room .meeting_calendar table td{height:140px;border:1px solid #e0e0e0;vertical-align:top;width:20%;padding-bottom:10px;}
.meeting_room .meeting_calendar table td a{display:block;height:100%;text-decoration:none;}
.meeting_room .meeting_calendar table td.active{background:#ffe5e9}
.meeting_room .meeting_calendar table .schedule_list{display:none;}
.meeting_room .meeting_calendar table .schedule_list td{height:auto;padding:23px 20px 23px 36px;background:#f5f5f5;}
.meeting_room .meeting_calendar table .schedule_list li{padding-left:24px;position:relative;color:#333;}
.meeting_room .meeting_calendar table .schedule_list li:after{content:'';display:block;width:9px;height:9px;border:3px solid #ff3d00;position:absolute;left:0px;top:5px;border-radius:50%;}
.meeting_room .meeting_calendar table .schedule_list li span{color:#304ffe;font-weight:700;padding-left:4px;}
.meeting_room .meeting_calendar table .schedule_list li + li{margin-top:15px;}
.meeting_room .meeting_calendar table td .date{padding:4px;display:block;overflow:hidden;}
.meeting_room .meeting_calendar table td.red .date{color:#ff0101}
.meeting_room .meeting_calendar table td .date .number{font-size:18px;display:block;width:35px;height:35px;text-align:center;line-height:35px;float:left;}
.meeting_room .meeting_calendar table td.today .date .number{background:#ffcc00;border-radius:23px;}
.meeting_room .meeting_calendar table td .date .text{font-weight:300;display:block;overflow:hidden;padding-top:8px;line-height:1.2}
.meeting_room .meeting_calendar table td .schedule_box{padding-top:30px;}
.meeting_room .meeting_calendar table td .count{position:relative;display:block;margin:0 auto;width:50px;height:50px;background:#fff;border:3px solid #304ffe;border-radius:50%;text-align:center;line-height:43px;font-size:24px;}
.meeting_room .meeting_calendar table td .count:after{content:'';display:block;width:16px;height:18px;background:url(/page/school/images/conts/sp_conts.png) no-repeat -189px 0;position:absolute;top:-28px;left:50%;transform:translateX(-50%);}
.meeting_room .usage{position:relative;}
.meeting_room .schdule_date .skinSelectBox{width:73px;}

.meeting_alert{max-width:350px;width:90%;border:3px solid #55555b;text-align:center;padding:25px 20px;background:#f0f0f0;box-shadow:5px 5px 10px rgba(0,0,0,.2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.meeting_alert .skinIptPass{margin-bottom:20px;}
.meeting_alert p{margin-bottom:15px;}

@media screen and (max-width: 999px){
  .meeting_room .schdule_date .skinSelectBox{width:auto;}
}

@media (max-width: 640px) {
   .meeting_room .meeting_calendar{padding-top:80px;}
   .meeting_room .meeting_calendar .employ{width:200px;height:50px;line-height:50px;font-size:16px;top:20px;}
   .meeting_room .meeting_calendar .employ:after{width:18px;height:16px;background-size:18px 16px;margin-left:7px;vertical-align:-1px;}
   .meeting_room .meeting_calendar .employ:hover:after{width:18px;height:16px;background-size:18px 16px;margin-left:7px;vertical-align:-1px;}
   .meeting_room .meeting_calendar .year_month{padding:0 12px;}
   .meeting_room .meeting_calendar .year_month .year{font-size:20px;padding-left:3px;}
   .meeting_room .meeting_calendar .year_month .month{font-size:30px;}
   .meeting_room .meeting_calendar .control a{width:23px;height:23px;background-size:23px 23px;}
   .meeting_room .meeting_calendar table td{height:80px;}
   .meeting_room .meeting_calendar table td .date .number{width:28px;height:28px;line-height:28px;font-size:16px;}
   .meeting_room .meeting_calendar table td .count{width:30px;height:30px;border-width:2px;line-height:25px;font-size:16px;}
   .meeting_room .meeting_calendar table td .schedule_box{padding-top:20px;}
   .meeting_room .meeting_calendar table td .date .text{display:none;}
   .meeting_room .meeting_calendar table td .count:after{top:-24px;}
   .meeting_room .meeting_calendar table .schedule_list td{padding:15px 15px 15px 15px;}
   .meeting_room .meeting_calendar table .schedule_list li + li{margin-top:5px;}

}


/* 체험안내 */
.experience h4{font-size:26px;color:#031e5f;font-weight:700;}
.experience .sub{color:#333;font-weight:400;line-height:1.3;}


@media (max-width: 640px) {
    .experience h4{font-size:22px;}
    .experience .contsLead-txt{padding:15px 15px 15px 25px;}
}


/* 오시는길 */
.directions{position:relative;}
.directions .map_box{width:100%;}
.directions .map_box img{display:block;width:100%;}

.directions .load_box{margin-top:50px;border-radius:10px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);padding:40px 0 60px;position:relative;overflow:hidden;}
.directions .load_box:after{content:'';display:block;position:absolute;bottom:0px;left:0px;right:0px;height:22px;background:url(/page/school/images/conts/road.jpg) repeat-x 0 0;}
.directions .load_box:before{content:'';display:block;position:absolute;bottom:22px;right:41px;height:90px;width:149px;background:url(/page/school/images/conts/house.png) no-repeat 0 0;background-size:cover;}
.directions .load_box .ico_car{position:absolute;left:26px;bottom:18px;}
.directions .address{overflow:hidden;margin-bottom:22px;}
.directions .address h5{border:1px solid #7f8dae;border-width:1px 1px 1px 0;background:#fff;padding:1px 1px 1px 0;border-radius:0 17px 17px 0;float:left;margin-right:17px;letter-spacing:-1px;display:inline-block;}
.directions .address h5 span{display:block;background:#003674;text-align:center;color:#fff;font-size:18px;height:30px;line-height:30px;width:124px;border-radius:0 15px 15px 0;}
.directions .address p{overflow:hidden;font-weight:500;color:#454545;font-size:18px;float:left;line-height:1.4;padding:5px 15px 0 0;}

.directions .route{overflow:hidden;}
.directions .route + .route{margin-top:12px;}
.directions .route h5{text-align:center;width:124px;height:30px;line-height:27px;border:1px solid #959595;letter-spacing:-1px;font-weight:500;color:#333;border-radius:0 15px 15px 0;border-width:1px 1px 1px 0;float:left;margin-right:19px;}
.directions .route h5 strong{color:#003674;}
.directions .route ul{overflow:hidden;}
.directions .route.v2 ul{padding-right:200px;}
.directions .route ul li{float:left;margin-right:35px;color:#454545;font-weight:500;position:relative;line-height:1.8;font-size:18px;letter-spacing:-1px;}
.directions .route ul li:after{content:'';display:block;width:6px;height:11px;background:url(/page/school/images/conts/arrow_07.png) no-repeat 0 0;background-size:cover;position:absolute;top:11px;right:-20px;}
.directions .route ul li:last-child{color:#ff9600;}
.directions .route ul li:last-child::after{display:none;}


@media (max-width: 767px) {
    .directions .load_box{margin-top:30px;padding:30px 0 80px;}
    .directions .address h5, .directions .address p, .directions .route h5{float:none;}
    .directions .address p{padding:10px 10px 0 20px;font-size:16px;}
    .directions .route ul{padding:5px 10px 0 20px;}
    .directions .route.v2 ul{padding-right:10px;}
    .directions .route ul li{font-size:16px;}
    .directions .route ul li:after{top:9px;}
    .directions .load_box .ico_car{width:70px;left:15px;}
    .directions .load_box:before{width:90px;height:54px;right:15px;}

}

/* 조직 및 기능 */
.chart{position:relative;padding:36px 30px 36px;border:1px solid #ccc;border-radius:20px;overflow:hidden;}
.chart a{text-decoration:none;}
.chart a em{text-decoration:none;}
.chart a:hover span, .chart h4 a:hover strong{text-decoration:none;color:#d70808;}
.chart h4{width:157px;height:163px;background:url(/page/school/images/conts/bg_chart_01.png) no-repeat 0 0;background-size:cover;margin:0 auto 40px;position:relative;}
.chart h4 a{display:block;width:100%;height:100%;text-decoration:none;}
.chart h4 span{display:block;position:relative;text-align:center;color:#252525;font-weight:500;line-height:1.2;padding-top:73px;}
.chart h4 span:after{content:'';display:block;width:23px;height:26px;background:url(/page/school/images/conts/ico_chart_01.png) no-repeat 0 0;position:absolute;top:38px;left:50%;margin-left:-11.5px}
.chart h4 strong{display:block;font-size:18px;font-weight:700;}
.chart h4:after{content:'';display:block;border-left: 2px dotted #444;position:relative;position:absolute;bottom: -40px;left: calc(50% - 1px);height: 40px;}
.chart > ul{position:relative;padding-top:40px;display: flex;justify-content: space-between;}
.chart > ul:before{content:'';display:block;border-top:2px dotted #444;position:relative;position:absolute;;top:-1px;left:67px;right:67px;}
.chart > ul > li{max-width:135px;position:relative;}
.chart > ul > li:nth-child(2){}
.chart li h5{width:135px;height:149px;background:url(/page/school/images/conts/bg_chart_02.png) no-repeat 0 0;background-size:cover;text-align:center;line-height:1.2;font-size:18px;font-weight:700;color:#00154a;}
.chart li h5 a{display:block;width:100%;height:100%;text-decoration:none;}
.chart li h5 span{display:block;padding-top:45px;}
.chart li h5 em{display:block;font-size:16px;font-weight:500;}
.chart li:nth-child(2) h5{background:url(/page/school/images/conts/bg_chart_03.png) no-repeat 0 0;background-size:cover;}
.chart li:nth-child(3) h5{background:url(/page/school/images/conts/bg_chart_04.png) no-repeat 0 0;background-size:cover;}
.chart > ul > li:after{content:'';display:block;height:40px;left:50%;margin-left:-1px;border-left:2px dotted #444;position:absolute;top:-40px;}
.chart > ul > li:nth-child(2):after{}
.chart > ul > li ul{padding-top:13px;}
.chart > ul > li ul li{height:45px;line-height:43px;color:#333;font-weight:700;border:1px solid #707070;border-radius:0 10px 0 10px;text-align:center;}
.chart > ul > li ul li a{display:block;width:100%;height:100%;text-decoration:none;}
.chart > ul > li ul li + li{margin-top:5px;}

@media (max-width: 550px) {
    .chart{padding:25px 10px 25px;border:1px solid #ccc;}
    .chart h4{width:137px;height:142px;margin:0 auto 20px;}
    .chart h4 span{padding-top:65px;}
    .chart h4 span:after{top:35px;}
    .chart > ul{padding-top:20px;}
    .chart > ul:before{left:44px;right:44px;}
    .chart > ul > li{max-width:90px;}
    .chart > ul > li:nth-child(2){}
    .chart li h5{width: 85px;height: 92px;font-size: 15px;}
    .chart li h5 span{padding-top:24px;}
    .chart > ul > li:after{height:20px;top:-20px;}
    .chart > ul > li:nth-child(2):after{}

    .chart h4:after{bottom: -20px;height: 20px;}
}


/* 교육목표 및 방침 */
.education{}
.education h4{width: 223px; margin-bottom: -6px; padding:20px 42px; background: #001b5d; border-radius: 30px 30px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 20px; white-space: nowrap;}
.education ul{}
.education ul li{box-shadow: 5px 5px 5px #eeeeee;}
.education ul li.education_tit{}
.education ul li.border_radius_top{border-radius: 10px 10px 0 0;}
.education ul li.border_radius_bottom{border-radius: 0 0 10px 10px;}
.education ul li.education_tit span{display: inline-block;  color:#fff; font-weight: bold; font-size: 20px; white-space: nowrap;}
.education ul li.img_box{overflow: hidden; border: 1px solid #ccc; border-bottom: none;}
.education ul li.img_box .text-box{overflow: hidden;}
.education ul li.img_box .text-box ul li.text {padding: 0 0 8px 56px; font-weight: 400; line-height: 1.4; box-shadow: none;position:relative; word-break: keep-all;}
.education ul li.img_box .text-box ul li.text:after{content:'-';position:absolute;top:0px;left:45px;}
.education ul li.img_box .text-box .number_box{float: left; display: block; width: 43px; height: 43px; margin-right: 14px;  line-height: 43px; background: #464646; color:#fff; font-size: 20px; font-weight: bold; border-radius: 50%; text-align: center;}
.education ul li.img_box .left_img{ float: left; background: #fff;}
.education ul li.img_box .img1{height: 124px;}
.education ul li.img_box .img1 img{margin: 12px 50px;}
.education ul li.img_box .img2{height: 124px;}
.education ul li.img_box .img2 img{width:122px; height: 110px; margin: 30px 50px;}
.education ul li.img_box .img3{height: 124px;}
.education ul li.img_box .img3 img{width:122px; height: 110px; margin: 78px 50px;}
.education ul li.img_box .text-box{overflow: hidden;  padding: 17px 0 52px 30px; background:#f6f6f6;}
.education ul li.img_box .text-box2{padding: 17px 0 24px 30px;}
.education ul li.img_box .text-box3{padding: 24px 0 27px 30px;}
.education ul li.img_box .text-box p{padding: 6px; font-weight: bold; font-size: 20px;}
.education ul li.img_box .text-box span{display: inline-block; padding: 0 0 12px 54px; font-size: 16px; font-weight: 400;}
.education ul li.img_box > img{position: absolute; right: -26px; bottom: 0;}
.education ul li.border_bottom{border-bottom: 1px solid #ccc;}

@media screen and (max-width:900px)
{
  .education ul li.img_box > img{display: none;}
}

@media screen and (max-width:810px)
{
.education ul li.img_box .left_img{float: none; height: 170px; text-align: center;}
.education ul li.img_box .img3 img{margin: 30px 50px;}
.education ul li.img_box .text-box{position: relative; overflow: hidden; padding: 16px 30px; background: #f6f6f6;}
.education ul li.img_box .img1 img{margin: 30px 50px;}
.education ul li.img_box .img2 img{margin: 30px 50px;}
.education ul li.img_box .img3 img{margin: 30px 50px;}
.education ul li.img_box .text-box ul li.text {line-height: 1;}
}


/* 입교안내 */
.enrollment_info{}
.enrollment_info .enrollment{margin-top: 108px; padding: 0 0 0 44px;}
.enrollment_info  .tit_box{margin: 24px 0 0 18px; background: url("/page/school/images/conts/tit_box.png") no-repeat; display: table; width: 172px; height: 172px; text-align: center; box-shadow: 5px 5px 0 #acacac; }
.enrollment_info  .tit_box p{display: table-cell; vertical-align: middle; font-size: 26px; font-weight: 600; line-height: 1.4; color: #333333;}
.enrollment_info  .tit_box p strong{color: #031e5f;}
.enrollment_info .enrollment .enrollment_box{position: relative; z-index: -1; width: 100%; margin:-196px 0 0 0; padding: 44px 0 0 0; border: 1px solid #ccc;}
.enrollment_info .enrollment .enrollment_box .enrollment_img_box{position: relative; width: 55%; margin: 0 auto;  width: 478px; height: 424px; background: url("/page/school/images/conts/enrollment_img.png") no-repeat; text-align: center;}
.enrollment_info .enrollment .enrollment_box .enrollment_img_box img{}
.enrollment_info .enrollment .enrollment_box .bottom_box{ margin-top: 42px; padding: 12px 100px; background: url("/page/school/images/conts/bottom_bg.png");}
.enrollment_info .enrollment .enrollment_box .bottom_box p{position: relative; font-size: 14px; font-weight: 400; line-height: 1.8;}
.enrollment_info .enrollment .enrollment_box .bottom_box p::before{display: block; content: "*"; position: absolute; top:2px; left: -8px;}
.enrollment_info .enrollment .enrollment_box .bottom_box span{color: #06378e;}

@media screen and (max-width:900px) {
  .enrollment_info .enrollment .enrollment_box .enrollment_img_box{}
}

@media screen and (max-width:700px) {
  .enrollment_info .enrollment .enrollment_box .enrollment_img_box{}
}

@media screen and (max-width:600px) {
.enrollment_info  .tit_box{margin: 28px auto auto;}
.enrollment_info .enrollment{margin-top: 46px; padding: 24px;}
.enrollment_info .enrollment .enrollment_box .enrollment_img_box{margin: 148px auto 92px auto; width: 256px; height: 325px; background:url("/page/school/images/conts/enrollment_img_m.png");}
.enrollment_info .enrollment .enrollment_box .bottom_box{padding: 28px 40px; }
.enrollment_info .enrollment .enrollment_box .bottom_box p{line-height: 1.6;}

}

@media screen and (max-width:440px) {
.enrollment_info .enrollment{padding:0 25px;}
.enrollment_info .enrollment .enrollment_box{margin: -156px 0 0 0;}
.enrollment_info .enrollment .enrollment_box .enrollment_img_box{margin: 138px auto 92px auto;}
}

/* 인사말 */
.school_welcome{position:relative;font-weight:400;overflow:hidden; border: 1px solid #acacac; border-radius: 30px; padding:48px 46px 70px 34px;}
.school_welcome.box{margin-left:60px;max-width:950px;position:relative;padding-bottom:72px;}
.school_welcome.box:before{content:'';display:block;width:633px;height:123px;background:url(/page/school/images/conts/welcome_bar_01.png) no-repeat 0 0;position:absolute;left:0px;bottom:0px;z-index:20;}
.school_welcome .box:after{content:'';display:block;width:528px;height:420px;background:url(/page/school/images/conts/welcome_bar_02.png) no-repeat 0 0;position:absolute;right:0px;top:80px;}
.school_welcome .text p{color:#555;font-weight:300;margin-top:30px;}
.school_welcome .text .span_box{display: block; margin-top: 26px;}
.school_welcome .text p span{display:block; line-height: 28px;font-size: 18px; font-weight: 500; letter-spacing: -2px;}
.school_welcome .text p span + span{margin-top:30px;}
.school_welcome .text span.leader{font-size: 20px; font-weight: bold;}
.school_welcome .text span.name{font-size: 28px; font-weight: 500; color:#212f81;}
.school_welcome h4{font-size:26px;font-weight:300;color:#202020;line-height:1.4;letter-spacing:-1px;}
.school_welcome h4 .top_blue{color:#212f81;}
.school_welcome .img_box{position:absolute;bottom:40px;right:50px;z-index:10;max-width:50%;}
.school_welcome .img_box img{display:block;width:100%;}

@media screen and (max-width: 1197px){
.school_welcome .img_box{position:absolute;bottom:40px;right:168px;z-index:10;max-width:50%;}
}

@media screen and (max-width: 1053px){
.school_welcome{padding: 48px 46px 325px 34px;}
.school_welcome .img_box{position:absolute;bottom:99px;right:150px;z-index:10;max-width:50%;}
}

@media screen and (max-width:500px)
{
.school_welcome .img_box{position: absolute; bottom: 74px; right: 62px;}
.school_welcome{padding: 26px 20px 292px 20px;}
.school_welcome .img_box img{display: block; width: 100%;}
.school_welcome .text p span{display:block; line-height: 27px;font-size: 16px; font-weight: 500;}
.school_welcome .text p span br{display:none;}
.school_welcome .text p span + span{margin-top:10px;}
.school_welcome .text span.leader{font-size: 16px; font-weight: bold;}
.school_welcome .text span.name{font-size: 18px; font-weight: 500; color:#212f81;}
.school_welcome .img_box{max-width: 67%;}
}

@media screen and (max-width:340px){
.school_welcome .img_box{position: absolute; bottom: 40px; right: 130px;}
.school_welcome{padding: 26px 20px 244px 20px;}
}


/* 연혁 */
.school_history_fire{white-space: nowrap;}
.school_history_fire p{line-height: 1; color: #ff9600; font-weight: bold; font-size: 56px; text-align: center;}
.school_history_fire p span{color: #0d2765;}
.school_history_fire .text_tit{padding: 16px 0 44px 0; line-height: 1.4; letter-spacing: -0.4px; font-weight: 300; font-size: 24px; color:#252525;}
.school_history_fire .text_tit > span{ font-weight: bold; color:#252525;}
.history_list{position: relative; text-align: center;}

.history_list .list::after{display:inline-block; content:""; position: absolute; top: 138px; z-index: -1; width: 1px; height: 2288px; margin-top: 8px; background: #636363;}
.history_list .list li{overflow: hidden;}
.history_list .list .center_tit{width: 150px; height: 150px; padding: 47px 0; margin: 0 auto; font-size: 24px; color:#0d2765; text-align: center; font-weight: 500; background: url('/page/school/images/conts/shape_top.png') no-repeat; line-height: 1.2;}
.history_list .list .center .center_tit01{position: relative; top: 14px; width: 150px; height: 150px; padding: 58px 0; margin: 0 auto; font-size: 24px; color:#fff; text-align: center; font-weight: 500; background: url('/page/school/images/conts/shape.png') no-repeat;}
.history_list .list .center_position01{margin-top: -78px;}
.history_list .list .center_position02{margin-top: -42px;}
.history_list .list .center_position03{margin-top: 12px;}
.history_list .list .center_position05{margin-top: -70px;}
.history_list .list .center_position04{margin-top: -56px;}
.history_list .list .center_position06{margin-top: -50px;}
.history_list .list .center_position06::after{display: block; content: ""; width: 14px; height: 14px; margin: 200px auto 0 auto; border-radius: 50%; background:#0d2765;}
.history_list .list li:nth-child(odd) .img_rayout{float: left; width: 50%;}
.history_list .list li:nth-child(odd) .img_wrap_01{margin-top: -36px;}
.history_list .list li:nth-child(odd) .img_wrap_03{margin-top: -4px;}
.history_list .list li:nth-child(odd) .img_wrap_05{}
.history_list .list li:nth-child(even) .img_rayout{float: right; width: 50%; }
.history_list .list li:nth-child(even) .img_wrap_02{margin: 90px 0;}
.history_list .list li:nth-child(even) .img_wrap_04{margin-top: -150px; padding-left: 130px;}
.history_list .list li:nth-child(even) .img_wrap_06{margin: 8px 0 40px 0; padding-left: 82px;}
.history_list .list li:nth-child(odd) .text_rayout{position: relative; float: right; width: 50%; margin: 0 0 12px 0; text-align: left; }
.history_list .list li:nth-child(odd) .text_rayout_03{margin-top: 30px;}
.history_list .list li:nth-child(odd) .text_rayout_01{margin-top: 66px;}
.history_list .list li:nth-child(odd) .text_rayout .tit_text{ float: left; margin-left: 78px; }
.history_list .list li:nth-child(odd) .text_rayout .tit_text_01 strong::after{display: block; content: ""; position: absolute; top: 13px; left: 2px; width: 72px;  border: 1px dashed #6a6a6a; }
.history_list .list li:nth-child(odd) .text_rayout .tit_text_02 strong::after{display: block; content: ""; position: absolute; top: -40px; left: 84px; height: 44px; border: 1px dashed #6a6a6a; }
.history_list .list li:nth-child(odd) .text_rayout .tit_text strong::before{display: inline-block; content: ""; margin-right: 10px; width: 14px; height: 14px; background: #ff9600; border-radius: 50%;}
.history_list .list li:nth-child(odd) .text_rayout .tit_text strong{color: #ff9d11; font-size: 18px;}
.history_list .list li:nth-child(odd) .text_rayout .in_text {margin-left:168px; line-height: 1.4;}
.history_list .list li:nth-child(odd) .text_rayout .in_text span{font-size: 18px; letter-spacing: -1px; font-weight: 500;}
.history_list .list li:nth-child(odd) .text_rayout .in_text em{font-size: 18px; letter-spacing: -2px; font-weight: 500;}
.history_list .list li:nth-child(odd) .text_rayout .in_text_margin{margin-bottom: 26px;}
.history_list .list li:nth-child(even) .text_rayout{position: relative; float: right; width: 50%; margin: 0 0 12px 0; text-align: right;}
.history_list .list li:nth-child(even) .text_rayout_01{margin-top: 66px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text{margin-right: 78px; float: right;}
.history_list .list li:nth-child(even) .text_rayout .tit_text_01 strong::before{display: block; content: ""; position: absolute; top: 12px; left: 73px; width: 72px;  border: 1px dashed #6a6a6a; }
.history_list .list li:nth-child(even) .text_rayout .tit_text_02 strong::before{display: block; content: ""; position: absolute; top: -40px; left: 65px;  height: 44px; border: 1px dashed #6a6a6a; }
.history_list .list li:nth-child(even) .text_rayout .tit_text strong::after{display: inline-block; content: ""; margin-left: 10px; width: 14px; height: 14px; background: #ff9600; border-radius: 50%;}
.history_list .list li:nth-child(even) .text_rayout .tit_text strong{position: relative; color: #ff9d11; font-size: 18px;}
.history_list .list li:nth-child(even) .text_rayout .in_text {margin-right: 168px; letter-spacing: -2px; ;line-height: 1.4;}
.history_list .list li:nth-child(even) .text_rayout .in_text span{font-size: 18px; word-break: keep-all; font-weight: 500;}
.history_list .list li:nth-child(even) .text_rayout .in_text em{font-size: 18px; letter-spacing: -2px; font-weight: 500;}
.history_list .list li:nth-child(even) .text_rayout .in_text_margin{margin-bottom: 26px;}
.history_list .list li .text_last{width: 50%; float: right; margin-top: 78px; font-size: 18px;}
.history_list .list li .text_last .text_rayout_last{margin-bottom: 12px; font-weight: 500;}
.history_list .list li .text_last .text_rayout_last em{font-weight: 500;}
.history_list .list li .text_last .text_rayout_last .tit_text_last{float: left; margin-left: 78px;}
.history_list .list li .text_last .text_rayout_last .tit_text_last strong{position: relative; color:#ff9d11;}
.history_list .list li .text_last .text_rayout_last .tit_text_last strong::before{display: inline-block; content: ""; margin-right: 10px; width: 14px; height: 14px; background: #ff9600; border-radius: 50%;}
.history_list .list li .text_last .text_rayout_last .tit_text_last01 strong::after{display: block; content: ""; position: absolute; top: 13px; right: 74px; width: 72px;  border: 1px dashed #6a6a6a; }
.history_list .list li .text_last .text_rayout_last .tit_text_last02 strong::after{display: block; content: ""; position: absolute; top: -40px; left: 6px; height: 44px; border: 1px dashed #6a6a6a; }
.history_list .list li .text_last .text_rayout_last .in_text_last{margin-left: 168px; text-align: left; letter-spacing: -2px; line-height: 1.4;}
.history_list .list li .text_last .text_rayout_last01{margin-top:1;}

@media screen and (max-width:1200px) {
.history_list .list li:nth-child(even) .text03{margin-top:0;}
}

@media screen and (max-width:1024px) {
  .history_list .list li .center_tit{margin: 0;}
  .history_list .list .center .center_tit01{margin:0;}
  .history_list .list::after{left:76px;}
  .history_list .list li:nth-child(odd) .img_rayout{float: right;}
  .history_list .list li:nth-child(odd) .text_rayout{left: 76px;}
  .history_list .list li:nth-child(odd) .img_wrap_01{position: relative; margin: 0; top: -150px; left: -25px;}
  .history_list .list li:nth-child(odd) .img_wrap_03{position: relative; margin: 0; top: -150px; left: -25px;}
  .history_list .list li:nth-child(odd) .img_wrap_05{position: relative; margin: 0; top: -6px; left: -42px;}
  .history_list .list li:nth-child(even) .text_rayout{left: 76px;}
  .history_list .list .center_position06::after{margin: -8px 0 0 69px;}
  .history_list .list li .text_last{float: none; margin: 78px 0 30px 76px;}
  .history_list .list li:nth-child(even) .img_wrap_02{position: relative; margin: 0; top: -150px; left: -156px;}
  .history_list .list li:nth-child(even) .img_wrap_04{position: relative; margin: 0; top: -140px; left: -194px}
  .history_list .list li:nth-child(even) .img_wrap_06{position: relative; top: -237px; left: -13px; margin-top: 500px;}
  .history_list .list .center_position04{margin-top: -212px;}
  .history_list .list .center_position06{margin-top: -634px;}
  .history_list .list li:nth-child(even) .text_rayout{position: relative; float: right; width: 50%; margin: 0 0 12px 0; text-align: left;}
  .history_list .list li:nth-child(even) .text_rayout_01{margin-top: 66px;}
  .history_list .list li:nth-child(even) .text_rayout .tit_text{float: left;margin-left: 78px; margin-right: 0;}
  .history_list .list li:nth-child(even) .text_rayout .in_text{margin-left: 168px; margin-right: 0;line-height: 1.4;}
  .history_list .list li:nth-child(even) .text_rayout .in_text  br{display: none;}
  .history_list .list li:nth-child(even) .text_rayout .tit_text strong::after{float: left; margin: 4px 10px 0 0;}
  .history_list .list li:nth-child(even) .text_rayout .tit_text_02 strong::before{top: -44px; left: -18px;}
  .history_list .list li:nth-child(even) .text01{margin-top:26px;}
  .history_list .list li:nth-child(even) .text02{}
  .history_list .list li:nth-child(even) .text03{margin-top:24px;}
  .history_list .list li:nth-child(even) .text_rayout .tit_text_01 strong::before{top: 10px; left: -100px;}
}

@media screen and (max-width:860px) {
.history_list .list li:nth-child(odd) .img_wrap_03{left: 39px;}
.history_list .list li:nth-child(even) .img_wrap_04{left: -58px;}
.history_list .list li:nth-child(even) .img_wrap_06{top: -213px;}
}

@media screen and (max-width:805px) {
.history_list .list li:nth-child(odd) .img_wrap_03{left: -32px; opacity: 0.5;}
.history_list .list li:nth-child(even) .img_wrap_04{left: -146px; opacity: 0.5;}
.history_list .list li:nth-child(even) .img_wrap_06{top: -213px; left: -82px;opacity: 0.5;}
}

@media screen and (max-width:765px) {
.history_list .list li:nth-child(odd) .img_wrap_01 img{}
.history_list .list li:nth-child(odd) .img_wrap_03{left: -84px;}
.history_list .list li:nth-child(odd) .img_wrap_03 img{top: -213px; }
.history_list .list li:nth-child(odd) .img_wrap_05{top: -3px;}
.history_list .list li:nth-child(even) .img_wrap_04{left: -186px;}
.history_list .list li:nth-child(even) .img_wrap_04 img{left: 39px;}
.history_list .list li:nth-child(even) .img_wrap_02{top: -120px; left: -114px;}
.history_list .list li:nth-child(even) .img_wrap_02 img{}
.history_list .list li:nth-child(even) .img_wrap_05 img{left: -58px;}
.history_list .list li:nth-child(even) .img_wrap_06 {top: -213px; left: -114px;}
.history_list .list li:nth-child(even) .img_wrap_06 img{top: -213px;}
}

@media screen and (max-width:578px) {
.school_history_fire p{font-size: 40px;}
.history_list .list li .center_tit{width: 120px; height: 120px; background: url('/page/school/images/conts/shape_top_t.png') no-repeat;}
.history_list .list .center .center_tit01{width: 120px; height: 120px; background: url('/page/school/images/conts/shape_t.png') no-repeat;}
.history_list .list li .center_tit{font-size: 20px; padding: 40px 0;}
.history_list .list .center .center_tit01{font-size: 20px; padding: 48px 0;}
.history_list .list::after{left: 60px; top: 0;}
.history_list .list li:nth-child(odd) .text_rayout_03{margin-bottom:21px;}
.history_list .list li:nth-child(odd) .text_rayout .in_text{margin: 24px 0 0 99px;}
.history_list .list li:nth-child(odd) .text_rayout .tit_text_02 strong::after{top: -48px; height: 49px; }
.history_list .list li:nth-child(odd) .rayout03{margin-top: 22px;}
.history_list .list li:nth-child(odd) .rayout04{margin-top: 22px;}
.history_list .list li:nth-child(odd) .text_rayout .in_text_margin{margin-bottom: 23px;}
.history_list .list li:nth-child(odd) .rayout02{}
.history_list .list li:nth-child(odd) .text_rayout{margin: 1px 0 0 0;}
.history_list .list li:nth-child(odd) .text_rayout{top: 55px;}
.history_list .list li:nth-child(odd) .text_rayout{left: 60px;}
.history_list .list li:nth-child(odd) .img_wrap_03{left: -84px; ; top: -54px; opacity: 0.2}
.history_list .list li:nth-child(odd) .text_rayout .tit_text strong{color: #ff9d11; font-size: 16px;}
.history_list .list li:nth-child(odd) .text_rayout .in_text span{font-size: 14px; letter-spacing: -1px; font-weight: 500;}
.history_list .list li:nth-child(odd) .text_rayout .in_text em{font-size: 14px; letter-spacing: -2px; font-weight: 500;}
.history_list .list li:nth-child(odd) .img_wrap_01{top: -120px; left: -44px;}
.history_list .list li:nth-child(odd) .img_wrap_01 img{opacity: 0.5}
.history_list .list li:nth-child(odd) .img_wrap_05{padding-top: 192px; top: -90px; left: -58px; opacity: 0.5; }
.history_list .list li:nth-child(odd) .img_wrap_05 img{position: relative; top: -102px; left: 31px;}
.history_list .list li:nth-child(odd) .text_rayout .tit_text strong{font-size: 14px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text strong{color: #ff9d11; font-size: 16px;}
.history_list .list li:nth-child(even) .text_rayout .in_text span{font-size: 14px; letter-spacing: -1px; font-weight: 500;}
.history_list .list li:nth-child(even) .text_rayout .in_text em{font-size: 14px; letter-spacing: -2px; font-weight: 500;}
.history_list .list li:nth-child(even) .text_rayout{margin-top: 4px; left: 60px;}
.history_list .list li:nth-child(even) .img_wrap_02{top: -72px; left: -6px;}
.history_list .list li:nth-child(even) .img_wrap_04{left: -144px; top: -113px;}
.history_list .list li:nth-child(even) .img_wrap_04 img{position:  relative; top: 14px; left: -90px;}
.history_list .list li:nth-child(even) .img_wrap_06{top: -274px; left: -120px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text_02 strong::before{top: -45px; left: -18px; height: 43px;}
.history_list .list li:nth-child(even) .text_rayout .in_text{margin: 24px 0 0 99px;}
.history_list .list li:nth-child(even) .text_rayout_01{margin-top: 60px;}
.history_list .list li:nth-child(even) .text_rayout_02{padding-top: 2px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text strong{font-size: 14px;}
.history_list .list::after{height: 2198px;}
.history_list .list .center_position06::after{margin: -53px 0 30px 53px;}
.history_list .list li .text_last{font-size: 16px; margin: 78px 0 30px 61px;}
.history_list .list li .text_last .text_rayout_last{margin: 32px 0 -8px 0;}
.history_list .list li .text_last .text_rayout_last .tit_text_last strong{padding-right: 5px;}
.history_list .list .center_position04{margin-top: -138px;}
.history_list .list .center_position05{margin-top: -277px;}
.history_list .list::after{height: 2178px;}
.history_list .list .center_position01{margin-top: -115px;}
.history_list .list .center_position02{padding: 0 0 56px 0; margin-top: -106px;}
.history_list .list li .text_last{font-size: 14px;}
.history_list .list li .text_last .text_rayout_last .tit_text_last01 strong::after{width: 74px; top: 8px; right: 70px;}
.history_list .list li .text_last .text_rayout_last .tit_text_last02 strong::after{top: -45px;}
.history_list .list li .text_last .text_rayout_last .in_text_last{margin: 0; position: relative; top: 22px; left: -42px;}
}

@media screen and (max-width:375px){
.school_history_fire p{font-size: 36px;}
.school_history_fire .text_tit{font-size: 20px;}
.history_list .list li:nth-child(odd) .img_wrap_01 img{ width: 175px; height: 175px; opacity: 0.4;}
.history_list .list li:nth-child(odd) .text_rayout{margin: -50px 0 0 0;}
.history_list .list li:nth-child(odd) .text_rayout_02{margin:0;}
.history_list .list li:nth-child(odd) .text_rayout .in_text{margin: 24px 0 4px 82px;}
.history_list .list li:nth-child(odd) .text_rayout .tit_text_01 strong::after{width: 58px;}
.history_list .list li:nth-child(odd) .text_rayout .tit_text{margin-left: 64px;}
.history_list .list li:nth-child(odd) .text_rayout .tit_text_02 strong::after{top: -55px; left: 70px; height: 55px;}
.history_list .list li:nth-child(odd) .img_wrap_03{left: -2px; top: 70px; opacity: 0.2;}
.history_list .list li:nth-child(odd) .text_rayout {margin: 23px 0 0 0;}
.history_list .list li:nth-child(odd) .img_wrap_05 img{width: 180px; height: 154px;}
.history_list .list li:nth-child(odd) .text_rayout_01{margin: -50px 0 0 0;}
.history_list .list li:nth-child(odd) .text_rayout_02{margin: 22px 0 0 0;}
.history_list .list li:nth-child(odd) .text_rayout_03{margin: 0;}
.history_list .list li:nth-child(odd) .text_rayout_01{margin:-28px 0 -18px 0;}
.history_list .list li:nth-child(odd) .text_rayout .tit_text strong{font-size: 14px;}
.history_list .list li:nth-child(odd) .rayout01{margin-bottom:-23px}
.history_list .list li:nth-child(odd) .text_rayout .in_text_margin{margin-bottom: 6px;}
.history_list .list li:nth-child(odd) .img_wrap_03 img{visibility: hidden;}
.history_list .list li:nth-child(odd) .text_rayout .in_text span{letter-spacing: -2px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text_01 strong::before{width: 58px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text{margin-left: 64px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text_01 strong::before{left: -85px;}
.history_list .list li:nth-child(even) .text_rayout .in_text span{letter-spacing: -2px;}5
.history_list .list li:nth-child(even) .text_rayout .in_text{margin: 24px 0 0 88px;}
.history_list .list li:nth-child(even) .img_wrap_02 img{ width: 200px; height: 168px;}
.history_list .list li:nth-child(even) .img_wrap_02{top:0; left: -58px;}
.history_list .list li:nth-child(even) .text_rayout .in_text{margin: 24px 0 0 88px;}
.history_list .list li:nth-child(even) .img_wrap_04{left: -93px; top: -54px;}
.history_list .list li:nth-child(even) .img_wrap_04 img{ width: 180px; height: 180px;}
.history_list .list li:nth-child(even) .img_wrap_06 img{width: 210px; height: 204px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text strong{font-size: 14px}
.history_list .list li:nth-child(even) .text_rayout_01{margin-top: 32px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text_02 strong::before{top: -42px;}
.history_list .list li:nth-child(even) .text_rayout .tit_text strong::after{margin: 7px 10px 0 0;}
.history_list .list li:nth-child(even) .img_wrap_06{top: -201px; left: -92px;}
.history_list .list .center_position04{margin-top: -110px;}
.history_list .list::after{height: 1564px;}
.history_list .list li .text_last .text_rayout_last .tit_text_last01 strong::after{width: 58px;}
.history_list .list li .text_last .text_rayout_last .tit_text_last01 strong::after{right: 69px;}
.history_list .list li .text_last .text_rayout_last .tit_text_last{margin-left: 64px;}
.history_list .list li .center_tit{width: 90px; height: 90px; padding: 30px 0; background: url('/page/school/images/conts/shape_top_m.png') no-repeat; font-size: 14px; }
.history_list .list .center .center_tit01{width: 90px; height: 90px; padding: 36px 0; font-size: 14px; background: url('/page/school/images/conts/shape_m.png') no-repeat;}
.history_list .list::after{left: 44px;}
.history_list .list .center_position06::after{margin: -42px 0 28px 38px}
.history_list .list li:nth-child(odd) .img_wrap_01{top: -72px;}
.history_list .list li:nth-child(odd) .text_rayout{left: 45px;}
.history_list .list li:nth-child(even) .text_rayout {left: 42px;}
.history_list .list li .text_last{margin: -16px 0 26px 42px;}
.history_list .list .center_position03{margin-top: -60px;}
.history_list .list .center_position06{margin-top: -534px;}
}

/* 후생복지시설 */
.equipment .contsImgTxt .img-box{position: relative;}
.equipment .left01{position: absolute; top:50%; right: 3px; width: 48px; height: 68px; margin-top: -30px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_next.png") no-repeat center; border-right: none; cursor: pointer;overflow:hidden;text-indent:-9999px;}
.equipment .right01{position: absolute; top:50%; left: 3px; width: 48px; height: 68px; margin-top: -30px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_prev.png") no-repeat center; border-left: none; cursor: pointer;overflow:hidden;text-indent:-9999px;}
.equipment .left02{position: absolute; top:50%; right: 3px; width: 48px; height: 68px; margin-top: -30px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_next.png") no-repeat center; border-right: none; cursor: pointer;overflow:hidden;text-indent:-9999px;}
.equipment .right02{position: absolute; top:50%; left: 3px; width: 48px; height: 68px; margin-top: -30px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_prev.png") no-repeat center; border-left: none; cursor: pointer;overflow:hidden;text-indent:-9999px;}
.equipment .left03{position: absolute; top:50%; right: 3px; width: 48px; height: 68px; margin-top: -30px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_next.png") no-repeat center; border-right: none; cursor: pointer;overflow:hidden;text-indent:-9999px;}
.equipment .right03{position: absolute; top:50%; left: 3px; width: 48px; height: 68px; margin-top: -30px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_prev.png") no-repeat center; border-left: none; cursor: pointer;overflow:hidden;text-indent:-9999px;}
.equipment .border{border-bottom: 1px solid #c9c9c9; }
.equipment .border .img_box_first{margin:0 0 22px 0; padding: 3px; border: 1px solid #c9c9c9;}
.equipment .contsImgTxt .text_layout{overflow: hidden; padding:10px 0 15px 36px; }
.equipment .contsImgTxt .text_layout .text{ margin-bottom: 12px;}
.equipment .contsImgTxt .text_layout p{font-weight: 300; color: #000;}
.equipment .contsImgTxt .text_layout p span{display: inline-block;}
.equipment .padding{padding-top:22px;}
.equipment .contsImgTxt .img-box .slider01{width:424px; height: 241px;}
.equipment .contsImgTxt .img-box .slider02{width:424px; height: 241px;}
.equipment .contsImgTxt .img-box .slider03{width:424px; height: 241px;}

@media screen and (max-width: 895px) {
.equipment .contsImgTxt .text_layout{display: inline-block; padding: 0;}
.equipment .contsImgTxt .text_layout p{padding-bottom: 10px;}
.equipment .contsImgTxt .img-box .slider01{width: 100%; height: 100%;}
.equipment .contsImgTxt .img-box .slider02{width: 100%; height: 100%;}
.equipment .contsImgTxt .img-box .slider03{width: 100%; height: 100%;}
.equipment .border .img_box_first{overflow: hidden; }
.equipment .contsImgTxt .img-box .slider01 img{display: block; width: 100%;}
.equipment .contsImgTxt .img-box .slider02 img{display: block; width: 100%;}
.equipment .contsImgTxt .img-box .slider03 img{display: block; width: 100%;}
}

@media screen and (max-width: 639px){
.equipment .contsImgTxt .text_layout{padding: 0; font-size: 16px; margin-bottom: 20px;}
}

/* 본관동 */
.mainbuilding{margin-top: 24px;}
.mainbuilding .img_wrap{margin: 0 0 0 20px; padding: 24px 22px 16px 22px; border: 1px solid #c8c8c8;}
.mainbuilding .img_wrap img{width: 100%; border: 1px solid #c8c8c8;}
.mainbuilding .img_wrap .img_tit_text{height:27px;line-height:27px;margin-top:12px;}
.mainbuilding .img_wrap .img_tit_text h6{font-weight: 500; font-size: 18px; color: #001a58; text-align: center;}
.mainbuilding ul{padding: 30px 19px 0 19px; margin:0 0 46px 20px; text-align: center; border: 1px solid #c8c8c8; border-top:none; }
.mainbuilding ul li{position: relative; margin: -6px 0 32px 0; float: left; width: 25%;}
.mainbuilding ul li .img_box_wrap{padding: 6px;}
.mainbuilding ul li .img_box_wrap img{display: block; width: 100%}
.mainbuilding ul li .img_box_wrap .box_shadow_on{display: block; width: 100%; height: 100%; border-radius: 13%; box-shadow: 4px 4px 2px #d2d2d2;}
.mainbuilding ul li:nth-child(4){margin-right: 0;}
.mainbuilding ul li .text_box{position: absolute; top: 50%; left: 50%; width: 110px; height: 110px; margin:-54px 0 0 -55px; line-height: 110px;
  color: #fff; font-weight: 400; font-size: 16px; }
.mainbuilding .skinTb-wrapper{margin-left: 20px;}
.mainbuilding .skinTb::before{border-top: 3px solid #000;}
.mainbuilding .img_wrap{position: relative; background: url("/page/school/images/conts/top_bg.png");}
.mainbuilding .img_wrap .img-box{position: static;}
.mainbuilding .img_wrap .slider.slick-slider.slick-initialized .slick-list .slick-track .slick-slide img{}
.mainbuilding .text_box a{ display:block; width: 100%; height: 100%; text-decoration: none; color:#fff;}
.mainbuilding .text_box a:hover{text-decoration: none;}
.mainbuilding .text_box span{text-decoration: none;}
.mainbuilding .text_box .on{border-bottom: 1px solid #fff; line-height: 1.6;}
.mainbuilding .right{position: absolute; top:50%; right: 23px; width: 48px; height: 68px; margin-top: -38px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_next.png") no-repeat center; border-right: none; cursor: pointer; text-indent: -9999px;}
.mainbuilding .left{position: absolute; top:50%; left: 23px; width: 48px; height: 68px; margin-top: -38px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_prev.png") no-repeat center; border-left: none; cursor: pointer; text-indent: -9999px;}
.mainbuilding .img_wrap .slider div .mobile{display:none;}

@media screen and (max-width: 800px) {
.mainbuilding .left{margin-top: -48px;}
.mainbuilding .right{margin-top: -48px;}
.mainbuilding ul li .text_box{margin: -54px 0 0 -55px; font-size: 14px;}

}

@media screen and (max-width: 600px) {
  .mainbuilding ul {margin: 0 0 10px 20px; padding: 27px 19px 27px 19px;}
  .mainbuilding ul li{margin-bottom: 10px; float: left; width: 50%;}
  .mainbuilding ul li .text_box{margin: -54px 0 0 -55px; font-size: 14px;}
}

@media screen and (max-width: 490px) {
  .mainbuilding .left{width: 34px; height: 48px; margin-top: -41px;}
  .mainbuilding .right{width: 34px; height: 48px; margin-top: -41px;}
  .mainbuilding ul li .text_box{font-size: 16px;}
}

@media screen and (max-width: 440px) {
  .mainbuilding ul{padding: 27px 19px 8px 19px;}
  .mainbuilding ul li{float: left;}
  .mainbuilding ul li .img_box_wrap img{margin-bottom: 8px;}
  .mainbuilding ul li .text_box{margin: -55px 0 0 -55px; font-size: 16px;}
  .mainbuilding .img_wrap .img_tit_text h6{font-size: 16px;}
  .mainbuilding .left{width: 34px; height: 48px; margin-top: -30px;}
  .mainbuilding .right{width: 34px; height: 48px; margin-top: -30px;}
  .mainbuilding .img_wrap .slider div .pc{display:none;}
  .mainbuilding .img_wrap .slider div .mobile{display:block;}
}

@media screen and (max-width: 375px) {
  .mainbuilding ul li{width: 50%;}
}

@media screen and (max-width: 320px) {
  .mainbuilding ul li{width: 50%;}
  .mainbuilding .text_box span{font-size: 12px;}
  .mainbuilding ul li .text_box{margin: -59px 0 0 -55px;}
}

/* 교육시설_탭메뉴 */
.top_tabmenu ul{text-align: center; font-size: 0;}
.top_tabmenu ul > li >.active{color: #252525; border-color: #c92128; font-weight: 500;}
.top_tabmenu ul > li{display: inline-block;}
.top_tabmenu ul > li > a{display: block; margin: 14px; padding: 14px 60px; text-decoration: none !important; font-size: 18px; border: 2px solid #bdbdbd; border-radius: 50px 50px 50px 50px; color: #7a7a7a;}
.top_tabmenu ul > li > a:hover{font-weight: 500; color: #252525; border-color: #c92128; }
.history_list > .special{display: none;}
.history_list > .special_02{display: none;}

/*교육시설_종합훈련관 */
.synthesis{margin-top: 24px;}
.synthesis .img_wrap{position: relative; margin: 0 0 0 20px; padding: 24px 22px 12px 22px; border: 1px solid #c8c8c8; background: url("/page/school/images/conts/top_bg.png");}
.synthesis .img_wrap img{width: 100%; border: 1px solid #c8c8c8;}
.synthesis .img_wrap .img_tit_text{height:27px;line-height:27px;margin-top:12px;}
.synthesis .img_wrap .img_tit_text h6{font-weight: 500; font-size: 18px; color: #001a58; text-align: center;}
.synthesis ul{padding: 30px 19px 0 19px; margin:0 0 46px 20px; text-align: center; border: 1px solid #c8c8c8; border-top:none; }
.synthesis ul li{position: relative; margin: -6px 0 32px 0; float: left; width: 25%;}
.synthesis ul li .img_box_wrap{padding: 6px;}
.synthesis ul li .img_box_wrap .pc{}
.synthesis ul li .img_box_wrap .mobile{display:none !important;}
.synthesis ul li .img_box_wrap .box_shadow_on{display: block; width: 100%; border-radius: 13%; box-shadow: 4px 4px 2px #d2d2d2;}
.synthesis ul li .img_box_wrap img{display: block; width: 100%}
.synthesis ul li:nth-child(4){margin-right: 0;}
.synthesis ul li .text_box{position: absolute; top: 50%; left: 50%; width: 110px; height: 110px; margin: -55px 0 0 -55px; color: #fff; font-weight: 400; font-size: 16px; line-height:1.2; }
.synthesis ul li:nth-child(3) .text_box a span{margin: 28px 0;}
.synthesis ul li:nth-child(4) .text_box a span{margin: 28px 0; letter-spacing: -1px;}
.synthesis .skinTb-wrapper{margin-left: 20px;}
.synthesis .skinTb::before{border-top: 3px solid #000;}
.synthesis .img_wrap .img-box{position: static;}
.synthesis .img_wrap .slider.slick-slider.slick-initialized .slick-list .slick-track .slick-slide img{}
.synthesis .text_box  a{display: block; width: 100%; height: 100%; text-decoration: none; color:#fff;}
.synthesis .text_box span {display: inline-block; margin: 37px 0; text-decoration: none; font-size: 16px;}
.synthesis .text_box .on{border-bottom: 1px solid #fff;}
.synthesis .right{position: absolute; top:50%; right: 23px; width: 48px; height: 68px; margin-top: -38px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_next.png") no-repeat center; border-right: none; cursor: pointer; text-indent: -9999px;}
.synthesis .left{position: absolute; top:50%; left: 23px; width: 48px; height: 68px; margin-top: -38px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_prev.png") no-repeat center; border-left: none; cursor: pointer; text-indent: -9999px;}
.synthesis .img_wrap .slider div .pc{display:block;}
.synthesis .img_wrap .slider div .mobile{display:none;}

@media screen and (max-width: 750px) {
  .top_tabmenu ul li{width: 60%;}
  .synthesis ul {margin: 0 0 10px 20px; padding: 27px 19px 27px 19px;}
  .synthesis ul li{margin-bottom: 10px; float: left; width: 50%;}
  .synthesis .on::after{top: 73px; left: 13px;; width: 83px;}
  .synthesis .left{margin-top: -48px;}
  .synthesis .right{margin-top: -48px;}
}

@media screen and (max-width: 600px) {
  .synthesis ul {margin: 0 0 10px 20px; padding: 27px 19px 27px 19px;}
  .synthesis ul li{margin-bottom: 10px; float: left; width: 50%;}
  .synthesis ul li .text_box{margin: -53px 0 0 -55px; font-size: 14px;}
  .synthesis .on::after{top: 70px; left: 22px; width: 68px;}
}

@media screen and (max-width: 490px) {
  .synthesis .left{width: 34px; height: 48px; margin-top: -41px;}
  .synthesis .right{width: 34px; height: 48px; margin-top: -41px;}
  .synthesis ul li .text_box a span{font-size: 14px;}
}

@media screen and (max-width: 440px) {
  .top_tabmenu ul li a{padding: 14px 30px; font-size: 14px;}
  .synthesis .img_wrap .slider div .pc{display:none;}
  .synthesis .img_wrap .slider div .mobile{display:block;}
  .synthesis .img_wrap .img_tit_text h6{font-size: 14px;}

}

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

.synthesis .right{display: none!important;}
.synthesis .left{display: none !important;}
.synthesis ul li .img_box_wrap .pc{display:none;}
.synthesis ul li .img_box_wrap .mobile{display:block !important; border-radius: 24px;}
.synthesis ul li .text_box a span{font-size: 16px;}{margin: 37px 0; font-size: 16px;}
.synthesis ul li:nth-child(3) .text_box a span{margin: 25px 0;}
.synthesis ul li:nth-child(4) .text_box a span{margin: 23px 0;}
}

@media screen and (max-width: 320px) {
.synthesis ul li .text_box a span{font-size: 14px}
.synthesis ul li .img_box_wrap .pc{display:none;}
.synthesis ul li .img_box_wrap .mobile{display:block !important; border-radius: 24px;}
.synthesis ul li:nth-child(1) .text_box a span{margin: 40px 0;}
.synthesis ul li:nth-child(2) .text_box a span{margin: 40px 0;}
.synthesis ul li:nth-child(3) .text_box a span{margin: 32px 0;}
.synthesis ul li:nth-child(4) .text_box a span{margin: 30px 0;}
}


/* 교육시설_특수훈련센터 */
.special{margin-top: 24px; }
.special .img_wrap{margin: 0 0 0 20px; padding: 24px 22px 16px 22px; border: 1px solid #c8c8c8;}
.special .img_wrap img{width: 100%; border: 1px solid #c8c8c8;}
.special .img_wrap .img_tit_text{height:27px;line-height:27px;margin-top:12px;}
.special .img_wrap .img_tit_text h6{font-weight: 500; font-size: 18px; color: #001a58; text-align: center;}
.special > ul{padding: 30px 19px 0 19px; margin:0 0 46px 20px; text-align: center; border: 1px solid #c8c8c8; border-top:none; font-size: 0;}
.special > ul  li{display:inline-block; position: relative; margin: -6px 0 32px 0; width: 25%;}
.special ul li .img_box_wrap{padding: 6px;}
.special ul li .img_box_wrap img{display: block; width: 100%;}
.special ul li .img_box_wrap .box_shadow_on{display: block; width: 100%; border-radius: 13%; box-shadow: 4px 4px 2px #d2d2d2;}
.special ul li:nth-child(4){margin-right: 0;}
.special ul li .text_box{position: absolute; top: 50%; left: 50%; width: 110px; height: 110px;  margin:-55px 0 0 -55px; color: #fff; font-weight: 400; font-size: 16px; line-height: 1.2; }
.special .skinTb-wrapper{margin-left: 20px;}
.special .skinTb::before{border-top: 3px solid #000;}
.special .skinTb-wrapper ul li{position: relative; margin-left: 4px; padding-left: 4px;}
.special .skinTb-wrapper ul li::before{display:block; content: ""; position: absolute; top:10px; left:-10px; width: 7px; height: 7px; background: url('/page/school/images/conts/sign.png');}
.special .img_wrap{position: relative; background: url("/page/school/images/conts/top_bg.png");}
.special .img_wrap .img-box{position: static;}
.special .img_wrap .slider.slick-slider.slick-initialized .slick-list .slick-track .slick-slide img{}
.special .text_box  a{display: block; width: 100%; height: 100%; text-decoration: none; color:#fff;}
.special .text_box span {display: inline-block; margin: 36px 0; text-decoration: none; font-size: 16px;}
.special .text_box .on{border-bottom: 1px solid #fff;}
.special .right{position: absolute; top:50%; right: 23px; width: 48px; height: 68px; margin-top: -38px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_next.png") no-repeat center; border-right: none; cursor: pointer; text-indent: -9999px;}
.special .left{position: absolute; top:50%; left: 23px; width: 48px; height: 68px; margin-top: -38px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_prev.png") no-repeat center; border-left: none; cursor: pointer; text-indent: -9999px;}
.special .img_wrap .slider div .pc{display:block;}
.special .img_wrap .slider div .mobile{display:none;}

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

  .special ul li .text_box{font-size: 14px;}

}

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

  .special ul {margin: 0 0 10px 20px; padding: 27px 19px 27px 19px;}
  .special ul li{margin-bottom: 10px; width: 50%;}
  .special .on::after{top: 73px; left: 13px;; width: 83px;}
  .special .left{margin-top: -48px;}
  .special .right{margin-top: -48px;}

}

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

  .special ul {margin: 0 0 10px 20px; padding: 27px 19px 27px 19px;}
  .special ul li{width: 62%;}
  .special ul li .text_box{margin: -48px 0 0 -55px; font-size: 14px;}
  .special .on::after{top: 70px; left: 22px; width: 68px;}

}

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

  .special .left{width: 34px; height: 48px; margin-top: -41px;}
  .special .right{width: 34px; height: 48px; margin-top: -41px;}
  .special ul li .text_box{font-size: 14px;}

}

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

  .special ul{padding: 27px 19px 8px 19px;}
  .special ul li{float: left; width: 100%;}
  .special ul li .img_box_wrap img{margin-bottom: 8px;}
  .special ul li .text_box{font-size: 16px;}
  .special .img_wrap .img_tit_text h6{margin-bottom: -20px; font-size: 14px;}
  .special .img_wrap .slider div .pc{display:none;}
  .special .img_wrap .slider div .mobile{display:block;}

}

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

.special .text_box span{margin: 32px 0; font-size: 16px!important;}
.special .right{display: none!important;}
.special .left{display: none !important;}

}

/* 교육시설_대강당 */
.auditorium{margin-top: 24px;}
.auditorium .img_wrap{margin: 0 0 0 20px; padding: 24px 22px 16px 22px; border: 1px solid #c8c8c8;}
.auditorium .img_wrap img{width: 100%; border: 1px solid #c8c8c8;}
.auditorium .img_wrap .img_tit_text{height:27px;line-height:27px;margin-top:12px;}
.auditorium .img_wrap .img_tit_text h6{font-weight: 500; font-size: 18px; color: #001a58; text-align: center;}
.auditorium ul{padding: 30px 19px 0 19px; margin:0 0 46px 20px; text-align: center; border: 1px solid #c8c8c8; border-top:none; }
.auditorium ul li{position: relative; margin: -6px 0 32px 0; float: left; width: 25%;}
.auditorium ul li .img_box_wrap{padding: 6px;}
.auditorium ul li .img_box_wrap img{display: block; width: 100%;}
.auditorium ul li .img_box_wrap .box_shadow_on{display: block; width: 100%; border-radius:13%; box-shadow: 4px 4px 2px #d2d2d2;}
.auditorium ul li:nth-child(4){margin-right: 0;}
.auditorium ul li .text_box{position: absolute; top: 50%; left: 50%; width: 110px; height: 110px; margin:-55px 0 0 -55px;color: #fff; font-weight: 400; font-size: 16px; line-height: 1.2;}
.auditorium .skinTb-wrapper{margin-left: 20px;}
.auditorium .skinTb::before{border-top: 3px solid #000;}
.auditorium .img_wrap{position: relative; background: url("/page/school/images/conts/top_bg.png");}
.auditorium ul li .img_box_wrap .pc{}
.auditorium ul li .img_box_wrap .mobile{display: none; border-radius: 21px; }
.auditorium .img_wrap .img-box{position: static;}
.auditorium .img_wrap .slider.slick-slider.slick-initialized .slick-list .slick-track .slick-slide img{}
.auditorium .text_box  a{display: block; width: 100%; height: 100%; text-decoration: none; color:#fff;}
.auditorium .text_box span{display: inline-block; margin: 46px 0; text-decoration: none; font-size: 16px;}
.auditorium ul li:nth-child(4) .text_box a span{margin: 42px 0;}
.auditorium .text_box .on{border-bottom: 1px solid #fff;}
.auditorium .right{position: absolute; top:50%; right: 23px; width: 48px; height: 68px; margin-top: -38px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_next.png") no-repeat center; border-right: none; cursor: pointer; text-indent: -9999px;}
.auditorium .left{position: absolute; top:50%; left: 23px; width: 48px; height: 68px; margin-top: -38px; border: 1px solid #ced3d9; background: rgba(0, 0, 0, 0.5) url("/page/school/images/conts/direction_prev.png") no-repeat center; border-left: none; cursor: pointer; text-indent: -9999px;}
.auditorium .img_wrap .slider div .pc{display:block;}
.auditorium .img_wrap .slider div .mobile{display:none;}

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

  .auditorium ul li .text_box{font-size: 14px;}

}

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

  .auditorium ul {margin: 0 0 10px 20px; padding: 27px 19px 27px 19px;}
  .auditorium ul li{margin-bottom: 10px; float: left; width: 50%;}
  .auditorium .on::after{top: 73px; left: 13px;; width: 83px;}
  .auditorium .left{margin-top: -48px;}
  .auditorium .right{margin-top: -48px;}

}

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

  .auditorium ul {margin: 0 0 10px 20px; padding: 27px 19px 27px 19px;}
  .auditorium ul li{margin-bottom: 10px; float: left; width: 50%;}
  .auditorium ul li .text_box{margin: -52px 0 0 -55px; font-size: 14px;}
  .auditorium .on::after{top: 70px; left: 22px; width: 68px;}

}

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

  .auditorium .left{width: 34px; height: 48px; margin-top: -41px;}
  .auditorium .right{width: 34px; height: 48px; margin-top: -41px;}

}

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

  .auditorium ul{padding: 27px 19px 8px 19px;}
  .auditorium ul li{float: left; width: 50%;}
  .auditorium ul li .img_box_wrap img{margin-bottom: 8px;}
  .auditorium ul li .text_box{font-size: 16px;}
  .auditorium .img_wrap .img_tit_text h6{margin-bottom: -20px; font-size: 14px;}
  .auditorium .img_wrap .slider div .pc{display:none;}
  .auditorium .img_wrap .slider div .mobile{display:block;}

}

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

  .auditorium .right{display: none!important;}
  .auditorium .left{display: none !important;}
  .auditorium ul li:nth-child(3) .text_box a span{margin: 41px 0;}
  .auditorium ul li:nth-child(4) .text_box a span{margin: 35px 0; letter-spacing: -1px;}
  .auditorium .text_box span{margin: 41px 0;}
  .auditorium .text_box a span{font-size: 16px !important;}
  .auditorium ul li .img_box_wrap .pc{display: none;}
  .auditorium ul li .img_box_wrap .mobile{display: block;}

}

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

.auditorium .text_box a span{font-size: 14px !important;}

}

/* 강원소방 100년사 */
.year_100{position:relative;padding-bottom:325px;background:url(/page/fire/images/conts/bg_year100.jpg) no-repeat 50% 0%;font-weight:400;background-size:cover;}
.year_100 h4{font-family:'Noto Serif KR';font-size:40px;color:#fff;text-align:center;padding-top:50px;text-shadow:5px 5px 5px rgba(0,0,0,.2);line-height:1.4}
.year_100 h4 .size_1{font-size:60px;font-weight:500;}
.year_100 h4 .size_2{font-size:86px;}
.year_100 h4 .line{display:inline-block;margin-top:-15px;}
.year_100 .book_box{padding-top:50px;text-align:center;}
.year_100 .book{display:inline-block;position:relative;margin-right:80px;max-width:40%}
.year_100 .book.v2{margin-right:0;top:88px;}
.year_100 .book a{display:inline-block;height:50px;line-height:50px;text-align:center;font-size:18px;color:#333;position:absolute;bottom:8vw;right:-20px;background:#cfd8dc;padding:0 35px;border-radius:25px;text-decoration:none;box-shadow:5px 5px 8px rgba(0,0,0,.2);}
.year_100 .book a:after{content:'';display:inline-block;width:21px;height:18px;margin-left:10px;background:url(/page/fire/images/conts/sp_conts.png) no-repeat -479px -41px;vertical-align: -2px;}
.year_100 .book a:hover{background:#c02000;color:#fff;}
.year_100 .book a:hover:after{background-position:-479px -68px;}
.year_100 .book img{display:block;width:100%;box-shadow:10px 10px 12px rgba(0,0,0,.3);}

@media (max-width: 767px) {
    .year_100 .book{margin-right:40px;}
}

@media (max-width: 639px) {
    .year_100{padding-bottom:210px;}
    .year_100 h4{font-size:24px;}
    .year_100 h4 .size_1{font-size:33px;}
    .year_100 h4 .size_2{font-size:50px;}
}

@media (max-width: 450px) {
    .year_100{padding-bottom:130px;}
    .year_100 .book{display:block;margin:0 auto;max-width:80%;}
    .year_100 .book.v2{margin:60px auto 0;top:inherit;}
}

/* 교훈 및 교가 */
.lessonsandteachings .boxline{padding:30px 0; border: 1px #e0e0e0 solid; text-align: center;}
.lessonsandteachings .boxline_01{margin-bottom: 20px;}
.lessonsandteachings p{display: inline-block;}
.lessonsandteachings p img{width: 100%; padding: 0 30px;}


/* 인사말 수정버전 */
.welcome_greeting{position:relative;letter-spacing:-1px;}
.welcome_greeting .wrapper{position:relative;}
.welcome_greeting .box{position:relative;border:15px solid #1b3575;border-radius:45px;min-height:505px;overflow:hidden;}
.welcome_greeting .box:before{content:'';display:block;width:743px;height:375px;position:absolute;bottom:-10px;right:-10px;background:url(/page/school/images/conts/bg_greeting.png) no-repeat 0 0;background-size:cover;}
.welcome_greeting .box img{display:block;position:absolute;bottom:0px;right:-55px;z-index:9;}
.welcome_greeting .box p{position:absolute;height:95px;line-height:80px;background:rgba(255,156,0,.75);border-radius:20px 0 0 0;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.2);text-align:center;width:343px;bottom:-15px;right:-3px;z-index:20;font-size:20px;font-weight:500;}
.welcome_greeting .box p em{font-size:60px;font-family: 'Nanum Brush Script';display:inline-block;vertical-align:-5px;margin-left:8px;font-weight:400;}
.welcome_greeting h4{position:absolute;top:155px;left:0px;z-index:10;}
.welcome_greeting h4:before{content:'';display:block;position:absolute;top:-55px;bottom:-40px;left:0px;width:30px;background:#fff;}

.welcome_greeting h4 strong{font-family:'JSDongkang';font-size:40px;font-weight:700;color:#021d5e;display:block;position:relative;line-height:1.3;margin-bottom:18px;}
.welcome_greeting h4 strong:after{content:'';display:block;width:39px;height:27px;background:url(/page/school/images/conts/ico_greeting.png) no-repeat 0 0;background-size:cover;position:absolute;left:0px;top:-33px;}
.welcome_greeting h4 strong em{color:#ffae00;}
.welcome_greeting h4 span{font-size:24px;font-weight:500;color:#333;line-height:1.5;position:relative;}
.welcome_greeting .text{padding:40px 34px 0;}
.welcome_greeting .text p{font-size:18px;font-weight:300;line-height:1.8;}
.welcome_greeting .text p strong{font-weight:400;}
.welcome_greeting .text p + p{margin-top:30px;}


@media (max-width: 900px) {
    .welcome_greeting .box{min-height:465px;}
    .welcome_greeting h4{top:127px;}
    .welcome_greeting .box img{max-width:75%;}
    .welcome_greeting h4 strong{font-size:30px;}
    .welcome_greeting h4 span{font-size:22px;}
}

@media (max-width: 720px) {
  .welcome_greeting .text{padding: 25px 0px 0;}
  .welcome_greeting .text p{font-size:16px;}
  .welcome_greeting .text p + p{margin-top:15px;}

  .welcome_greeting .box{border-width:10px;min-height:475px;}
  .welcome_greeting h4{top:75px;}
  .welcome_greeting h4 strong{font-size:24px;margin-bottom:10px;}
  .welcome_greeting h4 span{font-size:18px;}
  .welcome_greeting h4 strong:after{width:30px;height:21px;top:-27px;}
  .welcome_greeting .box img{max-width:285px;}
  .welcome_greeting h4:before{top:-45px;bottom:-20px;}
  .welcome_greeting .box:before{width:520px;height:250px;}
  .welcome_greeting .box p{height: 75px;line-height:63px;width:245px;font-size:16px;}
  .welcome_greeting .box p em{font-size:40px;vertical-align:-5px;margin-left:4px;}



}

/* 소방백서 */
.wonju_50year{position:relative;background:url(/page/local/images/wonju/bg_50year.jpg) no-repeat 0 0;background-size:cover;padding-bottom:70px;}
.wonju_50year h4{text-align:center;padding:70px 20px 40px !important;color:#fff;font-family:'Noto Serif KR';}
.wonju_50year h4 span{display:block;}
.wonju_50year h4 .en{position:relative;line-height:1.3;font-size:22px;padding:13px 0;text-shadow:2px 2px 10px rgba(0,0,0,.5);color:#fff;}
.wonju_50year h4 .en em{font-size:18px;}
.wonju_50year h4 .en:after{content:'';display:block;width:150px;height:1px;background:#fff;position:absolute;top:0px;left:50%;margin-left:-75px;}
.wonju_50year h4 .en:before{content:'';display:block;width:150px;height:1px;background:#fff;position:absolute;bottom:0px;left:50%;margin-left:-75px;}
.wonju_50year h4 .ko{position:relative;line-height:1.3;font-size:60px;text-shadow:2px 2px 10px rgba(0,0,0,.5);color:#fff;font-weight:400;}
.wonju_50year h4 .ko em{font-size:86px;font-weight:500;}

.wonju_50year .box{max-width:880px;margin:0 auto;padding:0 20px}
.wonju_50year .box .book{position:relative;float:left;margin-right:40px;width:31%;}
.wonju_50year .box .book .thumb{overflow:hidden;border-radius:20px 20px 20px 0;box-shadow:3px 3px 20px rgba(0,0,0,.3);}
.wonju_50year .box .book img{display:block;width:100%;}
.wonju_50year .box .book a{display:inline-block;height:50px;line-height:50px;text-align:center;font-size:18px;color:#333;position:absolute;bottom:10%;right:-20px;background:#cfd8dc;padding:0 30px;border-radius:25px;text-decoration:none;box-shadow:5px 5px 8px rgba(0,0,0,.3);font-weight:400;}
.wonju_50year .box .book a:after{content:'';display:inline-block;width:21px;height:18px;margin-left:10px;background:url(/page/fire/images/conts/sp_conts.png) no-repeat -479px -41px;vertical-align: -2px;}
.wonju_50year .box .book a:hover{background:#c02000;color:#fff;}
.wonju_50year .box .book a:hover:after{background-position:-479px -68px;}
.wonju_50year .box .photo_list{position:relative;width:calc(69% - 41px);float:left;}
.wonju_50year .box .photo_list li{float:left;width:calc((100% - 21px) / 2);margin:0 20px 20px 0;box-shadow:5px 5px 10px rgba(0,0,0,.4);position:relative;}
.wonju_50year .box .photo_list li:nth-child(2n){margin-right:0;}
.wonju_50year .box .photo_list li:nth-child(n+3){margin-bottom:0;}
.wonju_50year .box .photo_list li:nth-child(1){border-radius:20px 20px 0 20px;}
.wonju_50year .box .photo_list li:nth-child(2){border-radius:20px 20px 20px 0px;}
.wonju_50year .box .photo_list li:nth-child(3){border-radius:20px 0px 20px 20px;}
.wonju_50year .box .photo_list li:nth-child(4){border-radius:0px 20px 20px 20px;}
.wonju_50year .box .photo_list li p{position:absolute;color:#fff;line-height:1.2;font-size:24px;font-weight:500;text-align:center;width:130px;height:130px;border-radius:50%;background:rgba(0,0,0,.6);top:50%;left:50%;margin:-65px 0 0 -65px;padding-top:38px;}
.wonju_50year .box .photo_list li img{display:block;width:100%;}
.wonju_50year .box .photo_list li a:hover p{text-decoration:none;}

@media screen and (max-width: 767px){
    .wonju_50year{padding-bottom:40px;}
    .wonju_50year h4{padding:40px 20px 30px !important;}
    .wonju_50year h4 .en{font-size:20px;}
    .wonju_50year h4 .en em{font-size:16px;}
    .wonju_50year h4 .ko{font-size:34px;}
    .wonju_50year h4 .ko em{font-size:56px;}
    .wonju_50year .box .book{float:none;max-width:260px;margin:0 auto;margin-bottom:30px;width:auto;}
    .wonju_50year .box .photo_list{float:none;width:100%;}
    .wonju_50year .box .photo_list li p{width:90px;height:90px;font-size:16px;margin:-45px 0 0 -45px;padding-top:27px;}

}

/*연혁 수정 = 20211020*/
.new_history{position:relative;margin:0px 0 0 40px;padding:25px 0 10px;z-index:1;}
.new_history:before{content:'';display:block;width:8px;border-radius:4px;background:rgba(0,0,0,.25);position:absolute;top:0;bottom:0;left:0;}
.new_history:after{content:'';display:block;height:8px;border-radius:4px;background:rgba(0,0,0,.25);width:30px;position:absolute;bottom:0;left:-11px;}
.new_history .clamp{display:block;background:url(/page/school/images/conts/new-icon03.png) no-repeat 0 0;background-size:cover;width:25px;height:17px;position:absolute;left:-9px;top:0;z-index:-1;}
.new_history .bx{position:relative;padding-left:50px;}
.new_history .bx + .bx{margin-top:50px;}
.new_history h6{width:84px;height:69px;display:flex;position:relative;align-items:center;background:url(/page/school/images/conts/new-icon01.png) no-repeat 0 0;background-size:cover;justify-content:center;color:#fff;font-weight:700;line-height:1.2;padding-left:18px;font-size:16px;letter-spacing:-1.1px;}
.new_history h6:before{content:'';display:block;width:45px;height:0px;border-top:1px dashed #555;position:absolute;left:-45px;top:50%;}
.new_history h6:after{content:'';display:block;background:url(/page/school/images/conts/new-icon02.png) no-repeat 0 0;background-size:cover;width:14px;height:14px;position:absolute;top:50%;margin-top:-7px;left:-53px;}
.new_history .bx strong{display:block;padding-left:45px;margin:10px 0 13px;font-size:14px;color:#1e4396;line-height:1.1;}
.new_history .bx strong:before{content:'';width:5px;height:5px;border:2px solid #1e4396;border-width:2px 2px 0 0;transform:rotate(45deg);display:inline-block;vertical-align:top;margin:4px 5px 0 0}
.new_history .bx p{color:#000;line-height:1.3;word-break:keep-all;font-size:14px;font-weight:400;padding:0 0 8px 57px}

@media (max-width: 767px){
  .new_history{margin:0px 0 0 0px;padding:15px 0 5px;}
  .new_history .bx{padding-left:30px;}
  .new_history .bx + .bx{margin-top:25px;}
  .new_history h6:before{width:30px;left:-31px;}
  .new_history h6:after{left:-34px;}
  .new_history .bx strong{padding-left:20px;margin:8px 0 10px;}
  .new_history .bx p{padding:0 0 5px 32px}

  .new_history:before{width:6px;}
  .new_history:after{height:6px;left:-12px;}
  .new_history .clamp{display:block;background:url(/page/school/images/conts/new-icon03.png) no-repeat 0 0;background-size:cover;width:25px;height:17px;position:absolute;left:-9px;top:0;z-index:-1;}

}