@charset "utf-8";

.pager a{text-decoration:none;}
/*
#A-Contents-focus{top:300px;}
*/

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

/* 인증 */
.ident_box{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/fire/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 20px rgba(0,0,0,.2);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/fire/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/fire/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/fire/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;}

/* 오시는길 */
.directions{position:relative;}
.directions .map_box{width:100%;}
.directions .map_box img{display:block;width:100%;}
.directions .load_box{margin-top:50px;}
.directions .load_box > div{min-height:270px;padding:35px 20px 70px 0;position:relative;box-shadow:7px 7px 15px rgba(0,0,0,.2);border-radius:20px;}
.directions .load_box > div:after{content:'';display:block;position:absolute;bottom:20px;left:60px;right:0px;height:3px;background:#3e3e3e;}
.directions .load_box > div + div{margin-top:30px;}
.directions .load_box h5{position:absolute;left:0px;top:69px;width:223px;height:60px;line-height:54px;border:3px solid #e0e0e0;border-width:3px 3px 3px 0;border-top-right-radius:17px;border-bottom-right-radius:17px;text-align:right;padding-right:25px;font-size:26px;font-weight:400;}
.directions .load_box h5 em{font-weight:700;color:#003674;}
.directions .load_box .ico_car{position:absolute;left:60px;bottom:23px;}
.directions .load_box .route{padding-left:280px;}
.directions .load_box .route .box{overflow:hidden;padding-left:16px;}
.directions .load_box .route .box strong{margin:10px 15px 0 0;height:30px;line-height:30px;background:#003674;border-radius:15px;min-width:90px;text-align:center;color:#fff;font-size:18px;font-weight:400;display:inline-block;vertical-align: middle;}
.directions .load_box .route .box ul{overflow:hidden;;display:inline-block;vertical-align: middle;margin-right:25px;line-height:1.2}
.directions .load_box .route .box ul li{float:left;margin:10px 30px 0 0;font-weight:400;font-size:18px;color:#454545;position:relative;}
.directions .load_box .route .box ul li:after{content:'';display:block;width:6px;height:11px;background:url(/page/fire/images/conts/sp_conts.png) no-repeat -149px 0;position:absolute;right:-20px;top:5px;}
.directions .load_box .route .box ul li:last-child{margin-right:0;}
.directions .load_box .route .box ul li:last-child:after{display:none;}
.directions .load_box .route .box .time{padding-left:15px;color:#454545;font-size:18px;border-left:1px solid #e0e0e0;display:inline-block;vertical-align: middle;font-weight:400;line-height:1.3;text-align:center;margin-top:10px;}
.directions .load_box .highlight{background:#fff59d}
.directions .load_box .memo{display:block;color:#424242;font-weight:400;margin-top:10px;padding-left:16px;font-weight:400;}
.directions .load_box .memo em{color:#003674;}

.directions .load_box .car h5 em{color:#9c3000}
.directions .load_box .car:after{left:0px;}
.directions .load_box .car .route .box strong{min-width:150px;background:#9c3000;}

.directions .load_box .metro h5 em{color:#004633}
.directions .load_box .metro .route .box strong{min-width:90px;background:#004633;}
.directions .load_box .metro .memo{font-size:14px;margin-top:20px;}
.directions .load_box .metro .route .box ul{max-width:530px;}
.directions .load_box .metro:after{left:0px;right:60px;}
.directions .load_box .metro:before{content:'';display:block;width:118px;height:144px;background:url(/page/fire/images/conts/sp_conts.png) no-repeat 0 -356px;position:absolute;right:55px;bottom:22px}

@media (max-width: 1200px) {
    .directions .load_box > div{padding:90px 0px 105px;}
    .directions .load_box h5{top:15px;}
    .directions .load_box .route{padding-left:0px;}
    .directions .load_box .memo{padding:0 16px;}
}

@media (max-width: 700px) {
   .directions .load_box .metro:before{display:none;}
}
@media (max-width: 560px) {
.directions .load_box .metro .contsBtn{margin: 20px 0 0 15px!important;}
}

/* 회의실 신청 */
.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/fire/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/fire/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/fire/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:14%;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/fire/images/conts/sp_conts.png) no-repeat -189px 0;position:absolute;top:-28px;left:50%;transform:translateX(-50%);}
.meeting_room .usage{position:relative;}

.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 (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;}

}

/* 연혁 */
.history_fire{position:relative;font-weight:400;padding-top:1px;}
.history_fire .history_tab{max-width:1010px;box-shadow:8px 8px 15px rgba(0,0,0,.2);margin:20px auto 70px;border-radius:20px;overflow:hidden;text-align:center;}
.history_fire .history_tab li{display:block;position:relative;float:left;width:calc(30% - 70px);}
.history_fire .history_tab li.active{width:40%;}
.history_fire .history_tab li:first-child{margin-right:70px;}
.history_fire .history_tab li:last-child{margin-left:70px;}
.history_fire .history_tab li:after{content:'';display:block;width:16px;height:19px;background:url(/page/fire/images/conts/sp_conts.png) no-repeat -456px 0;position:absolute;top:57px;right:-33px;}
.history_fire .history_tab li:nth-child(2):after{display:none;}
.history_fire .history_tab li:last-child:after{right:inherit;left:-33px;}
.history_fire .history_tab li.active:after{right:-59px;}
.history_fire .history_tab i:last-child.active:after{left:-59px;}
.history_fire .history_tab li:first-child a{padding-left:30px;}
.history_fire .history_tab li:last-child a{padding-right:30px;}
.history_fire .history_tab li a{height:130px;line-height:130px;font-size:20px;color:#424242;position:relative;text-decoration:none;display:block;}
.history_fire .history_tab li a:hover{color:#d70808;}
.history_fire .history_tab li a span{padding-left:33px;position:relative;}
.history_fire .history_tab li a span:before{content:'';display:block;width:8px;height:8px;border:6px solid #cb6b58;background:#fff;position:absolute;top:6px;left:0px;border-radius:50%;}
.history_fire .history_tab li.active{padding:0;text-align:center;}
.history_fire .history_tab li.active a{font-weight:700;font-size:30px;color:#fff;border-radius:20px;text-shadow:3px 3px 5px rgba(0,0,0,.5);}
.history_fire .history_tab li.active a span{padding-left:0;}
.history_fire .history_tab li.active a span:before{display:none;}
.history_fire .history_tab li.active:first-child a{background:url(/page/fire/images/conts/bg_history_tab_01.jpg) no-repeat 0 0;background-size:cover;}
.history_fire .history_tab li.active:nth-child(2) a{background:url(/page/fire/images/conts/bg_history_tab_02.jpg) no-repeat 0 0;background-size:cover;}
.history_fire .history_tab li.active:last-child a{background:url(/page/fire/images/conts/bg_history_tab_03.jpg) no-repeat 0 0;background-size:cover;}
.history_fire .history_list{position:relative;max-width:1100px;margin:0 auto;padding-bottom:30px;}
.history_fire .history_list > div{display:none;}
.history_fire .history_list .list{position:relative;}
.history_fire .history_list .list:after{content:'';position:absolute;top:12px;bottom:0px;left:50%;width:2px;background:#eceff1;margin-left:-1px;}
.history_fire .history_list .list > li{margin-left:50%;position:relative;padding:0 40px 0 20px;}
.history_fire .history_list .list > li:nth-child(2n){margin-left:inherit;margin-right:50%;padding:0 20px 0 40px;text-align:right;}
.history_fire .history_list .list > li:before{content:'';display:block;width:15px;height:15px;background:#dd654d;border-radius:50%;position:absolute;left:-7px;top:11px;z-index:10;}
.history_fire .history_list .list > li:nth-child(2n):before{left:inherit;right:-7px;}
.history_fire .history_list .list > li:last-child:after{content:'';display:block;width:2px;background:#fff;top:26px;left:-1px;bottom:0px;position:absolute;z-index:10;}
.history_fire .history_list .list > li:last-child:nth-child(2n):after{left:inherit;right:-1px;}
.history_fire .history_list .list > li + li{margin-top:30px;}
.history_fire .history_list .date{display:block;font-weight:700;color:#831111;font-size:24px;}
.history_fire .history_list .date span{display:inline-block;background:#fff;z-index:10;position:relative;padding-right:10px;}
.history_fire .history_list .text{padding-top:5px;position:relative;z-index:10;}
.history_fire .history_list .list > li .text span{color:#424242;display:block;}
.history_fire .history_list .list > li:nth-child(2n) .text span{padding-left:0;}
.history_fire .history_list .text em{color:#424242;font-size:14px;line-height:1.5;display:block;}
.history_fire .history_list .text ul{color:#424242;font-size:14px;line-height:1.5;display:block;padding-bottom: 1px;}
.history_fire .history_list .text ul li{position:relative;}
.history_fire .history_list .text ul li span{display:inline-block !important;padding-left:12px !important;position:relative;}
.history_fire .history_list .text ul li span:before{content:'-';position:absolute;top:1px;left:0px;}
.history_fire .history_list .list > li .thumb{border-radius:50%;width:170px;height:170px;position:absolute;right:5px;top:-66px;}
.history_fire .history_list .list > li .thumb:after{content:'';position:absolute;top:50%;border-top:1px dashed #b0bec5;left:-210px;right:170px;display:block;}
.history_fire .history_list .list > li:nth-child(2n) .thumb{right:inherit;left:5px;}
.history_fire .history_list .list > li:nth-child(2n) .thumb:after{left:170px;right:-210px;}
.history_fire .history_list .list > li .thumb img{width:170px;height:170px;}

@media (max-width: 1024px) {
    .history_fire .history_tab li{display:block;position:relative;float:left;width:calc(30% - 20px);}
    .history_fire .history_tab li a{font-size:18px;height:100px;line-height:100px;}
    .history_fire .history_tab li a span:before{top:4px;}
    .history_fire .history_tab li.active a{font-size:20px;}
    .history_fire .history_tab li:after{top:40px;}
    .history_fire .history_tab li:first-child{margin-right:20px;}
    .history_fire .history_tab li:last-child{margin-left:20px;}
    .history_fire .history_tab li:first-child a{padding-left:10px;}
    .history_fire .history_tab li:last-child a{padding-right:10px;}
    .history_fire .history_tab li:after{right:-16px;}
    .history_fire .history_tab li.active:after{right:-25px;}
    .history_fire .history_tab li:last-child:after{left:-10px;}
    .history_fire .history_tab li:last-child.active:after{left:-24px;}
}

@media (max-width: 900px) {
    .history_fire .history_list .list > li .thumb{position:relative;top:inherit !important;left:inherit !important;right:inherit !important;margin-top:20px;}
    .history_fire .history_list .list > li .thumb:after{display:none;}
    .history_fire .history_list .list > li:nth-child(2n) .thumb{text-align:right;width:100%;}

}

@media (max-width: 660px) {
    .history_fire .history_tab li{width:100% !important;float:none;}
    .history_fire .history_tab li:after{display:none;}
    .history_fire .history_tab li:nth-child(2){margin:0;}
    .history_fire .history_tab li a{height:50px;line-height:50px;text-align:left;padding-left:25px !important;}
    .history_fire .history_tab li:first-child{margin-right:0px;}
    .history_fire .history_tab li:last-child{margin-left:0px;}
    .history_fire .history_tab li.active a{border-radius:0;}
}

@media (max-width: 639px) {
    .history_fire .history_list .list{padding-left:10px;}
    .history_fire .history_list .list:after{left:9px;margin-left:0;}
    .history_fire .history_list .list > li{margin-left:0;padding:0 20px;}
    .history_fire .history_list .list > li:nth-child(2n){margin-right:0;text-align:left;padding:0 20px;}
    .history_fire .history_list .list > li:nth-child(2n):before{left:-7px;right:inherit;}
    .history_fire .history_list .list > li:nth-child(2n) .thumb{text-align:left;}
}


/* 인사말 */
.welcome{position:relative;font-weight:400;padding-top:65px;background:url(/page/fire/images/conts/bg_welcome.png) no-repeat top 88px left;min-height:970px;overflow:hidden;}
.welcome:after{content:'';display:block;width:125%;background:#fff;height:500px;z-index:500;transform: rotate(157deg);position:absolute;bottom:-249px;left:0px;}
.welcome .box{margin-left:60px;max-width:950px;position:relative;padding-bottom:72px;}
.welcome .box:before{content:'';display:block;width:633px;height:123px;background:url(/page/fire/images/conts/welcome_bar_01.png) no-repeat 0 0;position:absolute;left:0px;bottom:0px;z-index:20;}
.welcome .box:after{content:'';display:block;width:546px;height:420px;background:url(/page/fire/images/conts/welcome_bar_02.png) no-repeat 0 0;position:absolute;right:0px;top:14px;}
.welcome .text{max-width:560px;position:relative;padding-bottom:75px;z-index:100;}
.welcome h4{font-size:26px;font-weight:300;color:#202020;line-height:1.4;letter-spacing:-1px;}
.welcome h4 .blue{color:#005093;font-weight:400;font-size:32px;display:inline-block;}
.welcome h4 .red{color:#c92128;font-weight:400;font-size:50px;display:inline-block;font-weight:700;position:relative;}
.welcome h4 .big{font-size:32px;color:#202020;font-weight:300;}
.welcome h4 .big strong{font-weight:400;}
.welcome h4 .bg_white{background:#fff;padding-right:30px;}
.welcome .text p{color:#555;font-weight:300;margin-top:30px;}
.welcome .text p span{display:block;}
.welcome .text p span + span{margin-top:20px;}
.welcome .sign{font-family:'Noto Serif KR';display:inline-block;font-size:18px;color:#333;font-weight:400;line-height:1.3;margin-top: 20px;}
.welcome .sign .name{display:block;font-weight:400;font-size:30px;margin-top: 10px;}
.welcome .sign .name img{vertical-align: bottom;}
.welcome .img_box{position:absolute;bottom:170px;right:-20px;z-index:10;max-width:50%;}
.welcome .img_box img{display:block;width:100%;}
.welcome .sign2{display:none;font-family:'Noto Serif KR';font-size:18px;color:#333;text-align:right;font-weight:400;line-height:1.3;margin-top:20px;}
.welcome .sign2 .name{display:block;font-weight:400;font-size:30px;}

@media (max-width: 1200px) {
    .welcome{background-size:1200px auto;}
    .welcome:after{bottom:-220px;}
    .welcome .box{margin-left:0;max-width:100%;}
    .welcome .img_box{bottom:150px;right:-30px;}
    .welcome .sign{bottom:170px;}
}

@media (max-width: 900px) {
    .welcome{min-height:880px;}
    .welcome:after{bottom:-350px;}
    .welcome .img_box{width:400px;max-width:inherit;bottom:50px;}
}

@media (max-width: 640px) {
    .welcome{background:none;margin:0 -15px}
    .welcome:after{display:none;}
    .welcome h4{font-size:18px;}
    .welcome h4 .blue{font-size:26px;}
    .welcome h4 .red{font-size:40px;}
    .welcome h4 .red:after{width:15px;height:20px;background-size:15px 20px;top:-11px;right:-13px;}
    .welcome h4 .big{font-size:22px;}
    .welcome .box:before{display:none;}
    .welcome .box:after{display:none;}
    .welcome h4 .bg_white{background:transparent;}
    .welcome .img_box{position:relative;top:0;width:calc(100% + 30px);margin:0 -15px 30px;right:inherit;height:228px;background:url(/page/fire/images/conts/bg_welcome2.png) no-repeat 0 0;background-size:cover}
    .welcome .img_box .wrap{display:block;width:300px;height:241px;overflow:hidden;margin:0 auto;position:relative;top:-13px;}
    .welcome .text{padding:0 15px 20px 15px;}
    .welcome .box{padding-bottom:30px;}
    .welcome .text{max-width:100%;}
    .welcome .sign{display:none;}
    .welcome .sign2{display:block;}
}

@media (max-width: 600px) {
    .welcome .text p span br{display:none;}
}

/* 구 인사말
.welcome{position:relative;font-weight:400;padding-top:65px;background:url(/page/fire/images/conts/bg_welcome.png) no-repeat top 88px left;min-height:970px;overflow:hidden;}
.welcome:after{content:'';display:block;width:125%;background:#fff;height:500px;z-index:500;transform: rotate(157deg);position:absolute;bottom:-249px;left:0px;}
.welcome .box{margin-left:60px;max-width:950px;position:relative;padding-bottom:72px;}
.welcome .box:before{content:'';display:block;width:633px;height:123px;background:url(/page/fire/images/conts/welcome_bar_01.png) no-repeat 0 0;position:absolute;left:0px;bottom:0px;z-index:20;}
.welcome .box:after{content:'';display:block;width:546px;height:420px;background:url(/page/fire/images/conts/welcome_bar_02.png) no-repeat 0 0;position:absolute;right:0px;top:80px;}
.welcome .text{max-width:560px;position:relative;padding-bottom:75px;z-index:100;}
.welcome h4{font-size:26px;font-weight:300;color:#202020;line-height:1.4;letter-spacing:-1px;}
.welcome h4 .blue{color:#005093;font-weight:400;font-size:32px;display:inline-block;}
.welcome h4 .red{color:#c92128;font-weight:400;font-size:50px;display:inline-block;font-weight:700;position:relative;}
.welcome h4 .red:after{content:'';display:block;width:20px;height:25px;background:url(/page/fire/images/conts/mark.png) no-repeat 0 0;position:absolute;top:-15px;right:-18px;}
.welcome h4 .big{font-size:32px;color:#202020;font-weight:300;}
.welcome h4 .big strong{font-weight:400;}
.welcome h4 .bg_white{background:#fff;padding-right:30px;}
.welcome .text p{color:#555;font-weight:300;margin-top:30px;}
.welcome .text p span{display:block;}
.welcome .text p span + span{margin-top:20px;}
.welcome .sign{font-family:'Noto Serif KR';display:inline-block;font-size:18px;color:#333;text-align:right;font-weight:400;line-height:1.3;position:absolute;bottom:150px;left:-155px;}
.welcome .sign .name{display:block;font-weight:400;font-size:30px;}
.welcome .img_box{position:absolute;bottom:170px;right:-20px;z-index:10;max-width:50%;}
.welcome .img_box img{display:block;width:100%;}
.welcome .sign2{display:none;font-family:'Noto Serif KR';font-size:18px;color:#333;text-align:right;font-weight:400;line-height:1.3;margin-top:20px;}
.welcome .sign2 .name{display:block;font-weight:400;font-size:30px;}

@media (max-width: 1200px) {
    .welcome{background-size:1200px auto;}
    .welcome:after{bottom:-220px;}
    .welcome .box{margin-left:0;max-width:100%;}
    .welcome .img_box{bottom:150px;right:-30px;}
    .welcome .sign{bottom:170px;}
}

@media (max-width: 900px) {
    .welcome{min-height:880px;}
    .welcome:after{bottom:-350px;}
    .welcome .img_box{width:400px;max-width:inherit;bottom:50px;}
}

@media (max-width: 640px) {
    .welcome{background:none;margin:0 -15px}
    .welcome:after{display:none;}
    .welcome h4{font-size:18px;}
    .welcome h4 .blue{font-size:26px;}
    .welcome h4 .red{font-size:40px;}
    .welcome h4 .red:after{width:15px;height:20px;background-size:15px 20px;top:-11px;right:-13px;}
    .welcome h4 .big{font-size:22px;}
    .welcome .box:before{display:none;}
    .welcome .box:after{display:none;}
    .welcome h4 .bg_white{background:transparent;}
    .welcome .img_box{position:relative;top:0;width:calc(100% + 30px);margin:0 -15px 30px;right:inherit;height:228px;background:url(/page/fire/images/conts/bg_welcome2.png) no-repeat 0 0;background-size:cover}
    .welcome .img_box .wrap{display:block;width:300px;height:241px;overflow:hidden;margin:0 auto;position:relative;top:-13px;}
    .welcome .text{padding:0 15px 20px 15px;}
    .welcome .box{padding-bottom:30px;}
    .welcome .text{max-width:100%;}
    .welcome .sign{display:none;}
    .welcome .sign2{display:block;}
}

@media (max-width: 600px) {
    .welcome .text p span br{display:none;}
}
*/

/* 조직도 */
.chart{position:relative;padding:50px 0 30px;}
.chart .head{max-width:1080px;margin:0 auto;position:relative;display:block;height:102px;color:#fff;font-size:24px;font-weight:700;text-align:center;line-height:102px;background:url(/page/local/images/conts/bg_chart_01.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;z-index: 20;}
.chart .head:after{content:'';display:block;width:7px;height:7px;border:1px solid #db2323;border-radius:50%;position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);margin-left:1px;}
.chart .head:before{content:'';display:block;width:1px;height:28px;position:absolute;bottom:-50px;left:50%;background:#757575;}
.chart .head a{display:block;text-decoration:none;color:#fff;}

.chart .head span{display:inline-block;position:relative;}
.chart .head span:after{content:'';display:block;width:9px;height:11px;background:url(/page/local/images/conts/mark_02.png) no-repeat 0 0;position:absolute;top:30px;right:-7px;}
.chart .list_wrap{max-width:px;margin:0 auto;text-align:center;}
.chart .list_wrap.v2{overflow:hidden;}
.chart .head_list{padding-top:33px;display: flex;flex-wrap: wrap;}
.chart .head_list > li{margin:70px 5px 0 0;position:relative;flex: 1;}
.chart .head_list > li:first-child:after{content:'';display:block;height:1px;left:50%;right: -397px;top:-65px;position:absolute;background:#757575;}
.chart .head_list > li:last-child:after{content:'';display:block;height:1px;right:50%;left: -712px;top:-53px;position:absolute;background:#757575;margin-right:-1px;}
.chart .head_list > li:nth-child(1):before{content: '';display: block;width: 1px;height: 42px;position: absolute;top: -64px;left: 50%;background: #757575;}
/*
.chart .head_list > li:first-child:before{content:'';display:block;height:1px;right: -936px;top: -68px;position:absolute;background:#fff;z-index:10;width: 500px;}
.chart .head_list > li:nth-child(1):before{content:'';display:block;height:1px;right:50%;left:0px;top:-53px;position:absolute;background:#fff;z-index:10;}
*/
.chart .head_list > li:last-child:before{content:'';display:block;height:1px;left: 74%;right:0px;top:-53px;position:absolute;background:#fff;margin-right:-1px;z-index:10;}


.chart .head_list > li:last-child{margin-right:0;}
.chart .head_list h5{height:70px;color:#fff;text-align:center;font-size: 17px;background:url(/page/local/images/conts/bg_chart_02.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;position:relative;color:#fff;letter-spacing: -1px;padding: 0 !important;display: flex;align-items: center;justify-content: center;line-height: 1.3;}
.chart .head_list h5:after{content:'';display:block;width:7px;height:7px;border:1px solid #787878;border-radius:50%;position:absolute;top:-23px;left:50%;transform:translateX(-50%);}
.chart .head_list .top:before{content:'';display:block;width:1px;height:44px;position:absolute;top:-67px;left:50%;background:#757575;}
.chart .head_list h5:before{content:'';display:block;width:1px;height:30px;position:absolute;top:-52px;left:50%;background:#757575;}
.chart .head_list h5 a{display:block;text-decoration:none;color:#fff;height:100%;padding-top:0px;}
.chart .head_list h5.two_line{}
.chart .head_list h5 a:hover{text-decoration:underline;}
.chart .sub_list{padding-top:10px;}
.chart .sub_list li h6{position:relative;color:#333;font-weight:300;padding:10px 0;white-space: nowrap;font-size: 15px;}
.chart .sub_list li h6:after{content:'';display:block;width:30px;height:1px;background:#e0e0e0;position:absolute;top:0px;left:50%;transform:translateX(-50%);}
.chart .sub_list li:first-child h6:after{display:none;}
.chart .sub_list li h6 a{display:block;text-decoration:none;}
.chart .sub_list li h6 a:hover{text-decoration:underline;}

.chart .school_box{float:left;width:45%;margin-top:60px}
.chart .school{position:relative;display:block;height:70px;color:#fff;font-size:24px;font-weight:700;text-align:center;line-height:70px;background:url(/page/local/images/conts/bg_chart_03.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;max-width:290px;margin:0 auto;color:#fff;}
.chart .school:after{content:'';display:block;width:7px;height:7px;border:1px solid #1f2881;border-radius:50%;position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);margin-left:1px;}
.chart .school:before{content:'';display:block;width:1px;height:28px;position:absolute;bottom:-50px;left:50%;background:#757575;}
.chart .school a{display:block;text-decoration:none;color:#fff;}
.chart .school span{display:inline-block;position:relative;}
.chart .school span:after{content:'';display:block;width:9px;height:11px;background:url(/page/local/images/conts/mark_02.png) no-repeat 0 0;position:absolute;top:15px;right:-8px;}

.chart .school_list{padding-top:33px;}
.chart .school_list > li{display:inline-block;width: calc((100% - 22px) / 3);vertical-align:top;margin:70px 1% 0 0;position:relative;}
.chart .school_list > li:first-child:after{content:'';display:block;height:1px;left:50%;right: -117px;top:-53px;position:absolute;background:#757575;}
.chart .school_list > li:last-child:after{content:'';display:block;height:1px;right:50%;left:-70px;top:-53px;position:absolute;background:#757575;margin-right:-1px;}
.chart .school_list > li:last-child{margin-right:0;}

.chart .school_list h5{height:70px;line-height:70px;color:#fff;text-align:center;font-size:18px;background:url(/page/local/images/conts/bg_chart_04.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;position:relative;color:#fff;}
.chart .school_list h5:after{content:'';display:block;width:7px;height:7px;border:1px solid #787878;border-radius:50%;position:absolute;top:-23px;left:50%;transform:translateX(-50%);}
.chart .school_list h5:before{content:'';display:block;width:1px;height:30px;position:absolute;top:-52px;left:50%;background:#757575;}
.chart .school_list h5 a{display:block;text-decoration:none;color:#fff;height:100%;}
.chart .school_list h5 a:hover{text-decoration:underline;}

.chart .station_box{float:left;width:55%;margin-top:60px}
.chart .station{position:relative;display:block;height:70px;color:#fff;font-size:24px;font-weight:700;text-align:center;line-height:70px;background:url(/page/local/images/conts/bg_chart_05.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;max-width:360px;margin:0 auto;color:#fff;}
.chart .station:after{content:'';display:block;width:7px;height:7px;border:1px solid #069b48;border-radius:50%;position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);margin-left:1px;}
.chart .station:before{content:'';display:block;width:1px;height:28px;position:absolute;bottom:-50px;left:50%;background:#757575;}
.chart .station a{display:block;text-decoration:none;color:#fff;}
.chart .station span{display:inline-block;position:relative;}
.chart .station span:after{content:'';display:block;width:9px;height:11px;background:url(/page/local/images/conts/mark_02.png) no-repeat 0 0;position:absolute;top:15px;right:-8px;}

.chart .station_list{padding-top:33px;margin:0 auto;}
.chart .station_list > li{display:inline-block;width: calc(50% - 24px);vertical-align:top;margin:70px 0 0 0;position:relative;}
.chart .station_list > li:last-child{width: calc(50% - 24px);}
.chart .station_list > li:first-child:after{content:'';display:block;height:1px;left:50%;right:-48px;top:-53px;position:absolute;background:#757575;}
.chart .station_list > li:last-child:after{content:'';display:block;height:1px;right:50%;left:0;top:-53px;position:absolute;background:#757575;margin-right:-1px;}
.chart .station_list > li:last-child{margin-right:0;}

.chart .station_list h5{height:70px;line-height:70px;color:#fff;text-align:center;font-size:18px;background:url(/page/local/images/conts/bg_chart_04.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;position:relative;}
.chart .station_list h5:after{content:'';display:block;width:7px;height:7px;border:1px solid #787878;border-radius:50%;position:absolute;top:-23px;left:50%;transform:translateX(-50%);}
.chart .station_list h5:before{content:'';display:block;width:1px;height:30px;position:absolute;top:-52px;left:50%;background:#757575;}
.chart .station_list h5 a{display:block;text-decoration:none;color:#fff;height:100%;}
.chart .station_list h5 a:hover{text-decoration:underline;}

.chart .sub_list.v2{overflow:hidden}
.chart .sub_list.v2 li{float:left; width: 50%;}
.chart .sub_list.v2 li:nth-child(2n){margin-right:0;}
.chart .sub_list.v2 li:nth-child(2) h6:after{display:none;}

.chart .head.v2{max-width:750px;}
.chart .head_list.v2{max-width:650px;margin:0 auto;}
.chart .head_list.v2 > li{width:calc((100% - 90px) / 4);margin:70px 26px 0 0;}
.chart .head_list.v2 > li:last-child{margin-right:0;}

.chart .center_box{max-width:700px;margin:40px auto 0;}
.chart .center_box > ul{text-align:center;}
.chart .center_box > ul > li{display:inline-block; width:calc((100% - 60px) / 4);vertical-align:top;margin:20px 16px 0 0;position:relative;}
.chart .center_box > ul > li:nth-child(4n){margin-right:0;}
.chart .center_box h5{height:75px;color:#fff;text-align:center;font-size:18px;background:url(/page/local/images/conts/bg_chart_06.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;position:relative;line-height:1.2;padding-top:15px;}
.chart .center_box h5 a{display:block;text-decoration:none;color:#fff;height:100%;}
.chart .center_box h5 a:hover{text-decoration:underline;}
.chart .center_box .low_list{padding-top:40px;position:relative;}
.chart .center_box .low_list:after{content:'';display:block;width:7px;height:7px;border:1px solid #5c5ad7;border-radius:50%;position:absolute;top:5px;left:50%;transform:translateX(-50%);}
.chart .center_box .low_list:before{content:'';display:block;width:1px;height:13px;position:absolute;top:13px;left:50%;background:#757575;}
.chart .center_box .low_list li{position:relative;}
.chart .center_box .low_list li:first-child:after{content:'';display:block;width:7px;height:7px;border:1px solid #757575;border-radius:50%;position:absolute;top:-14px;left:50%;transform:translateX(-50%);}
.chart .center_box .low_list li + li{margin-top:5px;}
.chart .center_box .low_list h6{height:50px;line-height:50px;color:#fff;text-align:center;font-size:16px;background:url(/page/local/images/conts/bg_chart_07.jpg) no-repeat 0 0;background-size:cover;border-radius:25px;}
.chart .center_box .low_list h6 a{display:block;text-decoration:none;color:#fff;height:100%;}
.chart .center_box .low_list h6 a:hover{text-decoration:underline;}



.chart .special01_box{float:left;width:55%;margin-top:60px}
.chart .special01{position:relative;display:block;height:70px;color:#fff;font-size:24px;font-weight:700;text-align:center;line-height:70px;background:url(/page/local/images/conts/bg_chart_08.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;max-width:360px;margin:0 auto;color:#fff;}
.chart .special01:after{content:'';display:block;width:7px;height:7px;border:1px solid #1f2881;border-radius:50%;position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);margin-left:1px;}
.chart .special01:before{content:'';display:block;width:1px;height:28px;position:absolute;bottom:-50px;left:50%;background:#757575;}
.chart .special01 a{display:block;text-decoration:none;color:#fff;}
.chart .special01 span{display:inline-block;position:relative;}
.chart .special01 span:after{content:'';display:block;width:9px;height:11px;background:url(/page/local/images/conts/mark_02.png) no-repeat 0 0;position:absolute;top:15px;right:-8px;}

.chart .special01_list{padding-top:33px;}
.chart .special01_list > li{display:inline-block;width: calc((100% - 44px) / 5);vertical-align:top;margin:70px 7px 0 0;position:relative;}
.chart .special01_list > li:first-child:after{content:'';display:block;height:1px;left:50%;right: -200px;top:-53px;position:absolute;background:#757575;}
.chart .special01_list > li:last-child:after{content:'';display:block;height:1px;right:50%;left:-200px;top:-53px;position:absolute;background:#757575;margin-right:-1px;}
.chart .special01_list > li:last-child{margin-right:0;}

.chart .special01_list h5{height:70px;line-height:70px;color:#fff;text-align:center;font-size:18px;background:url(/page/local/images/conts/bg_chart_04.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;position:relative;color:#fff;}
.chart .special01_list h5:after{content:'';display:block;width:7px;height:7px;border:1px solid #787878;border-radius:50%;position:absolute;top:-23px;left:50%;transform:translateX(-50%);}
.chart .special01_list h5:before{content:'';display:block;width:1px;height:30px;position:absolute;top:-52px;left:50%;background:#757575;}
.chart .special01_list h5 a{display:block;text-decoration:none;color:#fff;height:100%;}
.chart .special01_list h5 a:hover{text-decoration:underline;}

.chart .special02_box{float:left;width:45%;margin-top:60px;padding-left:20px;}
.chart .special02{position:relative;display:block;height:70px;color:#fff;font-size:24px;font-weight:700;text-align:center;line-height:70px;background:url(/page/local/images/conts/bg_chart_09.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;max-width:290px;margin:0 auto;color:#fff;}
.chart .special02:after{content:'';display:block;width:7px;height:7px;border:1px solid #069b48;border-radius:50%;position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);margin-left:1px;}
.chart .special02:before{content:'';display:block;width:1px;height:28px;position:absolute;bottom:-50px;left:50%;background:#757575;}
.chart .special02 a{display:block;text-decoration:none;color:#fff;}
.chart .special02 span{display:inline-block;position:relative;}
.chart .special02 span:after{content:'';display:block;width:9px;height:11px;background:url(/page/local/images/conts/mark_02.png) no-repeat 0 0;position:absolute;top:15px;right:-8px;}

.chart .special02_list{padding-top:33px;margin:0 auto;}
.chart .special02_list > li{display:inline-block;width: calc((100% - 33px) / 4);vertical-align:top;margin:70px 7px 0 0;position:relative;}
.chart .special02_list > li:first-child:after{content:'';display:block;height:1px;left:50%;right:-150px;top:-53px;position:absolute;background:#757575;}
.chart .special02_list > li:last-child:after{content:'';display:block;height:1px;right:50%;left:-150px;top:-53px;position:absolute;background:#757575;margin-right:-1px;}
.chart .special02_list > li:last-child{margin-right:0;}

.chart .special02_list h5{height:70px;line-height:70px;color:#fff;text-align:center;font-size:18px;background:url(/page/local/images/conts/bg_chart_04.jpg) no-repeat 0 0;background-size:cover;border-radius:20px;position:relative;}
.chart .special02_list h5:after{content:'';display:block;width:7px;height:7px;border:1px solid #787878;border-radius:50%;position:absolute;top:-23px;left:50%;transform:translateX(-50%);}
.chart .special02_list h5:before{content:'';display:block;width:1px;height:30px;position:absolute;top:-52px;left:50%;background:#757575;}
.chart .special02_list h5 a{display:block;text-decoration:none;color:#fff;height:100%;}
.chart .special02_list h5 a:hover{text-decoration:underline;}



@media (max-width: 1024px) {

    .chart .head_list h5{font-size:16px;padding-top:22px;}
    .chart .school_list h5{font-size:16px;}
    .chart .station_list h5{font-size:16px;}
    .chart .special01_list h5{font-size:16px;}
    .chart .special02_list h5{font-size:16px;}
}

@media (max-width: 910px) {

.chart .head_list > li{margin: 55px 1% 0 0;flex: 1 1 19%;max-width: 19%;}
.chart .station_list > li,
.chart .school_list > li{margin-top:55px;}
.chart .head:after,
.chart .head:before,
.chart .school:after,
.chart .school:before,
.chart .school_list > li:after,
.chart .station:after,
.chart .station:before,
.chart .station_list > li:after,
.chart .special01:before,
.chart .special01_list > li:after,
.chart .special02:before,
.chart .special02_list > li:after,
.chart .special01:after,
.chart .special01:before,
.chart .special02:after,
.chart .special02:before,

.chart .head_list > li:after{display:none !important;}
.chart .school_list,
.chart .station_list,
.chart .special01_list,
.chart .special02_list,
.chart .head_list{padding-top: 0px;}

.chart .special01_list,
.chart .special02_list{margin-top:0;}
.chart .special01_box{float:none;width:100%;margin-top:50px;}
.chart .special02_box{float:none;width:100%;margin-top:50px;padding-left:0;}
}

@media (max-width: 830px) {

.chart .head_list h5{white-space: nowrap; letter-spacing: -2px;}



}

@media (max-width: 767px) {

    .chart .station_list h5{height: 70px; line-height: 70px;}
    .chart .school_list h5{height: 70px; line-height: 70px;}
    .chart .school_list > li:last-child:after{left: -130px;}
    .chart .school_list > li:first-child:after{right: -130px;}
    .chart .head_list > li:last-child:after{left: -93px;}
    .chart .head_list > li{
    flex: 1 1 32%;
    max-width: 32%;
}
    .chart .head_list > li:nth-child(4):after{content:'';display:block;height:1px;right:50%;left: -131px;top:-53px;position:absolute;background:#757575;margin-right:-1px;}
    .chart .head_list > li:nth-child(3):nth-last-child(1):after{left:0px;right:0px;}
    .chart .head_list > li:nth-child(5):after{content:'';display:block;height:1px;right: -94px;left: 50%;top:-53px;position:absolute;background:#757575;margin-right:-1px;}
    .chart .head_list > li:nth-child(3):nth-last-child(1):before{display:none;}
    .chart .school_box{float:none;width:100%;margin-top:40px;}
    .chart .station_box{float:none;width:100%;margin-top:40px;}
    .chart .station_list > li:last-child{width: calc(40% - 28px);}
    .chart .station_list > li{width:calc(40% - 28px);margin:70px 24px 0 0}
    .chart .head_list.v2 > li{width:calc((100% - 30px) / 2);}
    .chart .head_list.v2 > li:nth-child(2n){margin-right:0;}
    .chart .head_list.v2 > li:after{content:'';display:block;height:1px;left:50%;right:-100px;top:-53px;position:absolute;background:#757575;}
    .chart .head_list.v2 > li:nth-child(2n):after{right:50%;left:-100px;margin-right:-1px;}
    .chart .center_box{margin-top:30px;}

}

@media (max-width: 639px) {
    .chart .center_box > ul > li{display:inline-block;width:calc((100% - 20px) / 2);vertical-align:top;margin:20px 16px 0 0;position:relative;}
    .chart .center_box > ul > li:nth-child(2n){margin-right:0;}
}

@media (max-width: 600px) {

    .chart .head_list > li:nth-child(4):after{left: -143px;}
    .chart .head_list > li:first-child:after{right: -146px;}
    .chart .head_list > li{
    margin-top: 59px;
}

}

@media (max-width: 494px) {
    .chart .head_list .top:before{display:none !important;}
    .chart .head_list > li:first-child:before{display: none;}
    .chart .head_list{padding-top: 0;}
    .chart .head_list > li:last-child:after{display:none;}
    .chart .head_list > li:nth-child(5):after{display: none;}
    .chart .head_list > li:nth-child(4):after{display: none;}
    .chart .head_list h5:after{display: none;}
    .chart .head_list h5:before{display:none;}
    .chart .head:before{display: none;}
    .chart .head:after{display: none;}
    .chart .head_list > li:first-child:after{display: none;}
    .chart .head_list > li{margin-top: 20px;}
    .chart .special01_list h5:before,
    .chart .special01_list h5:after,
    .chart .special02_list h5:before,
    .chart .special02_list h5:after{display: none;}
    .chart .special02_list > li,
    .chart .special01_list > li{margin:10px 0 0;display:block;width:100%;}
    .chart .special01,
    .chart .special02{width:100%;max-width:initial;}
    .chart .special01_box{margin-top:40px;}
    .chart .special02_box{margin-top:40px;}
    
    .chart .school_box{float:none;width:100%;margin-top:40px;}
    .chart .station_box{float:none;width:100%;margin-top:40px;}
    .chart .station_list > li{width:calc(40% - 28px);margin: 20px 24px 0 0;}
    .chart .station_list > li:last-child{width:100%;}
    .chart .head_list.v2 > li{width:calc((100% - 30px) / 2);}
    .chart .head_list.v2 > li:nth-child(2n){margin-right:0;}
    .chart .head_list.v2 > li:nth-child(2n):after{right:50%;left:-100px;margin-right:-1px;}
    .chart .center_box{margin-top:30px;}
    .chart .school_list > li{width: 100%;margin-top: 20px;}
    .chart .station_list > li{width: 100%;}
    .chart .school{max-width: none;}
.chart .school_list > li:first-child:after{display: none;}
.chart .school_list h5:before{display: none;}
.chart .school_list h5:after{display: none;}
.chart .school_list > li:last-child:after{display: none;}
.chart .station{max-width: none;}
.chart .school:after{display: none;}
.chart .school:before{display: none;}
.chart .school_list{padding-top: 0;}
.chart .school_list h5{height: 70px; line-height: 70px;}
.chart .station_list{max-width: none;}
.chart .station_list h5{height: 70px; line-height: 70px;}
.chart .station_list{padding-top: 0;}
.chart .station:after{display: none;}
.chart .station:before{display: none;}
.chart .station_list > li:first-child:after{display: none;}
.chart .station_list h5:after{display: none;}
.chart .station_list > li:last-child:after{display: none;}
.chart .station_list h5:before{display: none;}
.chart .station_list h5:after{display: none;}
}

@media (max-width: 375px) {



}




/* 강원소방 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;}
}


/* 취업심사제도 */
.job_audit{position:relative;}
.job_audit .slick_wrap{position:relative;padding:0 150px;}
.job_audit .slick_wrap .slick{max-width:800px;margin:0 auto;}
.job_audit .slick_wrap .control button{position:absolute;top:50%;transform:translateY(-50%);left:60px;}
.job_audit .slick_wrap .control .next{left:inherit;right:60px;}
.job_audit .slick_wrap .slick-dots{text-align:center;margin-top:20px;}
.job_audit .slick_wrap .slick-dots li{margin-right:5px;display:inline-block;}
.job_audit .slick_wrap .slick-dots li:last-child{margin-right:0px;}
.job_audit .slick_wrap .slick-dots button{overflow:hidden;text-indent:-9999px;width:16px;height:16px;border-radius:50%;border:2px solid #5b6365;}
.job_audit .slick_wrap .slick-dots .slick-active button{background:#5b6365;}

@media (max-width: 1024px) {
    .job_audit .slick_wrap{padding:0 70px;}
    .job_audit .slick_wrap .control button{left:5px;}
    .job_audit .slick_wrap .control .next{right:5px;}
}

@media (max-width: 768px) {
    .job_audit{padding-top:20px;}
}

@media (max-width: 767px) {
    .job_audit .slick_wrap{padding:0 20px;}
    .job_audit .slick_wrap .control button{left:-8px;}
    .job_audit .slick_wrap .control button img{width:20px;height:42px;}
    .job_audit .slick_wrap .control .next{right:-8px;}
}



/* 소방서현황 */
.fire_state{position:relative;min-height:970px;overflow:hidden;}
.fire_state:after{content:'';display:block;width:147px;height:180px;background:url(/page/fire/images/conts/bg_fire_state_02.png) no-repeat 0 0;position:absolute;right:85px;top:32px;}
.fire_state .text_box{position:absolute;width:770px;height:770px;background:url(/page/fire/images/conts/bg_fire_state_01.png) no-repeat 0 0;bottom:8px;left:63px;}
.fire_state .text{position:absolute;left:40px;bottom:67px;}
.fire_state .text:after{content:'';display:block;width:245px;height:177px;background:url(/page/fire/images/conts/people.png) no-repeat 0 0;position:absolute;top:-180px;left:-3px;}
.fire_state .text h4{font-size:34px;font-weight:300;line-height:1.3;}
.fire_state .text strong{font-weight:500;}
.fire_state .text h4 .size_1{font-size:26px;}
.fire_state .text h4 .red{font-size:40px;font-weight:700;color:#c92128;display:inline-block;position:relative;}
.fire_state .text h4 .red:after{content:'';width:20px;height:25px;background:url(/page/fire/images/conts/mark_03.png) no-repeat 0 0;position:absolute;right:-20px;top:-20px;}
.fire_state .text h4:after{content:'';display:inline-block;width:76px;height:22px;background:url(/page/fire/images/conts/arrow_05.png) no-repeat 0 0;margin-left:4px;}
.fire_state .text p{font-weight:300;margin-top:20px;}

.fire_state .map_box{position:absolute;width:711px;height:674px;background:url(/page/fire/images/conts/map_01.png) no-repeat 0 0;top:37px;right:77px;background-size: cover;z-index: 5;}
.fire_state .map_box .pointer{font-size:15px;font-weight:700;color:#fff;display:inline-block;position:absolute;}
.fire_state .map_box .pointer:hover{text-decoration:underline;}
.fire_state .map_box .pointer.p_01{top:106px;left:108px;}
.fire_state .map_box .pointer.p_02{top:143px;left:194px;}
.fire_state .map_box .pointer.p_03{top:143px;left:287px;}
.fire_state .map_box .pointer.p_04{top:82px;left:416px;}
.fire_state .map_box .pointer.p_05{top:240px;left:206px;}
.fire_state .map_box .pointer.p_06{top:192px;left:372px;}
.fire_state .map_box .pointer.p_07{top:154px;left:449px;}
.fire_state .map_box .pointer.p_08{top:293px;left:307px;}
.fire_state .map_box .pointer.p_09{top:217px;left:470px;}
.fire_state .map_box .pointer.p_10{top:467px;left:245px;}
.fire_state .map_box .pointer.p_11{top:397px;left:308px;}
.fire_state .map_box .pointer.p_12{top:386px;left:408px;}
.fire_state .map_box .pointer.p_13{top:331px;left:539px;}
.fire_state .map_box .pointer.p_14{top:525px;left:413px;}
.fire_state .map_box .pointer.p_15{top:465px;left:484px;}
.fire_state .map_box .pointer.p_16{top:419px;left:593px;}
.fire_state .map_box .pointer.p_17{top:560px;left:562px;}
.fire_state .map_box .pointer.p_18{top:507px;left:620px;}
.fire_state .map_box .trigger{display:inline-block;padding:10px;text-decoration:none;color:#fff;position:relative;z-index:20;text-shadow: 3px 3px 3px rgba(0,0,0,.3);}
.fire_state .map_box .pointer:hover .trigger{text-decoration:underline;}
.fire_state .map_box .pointer .pop{position:absolute;top:50%;left:50%;display:none;z-index:10;}
.fire_state .map_box .pointer .pop span{color:#fff;text-decoration:none;text-shadow:2px 2px 2px rgba(0,0,0,.3);position:absolute;top:50%;left:50%;white-space:nowrap;}
.fire_state .map_box .pointer .pop span.black{color:#000;}
.fire_state .map_box .pointer .pop.pop_01{margin:-71px 0 0 -71px;}
.fire_state .map_box .pointer .pop.pop_01 span{margin:-14px 0 0 -72px;}
.fire_state .map_box .pointer .pop.pop_02{margin:-79px 0 0 -61px;}
.fire_state .map_box .pointer .pop.pop_02 span{margin:-20px 0 0 -27px;}
.fire_state .map_box .pointer .pop.pop_02{margin:-79px 0 0 -62px;}
.fire_state .map_box .pointer .pop.pop_02 span{margin:-20px 0 0 -27px;}
.fire_state .map_box .pointer .pop.pop_03{margin:-99px 0 0 -21px;}
.fire_state .map_box .pointer .pop.pop_03 span{margin:-31px 0 0 -38px;}
.fire_state .map_box .pointer .pop.pop_04{margin:-84px 0 0 -34px;}
.fire_state .map_box .pointer .pop.pop_04 span{margin:-4px 0 0 -38px;}
.fire_state .map_box .pointer .pop.pop_05{margin:-63px 0 0 -57px;}
.fire_state .map_box .pointer .pop.pop_05 span{margin:-23px 0 0 -33px;}
.fire_state .map_box .pointer .pop.pop_06{margin:-112px 0 0 -74px;}
.fire_state .map_box .pointer .pop.pop_06 span{margin:3px 0 0 -24px;}
.fire_state .map_box .pointer .pop.pop_07{margin:-78px 0 0 -8px;}
.fire_state .map_box .pointer .pop.pop_07 span{margin:0px 0 0 -6px;}
.fire_state .map_box .pointer .pop.pop_08{margin:-55px 0 0 -150px;}
.fire_state .map_box .pointer .pop.pop_08 span{margin:-17px 0 0 -25px;}
.fire_state .map_box .pointer .pop.pop_09{margin:-46px 0 0 -38px;}
.fire_state .map_box .pointer .pop.pop_09 span{margin:-2px 0 0 -25px;}
.fire_state .map_box .pointer .pop.pop_10{margin:-66px 0 0 -42px;}
.fire_state .map_box .pointer .pop.pop_10 span{margin:-17px 0 0 -51px;}
.fire_state .map_box .pointer .pop.pop_11{margin:-71px 0 0 -86px;}
.fire_state .map_box .pointer .pop.pop_11 span{margin:-23px 0 0 -15px;}
.fire_state .map_box .pointer .pop.pop_12{margin:-77px 0 0 -45px;}
.fire_state .map_box .pointer .pop.pop_12 span{margin:-37px 0 0 -50px;}
.fire_state .map_box .pointer .pop.pop_13{margin:-55px 0 0 -64px;}
.fire_state .map_box .pointer .pop.pop_13 span{margin:-18px 0 0 -17px;}
.fire_state .map_box .pointer .pop.pop_14{margin:-69px 0 0 -95px;}
.fire_state .map_box .pointer .pop.pop_14 span{margin:0px 0 0 -17px;}
.fire_state .map_box .pointer .pop.pop_15{margin:-77px 0 0 -41px;}
.fire_state .map_box .pointer .pop.pop_15 span{margin:-28px 0 0 -44px;}
.fire_state .map_box .pointer .pop.pop_16{margin:-82px 0 0 -13px;}
.fire_state .map_box .pointer .pop.pop_16 span{margin:-6px 0 0 1px;}
.fire_state .map_box .pointer .pop.pop_17{margin:-72px 0 0 -19px;}
.fire_state .map_box .pointer .pop.pop_17 span{margin:1px 0 0 -31px;}
.fire_state .map_box .pointer .pop.pop_18{margin:-72px 0 0 -78px;}
.fire_state .map_box .pointer .pop.pop_18 span{margin:-27px 0 0 -14px;}

@media (max-width: 1000px) {
    .fire_state .text_box{left:0;bottom:0;}
    .fire_state .map_box{right:30px;}
    .fire_state:after{right:0;}
    .fire_state .text:after{width:212px;height:154px;top: -152px;background-size: cover;}
}

@media (max-width: 720px) {
    .fire_state{min-height:940px;}
    .fire_state .text_box{top:160px;}
    .fire_state .map_box{width:620px;height:580px;}
    .fire_state .text{bottom:4px;}
    .fire_state .map_box .pointer.p_01{top:93px;left:89px;}
    .fire_state .map_box .pointer.p_02{top:123px;left:172px;}
    .fire_state .map_box .pointer.p_03{top:124px;left:249px;}
    .fire_state .map_box .pointer.p_04{top:71px;left:359px;}
    .fire_state .map_box .pointer.p_05{top:206px;left:181px;}
    .fire_state .map_box .pointer.p_06{top:163px;left:321px;}
    .fire_state .map_box .pointer.p_07{top:129px;left:386px;}
    .fire_state .map_box .pointer.p_08{top:262px;left:262px;}
    .fire_state .map_box .pointer.p_09{top:185px;left:407px;}
    .fire_state .map_box .pointer.p_10{top:405px;left:208px;}
    .fire_state .map_box .pointer.p_11{top:344px;left:265px;}
    .fire_state .map_box .pointer.p_12{top:342px;left:351px;}
    .fire_state .map_box .pointer.p_13{top:287px;left:470px;}
    .fire_state .map_box .pointer.p_14{top:462px;left:361px;}
    .fire_state .map_box .pointer.p_15{top:404px;left:420px;}
    .fire_state .map_box .pointer.p_16{top:363px;left:514px;}
    .fire_state .map_box .pointer.p_17{top:487px;left:485px;}
    .fire_state .map_box .pointer.p_18{top:441px;left:534px;}
    .fire_state .map_box .pointer .pop.pop_08{margin: -68px 0 0 -149px;}
    .fire_state .map_box .pointer .pop.pop_11{margin: -71px 0 0 -82px;}
    .fire_state .map_box .pointer .pop.pop_14{margin: -76px 0 0 -104px;}
    .fire_state .map_box .pointer .pop.pop_13{margin: -55px 0 0 -68px;}
    .fire_state .map_box .pointer .pop.pop_18{margin: -69px 0 0 -70px;}
    .fire_state .map_box .pointer .pop.pop_12{margin: -86px 0 0 -40px;}
}

@media (max-width: 639px) {
    .fire_state{margin:0 -15px;min-height:760px;}
    .fire_state .text{left:15px;}
    .fire_state .text_box{width:100%;top:inherit;bottom:0px;}
    .fire_state .text h4{font-size:26px;line-height:1.4;}
    .fire_state .text h4 .size_1{font-size:20px;}
    .fire_state .text h4 .red{font-size:35px;}
    .fire_state .text h4 .red:after{width:15px;height:20px;background-size:cover;right:-13px;top:-11px;}
    .fire_state .text p{padding-right:30px;}
    .fire_state .text p br{display:none;}
    .fire_state .text h4:after{width:50px;height:15px;background-size:cover;padding-right:2px;}
    .fire_state .map_box{right:13px;width:375px;height:354px;top:20px;}
    .fire_state .map_box .trigger{font-size:14px;padding:5px;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 #000,-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3);}

    .fire_state .map_box .pointer.p_01{top: 53px;left: 44px;}
    .fire_state .map_box .pointer.p_02{top: 72px;left: 93px;}
    .fire_state .map_box .pointer.p_03{top: 60px;left: 145px;}
    .fire_state .map_box .pointer.p_04{top: 35px;left: 210px;}
    .fire_state .map_box .pointer.p_05{top: 121px;left: 103px;}
    .fire_state .map_box .pointer.p_06{top: 92px;left: 187px;}
    .fire_state .map_box .pointer.p_07{top: 75px;left: 231px;}
    .fire_state .map_box .pointer.p_08{top: 157px;left: 151px;}
    .fire_state .map_box .pointer.p_09{top: 110px;left: 243px;}
    .fire_state .map_box .pointer.p_10{top: 244px;left: 117px;}
    .fire_state .map_box .pointer.p_11{top: 203px;left: 152px;}
    .fire_state .map_box .pointer.p_12{top: 197px;left: 207px;}
    .fire_state .map_box .pointer.p_13{top: 169px;left: 278px;}
    .fire_state .map_box .pointer.p_14{top: 278px;left: 206px;}
    .fire_state .map_box .pointer.p_15{top: 240px;left: 246px;}
    .fire_state .map_box .pointer.p_16{top: 217px;left: 309px;}
    .fire_state .map_box .pointer.p_17{top: 290px;left: 287px;}
    .fire_state .map_box .pointer.p_18{top: 263px;left: 320px;}
    .fire_state .map_box .pointer .pop span{text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 #000,-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3);}
    .fire_state .map_box .pointer .pop span.black{text-shadow:none;}
    .fire_state .map_box .pointer .pop.pop_01{margin: -34px 0 0 -24px;}
    .fire_state .map_box .pointer .pop.pop_01 img{width: 138px;}
    .fire_state .map_box .pointer .pop.pop_02{margin: -36px 0 0 -22px;}
    .fire_state .map_box .pointer .pop.pop_02 img{width: 90px;}
    .fire_state .map_box .pointer .pop.pop_02 span{margin:-7px 0 0 -33px;}
    .fire_state .map_box .pointer .pop.pop_03{margin: -49px 0 0 -10px;}
    .fire_state .map_box .pointer .pop.pop_03 img{width:75px;}
    .fire_state .map_box .pointer .pop.pop_03 span{margin:-21px 0 0 -33px;}
    .fire_state .map_box .pointer .pop.pop_04{margin: -35px 0 0 -10px;}
    .fire_state .map_box .pointer .pop.pop_04 img{width:70px;}
    .fire_state .map_box .pointer .pop.pop_04 span{margin:-38px 0 0 -17px;}
    .fire_state .map_box .pointer .pop.pop_05{margin: -26px 0 0 -23px;}
    .fire_state .map_box .pointer .pop.pop_05 img{width:96px;}
    .fire_state .map_box .pointer .pop.pop_05 span{margin:-16px 0 0 -33px;}
    .fire_state .map_box .pointer .pop.pop_06{margin: -50px 0 0 -29px;}
    .fire_state .map_box .pointer .pop.pop_06 img{width: 99px;}
    .fire_state .map_box .pointer .pop.pop_06 span{margin:3px 0 0 -33px;}
    .fire_state .map_box .pointer .pop.pop_07{margin: -46px 0 0 -1px;}
    .fire_state .map_box .pointer .pop.pop_07 img{width:96px;}
    .fire_state .map_box .pointer .pop.pop_07 span{margin:0px 0 0 -5px;}
    .fire_state .map_box .pointer .pop.pop_08{margin: -30px 0 0 -67px;}
    .fire_state .map_box .pointer .pop.pop_08 img{width:180px;}
    .fire_state .map_box .pointer .pop.pop_08 span{margin:-13px 0 0 -33px;}
    .fire_state .map_box .pointer .pop.pop_09{margin: -24px 0 0 -21px;}
    .fire_state .map_box .pointer .pop.pop_09 img{width:80px;}
    .fire_state .map_box .pointer .pop.pop_09 span{margin:-5px 0 0 -33px;}
    .fire_state .map_box .pointer .pop.pop_10{margin: -33px 0 0 -12px;}
    .fire_state .map_box .pointer .pop.pop_10 img{width:93px;}
    .fire_state .map_box .pointer .pop.pop_10 span{margin:-5px 0 0 -33px;}
    .fire_state .map_box .pointer .pop.pop_11{margin: -30px 0 0 -34px;}
    .fire_state .map_box .pointer .pop.pop_11 img{width: 98px;}
    .fire_state .map_box .pointer .pop.pop_11 span{margin:-15px 0 0 -27px;}
    .fire_state .map_box .pointer .pop.pop_12{margin: -33px 0 0 -15px;}
    .fire_state .map_box .pointer .pop.pop_12 img{width: 99px;}
    .fire_state .map_box .pointer .pop.pop_12 span{margin:-15px 0 0 -27px;}
    .fire_state .map_box .pointer .pop.pop_13{margin: -27px 0 0 -32px;}
    .fire_state .map_box .pointer .pop.pop_13 img{width:97px;}
    .fire_state .map_box .pointer .pop.pop_13 span{margin:-11px 0 0 -27px;}
    .fire_state .map_box .pointer .pop.pop_14{margin: -37px 0 0 -37px;}
    .fire_state .map_box .pointer .pop.pop_14 img{width: 136px;}
    .fire_state .map_box .pointer .pop.pop_14 span{margin:-4px 0 0 -27px;}
    .fire_state .map_box .pointer .pop.pop_15{margin: -36px 0 0 -16px;}
    .fire_state .map_box .pointer .pop.pop_15 img{width:95px;}
    .fire_state .map_box .pointer .pop.pop_15 span{margin:-19px 0 0 -39px;}
    .fire_state .map_box .pointer .pop.pop_16{margin: -36px 0 0 -3px;}
    .fire_state .map_box .pointer .pop.pop_16 img{width: 80px;}
    .fire_state .map_box .pointer .pop.pop_16 span{margin:-7px 0 0 -26px;}
    .fire_state .map_box .pointer .pop.pop_17{margin: -39px 0 0 -6px;}
    .fire_state .map_box .pointer .pop.pop_17 img{width:60px;}
    .fire_state .map_box .pointer .pop.pop_17 span{margin:-2px 0 0 -32px;}
    .fire_state .map_box .pointer .pop.pop_18{margin: -35px 0 0 -35px;}
    .fire_state .map_box .pointer .pop.pop_18 img{width:100px;}
    .fire_state .map_box .pointer .pop.pop_18 span{margin:-18px 0 0 -28px;}
}


/* 지역소방서현황 */
.local{position:relative;}
.local h4{text-align:center;font-family:'Minguk-Regular';font-size:22px;color:#212121;line-height:1.7;padding:10px 0 30px;letter-spacing:-1px;}
.local h4 strong{font-family:'Minguk-Bold';}
.local h4 strong span{display:inline-block;font-size:30px;position:relative;}
.local h4 strong span:after{content:'';width:9px;height:11px;display:block;background:url(/page/fire/images/conts/mark_04.png) no-repeat 0 0;position:absolute;top:-1px;right:-8px;background-size:cover;}
.local h4 strong span.blue{color:#003b97}
.local h4 strong span.red{color:#c92128;}
.local h4 strong span.red:after{background:url(/page/fire/images/conts/mark_05.png) no-repeat 0 0;background-size:cover;}
.local .slick-wrap{position:relative;overflow:hidden;}
.local .slick-wrap button img{vertical-align:middle;}
.local .slick-wrap .slick{overflow:hidden;border-radius:20px;padding-right:1px;}
.local .slick-wrap .slick .slide{overflow:hidden;}

.local .slick-wrap .prev{width:74px;height:150px;border-radius:0 75px 75px 0;background:rgba(255,255,255,.9);position:absolute;left:0px;top:50%;margin-top:-75px;z-index:1005;padding-right:20px;}
.local .slick-wrap .next{width:74px;height:150px;border-radius:75px 0 0 75px;background:rgba(255,255,255,.9);position:absolute;right:0px;top:50%;margin-top:-75px;z-index:1005;padding-left:20px;}
.local .slick-wrap .count{position:absolute;z-index:1005;height:30px;line-height:26px;border:1px solid #fff;background:rgba(255,255,255,.5);color:#212121;padding:0 10px;left:10px;bottom:10px;border-radius:15px;font-weight:400;}
.local .slick-wrap .count em{font-size:20px;}
.local .slick-slider .slick-list .slick-track .slick-slide img{display:block;}

.local .text_box{position:relative;padding-top:20px;}

.local .text_box .info{padding:34px 309px 34px 30px;border-radius:30px 0 0 30px;position:absolute;top:-60px;right:0px;min-height:280px;z-index:1000;}
.local .text_box .info.gangneung{background:url(/page/fire/images/conts/bg_info_01.png) no-repeat 0 0;}
.local .text_box .info.goseong{background:url(/page/fire/images/conts/bg_info_02.png) no-repeat 0 0;}
.local .text_box .info.donghae{background:url(/page/fire/images/conts/bg_info_03.png) no-repeat 0 0;}
.local .text_box .info.samcheok{background:url(/page/fire/images/conts/bg_info_04.png) no-repeat 0 0;}
.local .text_box .info.sokcho{background:url(/page/fire/images/conts/bg_info_05.png) no-repeat 0 0;}
.local .text_box .info.yanggu{background:url(/page/fire/images/conts/bg_info_06.png) no-repeat 0 0;}
.local .text_box .info.yangyang{background:url(/page/fire/images/conts/bg_info_07.png) no-repeat 0 0;}
.local .text_box .info.yeongwol{background:url(/page/fire/images/conts/bg_info_08.png) no-repeat 0 0;}
.local .text_box .info.wonju{background:url(/page/fire/images/conts/bg_info_09.png) no-repeat 0 0;}
.local .text_box .info.inje{background:url(/page/fire/images/conts/bg_info_10.png) no-repeat 0 0;}
.local .text_box .info.jeongseon{background:url(/page/fire/images/conts/bg_info_11.png) no-repeat 0 0;}
.local .text_box .info.cheorwon{background:url(/page/fire/images/conts/bg_info_12.png) no-repeat 0 0;}
.local .text_box .info.chuncheon{background:url(/page/fire/images/conts/bg_info_13.png) no-repeat 0 0;}
.local .text_box .info.taebaek{background:url(/page/fire/images/conts/bg_info_14.png) no-repeat 0 0;}
.local .text_box .info.pyeongchang{background:url(/page/fire/images/conts/bg_info_15.png) no-repeat 0 0;}
.local .text_box .info.hongcheon{background:url(/page/fire/images/conts/bg_info_16.png) no-repeat 0 0;}
.local .text_box .info.hwacheon{background:url(/page/fire/images/conts/bg_info_17.png) no-repeat 0 0;}
.local .text_box .info.hoengseong{background:url(/page/fire/images/conts/bg_info_18.png) no-repeat 0 0;}


.local .text_box .info h5{color:#252525;font-family:'Minguk-Bold';font-size:24px;}
.local .text_box .info strong{font-size:36px;}
.local .text_box .info.gangneung h5 strong{color:#ffb33c;}
.local .text_box .info.goseong h5 strong{color:#0061ae;}
.local .text_box .info.donghae h5 strong{color:#ff8e01;}
.local .text_box .info.samcheok h5 strong{color:#5740ed;}
.local .text_box .info.sokcho h5 strong{color:#0a3d96;}
.local .text_box .info.yanggu h5 strong{color:#0185b0;}
.local .text_box .info.yangyang h5 strong{color:#bed745;}
.local .text_box .info.yeongwol h5 strong{color:#7a292f;}
.local .text_box .info.wonju h5 strong{color:#dc0100;}
.local .text_box .info.inje h5 strong{color:#009794;}
.local .text_box .info.jeongseon h5 strong{color:#157856;}
.local .text_box .info.cheorwon h5 strong{color:#653705;}
.local .text_box .info.chuncheon h5 strong{color:#007ded;}
.local .text_box .info.taebaek h5 strong{color:#494949;}
.local .text_box .info.pyeongchang h5 strong{color:#55bcf5;}
.local .text_box .info.hongcheon h5 strong{color:#53209f;}
.local .text_box .info.hwacheon h5 strong{color:#ff5c23;}
.local .text_box .info.hoengseong h5 strong{color:#1b2950;}

.local .text_box .info .address{display:block;color:#424242;padding:0px 0 10px;}

.local .text_box .info ul li{position:relative;color:#252525;padding-left:10px;letter-spacing:-1px;line-height:1.3;}
.local .text_box .info ul li:after{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#4b4b4b;position:absolute;left:0px;top:17px;}
.local .text_box .info ul li span{display:inline-block;font-size:18px;color:#252525;min-width:62px;}
.local .text_box .info ul li strong{font-size:24px;font-weight:500;display:inline-block;text-align:right;color:#252525;min-width:35px;}

.local .text_box .logo{width:180px;height:180px;border-radius:50%;background:#f8f7f3;box-shadow:8px 8px 20px rgba(0,0,0,.2);position:absolute;top:-20px;right:65px;}
.local .text_box .logo img{display:block;max-width:150px;max-height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.local .text_box .info a{display:inline-block;height:50px;line-height:50px;font-size:18px;;color:#fff;padding:0 22px;background:#616161;font-weight:700px;border-radius:25px;position:absolute;bottom:40px;right:59px;text-decoration:none;}
.local .text_box .info a:after{content:'';display:inline-block;width:10px;height:16px;background:url(/page/fire/images/conts/arrow_08.png) no-repeat 0 0;margin-left:11px;background-size:cover;vertical-align:-1px;}


.local .text_box .box{border-radius:10px;overflow:hidden;box-shadow:10px 10px 20px rgba(0,0,0,.1);max-width:700px;}
.local .text_box .box.v2{margin-top:10px;}
.local .text_box .box.v3{margin-top:40px;max-width:100%;}
.local .text_box .box.v4{margin-top:20px;max-width:100%;}
.local .list_01{display:table;width:100%;overflow:hidden;max-width:600px;}
.local .list_01 strong{display:table-cell;width:100px;height:80px;font-weight:500;color:#fff;line-height:1.3;vertical-align:middle;background:#263238;font-size:20px;text-align:center;}
.local .list_01 ul{display:table-cell;padding:12px 0 12px 20px;overflow:hidden;vertical-align:middle;}
.local .list_01 li{float:left;color:#333;font-weight:400;line-height:1.9;margin-right:50px;padding-left:8px;position:relative;}
.local .list_01 li:after{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#4b4b4b;position:absolute;left:0px;top:15px;}
.local .list_01 li:nth-child(2n+1){clear:both;}

.local .list_02{display:table;width:100%;overflow:hidden;}
.local .list_02 strong{display:table-cell;width:100px;height:80px;font-weight:500;color:#fff;line-height:1.3;vertical-align:middle;background:#bf360c;font-size:20px;text-align:center;}
.local .list_02 ul{display:table-cell;padding:12px 0 12px 20px;overflow:hidden;vertical-align:middle;}
.local .list_02 li{float:left;color:#333;font-weight:400;line-height:1.9;margin-right:50px;padding-left:8px;position:relative;}
.local .list_02 li:after{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#4b4b4b;position:absolute;left:0px;top:15px;}
.local .list_02 li:nth-child(2n+1){clear:both;}


.local .list_03{display:table;width:100%;overflow:hidden;}
.local .list_03 > strong{display:table-cell;width:100px;height:100px;font-weight:500;color:#212121;line-height:1.3;vertical-align:middle;background:#cfd8dc;font-size:20px;text-align:center;}
.local .list_03 ul{display:table-cell;padding:15px 20px 15px 20px;overflow:hidden;vertical-align:middle;}
.local .list_03 li{float:left;color:#333;font-weight:300;line-height:1.9;padding-left:8px;position:relative;width:50%;}
.local .list_03 li strong{display:inline-block;min-width:125px;font-weight:400;}
.local .list_03 li:after{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#4b4b4b;position:absolute;left:0px;top:15px;}

.local .list_04{display:table;width:100%;overflow:hidden;}
.local .list_04 > strong{display:table-cell;width:100px;height:100px;font-weight:500;color:#212121;line-height:1.3;vertical-align:middle;background:#cfd8dc;font-size:20px;text-align:center;}
.local .list_04 ul{display:table-cell;padding:15px 0 15px 20px;overflow:hidden;vertical-align:middle;}
.local .list_04 li{float:left;color:#333;font-weight:300;line-height:1.9;padding-left:8px;position:relative;width:50%;}
.local .list_04 li strong{display:inline-block;min-width:125px;font-weight:400;}
.local .list_04 li:after{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#4b4b4b;position:absolute;left:0px;top:15px;}




@media (max-width: 1024px) {

    .local h4{font-size:21px;}
    .local .text_box .info{position:relative;right:inherit;top:inherit;margin-bottom:20px;max-width:100%;padding: 35px 30px 35px 30px;}
    .local .list_03 li, .local .list_04 li{float:none;width:100%;}
    .local .slick-wrap .prev{width:54px;height:110px;border-radius:0 55px 55px 0;margin-top:-55px;padding-right:20px;}
    .local .slick-wrap .next{width:54px;height:110px;border-radius:55px 0 0 55px;margin-top:-55px;padding-left:20px;}
    .local .slick-wrap .prev img, .local .slick-wrap .next img{width:20px;height:41px;}
    .local .text_box .box{max-width:100%;}
}


@media (max-width: 767px) {

    .local h4{font-size:18px;}
    .local h4 strong span{font-size:25px}
    .local h4 strong span:after{width:7px;height:9px;top:0px;right:-7px;background-size:cover;}
}


@media (max-width: 650px) {

    .local .list_03 li strong, .local .list_04 li strong{display:block;}
    .local .list_03 li span, .local .list_04 li span{line-height:1.2;display:block;}
    .local .list_01 strong, .local .list_02 strong, .local .list_03 strong, .local .list_04 strong{font-size:16px;width:80px;}
    .local .text_box .info{padding:23px 20px 23px 25px;border-radius:20px 0 0 20px;min-height:199px;}
    .local .text_box .info h5{font-size:18px;}
    .local .text_box .info strong{font-size:24px;}
    .local .text_box .info .address{padding-bottom:5px;font-size:14px;}
    .local .text_box .info ul li span{font-size:16px;}
    .local .text_box .info ul li strong{font-size:18px;}
    .local .text_box .info ul li:after{top:11px;}

    .local .text_box .logo{width:120px;height:120px;right:10px;}
    .local .text_box .logo img{max-width:100px;max-height:100px;}
    .local .text_box .info a{height:32px;line-height:32px;font-size:14px;padding:0 12px;right:15px;top:inherit;bottom:25px;}
    .local .text_box .info a:after{width:7px;height:11px;margin-left:6px;vertical-align:0px;}


    .local .slick-wrap .prev{width:25px;height:45px;border-radius:0 45px 45px 0;margin-top:-22.5px;padding-right:7px;}
    .local .slick-wrap .next{width:25px;height:45px;border-radius:45px 0 0 45px;margin-top:-22.5px;padding-left:7px;}
    .local .slick-wrap .prev img, .local .slick-wrap .next img{width:10px;height:21px;vertical-align:-3px;}
    .local .slick-wrap .count{font-size:14px;height:25px;line-height:23px;padding:0 7px;}
    .local .slick-wrap .count em{font-size:16px;}

    .local .text_box .info.gangneung{background:url(/page/fire/images/conts/bg_info_01_m.png) no-repeat 0 0;}
    .local .text_box .info.goseong{background:url(/page/fire/images/conts/bg_info_02_m.png) no-repeat 0 0;}
    .local .text_box .info.donghae{background:url(/page/fire/images/conts/bg_info_03_m.png) no-repeat 0 0;}
    .local .text_box .info.samcheok{background:url(/page/fire/images/conts/bg_info_04_m.png) no-repeat 0 0;}
    .local .text_box .info.sokcho{background:url(/page/fire/images/conts/bg_info_05_m.png) no-repeat 0 0;}
    .local .text_box .info.yanggu{background:url(/page/fire/images/conts/bg_info_06_m.png) no-repeat 0 0;}
    .local .text_box .info.yangyang{background:url(/page/fire/images/conts/bg_info_07_m.png) no-repeat 0 0;}
    .local .text_box .info.yeongwol{background:url(/page/fire/images/conts/bg_info_08_m.png) no-repeat 0 0;}
    .local .text_box .info.wonju{background:url(/page/fire/images/conts/bg_info_09_m.png) no-repeat 0 0;}
    .local .text_box .info.inje{background:url(/page/fire/images/conts/bg_info_10_m.png) no-repeat 0 0;}
    .local .text_box .info.jeongseon{background:url(/page/fire/images/conts/bg_info_11_m.png) no-repeat 0 0;}
    .local .text_box .info.cheorwon{background:url(/page/fire/images/conts/bg_info_12_m.png) no-repeat 0 0;}
    .local .text_box .info.chuncheon{background:url(/page/fire/images/conts/bg_info_13_m.png) no-repeat 0 0;}
    .local .text_box .info.taebaek{background:url(/page/fire/images/conts/bg_info_14_m.png) no-repeat 0 0;}
    .local .text_box .info.pyeongchang{background:url(/page/fire/images/conts/bg_info_15_m.png) no-repeat 0 0;}
    .local .text_box .info.hongcheon{background:url(/page/fire/images/conts/bg_info_16_m.png) no-repeat 0 0;}
    .local .text_box .info.hwacheon{background:url(/page/fire/images/conts/bg_info_17_m.png) no-repeat 0 0;}
    .local .text_box .info.hoengseong{background:url(/page/fire/images/conts/bg_info_18_m.png) no-repeat 0 0;}

}


/* ebook리스트 */
.ebook_list{position:relative;}
.ebook_list .list{position:relative;padding:10px 0 50px}
.ebook_list .list li{float:left;width:calc((100% - 135px) / 4);margin-right:45px;box-shadow:2px 2px 7px rgba(0,0,0,.2);overflow:hidden;border-radius:12px;position:relative;}
.ebook_list .list li:nth-child(4n){margin-right:0;}
.ebook_list .list li:nth-child(n+5){margin-top:40px;}
.ebook_list .list li .noti{display:block;width:70px;height:40px;background:#d50000;color:#fff;line-height:38px;font-size:18px;font-weight:500;text-align:center;letter-spacing:-1px;border-radius:0 0 12px 0;position:absolute;top:0px;left:0px;z-index:10;}
.ebook_list .list li .title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;font-size:20px;font-weight:500;letter-spacing:-1px;position:absolute;width:100%;left:0px;bottom:70px;padding:0 10px 0 20px;}
.ebook_list .list li .book{width:100%;position:relative;padding-top:130%;}
.ebook_list .list li .book img{width:100%;display:block;position:absolute;top:0px;left:0px;height:100%;}
.ebook_list .list li .btn_box{position:absolute;width:100%;background:#eceff4;bottom:0px;left:0px;overflow:hidden}
.ebook_list .list li .btn_box a{display:block;width:53%;float:left;position:relative;height:50px;line-height:48px;text-align:center;color:#000;text-decoration:none;}
.ebook_list .list li .btn_box a:first-child:after{content:'';position:absolute;display:block;width:1px;height:10px;background:#616161;right:0px;top:50%;margin-top:-5px;}
.ebook_list .list li .btn_box a:nth-child(2){width:47%;}
.ebook_list .list li .btn_box a:hover{text-decoration:underline;}

@media (max-width: 1023px) {
    .ebook_list .list li{float:left;width:calc((100% - 75px) / 4);margin-right:25px;}
    .ebook_list .list li:nth-child(4n){margin-right:0;}
    .ebook_list .list li:nth-child(n+5){margin-top:20px;}
    .ebook_list .list li .noti{width:50px;height:30px;line-height:28px;font-size:16px;}
    .ebook_list .list li .title{font-size:18px;bottom:55px;padding:0 10px 0 10px}
    .ebook_list .list li .btn_box a{font-size:14px;height:40px;line-height:38px;}
    .ebook_list .list li .btn_box a span{display:none;}
}

@media (max-width: 639px) {
    .ebook_list .list{padding-bottom:20px;}
    .ebook_list .list li{float:left;width:calc((100% - 20px) / 2);margin-right:20px;}
    .ebook_list .list li:nth-child(2n){margin-right:0;}
    .ebook_list .list li:nth-child(n+3){margin-top:20px;}
}

/* 국가유공자 */
.national_merit{position:relative;}
.national_merit .procedure{text-align:center;}

.national_merit .process{padding:85px 0 100px}
.national_merit .process ul{text-align:center;}
.national_merit .process ul li{padding-right:132px;position:relative;display:inline-block;vertical-align:top;}
.national_merit .process ul li:last-child{padding-right:0;}
.national_merit .process ul li .box{width:150px;border:7px solid #c8c8c8;text-align:center;height:120px;padding-top:16px;}
.national_merit .process ul li:nth-child(2) .box{padding-top:12px;}
.national_merit .process ul li .box span{display:block;color:#000;font-weight:300;letter-spacing:-1px;margin-top:2px;}
.national_merit .process ul li .arrow{position:absolute;text-align:center;color:#000;font-weight:300;white-space:nowrap;}
.national_merit .process ul li .arrow .num{display:inline-block;color:#fff;font-size:14px;width:21px;height:21px;font-weight:300;border-radius:50%;background:#3d4b68;}
.national_merit .process ul li .arrow.right{top:-60px;right:-15px;}
.national_merit .process ul li .arrow.right:after{content:'';width:28px;height:22px;background:url(/page/fire/images/conts/arrow_09.png) no-repeat 0 0;position:absolute;bottom:-42px;left:50%;margin-left:-14px;}
.national_merit .process ul li:first-child .arrow.right{right:22px;}

.national_merit .process ul li .arrow.left{bottom:-25px;left:-122px;}
.national_merit .process ul li .arrow.left:after{content:'';width:28px;height:22px;background:url(/page/fire/images/conts/arrow_10.png) no-repeat 0 0;position:absolute;top:-50px;left:50%;margin-left:-14px;}
.national_merit .process ul li:nth-child(2) .arrow.left{left:-115px}

@media (max-width: 800px) {
       .national_merit .process ul li{padding-right:65px;}
       .national_merit .process ul li .arrow.right{right:-46px;}
       .national_merit .process ul li:first-child .arrow.right{right:-11px}
       .national_merit .process ul li .arrow.left{left:-90px}
       .national_merit .process ul li:nth-child(2) .arrow.left{left:-82px;}
}

@media (max-width: 639px) {
    .national_merit .process ul li{padding-right:0;display:block;}
    .national_merit .process ul li + li{padding-top:88px;}
    .national_merit .process ul li .box{width:100%;}
    .national_merit .process ul li .arrow{font-size:14px;}
    .national_merit .process ul li .arrow.right{top:inherit;bottom:-50px;right:50% !important;width:50%}
    .national_merit .process ul li .arrow.right:after{content:'';width:22px;height:28px;background:url(/page/fire/images/conts/arrow_11.png) no-repeat 0 0;position:absolute;bottom:initial;left:50%;margin-left:-11px;bottom:-33px}
    .national_merit .process ul li .arrow.left{top:37px;bottom:inherit;left:50% !important;;width:50%}
    .national_merit .process ul li .arrow.left:after{content:'';width:22px;height:28px;background:url(/page/fire/images/conts/arrow_12.png) no-repeat 0 0;position:absolute;bottom:initial;left:50%;margin-left:-11px;top:-33px}
}

@media screen and (min-width: 840px){
   .national_merit .procedure li{width:140px;margin-right:70px;display:inline-block;}
   .national_merit .procedure li:nth-child(4){margin-right:0;}
   .national_merit .procedure li .box{min-height:110px;}
   .national_merit .procedure .box:after{right:-44px;}
}

@media screen and (min-width: 1000px){
    .national_merit .procedure li{width:160px;}
}


/* 국립묘지 */
.national_cemetery{position:relative;}
.national_cemetery .process{padding:45px 0 110px}
.national_cemetery .process ul{text-align:center;}
.national_cemetery .process ul li{padding-right:132px;position:relative;display:inline-block;vertical-align:bottom;}
.national_cemetery .process ul li.two_line{margin-top:175px;}
.national_cemetery .process ul li:last-child{padding-right:0;}
.national_cemetery .process ul li .box{width:150px;border:7px solid #c8c8c8;text-align:center;height:120px;padding-top:16px;}
.national_cemetery .process ul li .box.v2{position:absolute;top:-175px;left:0px;}
.national_cemetery .process ul li .box.color_red{border-color:#c92128;padding-top:16px !important;}
.national_cemetery .process ul li:first-child .box, .national_cemetery .process ul li:last-child .box{padding-top:12px;}
.national_cemetery .process ul li .box span{display:block;color:#000;font-weight:300;letter-spacing:-1px;margin-top:2px;}
.national_cemetery .process ul li .arrow{position:absolute;text-align:center;color:#000;font-weight:300;white-space:nowrap;line-height:1.2;}
.national_cemetery .process ul li .arrow .num{display:inline-block;color:#fff;font-size:14px;width:21px;height:21px;font-weight:300;line-height:21px;border-radius:50%;background:#3d4b68;margin-bottom:5px;}
.national_cemetery .process ul li .arrow.right{top:-60px;right:38px;}
.national_cemetery .process ul li .arrow.right:after{content:'';width:28px;height:22px;background:url(/page/fire/images/conts/arrow_09.png) no-repeat 0 0;position:absolute;bottom:-42px;left:50%;margin-left:-14px;}

.national_cemetery .process ul li:nth-child(2) .arrow.right{top:inherit;bottom:-38px;right:38px;}
.national_cemetery .process ul li:nth-child(2) .arrow.right:after{bottom:inherit;top:-40px}

.national_cemetery .process ul li .arrow.left{bottom:-38px;left:-101px;}
.national_cemetery .process ul li .arrow.left:after{content:'';width:28px;height:22px;background:url(/page/fire/images/conts/arrow_10.png) no-repeat 0 0;position:absolute;top:-40px;left:50%;margin-left:-14px;}

.national_cemetery .process ul li .arrow.top{top:-40px;left:102px;}
.national_cemetery .process ul li .arrow.top:after{content:'';width:22px;height:28px;background:url(/page/fire/images/conts/arrow_12.png) no-repeat 0 0;position:absolute;top:-2px;left:-40px}
.national_cemetery .process ul li .arrow.top br{display:none;}

.national_cemetery .process.v2 ul li{padding-right:170px;}
.national_cemetery .process.v2 ul li:last-child{padding-right:0;}
.national_cemetery .process.v2 ul li.two_line{margin-top:250px;}
.national_cemetery .process.v2 ul li .box.v2{top:-250px;}
.national_cemetery .process.v2 ul li .arrow{white-space:normal;padding-left:25px;}
.national_cemetery .process.v2 ul li .arrow br{display:none;}
.national_cemetery .process.v2 ul li .arrow .num{position:absolute;top:50%;margin-top:-10.5px;left:0px;}
.national_cemetery .process.v2 ul li .arrow.top{top:-82px;left:127px;max-width:114px;}

.national_cemetery .process.v2 ul li .arrow.bottom{top:-82px;left:-28px;max-width:114px;}
.national_cemetery .process.v2 ul li .arrow.bottom span{text-align:center;}
.national_cemetery .process.v2 ul li .arrow.bottom:after{content:'';width:22px;height:28px;background:url(/page/fire/images/conts/arrow_11.png) no-repeat 0 0;position:absolute;top:-2px;right:-40px}

.national_cemetery .process.v2 ul li .arrow.right{top:-8px;right:38px;width:86px;}
.national_cemetery .process.v2 ul li .arrow.right:after{bottom:-40px;}
.national_cemetery .process.v2 ul li:nth-child(2) .arrow.right{bottom:inherit;top:15px;}
.national_cemetery .process.v2 ul li:nth-child(2) .arrow.right:after{top:47px}

.national_cemetery .process.v2 ul li .arrow.left{width:86px;bottom:-26px;left:-130px;}

.national_cemetery .process.v2 ul li:nth-child(2) .arrow.bottom{top:-92px;left:-83px;}
.national_cemetery .process.v2 ul li:nth-child(2) .arrow.bottom:after{top:6px;}
.national_cemetery .process.v2 ul li:nth-child(2) .arrow.top{top:-92px;}
.national_cemetery .process.v2 ul li:nth-child(2) .arrow.top:after{top:4px;}


@media (max-width: 880px) {

    .national_cemetery .process.v2 ul li{padding-right:65px;}
    .national_cemetery .process.v2 ul li .arrow{padding-left:0px;}
    .national_cemetery .process.v2 ul li .arrow .num{position:relative;top:0;left:0}
    .national_cemetery .process.v2 ul li .arrow br{display:block;}

    .national_cemetery .process.v2 ul li .arrow.bottom{left:5px;max-width:65px;}
    .national_cemetery .process.v2 ul li .arrow.bottom:after{right:-30px;}
    .national_cemetery .process.v2 ul li .arrow.top{left:111px;max-width:65px;}
    .national_cemetery .process.v2 ul li .arrow.top:after{left:-23px;}

    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.bottom{left:-23px;}

    .national_cemetery .process.v2 ul li .arrow.right{right:-13px;}
    .national_cemetery .process.v2 ul li .arrow.right:after{bottom:-27px;}

    .national_cemetery .process.v2 ul li .arrow.left{width:65px;left:-66px;bottom:-44px;}
    .national_cemetery .process.v2 ul li .arrow.left:after{top:-29px;}
    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.right{top:-10px;width:65px;right:-1px;}
    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.right:after{top:76px;}
}


@media (max-width: 800px) {
    .national_cemetery .process ul li{padding-right:65px;}
    .national_cemetery .process ul li .arrow.right{right:4px;}
    .national_cemetery .process ul li .arrow.left{left:-65px}
    .national_cemetery .process ul li:nth-child(2) .arrow.right{right:3px;}
}

@media (max-width: 639px) {

    .national_cemetery .process ul li{padding-right:0;display:block;}
    .national_cemetery .process ul li + li{padding-top:110px;}
    .national_cemetery .process ul li .box{width:100%;}
    .national_cemetery .process ul li.two_line{margin-top:0px;}
    .national_cemetery .process ul li.two_line .box{width:calc((100% - 69px) / 2);margin-right:65px;display:inline-block;vertical-align:top;}
    .national_cemetery .process ul li.two_line .box.v2{margin-right:0;position:relative;top:inherit;left:inherit;}

    .national_cemetery .process ul li .arrow{font-size:14px;}
    .national_cemetery .process ul li .arrow.right{top:inherit;bottom:-62px;right:inherit;left:8px;}
    .national_cemetery .process ul li .arrow.right:after{content:'';width:22px;height:28px;background:url(/page/fire/images/conts/arrow_11.png) no-repeat 0 0;bottom:-35px;left:30px}

    .national_cemetery .process ul li:nth-child(2) .arrow.right{top:inherit;bottom:-69px;right:inherit;left:8px;}
    .national_cemetery .process ul li:nth-child(2) .arrow.right:after{bottom:-35px;left:30px;top:inherit;}

    .national_cemetery .process ul li .arrow.left{top:39px;bottom:inherit;left:74px;}
    .national_cemetery .process ul li .arrow.left:after{content:'';width:22px;height:28px;background:url(/page/fire/images/conts/arrow_12.png) no-repeat 0 0;position:absolute;bottom:initial;left:50%;margin-left:-11px;top:-33px}

    .national_cemetery .process ul li .arrow.top{top:156px;left:50%;margin-left:-32px;width:64px;white-space:normal;}
    .national_cemetery .process ul li .arrow.top:after{width:28px;height:22px;background:url(/page/fire/images/conts/arrow_09.png) no-repeat 0 0;position:absolute;top:-30px;left:50%;margin-left:-14px;}
    .national_cemetery .process ul li .arrow.top br{display:block;}

    .national_cemetery .process.v2 ul li{padding-right:0;display:block;}
    .national_cemetery .process.v2 ul li.two_line{margin-top:0px;}

    .national_cemetery .process.v2 ul li .arrow{font-size:14px;}

    .national_cemetery .process.v2 ul li .arrow.top{top:-23px;left:50%;margin-left:-32px;width:64px;white-space:normal;}
    .national_cemetery .process.v2 ul li .arrow.top:after{width:28px;height:22px;background:url(/page/fire/images/conts/arrow_09.png) no-repeat 0 0;position:absolute;top:48px;left:50%;margin-left:-14px;}
    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.top{top:57px;}
    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.top:after{top:79px;}

    .national_cemetery .process.v2 ul li .arrow.bottom{top:104px;left:50%;margin-left:-32px;width:64px;white-space:normal;}
    .national_cemetery .process.v2 ul li .arrow.bottom:after{width:28px;height:22px;background:url(/page/fire/images/conts/arrow_10.png) no-repeat 0 0;position:absolute;top:-32px;left:50%;margin-left:-14px;}
    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.bottom{top:212px;left:50%;margin-left:-32px;}
    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.bottom:after{top:-31px;}

    .national_cemetery .process.v2 ul li .arrow.right{top:inherit;bottom:-59px;right:inherit;left:-15px;}
    .national_cemetery .process.v2 ul li .arrow.right:after{content:'';width:22px;height:28px;background:url(/page/fire/images/conts/arrow_11.png) no-repeat 0 0;bottom:-35px;left:43px}
    .national_cemetery .process.v2 ul li .arrow.left{top:45px;bottom:inherit;left:67px;}
    .national_cemetery .process.v2 ul li .arrow.left:after{top:-38px;}
    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.right {top:241px;left:-3px;}
    .national_cemetery .process.v2 ul li:nth-child(2) .arrow.right:after{top:63px;left:36px;}
}

/* 낱말퀴즈 */
.puzzle{position:relative;}
.puzzle legend{display:none;}
.puzzle h4{position:relative;display:inline-block;margin-top:40px;font-family:'Minguk-Bold';color:#212121;font-size:36px;background:#fff;border-radius:0 0 25px 0;padding:0 40px 5px 0;letter-spacing:-1px;}
.puzzle h4:after{content:'';display:block;width:20px;height:25px;background:url(/page/fire/images/conts/mark_06.png) no-repeat 0 0;background-size:cover;position:absolute;top:-10px;right:17px;}
.puzzle h4 strong{font-size:44px;}
.puzzle h4 strong em{color:#d50000;}

.puzzle .puzzle_con{background:#f5f5f5;max-width:780px;padding:78px 220px 90px 0;border-radius:0 25px 25px 0;margin-top:-55px;margin-right:320px}
.puzzle .puzzle_con li{font-weight:400;color:#252525;letter-spacing:-1px;position:relative;padding-left:47px;word-break:keep-all;}
.puzzle .puzzle_con li + li{margin-top:5px;}
.puzzle .puzzle_con li .num{display:block;position:absolute;top:0px;left:0px;background:#ffc400;font-weight:bold;font-size:20px;width:40px;height:25px;line-height:24px;padding-left:13px;font-weight:700;border-radius:0 13px 13px 0;letter-spacing:-2px;}
.puzzle .puzzle_con li em{display:inline-block;background:#fff176;}

.puzzle .puzzle_quiz{position:absolute;top:0px;right:0px;background:#0d3d74;border-radius:25px 0 0 25px;box-shadow:0px 0px 25px 7px rgba(0,0,0,.3);padding:56px 31px 34px;width:520px;height:650px;overflow:hidden;}
.puzzle .puzzle_quiz .box{width:460px;height:411px;background:url(/page/fire/images/conts/bg_puzzle.png) no-repeat 0 0;background-size:cover;position:relative;}
.puzzle .puzzle_quiz .entry{display:block;position:absolute;right:0px;bottom:35px;;height:70px;width:373px;background:#fff;line-height:68px;color:#212121;font-size:20px;font-weight:700;padding-left:40px;border-radius:35px 0 0 35px;box-shadow:3px 5px 5px #0a315d;text-decoration:none;}
.puzzle .puzzle_quiz .entry:after{content:'';display:inline-block;width:12px;height:18px;background:url(/page/fire/images/conts/arrow_13.png) no-repeat 0 0;margin-left:10px;vertical-align:-1px;}
.puzzle .puzzle_quiz .entry:before{content:'';display:inline-block;width:214px;height:124px;background:url(/page/fire/images/conts/people_02.png) no-repeat 0 0;background-size:cover;position:absolute;right:10px;bottom:0px;}
.puzzle .puzzle_quiz .entry:hover{text-decoration:underline;}
.puzzle .puzzle_quiz .box input{background:transparent;text-align:center;font-weight:600;font-size:18px;position:absolute;width:43px;padding-top:19px}


.puzzle .personal{padding:20px;margin-bottom:20px;border:1px solid #ddd;overflow-y:auto;max-height:300px;}
.puzzle .personal p{line-height:1.6;}
.puzzle .personal p + p{margin-top:5px;}
.puzzle .personal p strong{font-weight:500;color:#c92128}
.puzzle .check_box{margin:20px 0 20px;}
.puzzle .noti{margin-bottom:30px;}
.puzzle .noti p{padding-left:19px;position:relative;}
.puzzle .noti p:after{content:'※';display:block;position:absolute;top:0px;left:0px;}
.puzzle .noti p + p{margin-top:3px;}
.puzzle .dot{padding:0 5px;}

/*가로축 0% 부터 한칸씩 이동 시 left값 10.1% 씩 증가, 세로축 0% 부터 한칸씩 이동 시 top값 11.2% 씩 증가*/
.puzzle_01{position:absolute;top:11.2%;left:0%;}
.puzzle_02{position:absolute;top:0%;left:10.1%;}
.puzzle_03{position:absolute;top:11.2%;left:10.1%;}
.puzzle_04{position:absolute;top:11.2%;left:20.2%;}
.puzzle_05{position:absolute;top:0%;left:40.4%;}
.puzzle_06{position:absolute;top:11.2%;left:40.4%;}
.puzzle_07{position:absolute;top:22.4%;left:40.4%;}
.puzzle_08{position:absolute;top:33.6%;left:40.4%;}
.puzzle_09{position:absolute;top:44.8%;left:40.4%;}
.puzzle_10{position:absolute;top:44.8%;left:30.3%;}
.puzzle_11{position:absolute;top:44.8%;left:20.2%;}
.puzzle_12{position:absolute;top:44.8%;left:10.1%;}
.puzzle_13{position:absolute;top:44.8%;left:0;}
.puzzle_14{position:absolute;top:67.2%;left:10.1%;}
.puzzle_15{position:absolute;top:78.4%;left:10.1%;}
.puzzle_16{position:absolute;top:89.6%;left:10.1%;}
.puzzle_17{position:absolute;top:56%;left:20.2%;}
.puzzle_18{position:absolute;top:67.2%;left:20.2%;}
.puzzle_19{position:absolute;top:67.2%;left:30.3%;}
.puzzle_20{position:absolute;top:67.2%;left:40.4%;}
.puzzle_21{position:absolute;top:22.4%;left:60.6%;}
.puzzle_22{position:absolute;top:33.6%;left:60.6%;}
.puzzle_23{position:absolute;top:44.8%;left:60.6%;}
.puzzle_24{position:absolute;top:56%;left:60.6%;}
.puzzle_25{position:absolute;top:67.2%;left:60.6%;}
.puzzle_26{position:absolute;top:44.8%;left:70.7%;}
.puzzle_27{position:absolute;top:44.8%;left:80.8%;}
.puzzle_28{position:absolute;top:22.4%;left:80.8%;}
.puzzle_29{position:absolute;top:33.6%;left:80.8%;}

@media (max-width: 1000px) {
    .puzzle .puzzle_con{margin-right:0px;max-width:100%;padding:78px 47px 50px 0;}
    .puzzle .puzzle_quiz{position:relative;margin-top:30px;width:100%;}
}

@media (max-width: 570px) {
    .puzzle .puzzle_con{padding:78px 15px 25px 0;}
    .puzzle h4{font-size:24px;padding:0 30px 1px 0;}
    .puzzle h4:after{width:13px;height:17px;top:-6px;right:15px;}
    .puzzle h4 strong{font-size:36px;}
    .puzzle .puzzle_con li{font-size:14px;}
    .puzzle .puzzle_con li .num{height:20px;line-height:19px;font-size:16px;}
    .puzzle .puzzle_quiz{padding:25px 0px 20px;height:430px}
    .puzzle .puzzle_quiz .box{width:320px;height:285px;margin:0 auto;}
    .puzzle .puzzle_quiz .box input{width:30px;padding-top:12px;font-size:14px;}
    .puzzle .puzzle_quiz .entry{bottom:20px;height:48px;width:280px;line-height:48px;font-size:16px;font-weight:700;padding-left:28px;border-radius:24px 0 0 24px;}
    .puzzle .puzzle_quiz .entry:after{width:8px;height:12px;margin-left:8px;vertical-align:0px;background-size:cover;}
    .puzzle .puzzle_quiz .entry:before{width:140px;height:80px;right:5px;}
}

@media (max-width: 355px) {
    .puzzle .puzzle_quiz .box{width:275px;height:245px;}
    .puzzle .puzzle_quiz .box input {width:25px;padding-top:9px;}
}


/* 동계올림픽 리스트 */
.olympic{position:relative;}
.olympic .list{position:relative;padding:20px 0 50px}
.olympic .list li{float:left;width:calc((100% - 99px) / 4);margin-right:33px;position:relative;}
.olympic .list li:nth-child(4n){margin-right:0;}
.olympic .list li:nth-child(n+5){margin-top:36px;}
.olympic .list li .noti{display:block;width:70px;height:40px;background:#d50000;color:#fff;line-height:38px;font-size:18px;font-weight:500;text-align:center;letter-spacing:-1px;border-radius:0 0 14px 0;position:absolute;top:0px;left:0px;z-index:10;}
.olympic .list li .title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;font-size:18px;font-weight:500;letter-spacing:-1px;padding:14px 10px 0px;}
.olympic .list li .date{display:block;font-weight:500;color:#757575;padding:0px 0 0 10px;}
.olympic .list li .img_box{width:100%;border-radius:14px;box-shadow:0px 12px 15px rgba(0,0,0,.1);overflow:hidden;position:relative;}
.olympic .list li .img_box img{width:100%;display:block;transition:all .3s;}
.olympic .list li a:hover .img_box img{transform:scale(1.2);}
.olympic .list li a, .olympic .list li a:hover, .olympic .list li a:hover span, .olympic .list li a:hover strong{text-decoration:none;}


@media (max-width: 1023px) {
    .olympic .list li{float:left;width:calc((100% - 41px) / 3);margin-right:20px;}
    .olympic .list li:nth-child(4n){margin-right:20px;}
    .olympic .list li:nth-child(3n){margin-right:0;}
    .olympic .list li:nth-child(n+4){margin-top:30px;}
    .olympic .list li .noti{width:50px;height:30px;line-height:28px;font-size:16px;}
}

@media (max-width: 639px) {
    .olympic .list{padding-bottom:20px;}
    .olympic .list li{float:left;width:calc((100% - 15px) / 2);margin-right:15px;}
    .olympic .list li .title{font-size:16px;}
    .olympic .list li:nth-child(3n){margin-right:15px;}
    .olympic .list li:nth-child(2n){margin-right:0;}
    .olympic .list li:nth-child(n+3){margin-top:25px;}
}


/* 소방추모관 */
.fire_memorial{position:relative;}
.fire_memorial h4{font-family:'Noto Serif KR';font-size:30px;color:#000;font-weight:500;letter-spacing:-2px;text-align:right;position:relative;margin-top:-150px;}
.fire_memorial h4 strong{font-size:44px;font-weight:500}
.fire_memorial h4 span{display:inline-block;background:#fff;border-radius:30px 0 0 0;padding:0px 55px 40px 30px;position:relative;}
.fire_memorial h4 span:after{content:'';display:block;background:url(/page/fire/images/conts/mark_07.png) no-repeat 0 0;background-size:cover;width:15px;height:19px;position:absolute;top:-7px;right:43px;}
.fire_memorial .img_box{padding-right:1px;}
.fire_memorial .img_box img{width:100%;display:block;}
.fire_memorial .img_box.v2{margin-top:-120px;}
.fire_memorial h5:nth-of-type(2){margin-top:30px;}

@media (max-width: 1000px) {
    .fire_memorial h4{margin-top:-120px;}
    .fire_memorial .img_box.v2{margin-top:-45px;}
}

@media (max-width: 600px) {
    .fire_memorial h4{margin-top:-30px;font-size:20px;}
    .fire_memorial h4 strong{font-size:32px;}
    .fire_memorial h4 span{padding:0px 30px 25px 25px;}
    .fire_memorial h4 span:after{width:11px;height:14px;top:-5px;right:22px;}
    .fire_memorial .img_box.v2{margin-top:25px;}
}


/* 추모관 */
.memorial{position:relative;}
.memorial .box{position:relative;background:url(/page/fire/images/conts/bg_memorial.jpg) no-repeat 50% 50%;background-size:cover;border-radius:30px 30px 0 0;overflow:hidden;padding:125px 10px 90px;}
.memorial .box h4{font-family:'Noto Serif KR';position:relative;text-align:center;color:#000;line-height:1.4;letter-spacing:-1px;}
.memorial .box h4:after{content:'';display:block;width:24px;height:35px;background:url(/page/fire/images/conts/ribbon.png) no-repeat 0 0;position:absolute;top:-47px;left:50%;margin-left:-12px;}
.memorial .box h4 span{font-size:20px;display:inline-block;word-break:keep-all;}
.memorial .box h4 strong{font-size:24px;font-weight:500;display:inline-block;margin-top:4px;word-break:keep-all;}
.memorial .img_box{margin:67px auto 0;max-width:275px;position:relative;min-height:360px}
.memorial .img_box img{width:100%;display:block;width:108%;height:108%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.memorial .img_box:after{content:'';display:block;position:absolute;background:url(/page/fire/images/conts/frame_01.png) no-repeat 0 0;background-size:cover;left:-124px;top:-60px;right:-100px;bottom:-103px;}

.memorial .name{margin-top:100px;color:#424242;font-weight:500;line-height:1.6;text-align:center;font-family:'Noto Serif KR';}
.memorial .name strong{display:inline-block;font-size:36px;color:#000;font-weight:700;}
.memorial .name strong em{font-size:36px;font-family:serif;}
.memorial .name em{font-size:20px;}
.memorial .name span{font-size:24px;}
.memorial .list{border-top:2px solid #333;overflow:hidden}
.memorial .list ul{margin-left:-1px;}
.memorial .list ul li{float:left;width:25%;}
.memorial .list ul li:last-child{width:100%}
.memorial .list dl{display:table;width:100%}
.memorial .list dt{display:table-cell;width:40%;height:69px;background:#f7f7f7;text-align:center;vertical-align:middle;padding:0 10px;border:1px solid #ddd;border-width:0 0 1px 1px;color:#000;font-weight:400;line-height:1.4;}
.memorial .list dd{display:table-cell;height:69px;vertical-align:middle;padding:5px 5px 5px 20px;border-width:0 0 1px 1px;color:#222;font-weight:300;border:1px solid #ddd;border-width:0 0 1px 1px;color:#000;line-height:1.4;}
.memorial .list ul li:last-child dt{width:10%;}

.memorial .list.v2{margin-bottom:20px;}
.memorial .list.v2 li{width:50%}
.memorial .list.v2 li dt{width:20%;}
.memorial .list.v2 li:first-child{width:100%}
.memorial .list.v2 li:last-child{width:50%}
.memorial .list.v2 li:last-child dt{width:20%}
.memorial .list.v2 li:first-child dt{width:10%;}

.memorial .flower{display:block;max-width:732px;width:100%;margin:50px auto 20px;background:#0d0f0c;border-radius:25px;height:98px;line-height:96px;font-family:'Noto Serif KR';font-weight:500;color:#fff;padding-left:68px;font-size:24px;text-decoration:none;position:relative;overflow:hidden}
.memorial .flower span{position:relative;}
.memorial .flower:hover{color:#fff;text-decoration:underline;}
.memorial .flower:after{content:'';display:inline-block;width:53px;height:15px;background:url(/page/fire/images/conts/arrow_14.png) no-repeat 0 0;background-size:cover;margin-left:11px;vertical-align:-1px;position:relative}
.memorial .flower:before{content:'';display:block;width:488px;height:100px;background:url(/page/fire/images/conts/flower_01.jpg) no-repeat 0 0;background-size:cover;position:absolute;top:0px;right:0px;}

@media (max-width: 700px) {
    .memorial .list ul li{width:50%;}
    .memorial .list ul li:last-child dt{width:20%;}
    .memorial .list.v2 li dt{width:40%;}
    .memorial .list.v2 li:first-child dt{width:20%;}
    .memorial .list.v2 li:last-child dt{width:40%;}

    .memorial .box{padding:100px 10px 50px;}
    .memorial .box h4 span{font-size:16px;}
    .memorial .box h4 strong{font-size:22px;}
    .memorial .name strong{font-size:32px;}
    .memorial .name em{font-size:18px;}
    .memorial .name span{font-size:22px;}

    .memorial .flower{height:70px;line-height:68px;padding-left:40px;font-size:22px;}
    .memorial .flower:before{width:360px;height:70px;right:-80px;}
    .memorial .img_box{max-width:220px;min-height:290px;}
    .memorial .img_box:after{left:-99px;top:-48px;right:-75px;bottom:-80px;}
}

@media (max-width: 520px) {
    .memorial .box{padding:80px 10px 40px;}
    .memorial .list dt{font-size:14px;}
    .memorial .list dd{font-size:14px;padding:5px 5px 5px 15px;}

    .memorial .name{margin-top:60px;line-height:1.4;}
    .memorial .img_box{margin-top:50px;}
    .memorial .name strong{font-size:28px;}
    .memorial .name span{font-size:20px;}

    .memorial .img_box{max-width:170px;min-height:225px;}
    .memorial .img_box:after{left:-77px;top:-35px;right:-52px;bottom:-63px;}

    .memorial .flower{height:70px;line-height:68px;padding-left:30px;font-size:18px;border-radius:15px;margin-top:30px;}
    .memorial .flower:after{width:32px;height:9px;margin-left:8px;}
    .memorial .flower:before{width:298px;height:71px;right:-71px;}
}


/* 추모관 리스트*/
.memorial_list{position:relative;}
.memorial_list .list{position:relative;padding:20px 0 60px}
.memorial_list .list li{float:left;width:calc((100% - 141px) / 4);margin-right:47px;position:relative;background:#fff;padding:17px 27px 17px;box-shadow:2px 5px 10px rgba(0,0,0,.2);border-radius:10px;}
.memorial_list .list li a{display:block;text-decoration:none;}
.memorial_list .list li a:hover{text-decoration:underline;}
.memorial_list .list li:nth-child(4n){margin-right:0;}
.memorial_list .list li:nth-child(n+5){margin-top:40px;}

.memorial_list .list .img_box{position:relative;overflow:hidden;padding-top:128%;}
.memorial_list .list .img_box:after{content:'';display:block;background:url(/page/fire/images/conts/frame_02.png) no-repeat 0 0;background-size:cover;position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.memorial_list .list .img_box img{display:block;position:absolute;width: 100%;height: 100%;top:0px;left:0px;}
.memorial_list .list .aff{display:block;color:#424242;margin-top:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.memorial_list .list .name{display:block;line-height:1.3;font-size:22px;font-weight:700;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.memorial_list .list .date{display:block;line-height:1.3;font-size:14px;font-weight:300;color:#757575;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;}


@media (max-width: 1023px) {
    .memorial_list .list li{width:calc((100% - 61px) / 3);margin-right:30px;}
    .memorial_list .list li:nth-child(4n){margin-right:30px;}
    .memorial_list .list li:nth-child(3n){margin-right:0;}
    .memorial_list .list li:nth-child(n+4){margin-top:30px;}
}

@media (max-width: 639px) {
    .memorial_list .list{padding-bottom:30px;}
    .memorial_list .list li{float:left;width:calc((100% - 20px) / 2);margin-right:20px;}
    .memorial_list .list li .name{font-size:20px;}
    .memorial_list .list li:nth-child(3n){margin-right:20px;}
    .memorial_list .list li:nth-child(2n){margin-right:0;}
    .memorial_list .list li:nth-child(n+3){margin-top:25px;}
}

@media (max-width: 500px) {
    .memorial_list .list li{padding:17px 20px 17px;}
    .memorial_list .list .aff{font-size:14px;}
    .memorial_list .list li .name{font-size:18px;}
}


/* 지도로보는 실시간 소방소식 */
.real_time{position:relative;}
.real_time .title_box{position:absolute;top:0px;left:0px;z-index:60;padding:20px 0 0 25px;}
.real_time .title_box:before{content:'';display:block;width:330px;height:330px;border-bottom-right-radius:660px;position:absolute;top:0px;left:0px;background:rgba(255,255,255,.7);}
.real_time .title_box:after{content:'';display:block;width:223px;height:223px;border-bottom-right-radius:446px;position:absolute;top:0px;left:0px;background:#fff;}
.real_time .title_box h4{font-family:'Minguk-Bold';font-size:20px;color:#424242;line-height:1.3;position:relative;z-index:5;}
.real_time .title_box h4 strong{display:inline-block;position:relative;font-size:36px;color:#252525;}
.real_time .title_box h4 strong em{color:#c92128;}
.real_time .title_box h4 strong:after{content:'';display:block;width:20px;height:25px;background:url(/page/fire/images/conts/mark_08.png) no-repeat 0 0;position:absolute;right:-16px;top:-19px;}
.real_time .title_box ul{margin-top:20px;position:relative;z-index:5;}
.real_time .title_box ul li + li{margin-top:10px;}
.real_time .title_box ul li img{display:inline-block;vertical-align:middle;width:34px;}
.real_time .title_box ul li span{display:inline-block;vertical-align:middle;font-weight:500;color:#212121;margin-left:6px;}

.real_time .map_box{height:650px;overflow:hidden;position:relative;}
.real_time .map_box .navi{position:absolute;top:70px;right:0px;z-index:60;}
.real_time .map_box .navi li a{font-size:15px;display:block;text-align:center;height:28.2px;line-height:30.2px;background:rgba(255,255,255,.8);font-weight:500;color:#424242;width:80px;text-decoration:none;}
.real_time .map_box .navi li.active a, .real_time .map_box .navi li a:hover{color:#fff;background:#00324b;}

.real_time .map_box .num_pin{position:absolute;z-index:50;}
.real_time .map_box .num_pin .num{position:relative;display:block;width:100px;height:100px;border-radius:50%;padding:10px;animation-name:num;animation-duration:.6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease;}

@keyframes num {
  0%{opacity:1;transform:scale(1);}
  100%{opacity:.7;transform:scale(.9);}
}

.real_time .map_box .num_pin .num em{position:relative;display:block;width:80px;height:80px;border-radius:50%;text-align:center;color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,.7);font-size:24px;font-weight:500;line-height:78px;}
.real_time .map_box .num_pin.fire .num{background:rgba(249,0,0,.2)}
.real_time .map_box .num_pin.emergency .num{background:rgba(255,128,0,.2)}
.real_time .map_box .num_pin.rescue .num{background:rgba(5,176,62,.2)}
.real_time .map_box .num_pin.etc .num{background:rgba(35,158,254,.2)}

.real_time .map_box .num_pin.fire .num em{background:rgba(249,0,0,.8)}
.real_time .map_box .num_pin.emergency .num em{background:rgba(255,128,0,.8)}
.real_time .map_box .num_pin.rescue .num em{background:rgba(5,176,62,.8)}
.real_time .map_box .num_pin.etc .num em{background:rgba(35,158,254,.8)}


.real_time .map_box .pin_box{position:absolute;z-index:50;}
.real_time .map_box .pin_box .open{position:relative;z-index:100;padding-bottom:5px;animation-name:open;animation-duration:.6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease;}

@keyframes open {
  0%{opacity:1;transform:scale(1);}
  100%{opacity:.7;transform:scale(.9);}
}
.real_time .map_box .pin_box .open.active{animation-play-state:paused;}
.real_time .map_box .pin_box .open.active:before{content:'';width:30px;height:10px;display:block;background:rgba(0,0,0,.5);border-radius:50%;bottom:0px;left:7px;position:absolute;}
.real_time .map_box .pin_box .open img{display:block;transition:all .3s;z-index:10;position:relative;width:34px;}
.real_time .map_box .pin_box .open.active img{width:42px;}
.real_time .map_box .pin_box .box{width:330px;height:130px;position:absolute;right:-315px;bottom:0px;background:#fff;border-radius:20px;z-index:50;padding:7px 20px 8px;overflow:hidden;display:none;}
.real_time .map_box .pin_box .open.active + .box{display:block;}
.real_time .map_box .pin_box .box:before{content:'';width:100px;background:#f5f5f5;display:block;position:absolute;top:0px;bottom:0px;left:0px;}
.real_time .map_box .pin_box .box dl{overflow:hidden;position:relative;}
.real_time .map_box .pin_box .box dt{float:left;clear:both;line-height:1.3;margin-top:8px;min-width:80px;font-weight:400;color:#000;position:relative;}
.real_time .map_box .pin_box .box dd{overflow:hidden;line-height:1.3;margin-top:8px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;max-height:43px;color:#212121;font-weight:300;position:relative;padding-left:15px;}
.real_time .map_box .pin_box .box dd.fire{color:#f90000;}
.real_time .map_box .pin_box .box dd.emergency{color:#ff8000;}
.real_time .map_box .pin_box .box dd.rescue{color:#05b03e;}
.real_time .map_box .pin_box .box dd.etc{color:#239efe;}
.real_time .map_box .pin_box .box .close{position:absolute;right:10px;top:10px;}
.real_time .map_box .pin_box .box .close img{display:block;}

@media (max-width: 767px) {
    .real_time .title_box{position:relative;top:inherit;left:inherit;padding:0;margin-bottom:11px;overflow:hidden;white-space:nowrap;}
    .real_time .title_box:before, .real_time .title_box:after{display:none;}
    .real_time .title_box h4{display:inline-block;vertical-align:middle;}
    .real_time .title_box ul{display:inline-block;width:175px;overflow:hidden;margin:0px 0px 0px 40px;vertical-align:middle;}
    .real_time .title_box ul li{float:left;width:50%;}
    .real_time .title_box ul li:nth-child(n+3){margin-top:10px;}
    .real_time .title_box ul li + li{margin-top:0;}
    .real_time .map_box .navi{left:0px;overflow:hidden;margin-right: 48px;top: 0;}
    .real_time .map_box .navi li{width:16.66666666666667%;float:left;border:1px solid #e7eae5;border-width:1px 1px 0 0;}
    .real_time .map_box .navi li:first-child{width:100%;}
    .real_time .map_box .navi li:nth-child(6n + 1){border-right:0;}
    .real_time .map_box .navi li a{width:100%;font-size:14px;height:28px;line-height:27px;}

}


/* 동계올림픽 자료실 */
.olympic_data .thumb{margin-bottom:20px;max-width:350px;}
.olympic_data .thumb img{display:block;width:100%;}
@media (max-width: 767px) {
    .olympic_data .thumb{margin:0 auto 20px;}
}

/* 클린신고센터 */

.Declaration{max-width: 1100px; text-align:center;}
.Declaration .text-box{max-width: 1100px; height: 651px; background: url(../images/firefighting/declaration.jpg);}
.Declaration .text-box h3 {position: relative; float: left; font-size: 46px;margin: 23px 0 23px 52px; display: inline-block; color: #000; font-weight: 500;}
.Declaration .text-box h3 strong{font-weight: 500; color:#0d47a1;}
.Declaration .text-box h3::after {display: block; content: "";position: absolute; top: 18px; right: -17px;  width: 24px; height: 27px; background: url(/page/fire/images/firefighting/mark.png) no-repeat;}
.Declaration .text-box .before_style li {position: relative;}
.Declaration .text-box .before_style li::before { position: absolute; left: -7px; top: 12px; display: block; content: ""; width: 3px; height: 3px; border-radius: 50%; background: #0d47a1;}

.map_jump{width:0px;height:0px;background:#000;color:#fff;display:block;overflow:hidden;}
.map_jump:focus{width:200px;height:50px;line-height:50px;text-align:center;color:#fff;}


/* 찾아오시는 길 */
.directions .load_box dl{text-align: center; background: #c91128; color: #fff; border-radius:20px;}

/* 교육용동영상 */
.video{}
.video video{margin:0!important;}
.video .text_box{width: 100%; height: 300px; margin: 30px 0; overflow-y: scroll;}
.video .box3{overflow: visible; height: auto;}

/* 완강기 동영상 */
.divan{}
.divan .text_box{width: 100%; height: 300px; margin: 10px 0; overflow-y: scroll;}
.divan h5{margin: 10px 0 0 0;}


/* 웹 접근성 */
.mark{}

.mark h4{margin-bottom: 20px;}
.mark .box{padding-left: 31px;}
.mark .box p.p_tit{margin: 8px 0 12px 0; line-height: 1;  font-size: 16px; font-weight: 400;}
.mark .img-box img{display: block; width: 100%;margin-top: 6px; }
.mark .contsBtn{margin: 0 0 20px 0;}
.mark p.pgraph{padding: 4px 0 0 31px; font-weight: 400;}


/* 개인정보처리방침 */
.personal-policy{position: relative;}
.personal-policy article{padding:20px;border:5px solid #e5e5e5;}
.personal-policy article p{word-break:keep-all;font-size:16px;}
.personal-policy article p + p{margin-top:15px;}
.personal-policy .summary-bx{position:relative;padding:20px 0 15px;}
.personal-policy .summary-bx:after{content:'';display:table;clear:both;}
.personal-policy .summary-bx a{display:block;float:left;width:20%;display:flex;align-items:center;justify-content:center;flex-direction:column;height:140px;position:relative;border:1px solid #dcdcdc;margin:-1px -1px 0 0;transition:all .1s;}
.personal-policy .summary-bx a p{position:absolute;pointer-events:none;left:0;right:0;top:139px;background:#0044cc;padding:15px 20px;color:#fff;z-index:3;word-break:keep-all;visibility:hidden;opacity:0;transition:all .1s;}
.personal-policy .summary-bx a span{margin-top:10px;letter-spacing: -1px;font-weight: 600;}
.personal-policy .summary-bx a:hover{background:#f4f4f7;}
.personal-policy .summary-bx a:hover p{opacity:1;visibility:visible;}
.personal-policy .table-bx{margin:15px 0 15px;border:1px solid #dcdcdc;padding:20px 30px;}
.personal-policy .table-bx:after{content:'';display:table;clear:both;}
.personal-policy .table-bx a{display:block;float:left;width:100%;height:36px;line-height:36px;position:relative;padding:1px 0 1px 12px;transition:all .1s;}
.personal-policy .table-bx a:after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#0044cc;position:absolute;left:0;top:50%;margin-top:-2px;}
.personal-policy .table-bx a span{display:inline-block;height:100%;transition:all .1s;border-bottom:1px solid transparent;white-space:nowrap;}
.personal-policy .table-bx a:hover{color:#0044cc;}
.personal-policy .table-bx a:hover span{border-color:#0044cc}
.personal-policy h4{display:flex;align-items:center;color:#202020;font-size:20px;font-weight:700;margin:40px 0 10px;position:relative;padding: 5px 0;border-bottom: 1px #e1e1e1 solid;}
.personal-policy h4 span{position:absolute;width:0;height:0;top:-100px;}
.personal-policy h4 img{width:32px;margin-right:15px;image-rendering: -webkit-optimize-contrast;}
.personal-policy > p{margin-bottom:17px;word-break:keep-all;font-size:16px;}
.personal-policy p.ty01{padding-left:20px;}
.personal-policy p.ty02{padding-left:25px;}
.personal-policy ol{padding-left:55px;margin-bottom:17px;}
.personal-policy ol li{list-style-type:decimal;line-height:1.4;word-break:keep-all;font-size:16px;}
.personal-policy ol li + li{margin-top:3px;}
.personal-policy li a:hover,
.personal-policy p a:hover{text-decoration:underline;}
.personal-policy div + p,
.personal-policy a + p{margin-top:15px;}

@media (max-width:1199px) {
	.personal-policy article{padding:17px;border:3px solid #e5e5e5;}
	.personal-policy article p{font-size:15px;}
	.personal-policy article p + p{margin-top:12px;}
	.personal-policy .summary-bx{padding:15px 0 10px;}
	.personal-policy .summary-bx a{height:120px;}
	.personal-policy .summary-bx a img{image-rendering: -webkit-optimize-contrast;width:50px;}
	.personal-policy .summary-bx a p{top:119px;padding:11px 15px;font-size:14px;}
	.personal-policy .summary-bx a span{margin-top:7px;font-size:15px;}
	.personal-policy .table-bx{margin:12px 0 12px;padding:15px 20px;}
	.personal-policy .table-bx a{float:none;width:100%;height:32px;line-height:32px;padding:1px 0 1px 10px;font-size:15px;}
	.personal-policy .table-bx a:after{margin-top:-1px;}
	.personal-policy h4 span{top:-15px;}
	.personal-policy h4{font-size:18px;margin:30px 0 13px;}
	.personal-policy h4 img{width:26px;margin-right:8px;}
	.personal-policy > p{margin-bottom:13px;font-size:15px !important;}
	.personal-policy p.ty01{padding-left:0px;margin-bottom:7px;}
	.personal-policy p.ty02{padding-left:20px;}
	.personal-policy ol{padding-left:37px;margin-bottom:13px;}
	.personal-policy ol li{font-size:15px !important;}
	.personal-policy ol li + li{margin-top:2px;}
	.personal-policy div + p,
	.personal-policy a + p{margin-top:13px;}
	.listLv2{margin-left:0 !important;}
}
@media (max-width:760px) {
	.personal-policy article{padding:15px;border:2px solid #e5e5e5;}
	.personal-policy article p{font-size:14px;}
	.personal-policy article p + p{margin-top:10px;}
	.personal-policy .summary-bx{padding:15px 0 0px;}
	.personal-policy .summary-bx a{height:100px;width:50%;}
	.personal-policy .summary-bx a img{width:42px;}
	.personal-policy .summary-bx a p{top:99px;padding:10px 15px;font-size:14px;}
	.personal-policy .summary-bx a span{margin-top:5px;font-size:14px;}
	.personal-policy .table-bx{margin:10px 0px 10px;padding:15px 0px;border-width:1px 0;}
	.personal-policy .table-bx a{height:30px;line-height:30px;padding:1px 0 1px 7px;font-size:14px;}
	.personal-policy .table-bx a:after{margin-top:1px;width:2px;height:2px;}
	.personal-policy h4{font-size:17px;margin:28px 0 12px;}
	.personal-policy h4 img{width:24px;margin-right:8px;}
	.personal-policy > p{margin-bottom:12px;font-size:14px !important;}
	.personal-policy p.ty01{padding-left:0px;}
	.personal-policy p.ty02{padding-left:0px;}
	.personal-policy ol{padding-left:15px;margin-bottom:12px;}
	.personal-policy ol li{font-size:14px !important;}
	.personal-policy ol li + li{margin-top:2px;}
	.personal-policy div + p,
	.personal-policy a + p{margin-top:12px;}
}

/* 콘텐츠 이미지 미디어 쿼리 */
.background_area{position:relative;padding:10px;background:url(/site/portal_new/images/conts/bg_outer.png) repeat 0 0;overflow:hidden;}
.background_area .inner{background:#fff;overflow:hidden;}
.pc_mode{display:block;position:relative}
.pc_mode img{display:block;width:100%;}
.tablet_mode{display:none;position:relative}
.tablet_mode img{display:block;width:100%;}
.mobile_mode{display:none;position:relative}
.mobile_mode img{display:block;width:100%;}
.zoom_view{display:block;position:absolute;bottom:0px;right:0px;width:40px;height:40px;background:url(/site/portal_new/images/conts/zoom_view.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;}
.pc_mode .half{display:inline-block;width:50%;float:left;}
.tablet_mode .half{display:inline-block;width:50%;float:left;}


@media screen and (max-width:800px) {
    .pc_mode{display:none;}
    .tablet_mode{display:block;}
    .mobile_mode{display:none;}
}

@media screen and (max-width:450px) {
    .pc_mode{display:none;}
    .tablet_mode{display:none;}
    .mobile_mode{display:block;}
}
/* 자주뭍는 질문 */
.question.v2,
.question.v3{padding-bottom: 20px;}
.question > div{margin-bottom: 10px;}
.question > div > a{position: relative; display: block; text-decoration: none; border: 1px solid #c5c9d5; width: 100%; height: 65px; border-radius: 10px; padding-left: 90px;}
.question.v3 > div > .road{height: 100px;}
.question > div > a::before{content: ''; background: url(/page/common/images/question.png)no-repeat 0 0; width: 42px; height: 42px; 
position: absolute; left: 32px; top: 11px;}
.question a.active{border-radius: 10px 10px 0 0;}
.question a h4{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; word-break: keep-all;}
.question a .click{position: relative; width: 72px; height: 65px; border: 1px solid #c5c9d5; border-width: 0 0 0 1px;}
.question.v3 .road .click{width: 170px; height: 100px;}
.question a .click::after{content: ''; background: url(/page/common/images/btn_sprites.png)no-repeat -45px -10px; width: 16px; height: 7px;
position: absolute; right: 50%; top: 30px; margin-right: -8px; cursor: pointer;}
.question.v3 .road .click::after{top: 45px;}
.question.v3 .road.active .click::after{top: 45px;}
.question a.active .click::after{background-position-x:-10px; width: 15px; height: 16px; top: 28px;}
.question a.active .click{background: #f83e3b; border-radius: 0 10px 0 0;}
.question div .box{display: none; position: relative; width: 100%; height: 100%; padding: 32px 32px 32px 90px; border-radius: 0 0 10px 10px; 
margin-top: 1px; color: #707070; background: #f6f7f9; border: 1px solid #c5c9d5; animation:table-move1 .8s 1 both ease-out;}
.question.v2 div .box,
.question.v3 div .box{display: none; position: relative; width: 100%; height: 100%; padding: 25px 32px 25px 90px; border-radius: 0 0 10px 10px; 
margin-top: 1px; color: #000; background: #f6f7f9; border: 1px solid #c5c9d5; animation:table-move1 .8s 1 both ease-out;}
.question div a.active + .box{display: block;}
.question .box::before{content: ''; background: url(/page/common/images/answer.png)no-repeat 0 0; width: 42px; height: 42px;
position: absolute; left: 32px; top: 25px;}
.question.v2 .box::before{top: 18px;}
.question.v3 div .box .process img{display: block; margin: 20px auto; max-width: 100%;}

@keyframes table-move1{ 
    0%{opacity:0;}
    100%{opacity:1;}
  }
@media screen and (max-width:1199px) {  
    .question.v3 .road .click{width: 155px; height: 100px;}
    .question .road h4{max-width: 100%;}
}   

@media screen and (max-width:1024px) {  
    .question.v3 .road .click{width: 185px; height: 100px;}
}    

@media screen and (max-width:991px) {
    .question.v3 > div > .road{height: 140px;}
    .question.v3 .road .click{width: 250px; height: 140px;}
    .question.v3 .road .click::after{top: 65px;}
    .question.v3 .road.active .click::after{top: 65px;}
    .question a .basic{min-width: 72px;}
}

@media screen and (max-width:768px) {
     .question.v3 .road .click{width: 265px;}
}    
 
@media screen and (max-width:760px) {
    .question{padding-top: 20px;}
    .question.v2,
    .question.v3{padding-top: 0;}
    .question > div > a{padding-left: 52px; height: 70px;}
    .question.v2 > div > a,
    .question.v3 > div > a{padding-left: 52px; height: 100px;}
    .question.v3 > div > .road{padding-left: 52px; height: 200px;}
    .question > div > a::before{left: 10px; top: 19px; background-size: 32px 32px;}
    .question.v3 > div > .road::before{left: 10px; top: 20px; background-size: 32px 32px;}
    .question.v2 > div > a::before,
    .question.v3 > div > a::before{left: 10px; top: 30px; background-size: 32px 32px;}
    .question a .click::after{top: 32px;}
    .question.v2 a .click::after,
    .question.v3 a .click::after{top: 46px;}
    .question.v3 .road .click::after{top: 90px;}
    .question a.active .click::after{top: 32px;}
    .question.v2 a.active .click::after,
    .question.v3 a.active .click::after{top: 46px;}
    .question.v3 .road.active .click::after{top: 90px;}
    .question a h4{font-size: 14px; width: 90%;}
    .question.v2 a h4,
    .question.v3 a h4{font-size: 14px; width: 78%;}
    .question a .click{position: absolute; right: 0; display: block; max-width: 60px; height: 70px;}
    .question.v3 .road .click{position: absolute; right: 0; display: block; max-width: 60px; height: 200px;}
    .question.v2 a .click,
    .question.v3 a .click{position: absolute; right: 0; display: block; max-width: 60px; height: 100px;}
    .question a .basic{min-width: 30px;}
    .question a.active .click{background: #009ea8; border-radius: 0 10px 0 0;}
    .question div .box{padding: 32px 32px 32px 50px; font-size: 14px;}
    .question.v2 div .box,
    .question.v3 div .box{padding: 25px 32px 25px 52px; font-size: 13px;}
    .question.v3 div .chart{padding: 25px 32px 25px 72px; font-size: 13px;}
    .question .box::before{background-size: 32px 32px; left: 10px; top: 29px;}
    .question.v2 .box::before{top: 20px;}
}  

@media screen and (max-width:375px) {
    .question.v3 > div > .road{height: 250px;}
    .question.v3 .road .click{height: 250px;}
    .question.v3 .road .click::after{top: 115px;}
    .question.v3 .road.active .click::after{top: 115px;}
}



.happy119{width:100%; display: flex; padding: 30px 40px; border-bottom: 1px solid #d4d4d4; gap: 45px;margin-bottom: 40px;}
.happy119 .happy119_txt h3{font-size: 26px;font-weight: 600;margin-bottom: 20px;}
.happy119 .happy119_txt p{font-size: 18px;font-weight: 500;}
.happy119 .happy119_img {border: 1px solid #c5c9d5; text-align: center; padding: 15px; border-radius: 10px;}
.happy119 .happy119_img img {max-width: 100%;}
.flex-btn-bx{display: flex;align-items: center;gap: 10px;}
.select-btn {padding: 0 15px;text-align: center;max-width: 200px;display: block; pointer-events: none;width: 100%;background: #fff;height: 42px;line-height: 37px; border-radius: 21px;border: 2px solid #d0d0d0;background: #d0d0d0;color: #888;transition: all .1s;font-size: 16px;font-weight: 400;}

@media screen and (max-width:760px) {
	.happy119{padding: 30px 5px;}
	.happy119 .happy119_img img {width: 100%;}
}

@media screen and (max-width:640px) {
	.happy119{flex-direction: column;}
	.happy119 .happy119_img img {max-width: 100%;}
	.select-btn {font-size: 14px;}
}

.happy-bx4{display: flex;width:100%;justify-content: space-around;}
.happy-bx4 .bx{border: 1px solid #c5c9d5;text-align: center;padding: 30px 10px;border-radius: 10px;width: 23%;}
.happy-bx4 img{max-width: 100%;width: 50px;}
.happy-bx4 strong{display: block;font-weight: 600;font-size: 1.125rem;margin: 10px 0 5px;}
.happy-bx4 p{    display: block;font-weight: 400;}
.happy-bx4 span{display: block;font-weight: 500;margin-top:5px;}

@media screen and (max-width: 740px){
	
	.happy-bx4{flex-wrap: wrap;gap: 15px;}
	.happy-bx4 .bx{width: 45%;}
	.happy-bx4 strong{font-size: 1.025rem;}

}