@charset "utf-8";
/* FONT 'Noto Sans KR', Light 300, Regular 400, Medium 500, Bold 700 */

/* MAIN 메인 */
.main .article{position:relative;}
.main .article + .article{margin-top:20px;}
.main .article h2{font-size:2rem;font-weight:700;color:#3a3a3a;}

.main .article.p1{ background:#e3ecf2;padding: 80px; }
.main .article.p1 .contents{position: relative;display:flex; flex-direction:row;flex-wrap:wrap;justify-content:center;gap:40px;height:auto;max-width: 1800px;box-sizing: border-box;margin:0 auto;}
.main .article.p1 .contents > div{position:relative; flex:1; max-width: 880px}
.main .article.p1 .slider{position:relative;width:100%;height:476px;}
/* .main .article.p1 .slick-slide{width:100% !important;} */
.main .article.p1 .slide{position:relative;left:0;top:0;height:100%;overflow: hidden;}
.main .article.p1 .slide .txt {position: absolute;left:10%;top:40px;max-width: 27vw;color: #fff;}
.main .article.p1 .slide .txt strong {font-size:3.5rem;}
.main .article.p1 .slide .txt p {font-size:2.5rem;margin-top:30px;}
.main .article.p1 .slick-slide img {margin:0 auto;}
.main .article.p1 .slide img.pc {display: block; width:100%; height:476px;border-radius: 50px}
.main .article.p1 .slide img.mobile {display: none;}
.main .article.p1 .slick-arrow{width:41px;height:82px;background-position:center center;background-repeat:no-repeat;font-size:0;position:absolute;bottom:17px;z-index:1;}
.main .article.p1 .slick-prev{background-color: transparent;background-image:url(/static/portal/images/main/arr_l_wh.png);background-size: contain;left:20px;top:50%; transform: translateY(-50%);}
.main .article.p1 .slick-next{background-color: transparent;background-image:url(/static/portal/images/main/arr_r_wh.png);background-size: contain;right:20px;top:50%; transform: translateY(-50%);}
.main .article.p1 .slick-dots{position:absolute;bottom:25px;right:70px;overflow:hidden;}
.main .article.p1 .slick-dots li{float:left;padding:7px;font-size:0;}
.main .article.p1 .slick-dots button{width:7px;height:7px;border-radius:50%;font-size:0;background-color:#fff;}
.main .article.p1 .slick-dots .slick-active button, .main .article.p1 .slick-dots button:hover{background-color:#ed5565;}
.main .article.p1 .buttons{width:32px;height:32px;position:absolute;right:20px;bottom:20px;font-size:0;}
.main .article.p1 .buttons button{display:inline-block;width:32px;height:32px;font-size:0;}
.main .article.p1 .buttons .hide{display:none;}
.main .article.p1 .buttons .play{background:url(/static/portal/images/main/p1-slick-play.svg) center center no-repeat;background-size:contain;}
.main .article.p1 .buttons .pause{background:url(/static/portal/images/main/p1-slick-pause.svg) center center no-repeat;background-size:contain;}
.main .article.p1 .i-mouse{display:block;width:34px;height:58px;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);background-color:transparent;font-size:0;}
.main .article.p1 .i-mouse::after{display:block;content:'';width:34px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:url(/static/portal/images/main/p1-i-mouse.png) center center no-repeat;animation:mover 1s infinite alternate;}
/* @keyframes mover {0% { transform: translate(-50%, -65%); }100% { transform: translate(-50%, -35%); }} */
.main .article.p1 .contents > div:last-of-type{max-width:804px;/*padding-left:5px;*//*position: relative;*//*left:53%;top:98px;*/}
.main .gridWrapper {position:relative;display: flex; flex-direction: column; justify-content: space-between; align-items:center; padding:20px 30px; border-radius: 50px; background: white }
.main .gridWrapper h2 {display: block; width: 100%; font-size: 28px; font-weight: 700; text-align: center;}
.main .gridWrapper h2 strong {display:inline-block; color:#3b5fbf;font-size: inherit; font-weight: inherit}
.main .gridWrapper .icon-bookmark {position: absolute;top: -4px;left: 60px;width: 60px;height: 60px;background-image: url(/static/portal/images/main/p1-i-bookmark.svg);background-repeat: no-repeat;background-size: auto;}
.main .gridBox{box-sizing:border-box;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(3, 1fr);gap:10px;max-width:912px;width:100%;justify-items:center;align-items:stretch;justify-content:end;}/*grid-gap:5px;*/
.main .gridBox > *{box-sizing:inherit;}
.main .gridBox .square{width:100%;height:116px;color:#fff;text-align:center;font-size:1.5rem;gap:10px;border:1px solid #e2e2e2; box-shadow:0 0 0 rgba(0,0,0,0.1); margin:0 0 5px 5px;}/*grid-gap:5px;*/
.main .gridBox .square.blue{background-color:#004899;}
.main .gridBox .square.lblue{background-color:#1364b2;}
.main .gridBox .square.white{background-color:#fff;color:#3a3a3a;}
.main .gridBox .square.white:hover{background-color:#e3ecf2;}
.main .gridBox .square.orange{background-color:#ff4500;}
.main .gridBox .square.yellow{background-color:#ee7700;}
.main .gridBox .square.red{background-color:#fb1a2d;}
.main .gridBox .square.black{background-color:#3a3a3a;}
.main .gridBox .square a{position:relative;color:inherit;display:flex;flex-direction:column; justify-content: center; align-items: center; height:100%;}
.main .gridBox .square a i:not(.i-more){background-position:center; transition:all .2s ease-in-out;}
.main .gridBox .square a:hover i:not(.i-more){background-position: center -50%; transition:all .2s ease-in-out;}

.main .gridBox .s11{grid-column:1;grid-row:1;}
.main .gridBox .s12{grid-column:2;grid-row:1;}
.main .gridBox .s13{grid-column:3;grid-row:1;}
.main .gridBox .s14{grid-column:4;grid-row:1;}
.main .gridBox .s15{grid-column:5;grid-row:1;}
.main .gridBox .s21{grid-column:1;grid-row:2;}
.main .gridBox .s22{grid-column:2;grid-row:2;}
.main .gridBox .s23{grid-column:3;grid-row:2;}
.main .gridBox .s24{grid-column:4;grid-row:2;}
.main .gridBox .s25{grid-column:5;grid-row:2;}
.main .gridBox .s31{grid-column:1;grid-row:3;}
.main .gridBox .s32{grid-column:2;grid-row:3;}
.main .gridBox .s33{grid-column:3;grid-row:3;}
.main .gridBox .s34{grid-column:4;grid-row:3;}
.main .gridBox .s35{grid-column:5;grid-row:3;}
.main .gridBox .s41{grid-column:1;grid-row:4;}
.main .gridBox .s42{grid-column:2;grid-row:4;}
.main .gridBox .s43{grid-column:3;grid-row:4;}
.main .gridBox .s44{grid-column:4;grid-row:4;}
.main .gridBox .s45{grid-column:5;grid-row:4;}

.main .gridBox .square i:not(.i-more){display:block;width:100%;height:70px;background-position:center 30px;background-repeat:no-repeat; background-size: 60px;filter: grayscale(1)}
.main .gridBox .square i.i-01{background-image:url(/static/portal/images/main/p1-i-01.png);}
.main .gridBox .square i.i-02{background-image:url(/static/portal/images/main/p1-i-02.png);}
.main .gridBox .square i.i-03{background-image:url(/static/portal/images/main/p1-i-03.png);}
.main .gridBox .square i.i-04{background-image:url(/static/portal/images/main/p1-i-04.png);}
.main .gridBox .square i.i-05{background-image:url(/static/portal/images/main/p1-i-05.png);}
.main .gridBox .square i.i-06{background-image:url(/static/portal/images/main/p1-i-06.png);}
.main .gridBox .square i.i-07{background-image:url(/static/portal/images/main/p1-i-07.png);}
.main .gridBox .square i.i-08{background-image:url(/static/portal/images/main/p1-i-08.png); background-size: 44px;}
.main .gridBox .square a:hover i.i-08{background-position: center 10%; transition:all .2s ease-in-out;}

.main .gridBox .square i.i-09{background-image:url(/static/portal/images/main/p1-i-09.png);}
.main .gridBox .square i.i-10{background-image:url(/static/portal/images/main/p1-i-10.png);}
.main .gridBox .square i.i-11{background-image:url(/static/portal/images/main/p1-i-11.png);}
.main .gridBox .square i.i-12{background-image:url(/static/portal/images/main/p1-i-12.png);}
.main .gridBox .square i.i-13{background-image:url(/static/portal/images/main/p1-i-13.png);}
.main .gridBox .square i.i-14{background-image:url(/static/portal/images/main/p1-i-14.png);}
.main .gridBox .square i.i-15{background-image: url(/static/portal/images/business/icon-binfo08.png); background-size: 44px;}
/*.main .gridBox .square:hover i.i-15 {back}*/
.main .gridBox .square a:hover i.i-15{background-position: center 10%; transition:all .2s ease-in-out;}

.main .gridBox .square i.i-16{background-image:url(/static/portal/images/main/p1-i-17.jpg);}

.main .gridBox .square i.i-18{background-image:url(/static/portal/images/main/p1-i-18.svg);}
.main .gridBox .square i.i-19{background-image:url(/static/portal/images/main/p1-i-19.svg);}
.main .gridBox .square i.i-20{background-image:url(/static/portal/images/main/p1-i-20.svg);}
.main .gridBox .square i.i-21{background-image:url(/static/portal/images/main/p1-i-21.svg);}
.main .gridBox .square i.i-22{background-image:url(/static/portal/images/main/p1-i-22.svg);}
.main .gridBox .square i.i-23{background-image:url(/static/portal/images/main/p1-i-23.svg);}
.main .gridBox .square i.i-24{background-image:url(/static/portal/images/main/p1-i-24.svg);}
.main .gridBox .square i.i-25{background-image:url(/static/portal/images/main/p1-i-25.svg);}
.main .gridBox .square i.i-26{background-image:url(/static/portal/images/main/p1-i-26.svg);}
.main .gridBox .square i.i-27{background-image:url(/static/portal/images/main/p1-i-27.svg);}

.main .gridBox .square .i-more{width:30px;height:30px;position:absolute;top:0;right:10px;background:url(/static/portal/images/main/p1-i-more.png) right center no-repeat;}
.main .gridBox .square p{line-height:1.2;font-weight: 500;}

.main .article.p2 .contents-main{display:flex;justify-content:space-between;}
.main .article.p2 .contents-main .news{width:1200px;height:230px;display:flex;}
.main .article.p2 .contents-main .news > div:first-of-type{width:700px;position:relative;}
.main .article.p2 .contents-main .news > div:first-of-type p{position:absolute;bottom:0;left:0;font-size:2.8rem;line-height:1.2;}
.main .article.p2 .contents-main .news > div:first-of-type p::before{content:'';display:block;width:73px;height:73px;background:url(/static/portal/images/main/p2-img-01.png) 0 0 no-repeat;position:absolute;top:-125px;left:0;}
.main .article.p2 .contents-main .news > div.ad {width:350px;margin-left: 60px;}
.main .article.p2 .contents-main .news .tabwrap{position:relative;}
.main .article.p2 .contents-main .news .tab_wrapper{position:relative;height: 44px;border-bottom:3px solid #e5ebf0;}
.main .article.p2 .contents-main .news .tabwrap .moreWrap{width:40px;height:40px;position:absolute;top:0;right:0;}
.main .article.p2 .contents-main .news .tabwrap .moreWrap .btn-more{width:40px;height:40px;display:block;background:url(/static/portal/images/main/p1-i-more.png) center center no-repeat;}
.main .article.p2 .contents-main .news .tab{width: 100%;padding-right: 60px;box-sizing: border-box;border: 0;background-color: transparent;}

/* IE10~11 */
.main .article.p2 .contents-main .news .tab button{font-size:1.8rem;color:#848484;text-indent: -3px;padding:7px 5px;background-color:#fff; height:44px; border-bottom:3px solid #e5ebf0;}
   

@media screen and ( -webkit-min-device-pixel-ratio:0 ){
.main .article.p2 .contents-main .news .tab button{font-size:1.8rem;color:#848484;text-indent: -3px;padding:7px 5px;background-color:#fff;height:initial;}

}
.main .article.p2 .contents-main .news .tab button.active, .main .article.p2 .contents-main .news .tab button:hover{color:#3a3a3a;font-weight: 500;outline:0;}
.main .article.p2 .contents-main .news .tab button.active{border-bottom:3px solid #254aba;}
.main .article.p2 .contents-main .news .tabcontent{padding-top:15px;}
.main .article.p2 .contents-main .news .tabcontent li{display:flex;justify-content:space-between;align-items:flex-end;}
.main .article.p2 .contents-main .news .tabcontent li + li {margin-top:15px;}
.main .article.p2 .contents-main .news .tabcontent li a{width:calc(100% - 80px);display:block;font-size:1.6rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main .article.p2 .contents-main .news .tabcontent li .date{padding:0 7px 3px 0;color:#848484;font-size:1.3rem;font-weight: 300;}

.main .article.p2 .contents-main .ad{width:445px;}
.main .article.p2 .contents-main .ad .hgroup{height:44px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #e5ebf0;}
.main .article.p2 .contents-main .ad .hgroup h2 {font-size: 1.8rem;font-weight: 500;border-bottom: 3px solid #254aba;line-height: 41px;z-index: 1;width: 85px;text-align: center;}
.main .article.p2 .contents-main .ad .hgroup .btn-more{width:40px;height:40px;display:block;background:url(/static/portal/images/main/p1-i-more.png) center center no-repeat;}
.main .article.p2 .contents-main .ad .hgroup + .press_desc{position: relative;width:100%;padding-top:20px;}
.main .article.p2 .contents-main .ad .hgroup + .press_desc .img_wrap{position: relative;display: inline-block;vertical-align: middle;width: 130px;height: 94px;overflow: hidden;}
.main .article.p2 .contents-main .ad .hgroup + .press_desc .img_wrap img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;}
.main .article.p2 .contents-main .ad .hgroup + .press_desc .txt_wrap {position: relative;display: inline-block;width: calc(100% - 140px);height:94px;padding-left: 10px;vertical-align: top;}
.main .article.p2 .contents-main .ad .hgroup + .press_desc .txt_wrap p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: normal;}
.main .article.p2 .contents-main .ad .hgroup + .press_desc .txt_wrap span {position: absolute;display: inline-block;color: #3a3a3a;font-size: 1.3rem;font-weight: 300;}
.main .article.p2 .contents-main .ad .hgroup + .press_desc a.btn_press {position: absolute;left:0;top:0;width:100%;height:100%;}
.main .article.p2 .contents-main .ad .hgroup + .press_desc>p {padding-top: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: normal;line-height: 1.25;}

.main .article.p3{height:410px;background-color:#30598c;color:#fff;max-width: 1920px;margin: 100px auto;}
.main .article.p3::before{content:'';display:block;height:410px;background-color:#85b620;position:absolute;right:0;width:50%;}
.main .article.p3 .contents-main{display:flex;}
.main .article.p3 .contents-main > div{height:410px;position:relative;padding:50px 0;}
.main .article.p3 h2{height:50px;margin-top:-5px;font-size:2rem;color:#fff;font-weight:500;}
.main .article.p3 .contents-main .b{width:100%;max-width:1200px; background-color:#30598c;display:flex;}
.main .article.p3 .into{width:45.3333%;max-width:600px;border-right:1px solid #5681b6;padding-right:50px;background:url(/static/portal/images/main/p3-img-01.png) 92% 100% no-repeat;}
.main .article.p3 .into h2{height:45px;}
.main .article.p3 .into strong{font-size:4rem;font-weight:500;line-height:1.1;}
.main .article.p3 .into strong span{font-weight:300;}
.main .article.p3 .into p{width:50%;margin-top:20px;font-size:1.4rem;font-weight: 300;max-height:6em;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.main .article.p3 .into .button{margin-top:15px;}
.main .article.p3 .into a{font-size:1.5rem;font-weight:700;display:table;position:relative;padding:5px 0;color:inherit;}
.main .article.p3 .into a::after{content:'';display:block;width:100%;height:1px;background-color:#fff;overflow:hidden;position:absolute;bottom:0;left:0;}
.main .article.p3 .is{width:54.6667%;max-width:600px;padding-left:20px;background:url(/static/portal/images/main/p3-img-02.png) right bottom no-repeat;}
.main .article.p3 .is a{color:inherit;}
.main .article.p3 .is .btn_kfi{display:inline-block;vertical-align: text-top;width: 29px;height: 29px;background: url(/static/portal/images/main/btn_more_wh.png) no-repeat center center;background-size: contain;margin-left:8px;}
.main .article.p3 .is strong{font-size:2.5rem;font-weight:500;line-height:1.4;display:block;}
.main .article.p3 .is strong span {font-size: 4rem;}
.main .article.p3 .is p{margin-top:55px;font-size:1.4rem;font-weight: 300;line-height:1.6;max-height:6em;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.main .article.p3 .is .figure{width:100%;height:100px;overflow:hidden;display:block;position:relative;margin-top:20px;}
.main .article.p3 .is .figure img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;}
.main .article.p3 .contents-main .g{width:37.5%;max-width:450px;background-color:#85b620;padding-left:50px;}
.main .article.p3 .contents-main .g h2{margin-left:20px;line-height:30px;}
.mCalendar{position:relative;}
.mCalendar .calendar{font-size:1.6rem;font-weight:400;color:#fff;}
.mCalendar .calendar header{position:relative;display:flex;justify-content:space-between;}
.mCalendar .calendar button{background:transparent;font-size: 1.5rem;color: #fff;}
.mCalendar .calendar header .month{position:relative;margin-left:20px;font-size:2.8rem;font-weight:400;}
.mCalendar .calendar header .month .year{position:absolute;left:0;font-size:2.8rem;font-weight:400;}
.mCalendar .calendar header .btn-today{display:none;}
.mCalendar .calendar header .simple-calendar-btn{width:40px;height:40px;line-height:40px;border-radius:0;color:#fff;border:0;}
.mCalendar .calendar header .simple-calendar-btn:hover{background:#606060;color:#fff;}
.mCalendar .calendar header .simple-calendar-btn::before{content:'';position:absolute;top:16px;left:15px;width:7px;height:7px;border-style:solid;border-width:1px 1px 0 0;transform: rotate(45deg);transform-origin: center center;}
.mCalendar .calendar header .btn-prev{left:auto;right:50px;}
.mCalendar .calendar header .btn-next{right:10px;}
.mCalendar .calendar .day{line-height:2.3;}
.mCalendar .calendar table{margin:5px 0 0;}
.mCalendar .calendar thead{font-size:1em;font-weight:400;}
.mCalendar .calendar td{padding:0;}
.mCalendar .calendar thead td:first-of-type{color:#e74425;}
.mCalendar .calendar thead td:last-of-type{color:#0070ff;}
.mCalendar .calendar .day.disabled{background:transparent;color:inherit;}
.mCalendar .calendar .day.today{background-color:#439aee;}
.mCalendar .calendar .day.has-event{background: #e7ce25;}
.mCalendar .calendar .day.has-event:after{display:none;}
.mCalendar .calendar .day.wrong-month{color:#cbd1d2; display:none;}

.main .article.p4 .contents-main{display:flex;justify-content:space-between;}
.main .article.p4 a{color:inherit;display:block;height:100%;}
.main .article.p4 a:hover{text-decoration:none;}
.main .article.p4 h2{display:table;font-size:1.4rem;color:#fff;padding:37px 0 7px;position:relative;margin:auto;}
.main .article.p4 h2::after{content:'';width:100%;height:1px;overflow:hidden;background-color:#fff;position:absolute;bottom:0;left:0;}
.main .article.p4 h2 + p{margin-top:25px;}
.main .article.p4 .contents-main > div{width:364px;height:160px;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;}
.main .article.p4 .contents-main > div:nth-of-type(1){background-image:url(/static/portal/images/main/p4-img-01.png);}
.main .article.p4 .contents-main > div:nth-of-type(2){background-image:url(/static/portal/images/main/p4-img-02.png);}
.main .article.p4 .contents-main > div:nth-of-type(3){background-image:url(/static/portal/images/main/p4-img-03.png);}
.main .article.p4 .contents-main > div:nth-of-type(4){background-image:url(/static/portal/images/main/p4-img-04.png);}

.main .article.p5 .contents-main{height:160px;padding:0 100px;border:1px #acacac solid;position:relative;}
.main .article.p5 h2{font-size:2.4rem;font-weight:400;padding:0 20px;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);background-color:#fff;}
.main .article.p5 .slick-slider > div{padding:60px 0;}
.main .article.p5 .slick-slider .slick-track > div{height:40px;}
.main .article.p5 .slick-slider .slick-track > div a{display:block;}
.main .article.p5 .slick-slider .slick-track > div img{display:block;height:100%;margin:0 auto;}
.main .article.p5 .slick-arrow{width:40px;height:40px;background-color:#fff;background-position:center center;background-repeat:no-repeat;font-size:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1;}
.main .article.p5 .slick-arrow:hover, .main .article.p5 .slick-arrow:focus{background-color:#606060;}
.main .article.p5 .slick-prev{background-image:url(/static/portal/images/main/p5-slick-prev.png);left:-70px;}
.main .article.p5 .slick-next{background-image:url(/static/portal/images/main/p5-slick-next.png);right:-70px;}
.main .article.p5 .familyCombo{display:none;}
@media screen and (max-width: 1800px) {
	.main .article.p1 {padding: 0}
	.main .article.p1 .contents {gap: 0px}
	.main .article.p1 .contents > div {max-width: 100%}
	.main .article.p1 .contents > div:last-of-type {max-width: 100%;}
	.main .article.p1 .slide img.pc {border-radius: 0;}
	.main .gridWrapper {/*margin-bottom: 40px;*/ border-radius: 0; gap: 10px;background:#e3ecf2;}
	.main .gridWrapper .icon-bookmark {display: none}
	.main .gridBox .square a:hover i:not(.i-more){background-position: center 10%; transition:all .2s ease-in-out;}
}
@media screen and (max-width:1500px){
	.main .article.p1 {padding: 0;}

	.main .article.p1 .slide .txt {max-width: none;}
	.main .article.p1 .contents > div:last-of-type {/*left:40%;*/}
	.main .gridBox .square {height: 200px}

}
@media screen and (max-width:1200px){
	.main .article.p1 .slide .txt {left:0;top:9%;width:100%;padding:0 25px;box-sizing: border-box;}
	.p2 .tab > div:after {right: 0;top: 13px;}
	.main .article{margin:0;}
	.main .article + .article{margin:0;}
	.main .article h2{/*font-size:1.5rem;*/padding-bottom:10px;}
	.main .article.p2 .contents-main .ad .hgroup h2 {line-height: 2.6;font-size: 1.5rem;padding-bottom: 0;width: 23%;height: 42px;}
	.main .article.p1{padding:0;}
	.main .article.p1 .contents{height:auto;display:block;/* flex-direction:column;*/}
	.main .article.p1 .contents > div {width: 100%; max-width: unset}

	.main .article.p1 .contents > div:first-of-type{width:100%;}
	.main .article.p1 .contents > div:last-of-type{width:100%;max-width: unset;/*padding:10px;*/left:0;top:0;position: relative;background-color: #e3ecf2;}
	.main .article.p1 .slider {height:85vh;overflow: hidden;min-height:450px;max-height:500px;}
	.main .article.p1 .slide .txt strong {font-size: 3rem;}
	.main .article.p1 .slide .txt p {font-size: 1.5rem;}
	.main .article.p1 .slide img.pc {display: none;}
	.main .article.p1 .slide img.mobile {display: block;position: relative;left:50%;top:50%;transform: translate(-50%, -40%);min-width:100%;}
	.main .article.p1 .slick-dots{right:auto;left:50%;transform:translateX(-50%);}
	.main .article.p1 .i-mouse, .main .article.p1 .i-mouse::after{display:none;}

	.main .gridBox{grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(3, 1fr);grid-gap:10px;justify-content:center;}
	.main .gridBox .square{width:100%;height:auto;margin:0;font-size:1.2rem;}/*grid-gap:5px;*/
	.main .gridBox .square a{display:flex;flex-flow:column;align-items:stretch;justify-content:center;padding:10px;}
	.main .gridBox .square i:not(.i-more){height:calc(100% - 40%);background-position:center;background-size:auto 50%;}
	.main .gridBox .square a i.i-14{height:calc(100% - 0%);background-position:center;background-size:auto 100%;}
	.main .gridBox .square .i-more{width:100%;height:10px;top:10px;}
	.main .gridBox .square p{height:28px;}
	.main .gridBox .square p.p-26{height:35px;}
	/*.main .gridBox .s12{grid-column:1;grid-row:1;}*/
	/*.main .gridBox .s13{grid-column:2;grid-row:1;}*/
	/*.main .gridBox .s14{grid-column:3;grid-row:1;}*/
	/*.main .gridBox .s15{grid-column:1;grid-row:2;}*/
	/*.main .gridBox .s22{grid-column:2;grid-row:2;}*/
	/*.main .gridBox .s23{grid-column:3;grid-row:2;}*/
	/*.main .gridBox .s25{grid-column:1;grid-row:3;}*/
	/*.main .gridBox .s32{grid-column:2;grid-row:3;}*/
	/*.main .gridBox .s34{grid-column:3;grid-row:3;}*/
	/*.main .gridBox .s42{grid-column:1;grid-row:4;}*/
	/*.main .gridBox .s43{grid-column:2;grid-row:4;}*/
	/*.main .gridBox .s45{grid-column:2;grid-row:4;display: none;}*/
	/*.main .gridBox .s44{grid-column:3;grid-row:4;}*/
	/*.main .gridBox .s33{grid-column:1;grid-row:5;}*/
	/*.main .gridBox .s24{grid-column:2;grid-row:5;}*/
	.main .article.p2{padding:50px 25px;}
	.main .article.p3 h2{font-size:1.5rem;height:auto;padding-bottom:20px;}
	.main .article.p2 .contents-main{display:block;}
	.main .article.p2 .contents-main .news{width:100%;display:block;height:auto;}
	.main .article.p2 .contents-main .news > div:first-of-type{width:100%;}
	.main .article.p2 .contents-main .news > div:first-of-type p{display:none;}
	.main .article.p2 .contents-main .news > div:last-of-type{width:100%;}
	.main .article.p2 .contents-main .news > div.ad{width:100%;margin-left: 0;}
	.main .article.p2 .contents-main .news .tab_wrapper {height:42px;}
	.main .article.p2 .contents-main .news .tab{width:calc(100% - 29px);padding-right:5px;}
	.main .article.p2 .contents-main .news .tab button{height:42px;font-size:1.5rem;padding:5px;background: transparent;}
	.main .article.p2 .contents-main .news .tabwrap .moreWrap{width:30px;height:30px;top:5px;}
	.main .article.p2 .contents-main .news .tabwrap .moreWrap .btn-more{width:100%;height:100%;background-size:8px;}
	.main .article.p2 .contents-main .news .tabcontent{padding:15px 0;}
	.main .article.p2 .contents-main .news .tabcontent li a{font-size:1.35rem;font-weight: 300;width:calc(100% - 70px);}
	.main .article.p2 .contents-main .news .tabcontent li .date{font-size:1.2rem;}
	.main .article.p2 .contents-main .news .tabcontent li + li {margin-top:8px;}
	.main .article.p2 .contents-main .ad .hgroup {height:42px;}
	.main .article.p2 .contents-main .ad .hgroup .btn-more{background-size:8px;}
	.main .article.p2 .contents-main .ad .hgroup + .press_desc .txt_wrap p {font-size: 1.35rem;}
	.main .article.p2 .contents-main .ad .hgroup + .press_desc>p {font-size:1.35rem;font-weight: 300;font-stretch: normal;}
	.main .article.p3{height:auto;}
	.main .article.p3 .contents-main{display:block;}
	.main .article.p3 .contents-main > div{height:auto;padding:0;}
	.main .article.p3::before{display:none;}
	.main .article.p3 .contents-main .b{width:calc(100% - 50px);max-width:none;display:block;position:relative;margin:auto;}
	.main .article.p3 .into{width:100%;max-width:none;border-right:0;border-bottom:1px solid #5681b6;padding-right:0;padding:50px 0;background-position:100% 84%;background-size: 100px;}
	.main .article.p3 .into h2{height:inherit;}
	.main .article.p3 .into strong{font-size:3rem;}
	.main .article.p3 .into p{font-size:1.2rem;}
	.main .article.p3 .into a{font-size:1.2rem;}
	.main .article.p3 .is .btn_kfi {vertical-align: 11px;}
	.main .article.p3 .is{width:100%;max-width:none;padding:50px 0;background-position: 103% 84%;background-size: 100px;}
	.main .article.p3 .is strong{font-size:1.65rem;}
	.main .article.p3 .is p{margin-top: 15px;font-size:1.2rem;}
	.main .article.p3 .contents-main .g{width:100%;max-width:none;padding:50px 5px 25px 5px;}
	.main .article.p3 .contents-main .g h2{font-size:1.7rem;margin-left:25px;}
	.mCalendar .calendar header .month .year{font-size:2.4rem;}
	.main .article.p3 .contents-main .g h2.month{font-size:2.4rem;padding-bottom:10px;}
	.mCalendar .calendar{font-size:1.4rem;}
	.mCalendar .calendar table{width:calc(100% - 20px);margin:0 auto;}
	.mCalendar .calendar td{padding:0.4em;}
	.mCalendar .calendar header .simple-calendar-btn{width:30px;height:30px;line-height:30px;}
	.mCalendar .calendar header .simple-calendar-btn::before{top:11px;left:8px;}
	.mCalendar .calendar header .btn-prev{right:55px;}
	.mCalendar .calendar header .btn-next{right:15px;}
	.mCalendar .calendar .day{width:2em;height:2em;line-height:1.7;}
	.main .article.p4 .contents-main{flex-wrap:wrap;padding:25px 10px;}
	.main .article.p4 .contents-main > div{width:calc(50% - 5px);height:auto;}
	.main .article.p4 .contents-main > div:nth-of-type(n+3){margin-top:10px;}
	.main .article.p4 h2{padding:16px 10px 8px;}
	.main .article.p4 h2 + p{margin-top:0;padding:8px 10px 16px;}
	.main .article.p5 .contents-main{height:auto;padding:0;border:0;padding:0 10px;}
	.main .article.p5 h2{font-size: 0;position: static;top: auto;left: auto;transform: initial;}
	.main .article.p5 .slider{display:none;}
	.main .article.p5 .familyCombo{display:flex;align-items:center;}
	.main .article.p5 .familyCombo > div{height:30px;}
	.main .article.p5 .familyCombo > div .i-facebook{width:30px;height:30px;background-size:30px;}
	.main .article.p5 .familyCombo > div .i-instagram{width:30px;height:30px;background-size:30px;}
	.main .article.p5 .familyCombo > div:first-of-type{width:calc(100% - 105px);}
	.main .article.p5 .familyCombo > div:nth-of-type(2){width:63px;border:1px solid #d8dde5;border-width:1px 1px 1px 0;}
	.main .article.p5 .familyCombo > div:last-of-type{width:42px;text-align:right;}
	.main .article.p5 .familyCombo .btn-go{display:block;width:100%;height:100%;text-align:center;font-size:1.3rem;color:#004899;background-color:#fff;}
	.main .article.p5 .familyCombo .selectize-input{line-height:28px;padding:0 10px;font-size:1.3rem;}
	.main .article.p5 .familyCombo .selectize-control.single .selectize-input:after{width:29px;height:30px;}
	.main .article.p5 .familyCombo .selectize-dropdown .option{line-height:28px;padding:0 10px;font-size:1.3rem;}
}
@media screen and (max-width:640px){
	.main .gridBox .square a i:not(.i-more){background-position:center;height: calc(100% - 5%);}
	.main .gridBox .square a i.i-14{background-position:center;height: calc(100% - 0%);}
	.main .article.p2 .contents-main .ad .hgroup + div .figure{width:calc(50% - 12.5px);max-width:150px;height:143px;}
	.main .article.p2 .contents-main .ad .hgroup + div .textWrap{width:calc(100% - 150px);padding-left:12.5px;height:auto;}
	.main .article.p1 .slide img.mobile  {display: block;position: relative;left:50%;top:50%;transform: translate(-50%, -30%);min-width:100%;}
}

/* 첨부파일 목록 라인 정렬 */
.attachedFiles li{padding:4px 0;}
span.filename, .btn-del{vertical-align:bottom;}
span.filename + .btn-del{margin-left:10px;}

/* 사업자등록번호 */
.comapnyno{display:table;table-layout:fixed;}
.comapnyno > span{display:table-cell;}
.comapnyno > span.dash{width:15px;text-align:center;}
.comapnyno > span.wave{width:30px;text-align:center;vertical-align: middle;}
.comapnyno > span input{width:100%;}
.cor-num .num {width:82px;}
@media screen and (max-width:1200px){
  div.comapnyno{width:100%;}
  div.comapnyno span.remain, div.comapnyno label{width:100%;}
  .comapnyno.cor-num.in-btn-wrap {padding-right:90px !important;}
  .cor-num span {display:inline-block;}
  .cor-num .num {width: calc(33.3% - 13px); vertical-align: middle;}
  .cor-num .num label{display:block;}
}

/* 페이지 오류 : 404 error */
.errorpage{position:relative;background-color:#f6f6f6;width:100%;height:100vh;}
.errorpage .contents{position:relative;display:table;width:100%;max-width:780px;height:100%;margin:auto;}
.errorpage .header{height:auto;padding:10px 0;background:none;}
.errorpage .section{padding:80px 0;border-top:2px #3c404b solid;border-bottom:1px #cccccc solid;background:none;overflow:hidden;}
.errorpage .section .figure{width:43%;float:left;}
.errorpage .section .figure span{display:block;width:260px;height:225px;position:relative;background-color:#d9d9d9;overflow:hidden;}
.errorpage .section .figure span strong{display:block;font-size:19rem;color:#ff4500;position:absolute;top:10px;left:50%;transform:translateX(-50%);}
.errorpage .section .text{width:57%;float:left;}
.errorpage .section .text strong{display:block;margin-top:-7px;font-size:3rem;font-weight:400;}
.errorpage .section .text > div{margin-top:20px;}
.errorpage .section .text div > p{font-size:1.4rem;font-weight:500;}
.errorpage .section .text div > span{font-size:1.4rem;font-weight:300;}
.errorpage .section .text .btns{margin-top:80px;}
.errorpage .section .text .btns a{font-size:1.4rem;}
.errorpage .section .text .btns a + a{margin-left:2px;}
.errorpage .copyright{width:100%;height:55px;position:relative;top:20px;font-size:1.2rem;text-align:center;}
@media screen and (max-width:1200px){
  .errorpage .header{padding:0;}
  .errorpage .section{padding:40px 15px 0;text-align:center;border-bottom:0;}
  .errorpage .section .figure, .errorpage .section .text{float:none;width:100%;}
  .errorpage .section .figure span{margin:auto;}
  .errorpage .section .text{padding:40px 0;}
  .errorpage .section .text strong{font-size:2rem;}
  .errorpage .section .text div > span, .errorpage .section .text div > span{font-size:1.2rem;}
  .errorpage .section .text .btns{margin-top:40px;}
  .errorpage .section .text .btns a{width:calc(50% - 5px);line-height:40px;}
  .errorpage .section .text .btns a + a{margin-left:8px;}
  .errorpage .copyright{padding-top:20px;border-top:1px #cccccc solid;}
}
@media screen and (max-width:320px){
  .errorpage .section{padding:20px 15px 0;}
  .errorpage .section .text{padding:20px 0;}
  .errorpage .copyright{height:auto;position:relative;padding-top:10px;}
}

/* POPUP */
.popup{display:none;}
.popup.on{display:block;}
.popup .dimmer{display:none;width:100vw;height:100vh;background-color: rgba(0, 0, 0, 0.72);position:fixed;top:0;left:0;z-index:11;}
.popup.on .dimmer, .popup .dimmer.on{display:block;}
.popup .popupWrap{/*width:calc(100vw - 72px);border-radius: 4px;*/display:none;position:fixed;z-index:1;background-color:#fff;left:0;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);}
.popup .popupWrap, .popupWrap.on{display:block;top:50%;left:50%;z-index:11;transform:translate(-50%, -50%);}
.popupWrap .inWrap{/*padding:12px;*/}
.popupWrap .default{width:600px;max-height:calc(100vh - 80px);overflow:auto;position:relative;background-color:#fff;}
.popupWrap .popHeader{height:75px;padding:20px 105px 20px 30px;border-bottom:1px #d8dde5 solid;}
.popupWrap .popHeader h1{font-size:2.4rem;font-weight:500;}
.popupWrap .popBody h2{color:#3a3a3a;font-size:2rem;font-weight:500;}
.popupWrap .popBody .article h2 + div{margin-top:20px;}
.popupWrap .popBody{padding:30px;}
.popupWrap .popFooter{margin:0 15px 30px 15px;padding-top:20px;text-align:center;border-top:1px #d8dde5 solid;}
.popupWrap .popFooter button, .popupWrap .popFooter a{}
.popup .popupWrap .popFooter button + button {margin-left:10px;}
.popupWrap .btn-x{z-index: 1;position:absolute;top:0;right:0;font-size:0;width:75px;height:74px;background:#3a3a3a url(/static/portal/images/common/btn-popup-x.png) center center no-repeat;}

.popupWrap.post .default{position: relative;width:1000px;}
.popupWrap.post .popHeader, .popupWrap.sched .popHeader{z-index: 1;position: absolute;left:0;top:0;width:100%;background-color: #1046a0;}
.popupWrap.post .popHeader h1, .popupWrap.sched .popHeader h1{color:#fff;}
.popupWrap.post .popBody h2, .popupWrap.sched .popBody h2{padding:20px 30px;}
.popupWrap.post .popBody{padding:0;height: 500px;margin-top: 75px;}
.popupWrap.post .boardType1 .viewWrap .viewWrapInfo, .popupWrap.sched .boardType1 .viewWrap .viewWrapInfo {border-top:2px solid #44465c;}

.popupWrap.sched .default {position: relative;width:500px;background-color: #f2f7fd;}
.popupWrap.sched .popBody {padding:0;max-height: 200px;margin-top: 75px;}
.popupWrap.sched .popFooter {border-top:0;}
.popupWrap.sched .schedule_list {padding:20px 20px 0 20px;box-sizing: border-box;}
.popupWrap.sched .schedule_list li + li {margin-top:25px;}
.popupWrap.sched .schedule_list p {position: relative;padding-left: 35px;font-size: 1.6rem;}
.popupWrap.sched .schedule_list p:before {content:'';position: absolute;left:0;width:25px;height: 25px;background: url(/static/portal/images/main/ico_schedule.png) center center no-repeat;}
.popupWrap.sched .schedule_list .schedule_desc {padding:20px;box-sizing: border-box;margin-top: 20px;background-color: #fff;}
.popupWrap.sched .schedule_list .schedule_desc h4 {font-size: 2rem;font-weight: 500;}
.popupWrap.sched .schedule_list .schedule_desc .bar {display:block;height:2px;background-color: #44465c;margin:15px 0 12px;}
.popupWrap.sched .schedule_list .schedule_desc span {font-size: 1.6rem;}

.popupWrap.upload .default {position: relative;width:1000px;}
.popupWrap.upload .default .popBody .article > p{margin:12px 0 15px;}
.popupWrap.upload .default .popBody .fileWrap .file_inner {display: block;width:100%;}
.popupWrap.upload .default .popBody .fileWrap .file_inner input{width:75%;}
.popupWrap.upload .default .popBody .fileWrap .file_inner .btn_upload {position: relative;display: inline-block;text-decoration: none;margin: 0 0 0px 10px;padding: 8px 25px 8px 45px;color:#fff;background-color: #004899;}
.popupWrap.upload .default .popBody .fileWrap .file_inner .btn_upload:before {content: '';position: absolute;left: 14px;top:12px;width:21px;height:16px;background: url(/static/portal/images/common/i-downloadfile.png) center center no-repeat;transform: rotate(180deg);background-size: contain;}

@media screen and (max-width:1200px){
  .popupWrap .default{width:100vw;height:100vh;max-height:100vh;margin:-1px 0 0 -1px;}
  .popupWrap.post .default{width:100vw;height:100%;min-height:100vh;margin:0;}
  .popupWrap.post {left:0;top:0;width:100%;transform: translate(0, 0);}
  .popupWrap .default .popHeader{z-index: 1;position: fixed;left: 0;top: 0;width: 100%;height:60px;padding:15px 75px 12px 15px;}
  .popupWrap .btn-x{width:60px;height:60px;}
  .popupWrap.post .btn-x{top:-1px;}
  .popupWrap .default .popHeader h1{font-size:1.9rem}

  .popupWrap .default .popBody{padding:65px 20px 15px;}
  .popupWrap.post .default .popBody{padding:0;margin-top:60px;height: auto;}
  .popupWrap .default .popBody h2{font-size:1.6rem;}
  .popupWrap.post .default .popBody h2 {padding:11px 15px 12px 15px;}
  .popupWrap .default .popBody .article{padding:0;margin:0;}
  .popupWrap .default .popBody .article + .article{margin-top:20px;}
  .popup .popupWrap .popFooter button.w195{width:calc(50% - 10px);}
  .popupWrap.post .popFooter {margin:0 0 30px 0;}

  .popupWrap.upload .default{width:100vw;height:100%;min-height:100vh;margin:0;}
  .popupWrap.upload .default .popBody .fileWrap .file_inner input {margin-bottom: 10px;}
  .popupWrap.upload .default .popBody .fileWrap .file_inner .btn_upload {position: relative;left: 50%;margin:0;transform: translate(-50%, 3px);padding:6px 16px 6px 34px;}
  .popupWrap.upload .default .popBody .fileWrap .file_inner .btn_upload:before {left: 12px;top: 11px;width: 14px;height: 11px;}
}

/* LAYER CONTENTS with x button without footer
.layerContents{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:11;display:none;}
.layerContents.on{display:block;}
.layerContents .header .history, .header .history.hidden{visibility: hidden;min-width:24px;}
.layerContents .btnWrap{position: fixed;width:100%;height:94px;padding:0;bottom:0;left:0;}
.layerContents .btnWrap .grad{display:block;width:100%;height:20px;background-image:linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));}
.noscroll{overflow:hidden;}
.layerContents .btnWrap .btnwrap{padding:10px 24px 20px 24px;background-color:#fff;}
*/

/* 기술원소식 - 열린채용 - 채용안내 */
.recruit-firure01{padding:45px 45px 40px 50px;}
.recruit-firure01 img{width:100%;max-width:1103px;margin:auto;}
.recruit-figure02{width:100%;position:relative;margin:80px 0;}
.recruit-figure02 > div{width:90%;position:relative;}
.recruit-figure02 > div:before {content:'';display:block;width:45%;height:15px;background-color:#89b1d8;position:absolute;top:50%;right:25px;transform:translate(0, -50%);}
.recruit-figure02 dl{overflow:hidden;position:relative;margin:auto;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;width:calc(100% - 40px);}
.recruit-figure02 h6{text-align:center;font-size:1.8rem;font-weight:500;}
.recruit-figure02 dl dt, .recruit-figure02 dl dd{float:left;display:block;text-align:center;font-size:1.8rem;font-weight:500;vertical-align:middle;background-color:#fff;}
.recruit-figure02 dl dt{width:120px;height:120px;border:2px solid #d9d9d9;border-radius:50%;line-height:116px;}/* margin-right:30px; */
.recruit-figure02 dl dd{width:240px;height:100px;border:5px solid #1364b2;border-radius:50px;color:#004899;line-height:90px;}/* margin:20px 40px 20px 0; */
.recruit-figure02 dl dd:last-of-type{margin-right:0;}
.recruit-figure03{position:relative;display:block;padding:45px;text-align:center;}
.recruit-figure03 h6.headline{display:block;text-align:center;padding-bottom:30px;}
.recruit-figure03 img{width:100%;max-width:652px;margin:auto;}
.recruit-steps{overflow:hidden;display:table;margin:25px auto;}
.recruit-steps > div{width:215px;height:215px;padding:25px 15px;border:1px solid #224e97;border-radius:50%;text-align:center;float:left;}
.recruit-steps > div i{width:55px;height:55px;}
.recruit-steps > div i + strong{margin-top:5px;}
.recruit-steps > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;padding:5px 0 0;}
.recruit-steps > div p{color:#004899;width:120px;margin:auto;}
.recruit-steps .step1 i{background:url(/static/portal/images/news/recuit-steps-i01.png) center center no-repeat;}
.recruit-steps .step2 i{background:url(/static/portal/images/news/recuit-steps-i02.png) center center no-repeat;}
.recruit-steps .step3 i{background:url(/static/portal/images/news/recuit-steps-i03.png) center center no-repeat;}
.recruit-steps .step4 i{background:url(/static/portal/images/news/recuit-steps-i04.png) center center no-repeat;}
.recruit-steps .step3 p{width:170px;}
.recruit-steps > div{margin-right:40px;position:relative;}
.recruit-steps > div:after{content:'';display:block;float:left;width:40px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;right:-40px;}
.recruit-steps > div:last-of-type:after{display:none;}
@media screen and (max-width:1200px){
  .recruit-firure01{padding:10px;}
  .recruit-figure03{padding:20px 10px;}
  .recruit-figure03 h6.headline{padding-bottom:15px;}
  .matrix.scrollx table.recruit-advantage{min-width:580px;}
  .matrix.scrollx table.recruit-advantage .dash.ml15{margin-left:5px;}
  .recruit-steps > div{width:148px;height:148px;margin-right:23px;padding:15px;}
  .recruit-steps > div:after{width:23px;right:-24px;background-size:10px auto;}
  .recruit-steps > div:nth-of-type(n+3){margin-top:15px;}
  .recruit-steps > div strong{font-size:1.2rem;}
  .recruit-steps > div i{width:30px;height:30px;}
  .recruit-steps .step3 p{width:auto;}
  .recruit-steps .step1 i{background-size:21px auto;}
  .recruit-steps .step2 i{background-size:28px auto;}
  .recruit-steps .step3 i{background-size:31px auto;}
  .recruit-steps .step4 i{background-size:26px auto;}
}
@media screen and (max-width:640px){
  .recruit-figure02{margin:25px 0;}
  .recruit-figure02 > div:before{height:5px;width:60%;}
  .recruit-figure02 dl{display:flex; justify-content:space-between;width:100%;}
  .recruit-figure02 dl dt{width:65px;height:65px;margin:0;line-height:63px;border-width:1px;}
  .recruit-figure02 h6{font-size:1.2rem;}
  .recruit-figure02 dl dd{width:60px;height:35px;margin:15px 0;line-height:31px;font-size:1.2rem;border-width:2px;}
}
/* 기술원소식 - 기술원 일정 */
.dailyWrap, .weeklyWrap, .monthlyWrap{width:100%;display:table;table-layout:fixed;}
.dailyWrap > div, .weeklyWrap > div, .monthlyWrap > div{display:table-cell;vertical-align:top;}
.dailyWrap > div:first-of-type, .weeklyWrap > div:first-of-type, .monthlyWrap > div:first-of-type{width:40%;}
.cal-list{width:100%;}
.cal-list .date{line-height:57px;text-align:center;}
.cal-list .date strong{font-size:2.4rem;font-weight:500;color:#004899;}
.cal-list .date strong span{vertical-align:middle;}
.cal-list .list{width:100%;border-top:2px solid #3a3a3a;}
.cal-list .list ul{width:100%;}
.cal-list .list ul li{width:100%;padding:17px 0;display:flex;align-items:center;border-bottom:1px solid #d8dde5;}
.cal-list .list .daytime{font-weight:500;text-align:center;}
.cal-list .list .desc{}
.dailyWrap .cal-list .list .daytime{width:130px;}
.dailyWrap .cal-list .list .daytime > span{display:block;}
.dailyWrap .cal-list .list .desc{width:calc(100% - 100px);padding-left:30px;}
.weeklyWrap .cal-list .list .daytime{width:145px;}
.weeklyWrap .cal-list .list .desc{width:calc(100% - 145px);padding-left:30px;}
.monthlyWrap .cal-list .list .daytime{width:145px;}
.monthlyWrap .cal-list .list .desc{width:calc(100% - 145px);padding-left:30px;}
/* calendar */
.celendarWrap{position:relative;width:calc(100% - 30px);}
.calHeader{position:relative;height:40px;text-align:center;}
.calHeader .btn-today{display:block;position:absolute;top:0;left:0;}
.calHeader .btn-prev{display:block;width:40px;height:40px;min-width:auto;padding:0;font-size:0;position:absolute;top:0;right:41px;background:#a6a6a6 url(/static/portal/images/common/board-prev-arrow.png) center center no-repeat;}
.calHeader .btn-next{display:block;width:40px;height:40px;min-width:auto;padding:0;font-size:0;position:absolute;top:0;right:0;background:#a6a6a6 url(/static/portal/images/common/board-next-arrow.png) center center no-repeat;}
.calHeader .btn-prev:hover, .calHeader .btn-next:hover{background-color:#767676;}
.calHeader .btn-prev:active, .calHeader .btn-next:active{background-color:#767676;opacity:0.7;}
.calHeader .btn-prev:disabled, .calHeader .btn-next:disabled{color:#9fa6aa;background-color:#eaeaea;}
.calHeader strong{font-size:2.4rem;font-weight:500;}
.calWrap{position:relative;margin-top:20px;}
.calWrap table{width:100%;border:1px solid #d8dde5;border-collapse:collapse;table-layout:fixed;}
.calWrap table thead th{line-height:59px;font-weight:500;border-bottom:1px solid #d8dde5;}
.calWrap table .sun{color:#fb1a2d;}
.calWrap table .sat{color:#004899;}
.calWrap table tbody td{font-size:1.8rem;line-height:60px;}
.calWrap table tbody td a, .calWrap table tbody td a span{display:block;text-align:center;}
.calWrap table tbody td a:hover, .calWrap table tbody td a:active{color:inherit;text-decoration:none;}
.calWrap table tbody td a span.today, .calWrap table tbody td a span.hover{border:1px solid #004899;}
.calWrap table tbody tr.hover td a span{border:1px solid #004899;border-width:1px 0;}
.calWrap table tbody tr.hover td a span.sun, .calWrap table tbody tr.hover td a span.firstday{border-left:1px solid #004899;}
.calWrap table tbody tr.hover td a span.sat{border-right:1px solid #004899;}
/*.calWrap table tbody tr.hover td a span.sun, .calWrap table tbody tr.hover td a span.sat{background-color:#fff;}*/
/* dev version */
.celendarWrap .calendar button{font-size:1.6rem;color:#3a3a3a;}
.celendarWrap .calendar header .btn-today{display: none;line-height: 40px;min-width: 90px;padding: 0 20px;vertical-align: middle;font-weight: 400;color: #fff;font-size: 1.5rem;text-align: center;background-color: #004899;position: absolute;top: 0;left: 0;}
.article.dailyWrap{position:relative;}
.article.dailyWrap .btn-today-go{display: block;line-height: 40px;min-width: 90px;padding: 0 20px;vertical-align: middle;font-weight: 400;color: #fff;font-size: 1.5rem;text-align: center;background-color: #004899;position: absolute;top: 0;left: 0;z-index:1;}
.article.dailyWrap .btn-today-go:hover, .article.dailyWrap .btn-today-go:focus{background-color:#000055;color:#fff;text-decoration:none;}
.article.dailyWrap .btn-today-go:active{background-color:#4c7fb7;}
.article.dailyWrap .btn-today-go:disabled, .article.dailyWrap .btn-today-go.disabled{background-color:#eaeaea;color:#9fa6aa;pointer-events:none;}

.celendarWrap .calendar header .month{position: relative;height:40px;font-size: 2.4rem;line-height:1.5;font-weight: 500;display:table;margin:auto;font-weight: 500;color:#3a3a3a;}
.celendarWrap .calendar header .month .year {font-size: 2.4rem;font-weight: 500;}/* position: absolute;left: 0; */
.celendarWrap .calendar header .simple-calendar-btn{display: block;position: absolute;width: 40px;height: 40px;text-align: center;line-height: 40px;color: #949494;border-radius: 0;border: 0;font-size: 0;background: #949494 url(/static/portal/images/common/board-next-arrow.png) center center no-repeat;}
.celendarWrap .calendar header .btn-prev{top:0;right:41px;left:auto;}
.celendarWrap .calendar header .simple-calendar-btn:before{display:none;}
.celendarWrap .calendar thead{font-size:1.6rem;font-weight:500;}
.celendarWrap .calendar table {width: 100%;border: 1px solid #d8dde5;border-collapse: collapse;table-layout: fixed;margin:20px 0 0 0;}
.celendarWrap .calendar table thead td {line-height: 59px;font-weight: 500;border-bottom: 1px solid #d8dde5;padding:0;}
.celendarWrap .calendar table thead td:first-of-type{color: #fb1a2d;}
.celendarWrap .calendar table thead td:last-of-type{color: #004899;}
.celendarWrap .calendar table tbody td{padding:0;font-size: 1.8rem;line-height: 60px;}
.celendarWrap .calendar table tbody td a{display: block;text-align: center;}
.celendarWrap .calendar .day, .celendarWrap .calendar a .day {position: relative;display: block;margin:auto;text-align: center;width:100%;height: inherit;line-height: inherit;border-radius: 0;border: 0;color:inherit;cursor: pointer;background:none;}
.celendarWrap .calendar table tbody td:first-of-type .day{color: #fb1a2d;}
.celendarWrap .calendar table tbody td:last-of-type .day{color: #004899;}
.celendarWrap .calendar .day.today{background:none;border: 1px solid #004899;}
.celendarWrap .calendar .day.has-event:after{top: calc(50% + 1.2em);background: #6691CC;}
.celendarWrap .calendar .day.wrong-month{display:none;}
/* end of dev version */
@media screen and (max-width:1200px){
  .calHeader{height:30px;}
  .dailyWrap, .weeklyWrap, .monthlyWrap{display:block;margin-right:0 !important;margin-left:0 !important;}
  .dailyWrap > div, .weeklyWrap > div, .monthlyWrap > div{display:block;padding-right:15px;padding-left:15px;}
  .dailyWrap > div:first-of-type, .weeklyWrap > div:first-of-type, .monthlyWrap > div:first-of-type{width:100%;}
  .celendarWrap{width:100%;}
  .calHeader strong{font-size:1.8rem;}
  .calHeader .btn-prev, .calHeader .btn-next{width:30px;height:30px;}
  .calHeader .btn-prev{right:40px;}
  .calWrap{margin-top:15px;}
  .calWrap table thead th{line-height:44px;}
  .calWrap table tbody td{font-size:1.4rem;line-height:40px;}
  .cal-list .date strong{font-size:1.8rem;}
  .cal-list .date .i-calendar{width:19px;height:19px;background-size:auto 19px;}
  .cal-list .date strong span{margin-left:5px;}
  .cal-list .list ul li{padding:7px 0;}
  .dailyWrap .cal-list .list .daytime{vertical-align:top;}
  .dailyWrap .cal-list .list .desc{width:calc(100% - 60px);padding-left:10px;vertical-align:top;}
  .weeklyWrap .cal-list .list .daytime, .monthlyWrap .cal-list .list .daytime{width:90px;vertical-align:top;}
  .weeklyWrap .cal-list .list .desc, .monthlyWrap .cal-list .list .desc{width:calc(100% - 90px);padding-left:10px;vertical-align:top;}
  /* dev version */
  .celendarWrap .calendar header .month{font-size:1.8rem;}
  .celendarWrap .calendar header .btn-today{line-height: 30px;min-width: 68px;padding: 0 10px;font-size: 1.2rem;}
  .celendarWrap .calendar header .simple-calendar-btn{width:30px;height:30px;line-height:30px;}
  .celendarWrap .calendar header .month{height:30px;}
  .celendarWrap .calendar thead{font-size:1.2rem;}
  .celendarWrap .calendar table {margin:10px 0 0 0;}
  .celendarWrap .calendar table thead td{line-height:44px;}
  .celendarWrap .calendar table tbody td{line-height:40px;font-size:1.4rem;}
  .celendarWrap .calendar button{font-size:1.4rem;}
  .celendarWrap .calendar .day.has-event:after{top: calc(50% + .8em);}
  .article.dailyWrap .btn-today-go{line-height: 30px;min-width: 68px;padding: 0 10px;font-size: 1.2rem;display: block;position: absolute;top: 0;left: 15px;}
}

/* 사업안내 - 진흥사업안내 *//* EJ */
.b-business-1{margin:25px 0;}
.b-business-1 tbody th{width:18.3333%;max-width:220px;}
.b-business-1 tbody td:nth-of-type(1){width:11.25%;max-width:135px;text-align:center;}
.b-business-1 tbody td:nth-of-type(2){width:58.3334%;padding-left:30px;}
.b-business-1 tbody td:nth-of-type(3){width:12.0833%;max-width:145px;text-align:center;}
.b-business-1-2{margin:25px 0;}
.b-business-1-2 tbody th{width:18.3333%;max-width:220px;}
.b-business-1-2 tbody td:nth-of-type(1){width:11.25%;max-width:135px;text-align:center;}
.b-business-1-2 tbody td:nth-of-type(2){width:70.4168%;padding-left:30px;}
.b-business-2{margin:25px 0;}
.b-business-2 tbody th{width:16.6666%;max-width:200px;}
.b-business-2 tbody td{text-align:center;}
.b-business-2-2{margin:25px 0;}
.b-business-2-2 tbody th:not(.th-2){width:16.6666%;max-width:200px;}
.b-business-2-2 tbody th.th-2{width:25%;max-width:300px;text-align:left;padding-left:30px;}
.b-business-2-2 tbody td{padding-left:30px;}
.b-business-3-2{margin:25px 0;}
.b-business-3-2 tbody th{width:16.6666%;max-width:200px;}
.b-business-3-2 tbody td{text-align:center;}
.b-business-3-4{margin:25px 0;}
.b-business-3-4 tbody th{width:16.6666%;max-width:200px;}
.b-business-3-4 tbody td{text-align:center;}
.b-business-3-5{margin:25px 0;}
.b-business-3-5 tbody th{width:16.6666%;max-width:200px;}
.b-business-3-5 tbody td{padding-left:30px;}
.business-1 .figure{position:relative;}
.business-steps{overflow:hidden;display:table;margin:25px 0;}
.business-steps > div{display:table-cell;width:215px;height:215px;padding:25px 15px;vertical-align:middle;border:1px solid #224e97;border-radius:50%;text-align:center;float:left;margin-right:40px;position:relative;}
.business-steps > div > div{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.business-steps > div i{width:55px;height:55px;}
.business-steps > div i + strong{margin-top:5px;}
.business-steps > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;}
.business-steps > div strong span{display:none;}
.business-steps > div p{color:#004899;width:120px;margin:auto;}
.business-steps > div:after{content:'';display:block;float:left;width:40px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;right:-40px;}
.business-steps > div:last-of-type{margin-right:0;}
.business-steps > div:last-of-type:after{display:none;}
.business-steps .step2{background-color:#1e4a9f;}
.business-steps .step2 strong{color:#fff;}

/*소방산업지원사업 컨텐츠 현행화 - 경비지원CSS START*/
.business-steps2{overflow:hidden;display:table;margin:25px 0;}
.business-steps2 > div{display:table-cell;width:148px;height:148px;padding:25px 15px;vertical-align:middle;border:1px solid #224e97;border-radius:50%;text-align:center;float:left;margin-right:40px;position:relative;}
.business-steps2 > div > div{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.business-steps2 > div i{width:55px;height:55px;}
.business-steps2 > div i + strong{margin-top:5px;}
.business-steps2 > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;}
.business-steps2 > div strong span{display:none;}
.business-steps2 > div p{color:#004899;width:120px;margin:auto;}
.business-steps2 > div:after{content:'';display:block;float:left;width:40px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;right:-40px;}
.business-steps2 > div:last-of-type{margin-right:0;}
.business-steps2 > div:last-of-type:after{display:none;}
.business-steps2 .step2{background-color:#1e4a9f;}
.business-steps2 .step2 strong{color:#fff;}
/*소방산업지원사업 컨텐츠 현행화 - 경비지원CSS END*/

.b-business-4-1{margin:25px 0;}
.b-business-4-1 tbody th{width:16.6666%;max-width:200px;}
.b-business-4-1 tbody td{text-align:center;}
.b-business-4-1-2{margin:25px 0;table-layout:fixed;}
.b-business-4-1-2 tbody td{text-align:center;}
@media screen and (max-width: 1200px){
	.business-1 h4.head{padding-left:0;}
	.b-business-1 tbody td:nth-of-type(2){padding-left:10px;}
	.b-business-1-2 tbody td:nth-of-type(2){padding-left:10px;}
	.matrix.scrollx table.b-business-2, .matrix.scrollx table.b-business-2-2{min-width:500px;table-layout:auto}
	.b-business-2-2 tbody th.th-2, .b-business-2-2 tbody td{padding-left:10px;}
	.business-steps > div{width:148px;height:148px;margin-right:23px;padding:15px;}
	.business-steps > div:after{width:23px;right:-24px;background-size:10px auto;}
	.business-steps > div strong{font-size:1.2rem;}
	.business-steps .step3 p{width:auto;}
	
	.business-steps2 > div{width:148px;height:148px;margin-right:23px;padding:15px;}
	.business-steps2 > div:after{width:23px;right:-24px;background-size:10px auto;}
	.business-steps2 > div strong{font-size:1.2rem;}
	.business-steps2 .step3 p{width:auto;}
}
@media screen and (max-width: 640px){
	.business-steps{width:100%;}
	.business-steps > div{width:28%;height:calc(100vw * 0.25);}
}
@media screen and (max-width: 430px){
	.business-steps{display:flex;flex-flow:row wrap;justify-content:space-between;}
	.business-steps > div:after{display:none;}
	.business-steps > div{width:calc(50% - 7px);height:calc(100vw * 0.4);margin-right:0;}
	.business-steps > div:last-of-type{margin-top:15px;}
	.business-steps > div strong span{display:inline;}
}

/* 사업안내 - 소방용품 시험 검사 */
#pop-test-type .popupWrap .default, #pop-test-perform .popupWrap .default, #pop-test-kfi .popupWrap .default{width:1200px;}
#pop-test-type .popupWrap .default .popBody, #pop-test-perform .popupWrap .default .popBody, #pop-test-kfi .popupWrap .default .popBody{}
.popBody .head{padding-bottom:10px;}
.popBody .copy{margin-bottom:15px;}
.popBody .copy + .boxWrapType2{margin-top:25px;}
.popBody{/*height:calc(100vh - 75px); */overflow-y:auto;}

.typeWrap, .typeWrap3{width:100%;display:flex;justify-content:flex-start;align-items:stretch;}
.typeWrap .figure, .typeWrap3 .figure{width:330px;}
.typeWrap .figure img, .typeWrap3 .figure img{width:100%;}
.typeWrap .figureText, .typeWrap3 .figureText{width:calc(100% - 330px);padding-left:30px;}
.typeWrap2{width:100%;display:flex;justify-content:flex-start;align-items:stretch;}
.typeWrap2 .figure {width:210px;}
.typeWrap2 .figure img {width:100%;}
.typeWrap2 .figureText {width:calc(100% - 210px);padding-left:30px;}

.howto{width:100%;position:relative;}
.howto ul{display:flex;justify-content:space-between;align-items:stretch;}
.howtoWrap{width:266px;}
.howtoWrap .figure, .howtoWrap .figureText, .howtoWrap .figure img{width:100%;}
.howtoWrap .figureText{padding:10px 0;}
.howto .source{text-align:right;}
.subtabcon.active:not(.all) + .subtabcon.active{margin-top:40px;}
@media screen and (max-width:1200px){
  #pop-test-type .popupWrap .default, #pop-test-perform .popupWrap .default, #pop-test-kfi .popupWrap .default{width:100vw;}
  .popBody .copy + .boxWrapType2{margin-top:23px;}
  .popBody .head{padding:0 0 10px 0;}
  .popBody .tabWrap{width:calc(100% + 30px);margin-left:-15px;}
  .popBody .tabcontent{padding-right:15px;padding-left:15px;}
  .typeWrap{display:flex;justify-content:unset;align-items:unset;}
  .typeWrap .figureText{width:70%;padding-left:15px;}
  .typeWrap .figure, .typeWrap3 .figure {width:45%;max-width:330px;min-width:180px;margin-bottom:10px;}
  .typeWrap2 .figure{width:auto;}
  .typeWrap2 .figureText{width:70%;padding-left:15px;}
  .typeWrap3 {display:flex;align-items:stretch;}
  .typeWrap3 .figureText {width:55%;padding-left:15px;}
  .popBody .subtabcon .h4.headline{font-size:1.8rem;margin-top:5px;margin-bottom:15px;}
  .popBody .subtabcon .h4.headline:after{width:20px;}
  .howto ul{flex-wrap:wrap;}
  .howto ul li{width:calc(50% - 5px);}
  .howtoWrap{width:100%;}
  .subtabcon.active:not(.all) + .subtabcon.active{margin-top:20px;}

}
@media screen and (max-width:375px){
	.typeWrap3{display:block;}
	.typeWrap2{display:block;}
	.typeWrap {display:block;}
	.typeWrap .figure, .typeWrap3 .figure {width:100%;margin-bottom:10px;max-width:none;}
	.typeWrap3 .figureText{width:100%;padding-left:0;}
	.typeWrap2 .figureText{width:100%;padding-left:0;}
	.typeWrap .figureText {width:100%;padding-left:0;}
}

/* 사업안내 - 시험 · 검사 사업안내 */
.has-desc h4.headline {margin-bottom:30px;}
.sub-tc {margin-bottom:25px; text-align:center; font-size:1.6rem;}
.f-flex-wrap {display: flex; flex-wrap: wrap;justify-content:center;}  /*margin-top:-20px; margin-left:-20px; margin-bottom:45px; */
/* .f-flex-wrap {display: flex; flex-wrap: wrap; margin-top:-20px; margin-left:-20px; margin-bottom:45px;} */
.f-flex-wrap .box {position:relative;width:calc(33% - 10px);padding:35px 20px 35px;margin-bottom:15px; text-align:center; border:1px solid #d8dde5; background:#f9f9f9;}/* width:386px; */
.f-flex-wrap .box:nth-of-type(3n -1){margin-left:20px; margin-right:20px;}
/*.f-flex-wrap .box {padding:35px 20px 0; width:386px; margin-top:20px; margin-left:20px; text-align:center; border:1px solid #d8dde5; background:#f9f9f9;} */
.f-flex-wrap.test-binfo .box {min-height:385px;position:relative;padding-bottom:80px;}
.f-flex-wrap.test-binfo .box .has-btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);margin:0;}
.article.test-etc .f-flex-wrap.test-binfo{align-items:center;}
.article.test-etc .f-flex-wrap.test-binfo .box{padding-bottom:35px;}
.article.test-etc .f-flex-wrap.test-binfo .box > div{width:calc(100% - 40px);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.f-flex-wrap.test-binfo .box.short {display:table;padding-top:0;}
.f-flex-wrap.test-binfo .box.short .cell {display:table-cell; vertical-align:middle;}
.f-flex-wrap.test-binfo .desc {margin-top:20px;}
.f-flex-wrap .icon, .boxWrap.binfo i {display:inline-block; margin-bottom:20px; width:60px; height:60px; background-repeat:no-repeat; background-position: 50% 50%;}
.f-flex-wrap .title {margin-bottom:20px; font-size:2.4rem; font-weight:700; color:#004899;}
.f-flex-wrap .desc {color:#004899;}
.f-flex-wrap .desc.space {margin-top:83px;}
.f-flex-wrap .btn {min-width:92px;}
.f-flex-wrap .has-btn {margin:40px 0 0;}
.f-flex-wrap dt:first-of-type {margin-top:0;}
.f-flex-wrap dt {margin-top:20px; color:#004899; font-weight:500;}
.f-flex-wrap .test01, .boxWrap.binfo i.test01 {background-image: url(/static/portal/images/business/icon-test01.png);}
.f-flex-wrap .test02, .boxWrap.binfo i.test02 {background-image: url(/static/portal/images/business/icon-test02.png);}
.f-flex-wrap .test03, .boxWrap.binfo i.test03 {background-image: url(/static/portal/images/business/icon-test03.png);}
.f-flex-wrap .test04, .boxWrap.binfo i.test04 {background-image: url(/static/portal/images/business/icon-test04.png);}
.f-flex-wrap .test05, .boxWrap.binfo i.test05 {width:67px; background-image: url(/static/portal/images/business/icon-test05.png);}
.f-flex-wrap .test06 {width:62px; height:67px; background-image: url(/static/portal/images/business/icon-test06.png);}
.f-flex-wrap .test07 {width:72px; background-image: url(/static/portal/images/business/icon-test07.png);}
.f-flex-wrap .test08 {width:63px; background-image: url(/static/portal/images/business/icon-test08.png);}
.f-flex-wrap .test09 {height:61px; background-image: url(/static/portal/images/business/icon-test09.png);}
.f-flex-wrap .test10 {background-image: url(/static/portal/images/business/icon-test10.png);}
.f-flex-wrap .test11 {width:75px; height:75px; background-image: url(/static/portal/images/business/icon-test11.png);}
.f-flex-wrap .test12 {width:123px; height:64px; background-image: url(/static/portal/images/business/icon-test12.png);}
.article.test-binfo-1 .toggleWrap > div{min-height:50px;position:relative;}
.article.test-binfo-1 .toggleWrap > div > span{margin-left:0;font-weight:500;}
.article.test-binfo-1 .toggleWrap .a{background-color:#fff;padding:20px 0;}
.article.test-binfo-1 .toggleWrap .q.toggle + .a{display:block;}
.article.test-binfo-1 .toggleWrap .tabcontent .article .copy{margin-bottom: 15px;}
ol.number{list-style:disc;padding-left:1em;}
ol.number > li{list-style:decimal;}
@media screen and (max-width:1200px){
  .has-desc h4.headline {margin-bottom:10px;}
  .sub-tc {margin-bottom:20px; padding:0 15px; font-size:1.2rem;}
  .boxWrap.binfo{height:auto;display:block;text-align:center;padding:15px;}
  .boxWrap.binfo > div:first-of-type{padding:0 0 7px 0;}
  .boxWrap.binfo i{margin:0 0 10px 0;width:30px;height:30px;background-size:contain;}
  .boxWrap.binfo i + p{font-size:1.4rem;}
  .boxWrap.binfo p + p.fc-primary{margin-top:7px;}
  .f-flex-wrap{margin-top:-20px; margin-bottom:0; justify-content: space-between;}
  /* .f-flex-wrap.test-binfo .box {height:270px;} */
  .f-flex-wrap.test-binfo .box:nth-of-type(2n){margin-left:14px;}
  .f-flex-wrap.test-binfo .box.short {height:195px;}
  .f-flex-wrap.test-binfo .desc {margin-top:5px;}
  .f-flex-wrap {margin-top:-20px; margin-bottom:0px;}
  .f-flex-wrap .box {padding:15px 10px; width:calc(50% - 7px);margin-top:15px;margin-bottom:0;}
  .f-flex-wrap .box:nth-of-type(3n -1){margin-left:0px; margin-right:0;}
  /*.f-flex-wrap .box {padding:15px 10px 0; width:calc(50% - 20px);} */
  .article.test-etc .f-flex-wrap.test-binfo{align-items:initial;}
  .article.test-etc .f-flex-wrap.test-binfo .box{padding-bottom:15px;min-height:190px;}
  .f-flex-wrap.test-binfo .box{min-height:auto;padding-bottom:60px;}
  .article.test-etc .f-flex-wrap.test-binfo .box > div{width: calc(100% - 10px);}
  .f-flex-wrap .icon {width:30px; height:30px; margin-bottom:5px; background-size:contain;/* background-size:auto 30px; */}
  .f-flex-wrap .title {margin-bottom:10px; font-size:1.4rem;}
  .f-flex-wrap .desc {font-size:1.1rem;}
  .f-flex-wrap .has-btn {margin:20px 0 0;}
  .f-flex-wrap dt {margin-top:10px;}
  .f-flex-wrap .test05{width:33.5px;}
  .f-flex-wrap .test06{width:31px;}
  .f-flex-wrap .test07{width:36px;}
  .f-flex-wrap .test08{width:31.5px;}
  .f-flex-wrap .test09{height:30.5px;}
  .f-flex-wrap .test11{width:37.5px; height:37.5px;}
  .f-flex-wrap .test12{width:61.5px;}
  /*.article.test-binfo-1{margin-right:0;margin-left:0;}*/
  .article.test-binfo-1 .toggleWrap > div{min-height:40px;}
  .article.test-binfo-1 .toggleWrap h4.head, .article h4.head{padding-right:0;padding-left:0;}
  .article .article.in{margin-right:0;margin-left:0;}
}
/* 소방용품 제품검사 처리절차 다이아그램 */
.test-binfo-4-steps{margin:10px auto;overflow:hidden;display:flex;flex-flow:wrap;}
.test-binfo-4-steps > div{width:170px;height:170px;padding:30px 10px;border:1px solid #224e97;border-radius:50%;text-align:center;}
.test-binfo-4-steps > div i{width:60px;height:55px;}
.test-binfo-4-steps > div i + strong{margin-top:5px;}
.test-binfo-4-steps > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;padding:5px 0 0;}
.test-binfo-4-steps > div p{color:#004899;width:100%;margin:auto;font-size:2rem;font-weight:500;line-height:1;margin-top:14px;}
.test-binfo-4-steps > div p span{font-size:1.6rem;font-weight:400;}
.test-binfo-4-steps .step1 i{background:url(/static/portal/images/business/test-binfo-4-steps-i01.png) center center no-repeat;}
.test-binfo-4-steps .step2 i{background:url(/static/portal/images/business/test-binfo-4-steps-i02.png) center center no-repeat;}
.test-binfo-4-steps .step3 i{background:url(/static/portal/images/business/test-binfo-4-steps-i03.png) center center no-repeat;}
.test-binfo-4-steps .step4 i{background:url(/static/portal/images/business/test-binfo-4-steps-i04.png) center center no-repeat;}
.test-binfo-4-steps .step5 i{background:url(/static/portal/images/business/test-binfo-4-steps-i05.png) center center no-repeat;}
.test-binfo-4-steps .step6 i{background:url(/static/portal/images/business/test-binfo-4-steps-i06.png) center center no-repeat;}
.test-binfo-4-steps > div{margin:15px 0 15px 36px;position:relative;}
.test-binfo-4-steps > div:before{content:'';display:block;width:36px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;left:-38px;}
.test-binfo-4-steps .step1 > div:before{display:none;}
.test-binfo-4-steps .step1{margin-left:0;}
.test-binfo-4-4 .boxWrap{padding:25px;text-align:center;}
.test-binfo-4-4 .boxWrap img{max-width:100%;margin:auto;position:relative;}
@media screen and (max-width:768px){
  .test-binfo-4-steps{margin:auto;}
  .test-binfo-4-steps > div{min-width:122px;min-height:122px;width:calc(50% - 23px);height:calc(50vw - 38px);margin-right:23px;margin-bottom:0;margin-left:0;padding:15px 10px;}
  .test-binfo-4-steps > div:before{display:none;}
  .test-binfo-4-steps > div:after{content:'';display:block;width:22px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;background-size:10px auto;position:absolute;top:0;right:-24px;}
  .test-binfo-4-steps > div:nth-of-type(n+3){margin-top:15px;}
  .test-binfo-4-steps > div:last-of-type:after{display:none;}
  .test-binfo-4-steps > div strong{font-size:1.2rem;}
  .test-binfo-4-steps > div i{min-width:40px;min-height:40px;width:40%;height:55%;}
  .test-binfo-4-steps .step1 i{background-size:contain;}
  .test-binfo-4-steps .step2 i{background-size:70% auto;}
  .test-binfo-4-steps .step3 i{background-size:75% auto;}
  .test-binfo-4-steps .step4 i{background-size:contain;}
  .test-binfo-4-steps .step5 i{background-size:contain;}
  .test-binfo-4-steps .step6 i{background-size:contain;}
  .test-binfo-4-4 .boxWrap{padding:20px;}
}
@media screen and (max-width:576px){
  .test-binfo-4-steps{min-width:290px;}
  .test-binfo-4-steps > div p{font-size:1.4rem;margin-top:5px;}
  .test-binfo-4-steps > div p span{font-size:1.2rem;}
  .test-binfo-4-4 .boxWrap{padding:15px;}
}
/* 방염성능 검사 처리절차 다이아그램 */
.test-binfo-5-steps{margin:10px auto;overflow:hidden;display:flex;flex-flow:wrap;}
.test-binfo-5-steps > div{width:170px;height:170px;padding:30px 10px;border:1px solid #224e97;border-radius:50%;text-align:center;float:left;}
.test-binfo-5-steps > div i{width:60px;height:55px;}
.test-binfo-5-steps > div i + strong{margin-top:5px;}
.test-binfo-5-steps > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;padding:5px 0 0;}
.test-binfo-5-steps > div p{color:#004899;width:100%;margin:auto;font-size:2rem;font-weight:500;line-height:1;margin-top:14px;}
.test-binfo-5-steps > div p span{font-size:1.6rem;font-weight:400;}
.test-binfo-5-steps .step1 i{background:url(/static/portal/images/business/test-binfo-5-steps-i01.png) center center no-repeat;}
.test-binfo-5-steps .step2 i{background:url(/static/portal/images/business/test-binfo-5-steps-i02.png) center center no-repeat;}
.test-binfo-5-steps .step3 i{background:url(/static/portal/images/business/test-binfo-5-steps-i03.png) center center no-repeat;}
.test-binfo-5-steps .step4 i{background:url(/static/portal/images/business/test-binfo-5-steps-i04.png) center center no-repeat;}
.test-binfo-5-steps .step5 i{background:url(/static/portal/images/business/test-binfo-5-steps-i05.png) center center no-repeat;}
.test-binfo-5-steps .step6 i{background:url(/static/portal/images/business/test-binfo-5-steps-i06.png) center center no-repeat;}
.test-binfo-5-steps .step7 i{background:url(/static/portal/images/business/test-binfo-5-steps-i07.png) center center no-repeat;}
.test-binfo-5-steps .step8 i{background:url(/static/portal/images/business/test-binfo-5-steps-i08.png) center center no-repeat;}
.test-binfo-5-steps > div{margin:15px 0 15px 36px;position:relative;}
.test-binfo-5-steps > div:before{content:'';display:block;width:36px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;left:-38px;}
.test-binfo-5-steps .step1 > div:before{display:none;}
.test-binfo-5-steps .step1{margin-left:0;}
@media screen and (max-width:768px){
  .test-binfo-5-steps{margin:auto;}
  .test-binfo-5-steps > div{min-width:122px;min-height:122px;width:calc(50% - 23px);height:calc(50vw - 38px);margin-right:23px;margin-bottom:0;margin-left:0;padding:15px 10px;}
  .test-binfo-5-steps > div:before{display:none;}
  .test-binfo-5-steps > div:after{content:'';display:block;width:22px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;background-size:10px auto;position:absolute;top:0;right:-24px;}
  .test-binfo-5-steps > div:nth-of-type(n+3){margin-top:15px;}
  .test-binfo-5-steps > div:last-of-type:after{display:none;}
  .test-binfo-5-steps > div strong{font-size:1.2rem;}
  .test-binfo-5-steps > div i{min-width:40px;min-height:40px;width:40%;height:55%;}
  .test-binfo-5-steps .step1 i{background-size:contain;}
  .test-binfo-5-steps .step2 i{background-size:70% auto;}
  .test-binfo-5-steps .step3 i{background-size:75% auto;}
  .test-binfo-5-steps .step4 i{background-size:contain;}
  .test-binfo-5-steps .step5 i{background-size:contain;}
  .test-binfo-5-steps .step6 i{background-size:contain;}
  .test-binfo-5-steps .step7 i{background-size:contain;}
  .test-binfo-5-steps .step8 i{background-size:contain;}
}
@media screen and (max-width:576px){
  .test-binfo-5-steps{min-width:290px;}
  .test-binfo-5-steps > div p{font-size:1.4rem;margin-top:5px;}
  .test-binfo-5-steps > div p span{font-size:1.2rem;}
  .test-binfo-5-steps .step5 i, .test-binfo-5-steps .step7 i, .test-binfo-5-steps .step8 i{background-size:contain !important;}
}
/* 사업안내 - 소방산업진흥 */
/*.thumb-list table tbody td .b-in-img img {display: block; width:100%; max-width:210px;}
.thumb-list table tbody td .b-in-img {padding-right:63px; display:table-cell; vertical-align:middle;}
.thumb-list table tbody td .tit-txt {display:table-cell; vertical-align:middle;}
.thumb-list table tbody td .tit-txt .status-ing, .boardType1 table tbody td .tit-txt .status-end, .boardType1 table tbody td .tit-txt .status-now ,*/
.contest-list table tbody td .status-ing, .contest-list table tbody td .status-end, .contest-list table tbody .status-now {margin-right:12px;}
.contest-list table.gallery tbody td a.galleryWrap .textwrap {vertical-align:middle;}
.contest-list table.gallery tbody td {vertical-align:middle;}
/* .f-flex-wrap.contest-list .box {height:288px;} */
.f-flex-wrap .b-info01 {background-image: url(/static/portal/images/business/icon-binfo01.png);}
.f-flex-wrap .b-info02 {background-image: url(/static/portal/images/business/icon-binfo02.png);}
.f-flex-wrap .b-info03 {width:61px; background-image: url(/static/portal/images/business/icon-binfo03.png);}
.f-flex-wrap .b-info04 {background-image: url(/static/portal/images/business/icon-binfo04.png);}
.f-flex-wrap .b-info05 {background-image: url(/static/portal/images/business/icon-binfo05.png);}
.f-flex-wrap .b-info06 {background-image: url(/static/portal/images/business/icon-binfo06.png);}
.f-flex-wrap .b-info07 {width:62px; height:61px; background-image: url(/static/portal/images/business/icon-binfo07.png);}
.f-flex-wrap .b-info08 {background-image: url(/static/portal/images/business/icon-binfo08.png);}
.f-flex-wrap .b-info09 {width:67px;height:65px;background-image: url(/static/portal/images/business/icon-binfo09.png);}
.f-flex-wrap .b-info10 {width:67px; background-image: url(/static/portal/images/business/icon-binfo10.png);}
.f-flex-wrap .b-info11 {width:64px; background-image: url(/static/portal/images/business/icon-binfo11.png);}
.f-flex-wrap .new-win {padding-right:22px; color:#004899; text-decoration:underline; background: url(/static/portal/images/common/i-alink.png) 100% 50% no-repeat;}
@media screen and (max-width:1200px){
  /*.thumb-list table tbody td.title a {display:table;text-decoration:none;}
  .thumb-list table tbody td.title a:after {clear:both;}
  .thumb-list table tbody td .b-in-img {width:140px;padding-right:14px;vertical-align:top;}
  .thumb-list table tbody td .b-in-img img {display:block; width:100%; max-width:140px;}
  .thumb-list table tbody td .tit-txt {vertical-align:top;}
  .thumb-list table tbody td .status-ing, .boardType1 table tbody td .status-end, .boardType1 table tbody td .status-now {margin-bottom:10px; display:block;}
  .thumb-list table tbody td .bInfo dl {float:none;}
  .thumb-list table tbody td .bInfo dl + dl {margin:0;} */
  .matrix.scrollx table.clause-item {table-layout: fixed; min-width:600px;}
  /* .f-flex-wrap.contest-list .box {height:167px;} */
  .f-flex-wrap .b-info03 {width:30.5px;}
  .f-flex-wrap .b-info07 {width:31px; height:30.5px;}
  .f-flex-wrap .b-info09 {width:33.5px; height:32.5px}
  .f-flex-wrap .b-info10 {width:33.5px;}
  .f-flex-wrap .b-info11 {width:62px;}
  .contest-list table tbody td .bInfo dl + dl {margin:0;}
  .contest-list table tbody td .status-ing, .contest-list table tbody td .status-end, .contest-list table tbody .status-now {margin-bottom:10px; display:block;}
  .contest-list table.gallery tbody td .bInfo {margin-top:7px; position:static;}
  }
@media screen and (max-width:320px){
  .thumb-list table tbody td .b-in-img {width:50%;max-width:140px;}
}
/* 사업안내 - 소방산업진흥 - 상세 */
.business-v-wrap {margin-bottom:30px; display:table; table-layout:fixed;}
.business-v-wrap .b-visual {display:table-cell; width:330px; padding-right:30px; vertical-align:top;}
.business-v-wrap .b-visual img {display:block; width:100%; max-width:330px;}
.business-v-wrap .b-visual .btnWrap {margin:30px 0 0; border-top:0;}
.business-v-wrap .b-cont {display:table-cell; vertical-align:top;}
/* .business-v-wrap {margin-bottom:30px;}
.business-v-wrap:after {clear:both; display:block; content:'';}
.business-v-wrap .b-visual {float:left; max-width:330px;} */
/* .business-v-wrap .b-cont {float:right; width:calc(100% - 360px);} */
.boardType1 .viewWrap .viewWrapInfo .tit-cont {display:table; width:100%;}
.boardType1 .viewWrap .viewWrapInfo .tit-cont dt {display:table-cell; width:120px;}
.boardType1 .viewWrap .viewWrapInfo .tit-cont dd {display:table-cell;}
.boardType1 .viewWrap .viewWrapInfo .tit-cont dd .emp {font-weight:500;}
.boardType1 .viewWrap .viewWrapInfo .tit-cont dd .extra {margin:20px 0 15px;}
.boardType1 .viewWrap .viewWrapInfo .tit-cont table thead th, .boardType1 .viewWrap .viewWrapInfo .tit-cont table tbody td {padding:10px; border-color:#a6a6a6;}
.boardType1 .viewWrap .viewWrapInfo .tit-cont table thead th {line-height:initial;}
.boardType1 .viewWrap .viewWrapInfo .tit-cont table tbody td.tl {text-align:left;}
@media screen and (max-width:1200px){
  .business-v-wrap{display:block;}
  .business-v-wrap .b-visual {display:block; width:100%; padding-right:0;}
  .business-v-wrap .b-visual .img {display:block; padding:0 60px;}
  .business-v-wrap .b-visual .img img {max-width:100%;}
  .business-v-wrap .b-visual .btnWrap {padding:0 15px; margin:30px 0; display:flex;}
  .business-v-wrap .b-visual .btnWrap button {flex:1;}
  .business-v-wrap .b-cont {display:block;}
  .boardType1 .viewWrap .viewWrapInfo .tit-cont {display:block; width:100%;}
  .boardType1 .viewWrap .viewWrapInfo .tit-cont dt {display:block; width:initial;}
  .boardType1 .viewWrap .viewWrapInfo .tit-cont dd {display:block;}
  .boardType1 .viewWrap .viewWrapInfo .tit-cont dd .emp {font-weight:500;}
  .boardType1 .viewWrap .viewWrapInfo .tit-cont dd .extra {margin:20px 0 15px;}
}
/* 사업안내 - 소방산업대상 */
.safe-certify {margin-bottom:15px;}
.safe-certify .btnWrap {margin:0; border-top:0;}

.icon-cont {text-align:center;}
.icon-cont.cor-reg-t1-pop .i-temp-open {margin-bottom:20px;}
.icon-cont.cor-reg-t1-pop p + p {margin-top:30px;}
/* .popFooter.business-reg-t1-pop-btn button, .popFooter .business-reg-t1-pop-btn a {width:195px; margin-left:10px;}
.popFooter.business-reg-t1-pop-btn button:first-child, .popFooter.business-reg-t1-pop-btn a:first-child {margin-left:0;} */
.step-complete {margin-top:30px; margin-bottom:40px; text-align:center;}
.step-complete .summary {font-size:2rem; font-weight:500;}
.step-complete .logo {margin:30px 0 15px;}
.step-complete .date {margin-bottom:50px; font-weight:500;}
.declare-wrap {margin-top:50px; margin-bottom:40px;}
.boardType1.cor-sch .in-tit {padding-right:20px;vertical-align: middle;}
.matrix.cor-sch .status-end, .matrix.cor-sch .status-now, .matrix.cor-sch .status-ing, .matrix.cor-sch .btn-s-modify{min-width:72px; vertical-align:middle;}
.matrix.cor-sch .status p {display:inline-block;}
.matrix.cor-sch .btn-s-modify {margin-left:6px;}
.in-btn-wrap {position:relative; padding-right:115px !important;}
.in-btn-wrap .sch-btn {position:absolute; top:10px; right:15px;}
.mail-wrap .it-com select {width:180px;}
.mail-wrap.minimal > span.it-com {width:160px; padding-left:10px;}
.comapnyno > span.it-com {width:180px;}
.comapnyno > span.w250 label {width:250px; margin-right:10px;}
.comapnyno > span.remain {padding-left:10px;}
.comapnyno > span.t-first {width:130px;}
.comapnyno > span.t-first.w180 {width:180px;}
.comapnyno > span.purpose-sel {width:408px;}
[data-recommend].table {display: none;}
[data-recommend='true'].table {display: flex;}
.boardType1.is-no-recommend {margin-top: 0;}
.boardType1.is-no-recommend .writeWrap { border-top: 0;}
.boardType1.is-no-recommend .head {display: none;}
[data-part-content] {display: none;}
[data-part-content].show {display: block;}
[data-target-content] {display: none;}
[data-target-content].show {display: block;}

.boardType1 .matrix table thead th {padding:10px; line-height:inherit;border-bottom:1px #a6a6a6 solid;}
.boardType1 .matrix table tbody td {padding:10px;border-bottom:1px #a6a6a6 solid;}
.s-gruop {margin-top:30px;}
.s-gruop.mt0 {margin-top:0 !important;}
/* .s-gruop .boardType1 {margin-top:25px;} */
.s-gruop .boardType1 {margin:0 0 10px;}
.s-gruop h6.s-tit + .boardType1{margin-top:0;}
.s-gruop h6.s-head, .boardType1 h6.s-head {padding-bottom:15px; font-size:1.8rem; font-weight:500;}
.s-gruop h6.s-tit, .boardType1 h6.s-tit {padding:20px 0 10px; font-size:1.6rem; font-weight:500;}
.s-gruop h6.s-tit:first-of-type, .boardType1 h6.s-tit:first-of-type {padding-top:0}
.s-gruop .in-data .item {display:inline-block;}
.s-gruop .in-data .item .txt {padding-right:17px;}
.s-gruop .in-data .item .in-blk {display:inline-block;}
.s-gruop .in-data .item .data {padding-right:30px;}
.s-gruop .in-data .item .data em {padding-left:10px;}
.in-data-wrap .inner-tit:first-of-type{margin-top:0;}
.in-data-wrap .inner-tit {margin-top:15px; margin-bottom:5px; display:block; font-size:1.6rem; font-weight:500;}
.in-data-wrap .inner-data:first-of-type{margin-top:0;}
.in-data-wrap .in-data{margin-top:10px;}
.in-data-wrap .in-data .long-input {width:560px;}
.boardType1 .data input.datepicker.w250 {width:250px;}
.comapnyno > span.space-between {display:flex; justify-content: space-between;}
.space-between span {flex: 1;}
.space-between span label {display:block;}
.space-between .dash {text-align: center; flex: none; width: 15px; margin-top:5px;}
.space-between .wave {text-align: center; flex: none; width: 30px;}
.tel-f, .cell-items {display: flex !important; justify-content: space-between; width: auto !important;}
.tel-f .t-first, .cell-items .t-first {flex: none;}
.tel-f .remain,  .cell-items .remain  {flex: 1;}
.tel-f .remain label, .cell-items .remain label {width: 100%;}
.tel-f.word {justify-content: flex-start;}
.tel-f.word .remain {flex:none;width:500px;}
.confirm-chk {margin-top:20px; padding: 0 10px; text-align:center;}
.confirm-chk label {font-weight:500;}
.confirm-chk p + p {margin-top:10px;}
.chk-cont {margin-bottom:40px;}
.is-no-recommend .bdtop-none {border-top:0 !important;}

@media screen and (max-width:1200px){
  .boxWrap.cor-reg-t1.btm {margin-bottom:15px;}
  .icon-cont.business-reg-t1-pop p + p {margin-top:20px;}
  .popFooter.btns2 {width:calc(50% - 5px);}
  .popFooter.business-reg-t1-pop-btn button, .popFooter.business-reg-t1-pop-btn a {flex:1; margin-left:10px;}
  .step-complete {margin-top:15px; margin-bottom:20px;}
  .step-complete .summary {font-size:1.5rem; font-weight:400;}
  .step-complete .logo {margin:15px 0 15px;}
  .step-complete .logo img {width:100%; max-width:150px;}
  .step-complete .date {margin-bottom:25px; font-weight:500;}
  .declare-wrap {margin-top:25px; margin-bottom:15px;}
  .boardType1.cor-sch .in-tit {display:block; margin-bottom:10px;}
  .matrix.cor-sch .btn-s-modify {margin-left:0px;}
  .matrix.cor-sch .status p + p {display:block; margin-top:5px;}
  .in-btn-wrap {padding-right:100px !important;}
  .in-btn-wrap .sch-btn {top:0;}
  .it-com {display:block !important;}
  .comapnyno > span.it-com {margin-top:15px; width:100% !important; display:block !important;}
  .writeWrap .mail-wrap, .writeWrap .item-wrap {display: flex !important; flex-wrap: wrap; justify-content: space-between;}
  .writeWrap .mail-wrap .w170, .writeWrap .item-wrap .w170 {flex: none;}
  .writeWrap .mail-wrap .w170 label, .writeWrap .item-wrap .w170 label {display: block;}
  .writeWrap .mail-wrap .wave, .writeWrap .item-wrap .wave {flex: none;}
  .writeWrap .mail-wrap .w250, .writeWrap .item-wrap .w250 {flex: 1; width: auto;}
  .writeWrap .mail-wrap .w250 label, .writeWrap .item-wrap .w250 label {display: block; width: 100%;}
  .writeWrap .mail-wrap.minimal span:first-of-type {width:30%; flex:none;}
  .writeWrap .mail-wrap.minimal span:nth-of-type(3) {flex:1; width:auto;}
  .writeWrap .mail-wrap.minimal label {display:block;}
  .writeWrap .mail-wrap.minimal .it-com {padding-left:0;}
  /* .writeWrap .comapnyno label {display:block;} */
  [data-recommend='true'].table {display: block;}
  .tel-f.word .remain {flex:1;}
  .comapnyno > span.t-first.w180 {width:auto;}
  .depart label {display:block;}
  .depart input {width:100%;}
  .writeWrap .w170 {width:30%;}
  .confirm-chk {margin-top:10px;}
  .chk-cont {margin-bottom:20px;}
  .show .bdtop-none {border-top:0 !important;}

  .boardType1 .matrix table thead {display: contents;}
  .boardType1 .matrix table thead th {font-size:1.3rem;}

  .s-gruop {margin-top:0;}
  .s-gruop .boardType1 {margin-top:15px;}
  .s-gruop h6.s-head, .boardType1 h6.s-head {font-size:1.5rem; padding:0 15px 15px 15px;}
  .s-gruop h6.s-tit, .boardType1 h6.s-tit {margin:0; padding:10px 15px 10px 15px; font-size:1.4rem;}
  .s-gruop .in-data .item {display:block;}
  .s-gruop .in-data .item + .item {margin-top:15px;}
  .s-gruop .in-data .item .txt {display:block; padding-bottom:15px; padding-right:0;}
  .s-gruop .in-data .item .data {display:block; padding:0; position:relative;}
  .s-gruop .in-data .item .data label {width:100%;}
  .s-gruop .in-data .item .data input[type=text] {width:100%;}
  .s-gruop .in-data .item .data.unit {padding-right:50px;}
  .s-gruop .in-data .item .data.unit em {position:absolute; top:5px; right:0px;}
  .s-gruop .in-data .item .pr65 {padding-right:0;}
  .in-data-wrap .inner-tit{font-size:1.2rem; font-weight: 400;}
  .in-data-wrap .in-data .long-input {width:auto;}
}

/* 사업안내 - 소방산업우수디자인공모전 */
.txt-remain {display: flex; justify-content: space-between; width: auto;}
.txt-remain .txt {flex:none; padding-right:8px; align-items: center; display:inherit;}
.txt-remain .full {flex:1;}
.bd-last-type {margin-bottom:40px;}
.btn-row-add{text-align:center; margin:40px 0;}
.writeWrap.goods + .writeWrap.goods{margin-top:20px;}
@media screen and (max-width:1200px){
  .bd-last-type {margin-bottom:20px;}
  .btn-row-add{margin:20px 0;}
}
/* 사업안내 - 국내외 특허출원 등록경비 지원 */
.writeWrap .nation {display:inline-block;}
.l-check + .l-check {margin-top:15px;}
.l-check .d-txt {display:inline-block; width:110px; vertical-align:middle;}
.l-check.in-data:first-of-type {margin-top:0;}
.l-check.l-ltxt .long {width:225px;}
.l-check.in-data .item.col .wave {width:30px; display:inline-block; text-align:center;}
.l-check.in-data .item.col .col2 label, .l-check.in-data .item.col .col2 label input {width:169px;}
.divide {display: flex; flex-wrap: wrap;justify-content: space-between;}
.divide .l-area {flex: none;}
.divide .r-area {flex: 1; width: auto;}
.report-wrap {margin-top:40px;}
.report-wrap .article .r-head {font-size:2rem;font-weight:500;padding-bottom:15px; font-weight:400;}
.report-wrap .article .boxWrap {display:block;padding:20px 30px; background-color:#fff;}
.report-wrap .r-head{margin-bottom:10px; text-align:center; font-size:1.8rem;}
.report-wrap .confirm-chk{margin-bottom: 20px;}
.need-doc {margin-bottom:10px;}
@media screen and (max-width:1200px){
  .writeWrap .nation label {width:auto;}
  .writeWrap .nation {display:block;}
  .l-check + .l-check {}
  .l-check .d-txt {display:block; margin-bottom:5px;}
  .l-check.in-data .item.col {display: flex; justify-content: space-between;}
  .l-check.in-data .item.col span {display:inline-block; vertical-align: middle;}
  .l-check.in-data .item.col .wave {line-height:27px;text-align:center;}
  .l-check.in-data .item.col .col2 {width:calc(50% - 15px);}
  .l-check.in-data .item.col .col2 label, .l-check.in-data .item.col .col2 label input {width:100%;}
  .s-gruop .in-data.l-check .item .txt {padding-bottom:10px;}
  .divide {display: block; flex-wrap: nowrap;}
  .divide .l-area,.divide .r-area {display: block;}
  .report-wrap {margin-top:20px;}
  .report-wrap .article .r-head {font-size:1.5rem;font-weight:500;padding-bottom:5px;}
  .report-wrap .article .boxWrap {padding:10px;}
}
/* 사업안내 - 해외전시회 */
.s-gruop .show {margin-top:10px;}
.d-count .mini {display:inline-block; vertical-align:middle;}
.d-count .mini input[type=text] {width:70px;}
.d-count .mini em {margin-left:10px;}
@media screen and (max-width:1200px){
  .s-gruop .s-head.etc-space {padding-top:15px; padding-bottom:0;}
}
/* 사업안내 - 소방산업체 국내외전시회 개별참가 */
.s-gruop.for-singel-t2 .txt-remain .txt {width:70px;}


/* 사업안내 - 소방용품 연구개발 */
/* .f-flex-wrap.ft-dev .box {height:285px; padding-top:55px;} */
.f-flex-wrap .dev01 {background-image: url(/static/portal/images/business/icon-dev01.png);}
.f-flex-wrap .dev02 {background-image: url(/static/portal/images/business/icon-dev02.png);}
.f-flex-wrap .dev03 {background-image: url(/static/portal/images/business/icon-dev03.png);}
.f-flex-wrap .dev04 {background-image: url(/static/portal/images/business/icon-dev04.png);}
.f-flex-wrap .dev05 {width:63px; background-image: url(/static/portal/images/business/icon-dev05.png);}
.f-flex-wrap .dev06 {background-image: url(/static/portal/images/business/icon-dev06.png);}
.f-flex-wrap .dev07 {width:62px; background-image: url(/static/portal/images/business/icon-dev07.png);}
.f-flex-wrap .dev08 {background-image: url(/static/portal/images/business/icon-dev08.png);}
.f-flex-wrap .dev09 {background-image: url(/static/portal/images/business/icon-dev09.png);}
@media screen and (max-width:1200px){
  /* .f-flex-wrap.ft-dev .box {height:167px; padding-top:20px;} */
}
/* 사업안내 - 위험물시설 안전관리 */
/* .f-flex-wrap.safe-mng .box {height:440px; padding-bottom:50px;} */
.bd-steps{overflow:hidden;display:table;margin:0 auto 45px;}
/* .bd-steps > div{width:260px;height:447px;padding:25px 15px;border:1px solid #224e97;text-align:center;float:left;} */
.bd-steps > div{width:260px;height:650px;padding:25px 15px;border:1px solid #224e97;text-align:center;float:left;}
.bd-steps > div i{width:60px;height:63px;}
.bd-steps > div i + strong{margin-top:5px;}
.bd-steps > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;padding:5px 0 10px; border-bottom:1px solid #004899;}
.bd-steps > div p{color:#004899;width:120px;margin:auto;}
.bd-steps > div dl {text-align:left;}
/* .bd-steps > div dt {margin-top:17px; color:#004899; font-weight:500;} */
.bd-steps > div dt {margin-top:10px; color:#004899; font-weight:500;}
.bd-steps .step3 p, .bd-steps .step4 p{width:160px;}
.bd-steps .step1 i{background:url(/static/portal/images/business/icon-chk01.png) center center no-repeat;}
.bd-steps .step2 i{background:url(/static/portal/images/business/icon-chk02.png) center center no-repeat;}
.bd-steps .step3 i{background:url(/static/portal/images/business/icon-chk03.png) center center no-repeat;}
.bd-steps .step4 i{background:url(/static/portal/images/business/icon-chk04.png) center center no-repeat;}
.bd-steps > div{margin-right:40px;position:relative;}
/*.bd-steps > div:after{content:'';display:block;float:left;width:40px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;right:-42px;}*/
.bd-steps > div:after{content:'';display:block;float:left;width:40px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;right:-42px;}
.bd-steps > div:last-of-type:after{display:none;}
.f-flex-wrap .safe01 {background-image: url(/static/portal/images/business/icon-safe01.png);}
.f-flex-wrap .safe02 {background-image: url(/static/portal/images/business/icon-safe02.png);}
.f-flex-wrap .safe03 {height:62px; background-image: url(/static/portal/images/business/icon-safe03.png);}
@media screen and (max-width:1200px){
  /* .f-flex-wrap.safe-mng .box {padding-bottom:0px; height:280px;} */
  .bd-steps{margin:0 auto 20px;}
  /* .bd-steps > div{width:148px;height:328px;margin-right:23px;padding:15px;} */
  .bd-steps > div{width:148px;height:408px;margin-right:23px;padding:15px;}
  .bd-steps > div:after{width:23px;right:-24px;background-size:10px auto;}
  .bd-steps > div:nth-of-type(n+3){margin-top:15px;}
  .bd-steps > div strong{font-size:1.4rem;}
  .bd-steps > div i{width:40px;height:40px;background-position:center center;}
  .bd-steps > div p{width:90px;}
  .bd-steps > div dt {margin-top:10px;}
  .bd-steps .step3 p, .human-t4-steps .step4 p{width:auto;}
  .bd-steps .step1 i{background-size:36px auto;}
  .bd-steps .step2 i{background-size:35px auto;}
  .bd-steps .step3 i{background-size:33px auto;}
  .bd-steps .step4 i{background-size:38px auto;}
  .f-flex-wrap .safe03 {height:31px;}
}
/* 사업안내 - 소방차 검사 및 교육 */
.fcar-wrap {position:relative;margin:0 auto 50px; padding-top:40px;}
.fcar-wrap .title {position:absolute; width:100%; display:table; top:0;}
.fcar-wrap .title strong {display:table-cell; text-align:center;}
.fcar-wrap .title strong span {display:inline-block; background:#d9d9d9; text-align:center; width:110px; height:50px; line-height:50px; border-radius:25px;}
.fcar-wrap .title strong.t-sec {width:252px; padding-right:96px;}
.fcar-wrap .part:first-of-type{margin-top:0;}
.fcar-wrap .part {margin-top:20px; display:table; width:100%; padding:20px 96px 20px 20px; background:#dce8f4; position:relative;}
.fcar-wrap .dia-text {display:table-cell;}
.fcar-wrap .dia-text{font-size:1.8rem;font-weight:500;margin:20px 0;}
.fcar-wrap .dia-text li{display:flex;align-items:stretch;justify-content:stretch;align-items:center; position:relative;}
.fcar-wrap .dia-text li div{font-weight:500; display:table;}
.fcar-wrap .dia-text li span {display:table-cell; vertical-align:middle; height:60px;}
.fcar-wrap .dia-text .text{border:1px solid #d9dfe8; background:#f8fafd; width:calc(100% - 175px); padding:9px 45px 10px 25px; font-size:1.6rem; border-radius:40px; padding-left:110px;}
.fcar-wrap .dia-text .circle{width:80px;height:80px;background-color:#1364b2;border-radius:50%;font-size:2rem;color:#fff;text-align:center; position:absolute; top:0; left:0;}
.fcar-wrap .dia-text .oval {width:163px; height:80px;background-color:#1364b2;border-radius:40px;font-size:1.6rem;color:#fff;text-align:center; position:absolute; top:0; right:0;}
.fcar-wrap .part:nth-of-type(2n+1) .dia-text .circle, .fcar-wrap .part:nth-of-type(2n+1) .dia-text .oval{background:#1e4a9f;}
.fcar-wrap .dia-text li + li{margin-top:20px;}

.fcar-wrap p{position:absolute;top: 50%; transform: translateY(-50%); text-align:center; width:96px; color:#004899; font-size:1.5rem;}
/*.fcar-wrap {position:relative; width:915px; margin:0 auto 50px; padding-top:40px;}
.fcar-wrap .title {position:absolute; width:100%;  display:table; top:0;}
.fcar-wrap .title strong {display:table-cell; text-align:center;}
.fcar-wrap .title strong span {display:inline-block; background:#d9d9d9; text-align:center; width:110px; height:50px; line-height:50px; border-radius:25px;}
.fcar-wrap .title strong.t-sec {width:252px; padding-right:96px;}
.fcar-wrap .part:first-of-type{margin-top:0;}
.fcar-wrap .part {margin-top:20px; display:table; width:100%; padding:20px 96px 20px 20px; background:#dce8f4; position:relative;}
.fcar-wrap .dia-text {display:table-cell;}
.fcar-wrap .dia-text{font-size:1.8rem;font-weight:500;margin:20px 0;}
.fcar-wrap .dia-text li{border:1px solid #d9dfe8;display:flex;align-items:stretch;border-radius:40px;justify-content:stretch;align-items:center; background:#f8fafd;}
.fcar-wrap .dia-text li div{font-weight:500; display:table;}
.fcar-wrap .dia-text li span {display:table-cell; vertical-align:middle;}
.fcar-wrap .dia-text .circle{width:80px;height:80px;background-color:#1364b2;border-radius:50%;font-size:2rem;color:#fff;text-align:center;}
.fcar-wrap .dia-text .oval {width:163px; height:80px;background-color:#1364b2;border-radius:40px;font-size:1.6rem;color:#fff;text-align:center;}
.fcar-wrap .part:nth-of-type(2n+1) .dia-text .circle, .fcar-wrap .part:nth-of-type(2n+1) .dia-text .oval{background:#1e4a9f;}
.fcar-wrap .dia-text li + li{margin-top:20px;}
.fcar-wrap .dia-text .text{width:calc(100% - 243px);padding:0 45px 0 25px; font-size:1.6rem;}
.fcar-wrap p{position:absolute;top: 50%; transform: translateY(-50%); text-align:center; width:96px; color:#004899; font-size:1.5rem;} */
@media screen and (max-width:1200px){
  .fcar-wrap{margin-bottom:25px; width:100%; padding-top:10px;}
  .fcar-wrap .title strong {display:table-cell; text-align:center;}
  .fcar-wrap .title strong span {width:60px; height:22px; line-height:22px; border-radius:25px; font-size:1.3rem;}
  .fcar-wrap .title strong.t-sec {width:83px; padding-right: 30px;}
  .fcar-wrap .part {padding:10px; display:block;}
  .fcar-wrap .dia-text{font-size:1.2rem;margin:0;width:100%; display:table;}
  .fcar-wrap .dia-text li{padding:8px 100px 8px 10px;border-radius:40px; position:relative; background:#ffffff;}
  .fcar-wrap .dia-text .circle{width:60px;height:60px; font-size:1.5rem; top:9px; left:10px; transform:translateY(-50%); top:50%;}
  .fcar-wrap .dia-text .oval {position:absolute; transform:translateY(-50%); top:50%; right:10px; width:83px; height:60px;background-color:#1364b2;border-radius:40px;font-size:1.2rem;color:#fff;text-align:center;}
  .fcar-wrap .dia-text li + li{margin-top:15px;}
  .fcar-wrap .dia-text .text{width:100%; padding:0 0 0 70px; font-size:1.2rem; background:none; border:0;}
  .fcar-wrap p{position:static; text-align:center; width:100%; top:0; transform:initial; margin-top:10px; font-size:1.2rem;}
  .matrix.scrollx table.fcar-edu {table-layout: auto; min-width:500px;}
}

/* 열린경영 - 경영공시 */
.matrix .manage-disclosure {table-layout: fixed;}
.matrix .manage-disclosure th:first-of-type{width:17%;max-width:215px;min-width:105px;}
.matrix .manage-disclosure td > ul{margin-left:20px;}
.matrix .manage-disclosure a{line-height:2;}
.matrix .manage-disclosure a[title]:after{content:'';display:inline-block;width:16px;height:16px;background:url(/static/portal/images/common/i-alink.png) 0 0 no-repeat;margin-left:5px;vertical-align: -2px;}
.matrix .manage-disclosure .dash li:before{top:2px;}
.boardHeaderBtn{padding-bottom:10px;}
.boardHeaderBtn.tr{text-align:right;}
.boxWrap.opendata{margin-top:50px;}
@media screen and (max-width:1200px){
  .matrix .manage-disclosure {table-layout:initial;}
  .matrix .manage-disclosure th:first-of-type{width:105px;}
  .matrix .manage-disclosure td > ul{margin-left:0;}
  .boxWrap.opendata{margin-top:15px;padding:6px 15px 7px;}
  .boardHeaderBtn{padding-bottom:20px;}
  .boardHeaderBtn > button{width:100%;}
}
/* 열린경영 - 경영공시 - 업무추진비 */
.matrix.scrollx table.manage-disclosure-oe1{table-layout:fixed;}
.matrix.scrollx table.manage-disclosure-oe1 td{text-align:center;}
.matrix.scrollx table.manage-disclosure-oe2{table-layout:fixed;}
.matrix.scrollx table.manage-disclosure-oe2 td{text-align:center;}
.matrix.scrollx table.manage-disclosure-oe3{table-layout:fixed;}
.matrix.scrollx table.manage-disclosure-oe4{table-layout:fixed;}
.matrix.scrollx table.manage-disclosure-oe5{table-layout:auto}
.matrix.scrollx table.manage-disclosure-oe5 td{text-align:center;}
.service-poll{padding:25px;display:block;justify-content:unset;align-items:unset;}
.service-poll .head{padding-bottom:10px;}
.service-poll dl dt, .service-poll dl dd{padding-bottom:15px;}
.service-poll .textWrap dt strong {font-weight:500;}
.service-poll dl:last-of-type dd{padding-bottom:0;}
/* .service-poll dl.pollWrap{display:flex;justify-content:flex-start;align-items:center;} */
.service-poll dl.pollWrap{display:block;}
.service-poll dl.pollWrap dt{padding-right:20px;}
.service-poll dl.textWrap{}
.service-poll dl.captchaWrap{margin-top:10px;}
.service-poll dl.captchaWrap button{margin-left:2px;}
.service-poll dl.captchaWrap span + span{vertical-align:top;}
.service-poll .captchatext{margin-right:5px;}
.service-poll .captchatext img{max-height: 40px;}
.service-poll .speak {display: inline-block;margin-right: 3px;text-align: center;width:40px;height:40px;background-color: #a6a6a6;}
.service-poll .speak img {padding:10px 0;}
.ratesWrap .i-rates-star{width:16px;height:16px;display:inline-block;background:url(/static/portal/images/common/rates-star.png) 0 0 no-repeat;}
.ratesWrap .i-rates-star.on{background-image:url(/static/portal/images/common/rates-star-on.png);}
@media screen and (max-width:1200px){
  .matrix.scrollx table.manage-disclosure-oe1{table-layout:auto;min-width:440px;}
  .matrix.scrollx table.manage-disclosure-oe2{table-layout:auto;min-width:440px;}
  .matrix.scrollx table.manage-disclosure-oe3{table-layout:auto;min-width:auto;/*min-width:510px;*/}
  .matrix.scrollx table.manage-disclosure-oe4{table-layout:auto;min-width:auto;}
  .matrix.scrollx table.manage-disclosure-oe5{table-layout:auto;min-width:50px;}
  .service-poll{padding:15px;}
  .service-poll dl.pollWrap{display:block;justify-content:unset;align-items:unset;}
  .service-poll dl dt, .service-poll dl dd label.radio{display:block;}
  .service-poll dl dt, .service-poll dl dd{padding-bottom:10px;}
  .service-poll dl.captchaWrap span{display:inline-block;width: auto;height:30px;position:relative;}
  .service-poll .captchatext{margin-right:0;width:30%;}
  .service-poll .captchatext + span{width:calc(70% - 75px);}
  .service-poll .captchatext + span label input{width:100%;}
  .service-poll dl.captchaWrap button{margin-left:3px;}
  .service-poll dl.captchaWrap span.speak {width:30px;height:30px;}
  .service-poll dl.captchaWrap span.speak img {padding:5px 0;}
}
/* 열린경영 - 윤리경영 - 윤리헌장 */
.ethical-t2-text{font-size:1.8rem;font-weight:500;text-align:center;color:#004899;margin:20px 0;}
.ethical-t2-list{width:100%;max-width:740px;margin:auto;}
.ethical-t2-list li{border:1px solid #e0e4ea;display:flex;align-items:stretch;border-radius:40px;justify-content:stretch;align-items:center;}
.ethical-t2-list li > div{font-weight:500;}
.ethical-t2-list .circle{width:80px;height:80px;line-height:80px;background-color:#1364b2;border-radius:50%;font-size:2rem;color:#fff;text-align:center;}
.ethical-t2-list li:nth-of-type(2n) .circle{background-color:#1e4a9f;}
.ethical-t2-list li + li{margin-top:20px;}
.ethical-t2-list .text{width:calc(100% - 80px);padding:0 45px 0 25px;}
@media screen and (max-width:1200px){
    .ethical-t2-text{font-size:1.4rem;margin:0;}
    .ethical-t2-list li{padding:8px 12px;border-radius:40px;}
    .ethical-t2-list .circle{width:60px;height:60px;line-height:60px;font-size:1.5rem;}
    .ethical-t2-list li + li{margin-top:15px;}
    .ethical-t2-list .text{width:calc(100% - 60px);padding:0 30px 0 12.5px;}
}
/* 열린경영 - 윤리경영 - 행동강령 */
.ethical-t3-list{margin-bottom:40px;}
.ethical-t3-list .pc2cols li{line-height:2;}
@media screen and (max-width:1200px){
  .ethical-t3-list{margin-bottom:20px;}
}
/* 열린경영 - 윤리경영 - 고문변호사 운용현황 */
.ethical-t5 h5.head{padding-bottom:10px;}
.ethical-t5-tbl{table-layout:fixed;}
.ethical-t5-tbl td{text-align:center;}
@media screen and (max-width:1200px){
  .ethical-t5 h5.head{padding-left:0;padding-right:0;}
  .matrix.scrollx table.ethical-t5-tbl{min-width:400px;}
}
/* 열린경영 - 윤리경영 - 부패공직자 현황 */
.ethical-t6 h5.head{padding-bottom:10px;}
.ethical-t6-tbl{table-layout:fixed;}
.ethical-t6-tbl td{text-align:center;}
@media screen and (max-width:1200px){
  .ethical-t6 h5.head{padding-left:0;padding-right:0;}
  .matrix.scrollx table.ethical-t6-tbl{min-width:400px;}
}
/* 열린경영 - 윤리경영 - 규범준수방침 */
.ethical-t10-text{font-size:1.8rem;font-weight:500;color:#004899;margin:20px 290px;}

/* 열린경영 - 인권경영 - 인권경영선언문 */
.human-t1-text{font-size:1.8rem;font-weight:500;text-align:center;color:#004899;margin:20px 0;}
.human-t1-list{width:100%;max-width:740px;margin:auto;}
.human-t1-list li{border:1px solid #e0e4ea;display:flex;align-items:stretch;border-radius:40px;justify-content:stretch;align-items:center;}
.human-t1-list li > div{font-weight:500;}
.human-t1-list .circle{width:80px;height:80px;line-height:80px;background-color:#1364b2;border-radius:50%;font-size:2rem;color:#fff;text-align:center;}
.human-t1-list li:nth-of-type(2n) .circle{background-color:#1e4a9f;}
.human-t1-list li + li{margin-top:20px;}
.human-t1-list .text{width:calc(100% - 80px);padding:0 45px 0 25px;}
@media screen and (max-width:1200px){
    .human-t1-text{font-size:1.4rem;margin:0;}
    .human-t1-list li{padding:8px 12px;border-radius:40px;}
    .human-t1-list .circle{width:60px;height:60px;line-height:60px;font-size:1.5rem;}
    .human-t1-list li + li{margin-top:15px;}
    .human-t1-list .text{width:calc(100% - 60px);padding:0 30px 0 12.5px;}
}
/* 열린경영 - 인권경영운영위원회 운영 */
.human-t2-board{margin-top:50px;}
@media screen and (max-width:1200px){
  .human-t2-board{margin-top:30px;}
}
/* 열린경영 - 인권경영 - 인권보호담당관 지정현황 */
.matrix.scrollx table.human-t4-tbl{table-layout:fixed;}
.matrix.scrollx table.human-t4-tbl td{text-align:center;}
.human-t4-steps{overflow:hidden;display:table;margin:10px auto;}
.human-t4-steps > div{width:215px;height:215px;padding:25px 15px;border:1px solid #224e97;border-radius:50%;text-align:center;float:left;}
.human-t4-steps > div i{width:55px;height:55px;}
.human-t4-steps > div i + strong{margin-top:5px;}
.human-t4-steps > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;padding:5px 0 0;}
.human-t4-steps > div p{color:#004899;width:120px;margin:auto;}
.human-t4-steps .step3 p, .human-t4-steps .step4 p{width:160px;}
.human-t4-steps .step1 i{background:url(/static/portal/images/manage/human-t4-steps-i01.png) center center no-repeat;}
.human-t4-steps .step2 i{background:url(/static/portal/images/manage/human-t4-steps-i02.png) center center no-repeat;}
.human-t4-steps .step3 i{background:url(/static/portal/images/manage/human-t4-steps-i03.png) center center no-repeat;}
.human-t4-steps .step4 i{background:url(/static/portal/images/manage/human-t4-steps-i04.png) center center no-repeat;}
.human-t4-steps > div{margin-right:40px;position:relative;}
.human-t4-steps > div:after{content:'';display:block;float:left;width:40px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;right:-42px;}
.human-t4-steps > div:last-of-type:after{display:none;}
@media screen and (max-width:1200px){
  .matrix.scrollx table.human-t4-tbl{table-layout:auto;min-width:450px;}
  .human-t4-steps{margin:auto;}
  .human-t4-steps > div{width:148px;height:148px;margin-right:23px;padding:15px;}
  .human-t4-steps > div:after{width:23px;right:-24px;background-size:10px auto;}
  .human-t4-steps > div:nth-of-type(n+3){margin-top:15px;}
  .human-t4-steps > div strong{font-size:1.2rem;}
  .human-t4-steps > div i{width:40px;height:40px;background-position:center center;}
  .human-t4-steps > div p{width:90px;}
  .human-t4-steps .step3 p, .human-t4-steps .step4 p{width:auto;}
  .human-t4-steps .step1 i{background-size:36px auto;}
  .human-t4-steps .step2 i{background-size:35px auto;}
  .human-t4-steps .step3 i{background-size:33px auto;}
  .human-t4-steps .step4 i{background-size:38px auto;}
}
/* 열린경영 - 인권경영 - 인권경영 목표 */
.human-t3-visual{display:flex;justify-content:center;align-items:center;width:100%;max-width:767px;height:294px;margin:auto;background:url(/static/portal/images/manage/human-t3-img01.png) center center no-repeat;}
.human-t3-visual > div{width:215px;text-align:center;font-weight:700;color:#004899;}
.human-t3-visual > div + div{margin-left:24px;}
.human-t3-director{text-align:right;}
.human-t3-director p:first-of-type{margin-right:8px;}
.human-t3-director .director{margin-top:10px;font-weight:500;}
.human-t3-director .director span{display:inline-block;vertical-align:middle;}
.human-t3-director .director .name{width:110px;height:35px;font-size:0;background:url(/static/portal/images/manage/human-t3-director_2021.png) right center no-repeat;}
@media screen and (max-width:1200px){
  .human-t3-visual{max-width:350px;height:350px;background:url(/static/portal/images/manage/human-t3-img01m.png) center center no-repeat;background-size:contain;display:block;position:relative;justify-content:unset;align-items:unset;}
  .human-t3-visual > div{width:130px;display:table;position:absolute;top:0;left:0;font-size:1.2rem;}
  .human-t3-visual > div + div{margin-left:0;}
  .human-t3-visual > div:first-of-type{top:unset;bottom:23%;left:28px;}
  .human-t3-visual > div:nth-of-type(2){top:25%;left:50%;transform:translateX(-54%);}
  .human-t3-visual > div:last-of-type{top:unset;right:28px;bottom:23%;left:unset;}
  .human-t3-director .director{margin-top:5px;}
}
@media screen and (max-width:370px){
  .human-t3-visual{height:calc(100vw - 50px);}
  .human-t3-visual > div{width:100px;}
  .human-t3-visual > div:first-of-type{bottom:15%;}
  .human-t3-visual > div:nth-of-type(2){top:15%;}
  .human-t3-visual > div:last-of-type{bottom:15%;}
}
/* 열린경영 - 인권경영 - 인권경영 자료실*/
.human-t6-links{display:table;margin:auto;position:relative;margin-bottom:40px;}
.pc4cols{display:flex;justify-content: space-between;align-items: stretch;}
.pc4cols li{margin:0 5px;}
@media screen and (max-width:1200px){
  .human-t6-links{width:100%;margin-bottom:25px;}
  .pc4cols{display:block;justify-content:unset;align-items:unset;}
  .human-t6-links .pc4cols li{margin:0 10px;}
  .human-t6-links .pc4cols li + li{margin-top:10px;}
  .human-t6-links .pc4cols li a{display:block;width:100%;}

}
/* 열린경영 - 사회공헌  */
.contribution-text{font-size:2.8rem;color:#004899;text-align:center;}
.contribution-visual{width:100%;height:265px;position:relative;margin-top:70px;background:url(/static/portal/images/manage/contribution-img01.png) center center no-repeat;background-size:cover;}
.contribution-visual span{width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2.4rem;text-align:center;color:#fff;}
.contribution-diagram{margin:80px 0 70px 0;text-align:center;}
.contribution-diagram img{max-width:100%;}
.matrix table.manage-contribution-tbl{table-layout:fixed;}
.matrix table.manage-contribution-tbl th:first-of-type{width:18.3333%;max-width:220px;}
.matrix table.manage-contribution-tbl td{padding-left:30px;}
@media screen and (max-width:1200px){
  .contribution-text{font-size:2rem;}
  .contribution-visual{width:calc(100% + 30px);height:200px;margin:35px 0 0 -15px;background-image:url(/static/portal/images/manage/contribution-img01m.png);}
  .contribution-visual span{font-size:1.8rem;}
  .contribution-diagram{margin:40px 0 35px 0;}
  .matrix table.manage-contribution-tbl th:first-of-type{width:117px;}
  .matrix table.manage-contribution-tbl td{padding-left:10px;}
}
/* 열린경영 - 안전보건경영 - 안전보건경영방침 */
.safetyhealth-t1-ci{display:block;width:306px;height:80px;margin:40px auto 0;}
.safetyhealth-t1-text{font-size:2rem;font-weight:500;text-align:center;color:#004899;margin:25px 0 40px 0;}
.safetyhealth-t1-list{width:100%;max-width:934px;margin:auto;}
.safetyhealth-t1-list li{border:1px solid #e0e4ea;display:flex;align-items:stretch;justify-content:stretch;align-items:center;}
.safetyhealth-t1-list li > div{font-weight:500;}
.safetyhealth-t1-list .square{width:190px;height:120px;line-height:120px;font-size:2.4rem;color:#fff;text-align:center;background-size:cover !important;}
.safetyhealth-t1-list li:first-of-type .square{background:url(/static/portal/images/manage/safetyhealth-t1-img01.png) 0 0 no-repeat;}
.safetyhealth-t1-list li:nth-of-type(2) .square{background:url(/static/portal/images/manage/safetyhealth-t1-img02.png) 0 0 no-repeat;}
.safetyhealth-t1-list li:nth-of-type(3) .square{background:url(/static/portal/images/manage/safetyhealth-t1-img03.png) 0 0 no-repeat;}
.safetyhealth-t1-list li:nth-of-type(4) .square{background:url(/static/portal/images/manage/safetyhealth-t1-img04.png) 0 0 no-repeat;}
.safetyhealth-t1-list li:last-of-type .square{background:url(/static/portal/images/manage/safetyhealth-t1-img05.png) 0 0 no-repeat;}
.safetyhealth-t1-list li + li{margin-top:30px;}
.safetyhealth-t1-list .text{width:calc(100% - 190px);padding:0 30px;font-size:1.8rem;}
.safetyhealth-t3-director{text-align:right;}
.safetyhealth-t3-director p:first-of-type{margin-right:8px;}
.safetyhealth-t3-director .director{margin-top:10px;font-weight:500;}
.safetyhealth-t3-director .director span{display:inline-block;vertical-align:middle;}
.safetyhealth-t3-director .director .name{width:110px;height:35px;font-size:0;background:url(/static/portal/images/manage/human-t3-director_2021.png) right center no-repeat;}
@media screen and (max-width:1200px){
    .safetyhealth-t1-ci{margin:20px auto 0;width:230px;height:auto;}
    .safetyhealth-t1-ci img{width:100%;}
    .safetyhealth-t1-text{font-size:1.5rem;margin:15px 0;font-weight:500;}
    .safetyhealth-t1-list li{display:block;justify-content:unset;align-items:unset;}
    .safetyhealth-t1-list li + li{margin-top:15px;}
    .safetyhealth-t1-list .square{width:100%;height:calc((100vw - 30px)*0.63);line-height:calc((100vw - 30px)*0.63);font-size:1.8rem;}
    .safetyhealth-t1-list .text{width:100%;min-height:63px;padding:15px;font-size:1.3rem;}
    .safetyhealth-t1-list li:first-of-type .square{background-image:url(/static/portal/images/manage/safetyhealth-t1-img01m.png);background-size:cover;}
    .safetyhealth-t1-list li:nth-of-type(2) .square{background-image:url(/static/portal/images/manage/safetyhealth-t1-img02m.png);background-size:cover;}
    .safetyhealth-t1-list li:nth-of-type(3) .square{background-image:url(/static/portal/images/manage/safetyhealth-t1-img03m.png);background-size:cover;}
    .safetyhealth-t1-list li:nth-of-type(4) .square{background-image:url(/static/portal/images/manage/safetyhealth-t1-img04m.png);background-size:cover;}
    .safetyhealth-t1-list li:last-of-type .square{background-image:url(/static/portal/images/manage/safetyhealth-t1-img05m.png);background-size:cover;}
    .safetyhealth-t3-director .director{margin-top:5px;}
}
/* 열린경영 - 안전보건경영 - 안전보건경영목표 */
.safetyhealth-t2-diagram01{width:100%;max-width:710px;position:relative;margin:auto;}
.safetyhealth-t2-diagram01 > div{width:35.2112%;max-width:250px;padding:30px 45px;background-color:#1986c5;color:#fff;font-size:2rem;font-weight:500;text-align:center;border-radius:60px;}
.safetyhealth-t2-diagram01 > div:first-of-type{position:relative;}
.safetyhealth-t2-diagram01 > div:nth-of-type(2){position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:#053695;z-index:1;opacity:0.9;}
.safetyhealth-t2-diagram01 > div:last-of-type{position:absolute;top:0;right:0;}
.safetyhealth-t2-diagram02{width:100%;display:flex;justify-content:center;text-align:center;}
.safetyhealth-t2-diagram02 > div{width:25%;}
.safetyhealth-t2-diagram02 > div + div{border-left:1px solid #004899;}
.safetyhealth-t2-diagram02 > div i{width:100%;height:65px;}
.safetyhealth-t2-diagram02 > div:first-of-type i{background:url(/static/portal/images/manage/safetyhealth-t2-i01.png) center center no-repeat;}
.safetyhealth-t2-diagram02 > div:nth-of-type(2) i{background:url(/static/portal/images/manage/safetyhealth-t2-i02.png) center center no-repeat;}
.safetyhealth-t2-diagram02 > div:nth-of-type(3) i{background:url(/static/portal/images/manage/safetyhealth-t2-i03.png) center center no-repeat;}
.safetyhealth-t2-diagram02 > div:last-of-type i{background:url(/static/portal/images/manage/safetyhealth-t2-i04.png) center center no-repeat;}
.safetyhealth-t2-diagram02 > div p{font-weight:500;color:#004899;padding:15px;max-height:60px;}
.safetyhealth-t2-diagram03{width:100%;max-width:847px;position:relative;margin:auto;}
.safetyhealth-t2-diagram03 > div{width:100%;display:flex;justify-content:space-between;align-items:center;}
.safetyhealth-t2-diagram03 > div + div{margin-top:40px;}
.safetyhealth-t2-diagram03 > div span{height:80px;line-height:80px;position:relative;color:#004899;font-weight:500;width:calc(50% - 34px);text-align:center;border: 1px solid #004899;}
.safetyhealth-t2-diagram03 > div span:last-of-type{background-color:#004899;color:#fff;}
.safetyhealth-t2-diagram03 > div span:last-of-type:before{content:'';width:68px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;left:-68px;}
@media screen and (max-width:1200px){
  .safetyhealth-t2-diagram01 > div{font-size: 1.2rem;padding:18px 0;border-radius:35px;}
  .safetyhealth-t2-diagram02{flex-wrap: wrap;}
  .safetyhealth-t2-diagram02 > div{width:50%;}
  .safetyhealth-t2-diagram02 > div:nth-of-type(2n+1){border-left:0;}
  .safetyhealth-t2-diagram02 > div:nth-of-type(n+3){margin-top:28px;}
  .safetyhealth-t2-diagram02 > div i{height:50px;background-size:auto 100% !important;}
  .safetyhealth-t2-diagram02 > div p{padding-bottom:0;}
  .safetyhealth-t2-diagram03 > div{align-items:stretch;}
  .safetyhealth-t2-diagram03 > div span{width:calc(50% - 13px);height:inherit;line-height:50px;}
  .safetyhealth-t2-diagram03 > div span:last-of-type{line-height:inherit;padding:6px 15px;}
  .safetyhealth-t2-diagram03 > div span:last-of-type:before{width:25px;left:-25px;background-size:7px 8px;}
}
@media screen and (max-width:374px){
  .safetyhealth-t2-diagram03 > div span:first-of-type{padding:15px;line-height:inherit;}
}
/* 자료실 - 합격표시안내 - 합격표시안내 */
.passmark-t1-box{display:block;justify-content:unset;align-items:unset;text-align:center;}
/* 자료실 - 합격표시안내 - 제품검사 */

/* 자료실 - 합격표시안내 - 방염성능검사 */
p.headplus{margin-top:-10px;padding-bottom:15px;}
.boxWrapType2 .pc2cols li:nth-of-type(n+3){border-top:1px #d8dde5 solid;padding-top:20px;margin-top:15px;}
.passmarkWrap{width:100%;display:flex;justify-content:flex-start;align-items:stretch;}
.passmarkWrap .figure{width:210px;}
.passmarkWrap .figure img{max-width:210px;}
.passmarkWrap .figureText{width:calc(100% - 210px);padding-right:20px;}
.passmarkWrap .figureText .markWrap{display:table;table-layout:fixed;width:100%;}
.passmarkWrap .figureText .markWrap > div{display:table-cell;vertical-align:top;}
.passmarkWrap .figureText .markWrap + .markWrap{margin-top:20px;}
/*.boxWrapType2 .pc2cols li + li .passmarkWrap .figureText .markWrap:last-of-type{margin-bottom:20px;}*/
.passmarkWrap .markWrap .mark{width:200px;text-align:center;}
.passmarkWrap .markWrap .mark img{width:100%;}
.rectangle-15x10 img, .rectangle-30x20 img, .square-15x15 img{max-width:145px;}
.rectangle-15x120 img{max-width:145px; max-height:300px;}
.rectangle-45x12 img{max-width:82px;}
/*.passmarkWrap .markWrap .info{}
.marktype2{}*/
.marktype2 .passmarkWrap .figureText{overflow:hidden;}
.marktype2 .passmarkWrap .figureText .markWrap{width:calc(50% - 95px);float:left;padding-right:20px;}
.marktype2 .passmarkWrap .figureText .markWrap + .markWrap{margin-top:0;margin-bottom:0;}
.marktype2 .passmarkWrap .figureText .markWrap + .markWrap .mark{width:auto;text-align:left;}
.boxWrapType2 ul.marktype2 li{width:100%;}
@media screen and (max-width:1200px){
  .boxWrapType2 .pc2cols li:nth-of-type(n+3){padding-top:0;margin-top:0px;border-top:none;}
  .boxWrapType2 .pc2cols li{padding-bottom:10px;}
  .boxWrapType2 .pc2cols li:last-of-type{padding-bottom:0;}
  .passmarkWrap .figure{width:36%;max-width:125px;}
  .passmarkWrap .figure img{width:100%;max-width:125px;}
  .passmarkWrap .figureText{width:calc(100% - 125px);padding-right:0;}
  .passmarkWrap .figureText .markWrap + .markWrap{margin-top:10px;}
  /*.passmarkWrap .figureText .markWrap:last-of-type{margin-bottom:15px;}*/
  .passmarkWrap .markWrap .mark{width:113px;}
  .rectangle-15x10 img, .rectangle-30x20 img, .square-15x15 img{max-width:88px;} 
  .rectangle-15x120 img{max-width:88px; max-height:200px;}
  .rectangle-45x12 img{max-width:50px;}
  .marktype2 .passmarkWrap .figureText .markWrap{float:none;width:auto;}
  .marktype2 .passmarkWrap .figureText .markWrap + .markWrap .mark{width:113px;text-align:center;}
  .marktype2 .passmarkWrap .figureText .markWrap + .markWrap{margin-top:10px;}
  /*.marktype2 .passmarkWrap .figureText .markWrap:last-of-type{margin-bottom:15px;}*/
}
/* 자료실 - 합격표시안내 - KFI인증제품검사 */
/* 자료실 - KFI 발행물 - 기술원 사사 */
.publication-listWrap .pc3cols{max-width:950px;margin:auto;}
.publication-listWrap .pc3cols li{position:relative;}
.ebook-unit{position:relative;margin:auto;padding-bottom:3px;border:1px solid #d9d9d9;width:100%;max-width:272px;}
.ebook-unit a, .ebook-unit .figure, .ebook-unit .figure img, .ebook-unit .figure-text{display:block;}
.ebook-unit a{padding:10px;border-bottom:1px solid #d9d9d9;}
.ebook-unit .figure img{width:100%;}
.ebook-unit .figure-text{padding:10px 0 0 0;font-weight:500;text-align:center;}
@media screen and (max-width:1200px){
  .publication-listWrap .pc3cols li + li{margin-top:25px;}
  .ebook-unit{width:54%;max-width:none;min-width:203px;}
}
/* 기술원 소개-회사소개 */
.kfi-intro-1{position:relative;}
.kfi-intro-1 h4.headline{margin-bottom:25px;}
.kfi-intro-1 p{font-size:2.8rem;font-weight:400;color:#004899;text-align:center;}
.kfi-intro-1 p strong{font-weight:500;}
.kfi-intro-2{position:relative;width:100%;height:264px;margin-top:75px !important;display:flex;justify-content:center;align-items:center;color:#fff;background:url(/static/portal/images/intro/kfi-visual.png) 50% 50% no-repeat;}
.kfi-intro-2 h4.headline{margin-top:0;margin-bottom:25px;padding-bottom:15px;}
.kfi-intro-2 h4.headline:after{background-color:#fff;}
.kfi-intro-2 p{text-align:center;font-size:2.4rem;}
.kfi-intro-3{position:relative;margin-top:75px !important;}
.kfi-intro-3 > div{position:relative;width:100%;max-width:578px;margin:auto;}
.kfi-intro-3 > div > div{width:210px;height:210px;display:table;border:5px solid #fff;border-radius:50%;text-align:center;}
.kfi-intro-3 > div > div > div{width:206px;height:206px;display:table;border:1px solid #004899;border-radius:50%;text-align:center;position:absolute;top:-3px;left:-3px;}
.kfi-intro-3 > div > div > div > div{display:table-cell;vertical-align:middle;}
.kfi-intro-3 div.chall{position:relative;}
.kfi-intro-3 div.trust{position:absolute;top:0;left:50%;transform:translateX(-50%);}
.kfi-intro-3 div.respo{position:absolute;top:0;right:0;}
.kfi-intro-3 > div > div i{display:block;height:50px;margin:auto;}
.kfi-intro-3 > div > div.chall i{background:url(/static/portal/images/intro/kfi-i01.png) center center no-repeat;}
.kfi-intro-3 > div > div.trust i{background:url(/static/portal/images/intro/kfi-i02.png) center center no-repeat;}
.kfi-intro-3 > div > div.respo i{background:url(/static/portal/images/intro/kfi-i03.png) center center no-repeat;}
.kfi-intro-3 > div > div strong{display:inline-block;font-size:2rem;color:#004899;font-weight:500;}
.kfi-intro-3 > div > div p{color:#004899;}
.kfi-intro-4{position:relative;margin-top:75px !important;}
.kfi-intro-4 .diagramWrap{width:100%;max-width:1010px;position:relative;margin:auto;}
.kfi-intro-4 .diagramWrap > div{width:100%;max-width:355px;height:160px;padding:30px;background-color:#1364b2;border-radius:80px;overflow:hidden;}
.kfi-intro-4 .diagramWrap .diagram01{position:relative;}
.kfi-intro-4 .diagramWrap .diagram02{position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:#053695;opacity:0.9;z-index:1;}
.kfi-intro-4 .diagramWrap .diagram03{position:absolute;top:0;right:0;}
.kfi-intro-4 .diagramWrap > div > div {width:100%;display:table;table-layout:fixed;}
.kfi-intro-4 .diagramWrap > div > div span{width:50%;height:99px;padding-right:20px;padding-left:20px;display:table-cell;vertical-align:middle;font-size:1.8rem;color:#fff;}
.kfi-intro-4 .diagramWrap > div > div span:last-of-type{border-left:1px solid #769fc6;}
.kfi-intro-4 .diagramWrap .diagram2 > div span:last-of-type{border-left:1px solid #7c92bc;}
.kfi-intro-4 .diagramWrap > div > div .tit{font-size:2rem;font-weight:500;}
.kfi-intro-4 .diagramWrap .diagram01 .tit{text-align:right;}
.kfi-intro-4 .diagramWrap .diagram03 > div {max-width:295px;margin:auto;}
.kfi-intro-4 .diagramWrap .diagram03 .tit{width:50%}
.kfi-intro-5{margin-top:75px !important;}
.kfi-intro-5 .pc3cols{justify-content:space-between;}
.kfi-intro-5 .pc3cols li{width:auto;}
.kfi-intro-5 .cardWrap{position:relative;max-width:370px;border:1px solid #d9d9d9;}
.kfi-intro-5 .cardWrap .figure{position:relative;}
.kfi-intro-5 .cardWrap .figure img{width:100%;display:block;}
.kfi-intro-5 .cardWrap .figure strong{display:block;width:100%;position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;color:#fff;font-weight:500;text-align:center;}
.kfi-intro-5 .cardWrap .figure-text{padding:15px;}
.kfi-intro-6{margin-top:75px !important;}
.kfi-intro-6 .figure{position:relative;}
.kfi-intro-6 .figure img{width:100%;max-width:982px;display:block;position:relative;margin:auto;}
@media screen and (max-width:1200px){
  .kfi-intro-2, .kfi-intro-3, .kfi-intro-4, .kfi-intro-5, .kfi-intro-6{margin-top:35px !important;}
  .kfi-intro-1 p{font-size:2rem;margin-bottom:30px;}
  div.article.kfi-intro-2{margin:0 !important;height:198px;background: url(/static/portal/images/intro/kfi-visual-m.png) 50% 50% no-repeat;background-size:cover;}
  .kfi-intro-2 p{font-size:1.8rem;}
  .kfi-intro-3 > div > div{width:125px;height:125px;}
  .kfi-intro-3 > div > div > div{width:123px;height:123px;}
  .kfi-intro-3 > div > div i{width:28px;height:36px;background-size:28px auto !important;}
  .kfi-intro-3 > div > div strong{font-size:1.2rem;}
  .kfi-intro-4 .diagramWrap > div{width:calc(100% - 40px);height:119px;margin:auto;padding:23px;}
  .kfi-intro-4 .diagramWrap .diagram02{top:50%;left:50%;transform:translate(-50%, -50%);}
  .kfi-intro-4 .diagramWrap .diagram03{position:static;top:unset;right:unset;margin-top:90px;}
  .kfi-intro-4 .diagramWrap > div > div span{height:74px;font-size:1.4rem;}
  .kfi-intro-4 .diagramWrap > div > div .tit{width:60% !important;font-size:1.5rem;text-align:center !important;}
  .kfi-intro-5 > div{display:table;margin:auto;position:relative;}
  .kfi-intro-5 .pc3cols{max-width:370px;justify-content:unset;}
  .kfi-intro-5 .cardWrap .figure strong{font-size:1.8rem;}
  .kfi-intro-5 .pc3cols > li + li{margin-top:15px;}
  .kfi-intro-6 .figure{width:100%;max-width:355px;position:relative;margin:auto;}
  .kfi-intro-6 .figure img{max-width:355px;}
  .kfi-intro-6 .figure .mobile div{width:123px;height:123px;border-radius:50%;color:#004899;text-align:center;}
  .kfi-intro-6 .figure .role01{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:25px;}
  .kfi-intro-6 .figure .role02{position:absolute;top:100px;left:0;padding:34px 20px;}
  .kfi-intro-6 .figure .role03{position:absolute;top:100px;right:0;padding:42px 10px;;}
  .kfi-intro-6 .figure .role04{position:absolute;bottom:0;left:37px;padding:18px 10px 14px;}
  .kfi-intro-6 .figure .role05{position:absolute;bottom:0;right:37px;padding:27px 10px 24px;}
}
/* 기술원소개 - 회사소개 - 연혁 */
.historyWrap{position:relative;border-left:1px solid #004899;padding:25px 0 30px 0;margin-top:56px;margin-left:38%;}
.historyWrap .now, .historyWrap .found{width:56px;height:56px;border-radius:50%;border:1px solid #004899;text-align:center;padding:15px 0;color:#004899;position:absolute;background-color:#fff;}
.historyWrap .now{top:-56px;left:-28px;}
.historyWrap .found{bottom:-56px;left:-28px;}
.history-section{position:relative;display:flex;margin-left:-350px;}
.history-section + .history-section{margin-top:50px;}
.history-section h4{font-size:2rem;font-weight:700;line-height:3;}
.history-section .headplus{font-size:2.4rem;font-weight:500;color:#004899;line-height:1.3;}
.history-section .figureWrap{display:flex;justify-content:flex-start;align-items:stretch;}
.figureWrap .figure + .figure{margin-left:10px;}
.figureWrap .figure img{width:100%;max-width:155px;display:block;}
.figureWrap .figure p{font-size:1.4rem;text-align:center;padding:6px 0;}
.history-section .history-year{margin-top:-13px;text-align:right;position:relative;}
.history-section .history-list{margin-left:60px;position:relative;}
.history-section .history-list:before{content:'';display:block;width:37px;height:19px;background:url(/static/portal/images/intro/history-pointer.png) center center no-repeat;position:absolute;top:6px;left:-40px;}
.history-section .history-list ul{}
.history-section .history-list li{line-height:1.8;}
.history-section .history-list li strong{font-weight:500;margin-right:15px;}
@media screen and (max-width:1200px){
  .historyWrap{margin-left:36px !important;margin-bottom:70px;padding-top:0;}
  .historyWrap .now{width:40px;height:40px;top:-40px;left:-20px;padding:10px 0;}
  .historyWrap .found{width:40px;height:40px;bottom:-20px;left:-20px;padding:10px 0;}
  .history-section{display:block;margin-left:25px;}
  .history-section + .history-section{margin-top:20px;}
  .history-section h4{font-size:1.5rem;}
  .history-section .headplus{font-size:1.8rem;}
  .figureWrap .figure{width:116px;}
  .figureWrap .figure p{font-size:1.2rem;}
  .history-section .history-year{text-align:left;}
  .history-section .history-list{margin-top:10px;margin-left:0;}
  .history-section .history-list:before{display:none;}
  .history-section .history-year:before{content:'';display:block;width:24px;height:13px;background:url(/static/portal/images/intro/history-pointer.png) center center no-repeat;background-size:cover;position:absolute;top:15px;left:-31px;}
  .history-section .history-list li{display:flex;align-items:stretch;}
}
/* 기술원소개 - 회사소개 - CI */
.ci-intro .headline{margin-bottom:30px;}
.ci-intro .boxWrapType3{display:flex;align-items:center;height:300px;}
.ci-intro .boxWrapType3 > div:first-of-type{width:33%;text-align:center;}
.ci-intro .boxWrapType3 img{width:100%;max-width:228px;}
.ci-symbol .boxWrapType3{width:100%;height:300px;display:flex;align-items:center;}
.ci-symbol .boxWrapType3 > div{width:50%;text-align:center;}
.ci-symbol .boxWrapType3 + p{margin-top:15px;}
.ci-symbol .boxWrapType3 img{width:100%;max-width:369px;}
.ci-mascot .headline{margin-bottom:30px;}
.ci-mascot .boxWrapType3{width:100%;height:300px;display:flex;justify-content:center;align-items:center;}
.ci-mascot .boxWrapType3 img{width:100%;max-width:264px;}
@media screen and (max-width:1200px){
  .ci-intro .boxWrapType3{display:block;align-items:unset;height:auto;}
  .ci-intro .boxWrapType3 > div:first-of-type{width:100%;margin-top:10px;margin-bottom:20px;}
  .ci-intro .boxWrapType3 img{max-width:115px;}
  .ci-intro .boxWrapType3 button{width:100%;}
  .ci-symbol .head{padding-bottom:10px;}
  .ci-symbol .boxWrapType3{height:auto;padding-top:25px;padding-bottom:25px;display:block;align-items:unset;}
  .ci-symbol .boxWrapType3 > div{width:100%;}
  .ci-symbol .boxWrapType3 > div + div{margin-top:25px;}
  .ci-symbol .boxWrapType3 img{max-width:180px;}
  .ci-mascot .boxWrapType3{height:auto;}
  .ci-mascot .headline{margin-bottom:10px;}
  .ci-mascot .boxWrapType3{padding-top:25px;padding-bottom:25px;}
  .ci-mascot .boxWrapType3 img{max-width:132px;}

}
/* 기술원소개 - 회사소개 - 홍보동영상 */
.adWrap, .adWrap .ad-vod{position:relative;}
.adWrap .ad-vod video{width:100%;}
.adWrap .ad-script{width:100%;height:200px;margin-top:15px;overflow:hidden;overflow-y:auto;padding:15px;border:1px solid #d9d9d9;}
@media screen and (max-width:1200px){
  .adWrap .ad-script{margin-top:10px;}
}
/* 기술원소개 - 회사소개 - CEO 인사말 */
/*.ceoWrap{position:relative;background:url(/static/portal/images/intro/ceo-visual-temp_2023.png) right top no-repeat;}*/
.ceoWrap{position:relative;background:url(/static/portal/images/intro/ceo-visual_2024.png) center top no-repeat;}
.ceoWrap .hello{padding:100px 40px;font-size:2.8rem;color:#004899;}
.ceoWrap .greeting{padding:10px 0;}
.ceoWrap .ceo{padding:25px 0;font-weight:500;}
.ceoWrap .ceo strong{font-weight:500;font-size:1.8rem;}
.ceoWrap .ceo span{display:inline-block;vertical-align:middle;}
.ceoWrap .name{width:110px;height:35px;font-size:0;background:url(/static/portal/images/manage/human-t3-director_2021.png) center center no-repeat;}
@media screen and (max-width:1200px){
  .ceoWrap{background:none;}
  /*.ceoWrap .hello{width:calc(100% + 30px);font-size:1.8rem;padding:40px 25px 60px;margin-left:-15px;background:url(/static/portal/images/intro/ceo-visual-m_2024.png) right top no-repeat,url(/static/portal/images/intro/ceo-visual-m_2024.png) left top repeat-x;background-size:contain;}*/
  .ceoWrap .hello{width:calc(100% + 30px);font-size:1.8rem;padding:40px 25px 60px;margin-left:-15px;background:url(/static/portal/images/intro/ceo-visual-m_2024.png) left top;background-size:contain;}
  /*.ceoWrap .hello{width:calc(100% + 30px);font-size:1.8rem;padding:40px 25px 60px;margin-left:-15px;}*/
  .ceoWrap .ceo{padding:0;}
}
/* 기술원소개 - 오시는길 */
.map-map img{width:100%;display:block;}
.map-map img.mobile{display:none;}
.map-list ul li{width:100%;display:flex;align-items:center;padding:30px 20px;border-bottom:1px solid #d9d9d9;}
.map-list ul li.two_way {align-items: end;}
.map-list ul li.two_way p + strong {display:block;margin-top:40px;}
.map-list ul li i{width:89px;height:89px;display:block;border:1px solid #004899;border-radius:50%;margin-right:20px;}
.map-list ul li i.i-map-address{background:url(/static/portal/images/intro/map-i01.png) center center no-repeat;}
.map-list ul li i.i-map-highway{background:url(/static/portal/images/intro/map-i02.png) center center no-repeat;}
.map-list ul li i.i-map-city{background:url(/static/portal/images/intro/map-i03.png) center center no-repeat;}
.map-list ul li i.i-map-ktx{background:url(/static/portal/images/intro/map-i05.png) center center no-repeat;}
.map-list ul li i.i-map-public{background:url(/static/portal/images/intro/map-i04.png) center center no-repeat;}
@media screen and (max-width:1200px){
  div.article + div.article.map-list{margin-top:10px;}
  .map-list ul li{padding:15px 10px;}
  .map-list ul li i{width:45px;height:45px;margin-right:15px;background-size:60% !important;}
}
/* 기술원소개 - 조직/직원안내 - 조직도 */
.organizationWrap{position:relative;}
.organizationWrap a{color:inherit;}
.organizationWrap .level-1{width:128px;height:128px;position:relative;margin:auto;border:1px solid #1364b2;border-radius:50%;}
.organizationWrap .level-1 .dt{width:100%;height:100%;line-height:114px;border-radius:50%;background-color:#2a73ba;border:7px solid #fff;color:#fff;text-align:center;}
.organizationWrap .level-1 .dt:before{content:'';display:block;width:63px;height:141px;border-right:1px solid #004899;position:absolute;bottom:-141px;left:-1px;}
.organizationWrap .level-ex-1{width:90px;height:90px;line-height:90px;background-color:#30598c;color:#fff;text-align:center;border-radius:50%;position:absolute;top:20px;left:50%;transform:translateX(-50%);margin-left:170px;}
.organizationWrap .level-ex-1 .dt{position:relative;}
.organizationWrap .level-ex-1 .dt:before{content:'';display:block;width:61px;height:45px;border-bottom:1px solid #004899;position:absolute;top:0;left:-61px;}
.organizationWrap .level-ex-2{width:180px;position:absolute;top:80px;left:50%;transform:translateX(-50%);margin-left:-190px;}
.organizationWrap .level-ex-2 .dt{padding:13px 10px;text-align:center;background-color:#30598c;color:#fff;}
.organizationWrap .level-ex-2 dl{text-align:center;}
.organizationWrap .level-ex-2 dt{padding:13px 10px;position:relative;background-color:#30598c;color:#fff;}
.organizationWrap .level-ex-2 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #30598c;color:#004899;}
.organizationWrap .level-ex-2 dd:before{content:'';display:block;width:90px;height:10px;border-right:1px solid #004899;position:absolute;top:-11px;left:0;}
/*.organizationWrap .level-ex-2 dd:after{content:'';display:block;width:101px;height:24px;border-top:1px solid #004899;position:absolute;bottom:0;right:-101px;}*/
.organizationWrap .level-ex-3{width:220px;position:absolute;right:0;bottom:120px;}
.organizationWrap .level-ex-3 > div{text-align:center;}
.organizationWrap .level-ex-3 .dt{padding:13px 10px;text-align:center;background-color:#1364b2;color:#fff;}
/* .organizationWrap .level-ex-3 .dt{padding:13px 10px;text-align:center;background-color:#1364b2;color:#fff;}
.organizationWrap .level-ex-3 dl{text-align:center;}
.organizationWrap .level-ex-3 dt{padding:13px 10px;position:relative;background-color:#1364b2;color:#fff;}
.organizationWrap .level-ex-3 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #1364b2;color:#004899;}
.organizationWrap .level-ex-3 dt:before{content:'';display:block;position:absolute;width:306px;height:100px;top:-100px;left:-216px;border-top:1px solid #004899;border-right:1px solid #004899;}
*/
.organizationWrap .level-ex-3 .dt:before{content:'';display:block;position:absolute;width:160px;height:30px;top:-30px;right:110px;border-top:1px solid #004899;border-right:1px solid #004899;}
.organizationWrap .level-ex-3 .dt:after{content:'';display:block;position:absolute;width:160px;height:300px;right:110px;bottom:80px;border-left:1px solid #004899;}
.organizationWrap .level-ex-4{width:220px;position:relative;right:0;bottom:0;margin-top:20px;}
.organizationWrap .level-ex-4 > div{text-align:center;padding-bottom:5px;}
.organizationWrap .level-ex-4 .dt{padding:6px 10px;text-align:center;background-color:#30598c;color:#fff;}
.organizationWrap .level-ex-4 dl{width:180px;text-align:center;}
.organizationWrap .level-ex-4 dt{padding:13px 10px;position:relative;background-color:#30598c;color:#fff;}
.organizationWrap .level-ex-4 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #30598c;color:#004899;}
.organizationWrap .level-ex-5{width:180px;background-color:#30598c;color:#fff;text-align:center;position:absolute;top:150px;left:50%;transform:translateX(-50%);margin-left:170px;}
.organizationWrap .level-ex-5 .dt{padding:13px 10px;text-align:center;background-color:#30598c;color:#fff;;}
.organizationWrap .level-ex-5 .dt:before{content:'';display:block;width:81px;height:45px;border-bottom:1px solid #004899;position:absolute;top:-20px;left:-81px;}
.organizationWrap .level-2{width:100%;margin-top:170px;display:flex;justify-content:space-between;align-items:stretch;}
.organizationWrap .level-2 > div{width:220px;}
.organizationWrap .level-2 dl{text-align:center;}
.organizationWrap .level-2 dt, .organizationWrap .level-2 .dt{padding:13px 10px;position:relative;background-color:#1364b2;color:#fff;}
.organizationWrap .level-2 dt:before, .organizationWrap .level-2 .dt:before{content:'';display:block;width:calc(50% + 130px);height:30px;border:1px solid #004899;border-width:1px 1px 0 0;position:absolute;top:-30px;left:-131px;}
.organizationWrap .level-2 dt:after, .organizationWrap .level-2 .dt:after{content:'';display:block;width:calc(50% + 140px);height:30px;border-top:1px solid #004899;position:absolute;top:-30px;right:-140px;}
.organizationWrap .level-2 dl.first dt:before, .organizationWrap .level-2 .dt.first:before, .organizationWrap .level-2 dl.last dt:after, .organizationWrap .level-2 .dt.last:after{display:none;}
.organizationWrap .level-2 dl.first dt:after{border-left:1px solid #004899;}
.organizationWrap .level-2 .level-ex-3 .dt:before, .organizationWrap .level-2 .level-ex-3 .dt:after{display:none;}
.organizationWrap .level-2 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #134290;color:#004899;}
.organizationWrap .level-2 dd:before{content:'';display:block;width:90px;height:10px;border-right:1px solid #004899;position:absolute;top:-11px;left:0; display:none;}/* EJ */
.organizationWrap .level-2 .dt{padding:13px 10px;text-align:center;background-color:#1364b2;color:#fff;}
.organizationWrap .level-3{width:100%;margin-top:10px;display:flex;align-items:stretch;}
.organizationWrap .level-3 > div, .organizationWrap .level-3 > dl{width:100%;position:relative;}
.organizationWrap .level-3 dl{text-align:center;}
.organizationWrap .level-3 dt{padding:13px 10px;position:relative;background-color:#138bb2;color:#fff;}
.organizationWrap .level-3 dt:after, .organizationWrap .level-3 .dt:after{display:none;}
.organizationWrap .level-3 dt:before, .organizationWrap .level-3 .dt:before{content:'';display:block;width:90px;height:10px;border-top:0;border-right:1px solid #004899;position:absolute;top:-10px;left:0; display:none;}/* EJ */
.organizationWrap .level-3.longtail{margin-top:70px;}
.organizationWrap .level-3.longtail dt:before, .organizationWrap .level-3.longtail .dt:before{height:70px;top:-70px;}
.organizationWrap .level-3 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #138bb2;color:#007799;}
.organizationWrap .level-3 dd:before{content:'';display:block;width:90px;height:10px;border-right:1px solid #138bb2;position:absolute;top:-11px;left:0; display:none;}/* EJ */
.organizationWrap .level-3 .dt{padding:13px 10px;text-align:center;background-color:#138bb2;color:#fff;}
@media screen and (max-width:1200px){
  .organizationWrap .level-1{width:95px;height:95px;}
  .organizationWrap .level-1 .dt{line-height:85px;border:5px solid #fff;}
  .organizationWrap .level-1 .dt:before{width:46px;height:103px;bottom:-103px; display:none;}
  .organizationWrap .level-ex-1{width:69px;height:69px;line-height:69px;margin-left:110px;top:15px;z-index:-1;}
  .organizationWrap .level-ex-1 .dt:before{width:30px;height:34px;left:-30px; display:none;}
  .organizationWrap .level-ex-2{width:calc(50% - 7px);top:110px;margin-left:unset;left:0;transform:unset;}
  .organizationWrap .level-ex-2 dl{width:100%}
  .organizationWrap .level-ex-2 dt{padding:6px 10px;}
  .organizationWrap .level-ex-2 dd{padding:5px 10px;margin-top:0;}
  .organizationWrap .level-ex-2 dd:before{width:50%;display:none;}
  .organizationWrap .level-ex-2 dd:after{width:8px;right:-8px;height:14px; display:none;}
  .organizationWrap .level-ex-3{width:calc(50% - 7px);bottom:55px;}/* top:195px;right:0; */
  .organizationWrap .level-ex-3 dt, .organizationWrap .level-ex-3 .dt{padding:6px 10px;}
  .organizationWrap .level-ex-3 div.dt{padding:7px 10px;}
  .organizationWrap .level-ex-3 dd{margin-top:0;padding:5px 10px;}
  .organizationWrap .level-ex-3 dd + dd{border-top:0;}
  .organizationWrap .level-ex-3 dt:before{width:9px;right:unset;height:14px;top:0;left:-9px;border-right:0;border-top:0;border-bottom:1px solid #004899;}
  .organizationWrap .level-ex-3 .dt:before{display:none;}
  .organizationWrap .level-ex-3 .dt:after{display:none;}
  .organizationWrap .level-ex-4{width:calc(50% - 7px);}
  .organizationWrap .level-ex-4 > div{padding-bottom:2px;}
  .organizationWrap .level-ex-5{width:calc(50% - 7px);top:110px;margin-left:8px;right:0;transform:unset;}
  .organizationWrap .level-ex-5 .dt{padding:6px 10px;margin:0px;}
  .organizationWrap .level-ex-5 .dt:before{width:30px;height:34px;left:-30px; display:none;}
  .organizationWrap .level-2{flex-wrap:wrap;margin-top:95px;}
  .organizationWrap .level-2 dt{padding:6px 10px;}
  .organizationWrap .level-2 dd{margin-top:0;padding:5px 10px;}
  .organizationWrap .level-2 dd + dd{border-top:0;}
  .organizationWrap .level-2 dd:before{display:none;}
  .organizationWrap .level-2 > div{width:calc(50% - 7px);}
  .organizationWrap .level-2 > div:nth-of-type(n+3){margin-top:20px;}
  .organizationWrap .level-2 dl.first dt:after, .organizationWrap .level-2 dl.first .dt:after{width:calc(50% + 7px);height:14px;top:-14px;right:-7px; display:none;}
  .organizationWrap .level-2 dt:before, .organizationWrap .level-2 .dt:before{display:none;}
  .organizationWrap .level-2 > div:nth-of-type(2) dt:before{display:block;width: calc(50% + 7px);height: 14px;top: -14px;left: -7px; display:none;}
  .organizationWrap .level-2 dl:not(.first) dt:after, .organizationWrap .level-2 .dt:not(.first):after{display:none;}
  .organizationWrap .level-3{margin-top:20px;}
  .organizationWrap .level-3 dt, .organizationWrap .level-3 .dt{padding:6px 10px;}
  .organizationWrap .level-3 dd{margin-top:0;padding:5px 10px;}
  .organizationWrap .level-3 dd + dd{border-top:0;}
  .organizationWrap .level-3 dt:before, .organizationWrap .level-3 .dt:before{display:none;}
  .organizationWrap .level-3 dd:before{display:none;}
  .organizationWrap .level-3.longtail{margin-top:10px;}
}
/* 기술원소개 - 조직/직원안내 - 직원검색 */
.boxWrap.organ-t2{display:block;}
.boxWrap.organ-t2:after{content:'';display:block;width:100%;height:0;overflow:hidden;clear:both;}
.boxWrap.organ-t2 .searchoption{display:table;position:relative;margin:3px auto 0;}
.boxWrap.organ-t2 .searchoption select, .boxWrap.organ-t2 .searchoption .selectize-control.single{float:left;width:180px;}
.boxWrap.organ-t2 .searchoption input{float:left;width:280px;margin-right:5px;margin-left:5px;}
.boxWrap.organ-t2 .searchoption button{float:left;}
.article.organ-t2{margin-top:50px;}
.article.organ-t2 .toggle-con-wrap{margin-top:-15px;}

.toggle-con-wrap{position:relative;margin-bottom:10px;}
.btn-toggle-arrow{position:relative;width:148px;height:40px;line-height:38px;padding-right:40px;border:1px solid #a6a6a6;text-align:center;background-color:#fff;font-size:1.6rem;float:right;margin-top: -39px;}
.btn-toggle-arrow:after{content:'';display:block;position:absolute;top:0;right:0;width:38px;height:38px;border-left:1px solid #a6a6a6;text-align:center;background:#f0f0f0 url(/static/portal/images/common/toggle-arrow.png) center center no-repeat;clear:both;}
.btn-toggle-arrow.on:after{transform:rotate(180deg);border-left:0;border-right:1px solid #a6a6a6;}
.btn-toggle-arrow + .con-toggle{display:none;border:1px solid #a6a6a6;border-width:1px 0;background-color:#f0f0f0;padding:15px 30px;}
.btn-toggle-arrow.on + .con-toggle{display:block;}
.btn-toggle-arrow.t2{width:125px;padding-right:30px;border:1px solid #949494;background-color:#949494;color:#fff;font-size:1.5rem;}
.btn-toggle-arrow.t2:after{content:'';display:block;position:absolute;top:3px;right:3px;width:34px;height:34px;border-left:1px solid #949494;text-align:center;background:#949494 url(/static/portal/images/common/i-select-down-w.png) left center no-repeat;clear:both;}
.btn-toggle-arrow.t2.on:after{transform:rotate(180deg);border-left:0;border-right:1px solid #949494;background-position:right center;}

.article.organ-t2 .bOrganization td{text-align:center;}
.bOrganization .name{width:130px;}
.bOrganization .position{width:115px;}
.bOrganization .phone{width:270px;}
@media screen and (max-width:1200px){
  .boxWrap.organ-t2 .searchoption{display:block;margin:0;}
  .boxWrap.organ-t2 .searchoption select, .boxWrap.organ-t2 .searchoption .selectize-control.single{float:left;width:calc(50% - 30px);height:30px;font-size:1.2rem;color:#424950;padding:0 7px;margin-left:-7px;}
  .boxWrap.organ-t2 .searchoption input{width:calc(50% - 35px);margin-left:-2px;}
  .article.organ-t2{margin-top:30px;}

  .toggle-con-wrap{margin-bottom:0;}
  .btn-toggle-arrow{width:113px;height:30px;line-height:28px;padding-right:30px;font-size:1.2rem;margin-top: -39px;}
  .btn-toggle-arrow:after{width:28px;height:28px;}
  .btn-toggle-arrow + .con-toggle{padding:10px 15px;}
  .btn-toggle-arrow.t2{width:100px;font-size:1.2rem;padding-right:25px;}
  .btn-toggle-arrow.t2:after{width:22px;height:24px;top:2px;right:2px;}
  .article.organ-t2 .toggle-con-wrap{margin-top:-5px;}
  .btn-toggle-arrow.on + .con-toggle{margin-bottom:10px;}

  .article.organ-t2 .bOrganization{min-width:400px;}
  .bOrganization .name{width:65px;}
  .bOrganization .position{width:57px;}
  .bOrganization .phone{width:100px;}
}
/* 정보공개 - 업무처리 절차 */
.article + .sub-article {margin-top:0;}
.sub-article {margin-top:45px;}
.process-dia {padding-bottom:30px; border:1px solid #d8dde5; background:#f9f9f9;}
.process-dia .step {margin-top:-30px;margin:0 auto; width:400px;}
.process-dia .step .box {border:1px solid #004899; text-align:center; display:table-cell; vertical-align:middle; width:400px; height:76px; background:#fff; }
.process-dia .step .box div {display:table-cell; vertical-align:middle;}
.process-dia .step .box strong {font-size:2.0rem; color:#004899;}
.process-dia .step .branch .box, .process-dia .step .leftbox .box, .process-dia .step .rightbox .box {border:1px solid #138bb2;}
.process-dia .step .branch strong, .process-dia .step .leftbox strong, .process-dia .step .rightbox strong{color:#138bb2; font-weight:500;}
.process-dia .step ul li {margin-top:0;}
.process-dia .step li {position:relative; display:table; width:100%; margin-top:30px;}
.process-dia .step li.leftbox {position:absolute; top:0; left:-313px; width:280px;}
.process-dia .step li.rightbox {position:absolute; top:0; right:-250px; width:220px;}
.process-dia .step li .box p {font-size:1.4rem;}
.process-dia .step li:after {display:block; content:' ';width:15px; height:30px; position:absolute; bottom:0; left:50%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat; transform: rotate(90deg) translate(30px, 7px);}/* 아래 파란 화살표 */
.process-dia .step li.next:after {top:50%; left:auto; right:-25px; background:url(/static/portal/images/open/next-steps-arrow.png) center center no-repeat; transform: rotate(0deg) translateY(-50%);} /* 오른 청록 화살표 */
.process-dia .step li.branch:after {background:url(/static/portal/images/open/next-steps-arrow.png) center center no-repeat;} /* 아래 청록 화살표 */
.process-dia .step li:last-child:after {background:none;}
@media screen and (max-width:1200px){
  .process-dia {padding-bottom:15px;}
  .process-dia .step {margin:0 auto; width:calc(100% / 3 - 8px);}
  .process-dia .step .box {height:54px;}
  .process-dia .step .long {height:95px;}
  .process-dia .step li {position:relative; display:table; width:100%; margin-top:20px;}
  .process-dia .step .box strong {font-size:1.5rem; line-height:1.3rem;}
  .process-dia .step li .box p {font-size:1.05rem;}
  .process-dia .step li.leftbox {position:absolute; top:0; left:-100%; width:calc(100% - 20px);}
  .process-dia .step li.rightbox {position:absolute; top:0; right:-100%; width:calc(100% - 20px);}
  .process-dia .step li:after{width:12px; height:13px; background-size:contain !important;}
  .process-dia .step li:after{transform: rotate(90deg) translate(15px, 7px);}
  .process-dia .step li.next:after{right:0; transform:translate(16px, -6px);}
  .matrix.scrollx .process {table-layout: fixed;}
}
/* 정보공개 - 비공개정보 */
.num-list {margin-top:-15px;}
.num-list li {margin-top:30px;}
.num-list li .dash li {margin-top:0;}
@media screen and (max-width:1200px){
  .num-list {margin-top:-10px;}
  .num-list li {margin-top:15px;}
}
/* 정보공개 - 정보목록 */
.tit-desc-btn {margin-top:-25px; text-align:center;}
.tit-desc-btn p {margin-bottom:15px;}
.tit-desc-btn + .tabWrap{margin-top:50px;}
@media screen and (max-width:1200px){
  .tit-desc-btn {margin-top:-15px;}
  .tit-desc-btn p {margin-bottom:10px;}
}
/* 정보공개 - 공공데이터 개방 */
.comapnyno .select + .select {margin-left:6px;}
.denominator{margin-top:50px;}
.denominator .boxWrap.service-poll {margin-top:50px; margin-bottom:30px;}
.denominator .boxWrap.service-poll dl.pollWrap{display:block;}
.exam {padding-left:10px;}
.matrix.purpose-tbl table {table-layout: fixed;}
@media screen and (max-width:1200px){
  .comapnyno .select {width:40%; min-width:auto;}
  .denominator{margin-top:25px;}
  .denominator .boxWrap.service-poll{margin-top:25px; margin-bottom:20px;}
  .matrix.scrollx.db-spray table {min-width: 600px;}
  .exam {padding-left:0; margin-top:5px; display:block !important;}
}
/* 정보공개 - 수수료 안내 */
.article.fee{margin-top:45px;}
.fee-searchWrap .boardType1 .writeWrap{border-bottom:1px #a6a6a6 solid;}
.fee-searchWrap .writeWrap .table:last-of-type{border-bottom:0;}
.fee-searchWrap .btnWrap{border-top:0;}
.fee-searchWrap .btnWrap{padding:30px 0 0;}
table.fee-tbl tbody td{text-align:center;}
table.fee-tbl tbody td:nth-of-type(3){text-align:left;padding-left:30px;}
table.fee-t1-tbl1 tbody th.th-2{text-align:left;padding-left:30px;}
table.fee-t1-tbl1 tbody td:first-of-type{text-align:center;}
table.fee-t1-tbl1 tbody td:last-of-type{text-align:right;}
table.fee-t1-tbl2 tbody th.th-2{text-align:left;padding-left:30px;}
table.fee-t1-tbl2 tbody td:first-of-type{text-align:center;}
table.fee-t1-tbl2 tbody td:last-of-type{text-align:right;}
table.fee-t2-tbl1 tbody th.th-2{text-align:left;padding-left:30px;}
table.fee-t2-tbl1 tbody td:first-of-type{text-align:center;}
table.fee-t2-tbl1 tbody td:last-of-type{text-align:right;}
table.fee-t3-tbl1 tbody th.th-2{text-align:left;padding-left:30px;}
table.fee-t3-tbl1 tbody td:first-of-type, table.fee-t3-tbl1 tbody td:nth-of-type(2){text-align:center;}
table.fee-t3-tbl1 tbody td:last-of-type{text-align:right;}
table.fee-t4-tbl1 tbody td{text-align:center;}
table.fee-t4-tbl1 tbody td:last-of-type{text-align:right;padding-right:30px;}
table.fee-t5-tbl1 tbody th.th-2{text-align:left;padding-left:30px;}
table.fee-t5-tbl1 tbody td:first-of-type{text-align:right;}
table.fee-t5-tbl1 tbody td:last-of-type{text-align:center;}
table.fee-t7-tbl1 tbody td{text-align:right;}
table.fee-t7-tbl1 tbody td:last-of-type{text-align:center;}
table.fee-t9-tbl1 tbody td{text-align:right;}
table.fee-t10-tbl1 tbody td:first-of-type{text-align:right;}
table.fee-t10-tbl1 tbody td:nth-of-type(2){text-align:left;}
table.fee-t11-tbl1 tbody td{text-align:center;}
table.fee-t11-tbl1 tbody td:nth-of-type(2){text-align:right;}
table.fee-t12-tbl1 tbody td{text-align:center;}
table.fee-t12-tbl1 tbody td:nth-of-type(2){text-align:right;}
table.fee-t13-tbl1 tbody td:first-of-type{text-align:right;}
table.fee-t14-tbl1 tbody td{text-align:center;}
table.fee-t15-tbl1 tbody td:first-of-type{text-align:center;}
table.fee-t15-tbl1 tbody td:nth-of-type(2){text-align:right;}
table.fee-t16-tbl1 tbody th:first-of-type{text-align:left;padding-left:30px;}
table.fee-t16-tbl1 tbody td:first-of-type{text-align:right;}
table.fee-t16-tbl1 tbody td:nth-of-type(2){text-align:center;}
table.data-t1-tbl1 tbody td{text-align:left;padding-left:30px;}
@media screen and (max-width:1200px){
  .article.fee{margin-top:30px;}
  .fee-searchWrap .writeWrap .table:last-of-type{border-bottom:1px #a6a6a6 solid;;}
  .fee-searchWrap .boardType1 .writeWrap{border-top:1px #a6a6a6 solid;border-bottom:0;}
  .fee-searchWrap .writeWrap .table{display:flex;border-bottom:1px #a6a6a6 solid;}
  .fee-searchWrap .writeWrap .table.fee{display:table;}
  .fee-searchWrap .writeWrap .table .cell dl.data{display:table;}
  .fee-searchWrap .writeWrap .table .cell dl.data dt{display:table-cell;width:100px;padding:10px 15px;background-color:#eaeaea;border-right:1px #a6a6a6 solid;border-top:0;}
  .fee-searchWrap .writeWrap .table .cell dl.data dd{display:table-cell;width:calc(100% - 100px);padding:10px 15px 7px;}
  .fee-searchWrap .btnWrap{padding-top:15px;}
  /* .fee-searchWrap .btnWrap{padding-top:15px 0 0;} */
  .matrix.scrollx table{table-layout:fixed;}
  .matrix.scrollx table.fee-tbl{min-width:700px;}
  .matrix.scrollx table.fee-t1-tbl1 tbody th.th-2, .matrix.scrollx table.fee-t1-tbl2 tbody th.th-2, .matrix.scrollx table.fee-tbl tbody td:nth-of-type(3), table.fee-t2-tbl1 tbody th.th-2, .matrix.scrollx table.fee-t3-tbl1 tbody th.th-2, .matrix.scrollx table.fee-t5-tbl1 tbody th.th-2,
  .matrix.scrollx table.fee-t16-tbl1 tbody th:first-of-type{padding:15px;}
  .matrix.scrollx table.fee-t1-tbl1{min-width:450px;}
  .matrix.scrollx table.fee-t1-tbl1 col.w35p{width:51%;}
  .matrix.scrollx table.fee-t1-tbl1 col.w25p{width:17%;}
  .matrix.scrollx table.fee-t1-tbl2{min-width:500px;}
  .matrix.scrollx table.fee-t1-tbl2 col.w35p{width:29%;}
  .matrix.scrollx table.fee-t1-tbl2 col.w25p{width:28%;}
  .matrix.scrollx table.fee-t2-tbl1{min-width:600px;table-layout:auto;}
  .matrix.scrollx table.fee-t2-tbl1 col.w35p{width:25%;}
  .matrix.scrollx table.fee-t2-tbl1 col.w25p{width:auto;}
  .matrix.scrollx table.fee-t3-tbl1{min-width:auto;}
  .matrix.scrollx table.fee-t5-tbl1{min-width:400px;table-layout:auto;}
  .matrix.scrollx table.fee-t5-tbl1 col.w15p{width:25%;}
  .matrix.scrollx table.fee-t5-tbl1 col.w45p{width:35%;}
  .matrix.scrollx table.fee-t7-tbl1{min-width:500px;table-layout:auto;}
  .matrix.scrollx table.fee-t7-tbl1 col.w20p{width:auto;}
  .matrix.scrollx table.fee-t9-tbl1{min-width:400px;table-layout:auto;}
  .matrix.scrollx table.fee-t10-tbl1{min-width:auto;table-layout:auto;}
  .matrix.scrollx table.fee-t11-tbl1{min-width:550px;table-layout:auto;}
  .matrix.scrollx table.fee-t12-tbl1{min-width:auto;table-layout:auto;}
  .matrix.scrollx table.fee-t13-tbl1{min-width:auto;table-layout:auto;}
  .matrix.scrollx table.fee-t14-tbl1{min-width:auto;table-layout:auto;}
  .matrix.scrollx table.fee-t15-tbl1{min-width:auto;table-layout:auto;}
  .matrix.scrollx table.data-t1-tbl1{min-width:auto;table-layout:auto;}
  .matrix.scrollx table.fee-t16-tbl1{min-width:auto;}
}
/* 소통1번가 - 묻고답하기 */
.boardType1 table tbody td.title {position:relative;}
.boardType1 table tbody .category {display: none;}
.boardType1 table tbody .lock{padding-left:40px; position:relative; min-height:30px;}
.boardType1 table tbody .lock:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:30px; height:30px; background:url(/static/portal/images/common/icon-lock.png) no-repeat 50% 0;}
.icon-cont .summary {margin-top:20px; font-size:2rem; font-weight: 500;}
.icon-cont.pw-input-cont .pw-input {margin:20px 0 30px;}
.icon-cont.pw-input-cont .pw-input input {width:250px;}
.icon-cont .has-btn {padding-left:5px;}
.icon-cont.auth-cont p+p {margin-top:10px;}
.icon-cont i{width: 120px; min-width: 120px; height: 120px; font-size: 0;}
.icon-cont .i-pw-input {background: url(/static/portal/images/common/icon-pw-input.png) 0 0 no-repeat;}
.icon-cont .i-auth-cont {background: url(/static/portal/images/common/icon-certify.png) 0 0 no-repeat;}
.icon-cont .i-petitions-cont {background: url(/static/portal/images/common/icon-petitions.png) 0 0 no-repeat;}
.bbs-common{margin:50px 0 30px;}
.reply-area {margin-top:20px;}
.reply-tit {padding:10px 0 0 54px; height:63px; font-size:2rem; color:#004899; background: url(/static/portal/images/common/icon-re.png) 0 0 no-repeat;}
.reply-tit.Q {background: url(/static/portal/images/common/icon-q.png) 0 0 no-repeat;}
.boardType1 .viewWrap .status-ing {margin-left:5px;}
.re-alarm {margin-top:50px;}
.re-alarm p {margin-bottom:20px;}
.re-alarm ul {display:flex; flex-wrap: wrap; justify-content: space-between;}
.re-alarm ul {margin-bottom:40px;}
.re-alarm input[type="radio"] {opacity: 0; position: fixed; width: 0;}
.re-alarm input[type="radio"]:focus + label {border: 1px solid #ee7700;}
.re-alarm input[type="radio"]:checked + label {border-color: #ee7700;}
.re-alarm input[type="radio"]:checked + label:after { content:'선택됨'; font-size:0;}
.re-alarm label {margin-left:16px; padding-top:107px; width:285px; height:185px; border:1px solid #d8dde5; background:#f9f9f9; text-align:center;color:#134290; font-size:2rem; line-height: 1.2; font-weight:500; vertical-align: top;}
.re-alarm label:first-of-type {margin-left:0;}
.re-alarm label:hover {background-color: #f9f9f9; border: 1px solid #ee7700;}
.re-alarm label:before {position:absolute; top:0; content:' '; display:block; width:100%; height:57px;margin-top:38px;}
.re-alarm label.talk:before {background:url(/static/portal/images/community/icon-alarm01.png) 50% 50% no-repeat;}
.re-alarm label.email:before {background:url(/static/portal/images/community/icon-alarm02.png) 50% 50% no-repeat;}
.re-alarm label.tel:before {background:url(/static/portal/images/community/icon-alarm03.png) 50% 50% no-repeat;}
.re-alarm label.url:before {background:url(/static/portal/images/community/icon-alarm04.png) 50% 50% no-repeat;}
.pinfo {margin-top:50px; margin-bottom:40px;}
.pinfo .r-agree {margin-top:15px;}
.i-caution {width: 73px;  min-width: 59px; height: 69px; background: url(/static/portal/images/community/icon-bbs-caution.png) 0 0 no-repeat;font-size: 0;}
.board-tbox {margin-bottom:50px; padding: 13px 30px 13px 145px;background-color: #f9f9f9;border: 1px #d8dde5 solid; position:relative;}
.board-tbox i {position:absolute; left:40px; transform: translateY(45%);}
.board-tbox .dash {display:flex; flex-wrap:wrap; margin-top:10px; margin-bottom:20px;}
.board-tbox .dash li {width:50%;}
@media screen and (max-width:1200px){
  .boardType1 table tbody .category {display: block; position:absolute; top:12px; right:14px;}
  .boardType1 table tbody .lock{padding-left:27px; min-height:23px;}
  .boardType1 table tbody .lock:before {width:23px; height:23px; background-size:cover;}
  .pw-input-cont{margin-top:25px;}
  .icon-cont .summary {margin-top:25px; font-size:1.5rem;}
  .pw-input-cont .pw-input {margin:10px 0 15px;}
  .pw-input-cont .pw-input label, .pw-input-cont .pw-input label input {width:100%;}
  .icon-cont .has-btn {display:block; margin-top:15px; padding-left:0;}
  .boxWrap + .boxWrap.service-poll {margin-top:15px;}
  .bbs-common{margin:25px 0 15px;}
  .reply-area {margin-top:10px;}
  .reply-tit, .reply-tit.Q {padding:5px 0 0 58px; height:40px; font-size:1.5rem; background-position:15px 0; background-size:34px auto;}
  .inputWrap.big .full label {width:100%;}
  .inputWrap.big span.full input{display:block;height:100px; padding-right:0;}
  .inputWrap.big .button {display:block; text-align:center; margin-top:15px;}
  .re-alarm {margin-top:25px;}
  .re-alarm p {margin-bottom:20px;}
  .re-alarm ul {margin-bottom: 20px;}
  .re-alarm li {margin:0 0 10px 0;width:calc(50% - 5px);}
  .re-alarm li:nth-of-type(2n){margin-left:10px;}
  .re-alarm label {padding-top:80px; width:100%; height:140px; font-size:1.5rem;}
  .re-alarm label:hover {background-color: #f9f9f9; border: 1px solid #004899;}
  .re-alarm label:before {position:absolute; top:0; content:' '; display:block; width:100%; height:44px; margin-top:30px;}
  .re-alarm label.talk:before {background-size:42px auto;}
  .re-alarm label.email:before {background-size:45px auto;}
  .re-alarm label.tel:before {background-size:38px auto;}
  .re-alarm label.url:before {background-size:37px auto;}
  .pinfo {margin-top:25px; margin-bottom:20px;}
  .board-tbox {margin-bottom:25px; padding: 85px 15px 13px 15px;background-color: #f9f9f9;border: 1px #d8dde5 solid; position:relative;}
  .board-tbox i {top:-15px; left:50%; margin-left:-25px;}
  .i-caution {width:53px; background-size: 53px auto;}
  .board-tbox .dash {margin-bottom:10px;}
  .board-tbox .dash li {width:100%;}
}
/* 소통1번가 - 공익신고센터, 국민제안 */
.declare-diagram01{position:relative;display:flex;}
.declare-diagram01 > div{width:calc(100% - 25px); max-width:260px;padding:30px 25px;background-color:#1364b2;color:#fff;font-size:2rem;font-weight:500;text-align:center;border-radius:60px; position: relative; margin-left:-25px;}
.declare-diagram01 > div:first-of-type{position:relative; margin-left:0;}
.declare-diagram01 > div:nth-of-type(even){background-color:#1e4a9f;z-index:1;opacity:0.9;}
/* .declare-diagram01 > div:nth-of-type(even){position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:#1e4a9f;z-index:1;opacity:0.9;}
.declare-diagram01 > div:last-of-type{position:absolute;top:0;right:0;}*/
.declare-diagram01 > div span {font-size:1.8rem; font-weight:400;}
.declare-process{overflow:hidden;display:table;margin:10px auto;}
.declare-process > div{width:168px;height:168px;padding:20px 15px;border:1px solid #224e97;border-radius:50%;text-align:center;float:left;}
.declare-process > div i{width:53px;height:48px;}
.declare-process > div i + strong{margin-top:5px;}
.declare-process > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;}
.declare-process > div p{color:#004899;width:120px;margin:auto; font-size:1.6rem;}
.declare-process {margin-top:30px;}
.declare-process .step1 i{background:url(/static/portal/images/community/icon-declare01.png) center center no-repeat;}
.declare-process .step2 i{background:url(/static/portal/images/community/icon-declare02.png) center center no-repeat;}
.declare-process .step3 i{background:url(/static/portal/images/community/icon-declare03.png) center center no-repeat;}
.declare-process .step4 i{background:url(/static/portal/images/community/icon-declare04.png) center center no-repeat;}
.declare-process .step5 i{background:url(/static/portal/images/community/icon-declare05.png) center center no-repeat;}
.declare-process .step6 i{background:url(/static/portal/images/community/icon-declare06.png) center center no-repeat;}
.declare-process > div{margin-right:32px;position:relative;}
.declare-process > div:after{content:'';display:block;float:left;width:35px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0; right:-35px;}
.declare-process > div:last-of-type:after{display:none;}
.declare-process.big  {padding-bottom:30px;}
.declare-process.big > div{width:217px;height:217px;padding:64px 15px 0; margin-right:44px;position:relative;}
.declare-process.big.offer > div{padding-top:47px;}
.declare-process.big.offer > div i{width:56px;height:52px;}
.declare-process.big > div:after{content:'';display:block;float:left;width:35px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0; right:-44px;}
.declare-process.big > div:last-of-type:after {display:none;}
.declare-process.big.money .step1 i{background:url(/static/portal/images/community/icon-declare-b01.png) center center no-repeat;}
.declare-process.big.money .step2 i{background:url(/static/portal/images/community/icon-declare-b02.png) center center no-repeat;}
.declare-process.big.money .step3 i{background:url(/static/portal/images/community/icon-declare-b03.png) center center no-repeat;}
.declare-process.big.offer .step1 i{background:url(/static/portal/images/community/icon-offer01.png) center center no-repeat;}
.declare-process.big.offer .step2 i{background:url(/static/portal/images/community/icon-offer02.png) center center no-repeat;}
.declare-process.big.offer .step3 i{background:url(/static/portal/images/community/icon-offer03.png) center center no-repeat;}
.declare-process.big.offer .step4 i{background:url(/static/portal/images/community/icon-offer04.png) center center no-repeat;}
.declare-process.big > div i + strong {margin-top:15px;}
.declare-process.big.offer > div i + strong {margin-top:12px;}
.counsel-list ul li{width:100%;display:flex;align-items:center;padding:30px 20px;border-bottom:1px solid #d9d9d9;}
.counsel-list ul li i{width:89px;height:89px;display:block;border:1px solid #004899;border-radius:50%;margin-right:20px;}
.counsel-list ul li i.i-untact{background:url(/static/portal/images/community/icon-counsel01.png) center center no-repeat;}
.counsel-list ul li i.i-contact{background:url(/static/portal/images/community/icon-counsel02.png) center center no-repeat;}
.counsel-list ul li .fc-primary {font-size:2rem;}
.declare-visual-t3{position: relative; width: 100%; height:264px; margin-bottom:50px; display: flex;justify-content: center; align-items: center; text-align:center; color: #fff;font-size:18px; background:url(/static/portal/images/community/declare-visual-t3.png) 50% 50% no-repeat;}
.declare-visual-t4{position: relative; width: 100%; height:264px; margin-bottom:50px; display: flex;justify-content: center; align-items: center; text-align:center; color: #fff;font-size:18px; background:url(/static/portal/images/community/declare-visual-t4.png) 50% 50% no-repeat;}
.declare-visual-t5{position: relative; width: 100%; height:264px; margin-bottom:50px; display: flex;justify-content: center; align-items: center; text-align:center; color: #fff;font-size:18px; background:url(/static/portal/images/community/declare-visual-t5.png) 50% 50% no-repeat;}
.declare-visual-t6{position: relative; width: 100%; height:264px; margin-bottom:50px; display: flex;justify-content: center; align-items: center; text-align:center; color: #fff;font-size:18px; background:url(/static/portal/images/community/declare-visual-t6.png) 50% 50% no-repeat;}
.needs-list{width:100%; margin:auto;}
.needs-list li{border:1px solid #e0e4ea;display:flex;align-items:stretch;justify-content:stretch;align-items:center;}
.needs-list li > div{font-weight:500;}
.needs-list .square{width:190px;height:120px;line-height:120px;font-size:2.4rem;color:#fff;text-align:center;background-size:cover !important;}
.needs-list li:first-of-type .square{background:url(/static/portal/images/community/needs01.png) 0 0 no-repeat;}
.needs-list li:nth-of-type(2) .square{background:url(/static/portal/images/community/needs02.png) 0 0 no-repeat;}
.needs-list li + li{margin-top:30px;}
.needs-list strong {display:block;}
.needs-list .text{width:calc(100% - 190px);padding:0 30px;font-size:1.8rem;}

@media screen and (max-width:1200px){
  .declare-diagram01{flex-wrap: wrap;}
  /* .declare-diagram01 > div{font-size: 1.5rem;padding:30px 0;border-radius:50px; display:block; margin-top:-20px; width:55%; height:100px; margin:-15px auto 0;}
  .declare-diagram01 > div:first-of-type{position:relative; margin:0 auto;}*/
  .declare-diagram01 > div span {font-size:1.3rem; font-weight:400;}
  .declare-process{margin:15px auto 5px;}
  .declare-process > div{width:148px;height:148px;margin-right:23px;padding:25px 15px;}
  .declare-process > div:after{width:23px;right:-24px;background-size:10px auto;}
  .declare-process > div:nth-of-type(n+3){margin-top:15px;}
  .declare-process > div strong{font-size:1.2rem;}
  .declare-process > div i{width:40px;height:40px;background-position:center center;}
  .declare-process > div p{font-size:1.2rem;}
  .declare-process .step3 p, .human-t4-steps .step4 p{width:auto;}
  .declare-process .step1 i{background-size:35px auto;}
  .declare-process .step2 i{background-size:30px auto;}
  .declare-process .step3 i{background-size:36px auto;}
  .declare-process .step4 i{background-size:33px auto;}
  .declare-process .step5 i{background-size:36px auto;}
  .declare-process .step6 i{background-size:32px auto;}
  .declare-process.big {padding-bottom:0px;}
  .declare-process.big > div{width: 148px; height: 148px; margin-right: 23px; padding: 45px 15px 0;}
  .declare-process.big.offer > div {padding-top:35px;}
  .declare-process.big > div:after{width: 23px;right: -24px; background-size: 10px auto;}
  .declare-process.big .step1 i{background-size:34px auto;}
  .declare-process.big .step2 i{background-size:35px auto;}
  .declare-process.big .step3 i{background-size:34px auto;}
  .declare-process.big.offer .step1 i{background-size:24px auto;}
  .declare-process.big.offer .step2 i{background-size:29px auto;}
  .declare-process.big.offer .step3 i{background-size:42px auto;}
  .declare-process.big.offer .step4 i{background-size:39px auto;}
  .declare-process.big.offer > div i{height:40px;}
  .declare-process.big > div i + strong{margin-top:15px;}
  .declare-process.money {padding-bottom:0px;}
  .declare-process.money > div{width: 148px; height: 148px; margin-right: 23px; padding: 45px 15px 0;}
  .declare-process.money > div:after{width: 23px;right: -24px; background-size: 10px auto;}
  .declare-process.big.money .step1 i{background-size:34px auto;}
  .declare-process.big.money .step2 i{background-size:35px auto;}
  .declare-process.big.money .step3 i{background-size:34px auto;}
  .declare-process.money > div i + strong{margin-top:15px;}
  div.article + div.article.counsel-list{margin-top:10px;}
  .counsel-list ul li{padding:15px 10px; align-items: initial;}
  .counsel-list ul li i{width:45px;height:45px;margin-right:15px;background-size:60% !important;}
  .counsel-list ul li .fc-primary {font-size:1.5rem;}
  .declare-visual-t3{margin-bottom:25px; height:198px;background-size: cover;}
  .declare-visual-t4{margin-bottom:25px; height:198px;background-size: cover;}
  .declare-visual-t5{margin-bottom:25px; height:198px;background-size: cover;}
  .declare-visual-t6{margin-bottom:25px; height:198px;background-size: cover;}
  .needs-list li{display:block;justify-content:unset;align-items:unset;}
  .needs-list li + li{margin-top:15px;}
  .needs-list .square{width:100%;height:calc((100vw - 30px)*0.63);line-height:calc((100vw - 30px)*0.63);font-size:1.8rem;}
  .needs-list .text{width:100%;min-height:63px;padding:15px;font-size:1.3rem;}
  .needs-list li:first-of-type .square{background:url(/static/portal/images/community/needs01m.png); background-size:cover;}
  .needs-list li:nth-of-type(2) .square{background:url(/static/portal/images/community/needs02m.png); background-size:cover;}
}
@media screen and (min-width:769px) and (max-width:1199px){
  .declare-diagram01 > div {width:calc(100% - 25px); max-width:217px; padding:30px 25px;border-radius:60px; margin-left:-25px;}
  .declare-diagram01 > div:first-of-type{position:relative; margin-left:0;}
  .declare-process > div {width:142px; height:142px; padding-top:25px;}
  .declare-process > div:nth-of-type(n+3) { margin-top:0px;}
}
@media screen and (max-width:768px){
  .declare-diagram01 > div {max-width:167px; font-size:1.5rem;}
  .declare-process > div:nth-of-type(n+3) { margin-top:0px;}
  .declare-process > div:nth-of-type(n+5) { margin-top:15px;}
}
@media screen and (max-width:767px){
  .declare-diagram01 > div{font-size: 1.5rem;padding:30px 0;border-radius:50px; display:block; margin-top:-20px; width:55%; height:100px; margin:-15px auto 0; max-width:none;}
  .declare-diagram01 > div:first-of-type{position:relative; margin:0 auto;}
  .declare-process > div:nth-of-type(n+3) { margin-top: 15px;}
}
/* 소통1번가 - 소방용품 사고신고센터 */
.declare-process-acc{overflow:hidden;display:table;margin:auto 0;}
.declare-process-acc .wrap {display:table-cell; position:relative; padding-bottom:45px;}
.declare-process-acc .cont {width:217px;height:217px;padding:64px 15px 0; border:1px solid #224e97;border-radius:50%;text-align:center;float:left; margin-right:43px;position:relative;}
.declare-process-acc .cont i{width:53px;height:48px;}
.declare-process-acc .cont i + strong{margin-top:15px;}
.declare-process-acc .cont strong{color:#004899;font-size:2rem;font-weight:500;display:block;}
.declare-process-acc .cont:after{content:'';display:block;float:left;width:43px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0; right:-43px;}
.declare-process-acc .cont:last-of-type{margin-right:0;}
.declare-process-acc .cont.step2 {margin-right:80px;}
.declare-process-acc .cont.step2:after {width:80px;right:-80px;}
.declare-process-acc .step1 i{background:url(/static/portal/images/community/icon-declare-b01.png) center center no-repeat;}
.declare-process-acc .step2 i{background:url(/static/portal/images/community/icon-declare-b02.png) center center no-repeat;}
.declare-process-acc .step3 i{background:url(/static/portal/images/community/icon-declare-b03.png) center center no-repeat;}
.declare-process-acc .step4 i{background:url(/static/portal/images/community/icon-declare-b02.png) center center no-repeat;}
.declare-process-acc .wrap:last-of-type .cont:last-of-type:after{display:none;}
.declare-process-acc .wrap:last-of-type .box {background:#1364b2; right:0px;}
.declare-process-acc .box {height:35px; line-height:35px; border-radius:5px; text-align:center; color:#fff; background:#3583ce; position:absolute; bottom:0; left:0; right:80px; font-size:1.8rem; font-weight:500;}
.declare-process-acc .pre-txt {position:absolute; left:-65px; top:127px; color:#004899;}
.declare-process-acc .pre-txt strong {font-weight:500; font-size:2rem; display:block;}

@media screen and (max-width:1200px){
  .declare-process-acc .wrap{display:flex; padding-bottom: 0; margin-bottom:80px; padding-left:10px;}
  .declare-process-acc .wrap:last-of-type{margin-bottom: 40px;}
  .declare-process-acc .cont{width: 148px; height: 148px; margin-right: 23px; padding: 35px 15px 0;}
  .declare-process-acc .cont:nth-of-type(even) {margin-right:17px;}
  .declare-process-acc .cont.step2 {margin-right:0;}
  .declare-process-acc .cont.step2:after{display:none;}
  .declare-process-acc .wrap:first-of-type:after {position:absolute; top:unset; right:0;  bottom:-60px; width:100%; height:10px; content:'';display:block;float:none; background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat; background-size:10px auto; transform:rotate(90deg);}
  .declare-process-acc .cont strong {font-size:1.2rem;}
  .declare-process-acc .cont:after{width: 23px;right: -24px; background-size: 10px auto;}
  .declare-process-acc .step1 i{background-size:34px auto;}
  .declare-process-acc .step2 i{background-size:35px auto;}
  .declare-process-acc .step3 i{background-size:34px auto;}
  .declare-process-acc .step4 i{background-size:35px auto;}
  .declare-process-acc .box {top:158px; height:28px; line-height:28px; border-radius:5px; background:#3583ce; bottom:0; right:0; font-size:1.3rem;}
  .declare-process-acc .wrap:last-of-type .box {right:0;}
  .declare-process-acc .pre-txt {left:0; top:-10px; width:100%; font-size:1.1rem; text-align:center;}
  .declare-process-acc .pre-txt strong {font-weight:500; font-size:1.2rem; display:inline;}
}
/* 소통1번가 - 칭찬·불만 */
.pub-system {margin-top:50px;}
.bbs-btnWrap {margin-top:30px;}
@media screen and (max-width:1200px){
  .pub-system {margin-top:25px;}
  .bbs-btnWrap {margin-top:20px;}
}
/* 소통1번가 - 국민제안 */
.viewWrapoffer {margin-top:40px; margin-bottom:50px; border-top:1px solid #d8dde5;}
.viewWrapoffer .viewWrapInfo {}
.viewWrapoffer .viewWrapInfo dl {display:table;}
.viewWrapoffer .viewWrapInfo dt {display: table-cell; width:120px;text-align: center;font-weight:500;vertical-align: middle;background: #eaeaea;}
.viewWrapoffer .viewWrapInfo dd {padding:20px;box-sizing:border-box;}
.head-phrase {margin:-5px 0 20px;}
.textarea-wrap .ui-wrapper{padding-bottom:0 !important;}
.textarea-wrap textarea {width:100% !important;}
@media screen and (max-width:1200px){
  .viewWrapoffer {margin-top:0px; margin-bottom:25px; border-top:0;}
  .viewWrapoffer .viewWrapInfo {padding:11px 15px 12px 15px;}
  .viewWrapoffer .viewWrapInfo dl {display:block;}
  .viewWrapoffer .viewWrapInfo dt {margin-bottom:5px; width:auto;}
  .head-phrase {margin:-5px 0 10px; padding:0 15px;}
  .textarea-wrap .ui-wrapper {width:auto !important;}
}
/* 소통1번가 - 상담예약 */
.input-sub-txt {padding-left:10px}
@media screen and (max-width:1200px){
  .input-sub-txt {padding-left:0;}
  .viewWrapoffer .viewWrapInfo dt {background: transparent;}
  .viewWrapoffer .viewWrapInfo dd {padding:5px 0 0;}
}
/* 소통1번가 - 체육시설사용신청 */
.application {margin-top:30px;}
.application-steps{overflow:hidden;display:table;margin:10px auto;}
.application-steps > div{width:210px;height:210px;padding:50px 15px 0 15px; border:1px solid #224e97;border-radius:50%;text-align:center;float:left;}
.application-steps > div i{width:55px;height:55px;}
.application-steps > div i + strong{margin-top:5px;}
.application-steps > div strong{color:#004899;font-size:2rem;font-weight:500;display:block;padding:5px 0 0;}
.application-steps > div p{color:#004899;width:120px;margin:auto;}
.application-steps .step1 i{background:url(/static/portal/images/community/icon-app01.png) center center no-repeat;}
.application-steps .step2 i{background:url(/static/portal/images/community/icon-app02.png) center center no-repeat;}
.application-steps .step3 i{background:url(/static/portal/images/community/icon-app03.png) center center no-repeat;}
.application-steps .step4 i{background:url(/static/portal/images/community/icon-app04.png) center center no-repeat;}
.application-steps .step5 i{background:url(/static/portal/images/community/icon-app05.png) center center no-repeat;}
.application-steps > div{margin-right:30px;position:relative;}
.application-steps > div:after{content:'';display:block;float:left;width:30px;height:100%;background:url(/static/portal/images/news/recuit-steps-arrow.png) center center no-repeat;position:absolute;top:0;right:-30px;}
.application-steps > div:last-of-type:after{display:none;}
@media screen and (max-width:1200px){
  .matrix.application {margin-top:15px;}
  .matrix.scrollx table.human-t4-tbl{table-layout:auto;min-width:450px;}
  .application-steps{margin:auto;}
  .application-steps > div{width:148px;height:148px;margin-right:23px;padding:30px 15px 0;}
  .application-steps > div:after{width:23px;right:-24px;background-size:10px auto;}
  .application-steps > div:nth-of-type(n+3){margin-top:15px;}
  .application-steps > div strong{font-size:1.2rem;}
  .application-steps > div i{width:40px;height:40px;background-position:center center;}
  .application-steps > div p{width:90px;}
  .application-steps .step3 p, .human-t4-steps .step4 p{width:auto;}
  .application-steps .step1 i{background-size:29px auto;}
  .application-steps .step2 i{background-size:30px auto;}
  .application-steps .step3 i{background-size:40px auto;}
  .application-steps .step4 i{background-size:38px auto;}
  .application-steps .step5 i{background-size:38px auto;}
}
@media screen and (min-width:769px) and (max-width:1199px){
  .application-steps > div {width:142px; height:142px; padding-top:25px;}
  .application-steps > div:nth-of-type(n+3) { margin-top:0px;}
}
@media screen and (max-width:768px){
  .application-steps > div:nth-of-type(n+3) { margin-top:0px;}
  .application-steps > div:nth-of-type(n+5) { margin-top:15px;}
}
@media screen and (max-width:767px){
  .application-steps > div:nth-of-type(n+3) { margin-top: 15px;}
}

/* 공공누리 .boxWrap.source */
.boxWrap.source a.no-pseudo{color:#004899;}

/* 통합검색 *//* 2020-09-23 suh */
.retrieval{position:relative;height:110px;background-image:linear-gradient(to bottom, #004189, #1364b2);}
.retrieval h2{font-size:2rem;font-weight:500;color:#fff;}
.retrieval .searchwrap .totsearchwrap label{margin-right:30px;}
.retrieval .searchwrap{position:relative;height:100%;}
.retrieval .searchwrap .totsearchwrap{width:100%;max-width:685px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-items:center;align-items:center;}
.retrieval .searchwrap .totsearchwrap > div{width:calc(100% - 230px);position:relative;}
.retrieval .searchwrap input{width:100%;height:50px;line-height:50px;padding-left:20px;padding-right:60px;font-size:1.6rem;font-weight:500;color:#004899;border:0;}
.retrieval .searchwrap input::placeholder{font-weight:500;color:#004899;}
.retrieval .searchwrap input::-webkit-input-placeholder{font-weight:500;color:#004899;}
.retrieval .searchwrap input:-ms-input-placeholder{font-weight:500;color:#004899;}
.retrieval .searchwrap input + button{width:50px;min-width:auto;height:50px;position:absolute;top:0;right:0;background:transparent;}
.retrieval .btn-searchdetail{min-width:120px;max-width:120px;margin-left:10px;line-height:50px;}
.retrieval .btn-searchdetail span::before{content:'';width:20px;height:20px;display:inline-block;background:url(/static/portal/images/common/i-arrow-w.png) 0 50% no-repeat;vertical-align:middle;}
.retrieval .btn-searchdetail.on span::before{background-position:100% 50%;transform:rotate(180deg);}

.srcOptionWrap{display:none;width:100%;max-width:1280px;height:0;opacity:0;position:absolute;left:50%;transform:translateX(-50%);border:1px solid #d8dde5;padding:25px 30px 30px;background-color:#fff;z-index:1; transition:all 0.5s;}
.srcOptionWrap.on{height:auto;opacity:1;}
.srcOptionWrap strong{display:block;font-size:2rem;font-weight:500;}
.srcOptionWrap .flex{display:flex;justify-content:flex-start;align-items:center;}
.srcOptionWrap .wrap{margin-bottom:20px;}
.srcOptionWrap .wrap.dPeriod strong{margin-bottom:15px;}
.srcOptionWrap .wrap.dPeriod .wave{margin-right:10px;margin-left:10px;}
.srcOptionWrap .wrap.dPeriod .flex > div:last-of-type{margin-left:30px;}
.srcOptionWrap .wrap.dArea{margin-bottom:15px;}
.srcOptionWrap .wrap.dArea strong{margin-bottom:5px;}
.srcOptionWrap .wrap label.radio + label.radio{margin-left:10px;}
.srcOptionWrap .boardType1{margin-top:15px;}
.srcOptionWrap .writeWrap .table .cell dl.data dt{width:204px;padding:0;text-align:center;}
.srcOptionWrap .writeWrap .table .cell dl.data input[type=text], .srcOptionWrap .writeWrap .table .cell dl.data input[type=search]{width:40%;}
.srcOptionWrap p{margin-top:15px;}
.srcOptionWrap .btnWrap{border-top:0;padding:5px 0 0;}

.gridWrap{display:flex;justify-content:space-between;align-items:flex-start;}
.searchResults{width:calc(100% - 240px);}
.searchResults .tab.fixedWidth > div{width:25%;}
.searchResults .tab.fixedWidth > div:nth-of-type(5n){border-width:0 0 1px 1px;}
.searchResults .tab.fixedWidth > div:nth-of-type(4n){border-right-width:1px;}
.searchResults .tabcontent{padding-top:50px;}
.hgroup{display:flex;justify-content:space-between;align-items:baseline;}
.searchResults .hgroup{align-items:baseline;}
.searchResults .hgroup .a-link{padding-bottom:20px;}
.favoritWords{width:210px;padding:18px 20px 20px;border:1px solid #d8dde5;}
.favoritWords .head{padding-bottom:15px;}
.favoritWords ol .rank{width:21px;height:21px;line-height:21px;display:inline-block;color:#fff;font-size:1.5rem;text-align:center;background-color:#30598c;vertical-align:middle;}
.favoritWords ol li{height:21px;margin-bottom:18px;}
.favoritWords ol li:last-of-type{margin-bottom:0;}
.favoritWords ol .info{display:inline-block;width:calc(100% - 40px);margin-left:15px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;position:relative;height:21px;line-height:21px;}

.boxWrapType2.srcResults{padding-right:30px;padding-left:30px;}
.boxWrapType2.srcResults li{line-height:2.5}
.boardType2.srcResults .thumbText li{padding-right:30px;padding-left:30px;}
.boardType2 .thumbText.srcResults .textwrap .regidate{top:35px;}
.boardType2 .thumbText.srcResults .textwrap .location{padding-bottom:10px;}
.boardType2 .thumbText.srcResults .textwrap .tit{font-size:1.8rem;}
.boardType2.srcResults .q{}
.boardType2.srcResults .q i{font-style:normal;font-size:1.8rem;}
.boardType2.srcResults .q i + span{font-size:1.8rem;}
.boardType2.srcResults .a{margin-top:15px;}
.boardType2.srcResults .a i{font-style:normal;}
.boardType2.srcResults .a i + span{}
.boardType2.srcResults .thumbText.files a > *{display:table-cell;}
.boardType2.srcResults .thumbText.files a i + span{padding-left:10px;}
.boardType2.srcResults .thumbText.files a + p{margin-top:10px;}
.boardType2.srcResults .thumbText.files a + p span{display:inline-block;}
.boardType2.srcResults .thumbText.files a + p span + span{margin-left:30px;}

@media screen and (max-width:1200px){
	.searchResults{width:100%;}
	.searchResults .tab.fixedWidth > div{width:33.3333%;}
	.searchResults .tab.fixedWidth > div:nth-of-type(4n){border-right-width:0;}
	.favoritWords{display:none;}
	.retrieval{height:120px;}
	.retrieval .searchwrap .totsearchwrap{width:100%;height:120px;display:block;padding:18px 15px;justify-items:unset;align-items:unset;}
	.retrieval .searchwrap .totsearchwrap label{margin-right:0;margin-bottom:10px;}
	.retrieval h2{width:100%;font-size:2.4rem;text-align:center;}
	.retrieval .searchwrap .totsearchwrap label{width:100%;margin-right:0;}
	.retrieval .searchwrap .totsearchwrap > div{width:calc(100% - 92px);display:inline-block;}
	.retrieval .searchwrap input{height:38px;line-height:38px;padding-left:15px;padding-right:48px;font-size:1.2rem;}
	.retrieval .searchwrap input + button{width:38px;height:38px;}
	.retrieval .searchwrap input + button i{background-size:18px;background-position:center center;}
	.retrieval .btn-searchdetail{min-width:80px;max-width:80px;line-height:38px;font-size:1.2rem;}
	.retrieval .btn-searchdetail span::before{width:18px;}

	.srcOptionWrap{padding:15px 15px 20px;}
	.srcOptionWrap strong{font-size:1.2rem;}
	.srcOptionWrap .wrap.dPeriod strong{margin-bottom:10px;}
	.srcOptionWrap .wrap{margin-bottom:15px;}
	.srcOptionWrap .flex{display:block;justify-content:unset;align-items:unset;}
	.srcOptionWrap .wrap.dPeriod .flex > div:last-of-type{margin-top:10px;margin-left:0;}
	.srcOptionWrap .wrap label.radio + label.radio{margin-left:0;}
	.srcOptionWrap .wrap .radio input + span{padding-left:25px;}
	.srcOptionWrap .boardType1{margin-top:10px;}
	.srcOptionWrap .boardType1 .writeWrap{border-bottom:0;}
	.srcOptionWrap .writeWrap .table .cell dl.data dt{width:100%;padding:0 0 7px 0;text-align:left;border-top:0;}
	.srcOptionWrap .writeWrap .table .cell dl.data dd{width:100%;padding:0 0 10px 0;text-align:left;}
	.srcOptionWrap .writeWrap .table .cell dl.data input[type=text], .srcOptionWrap .writeWrap .table .cell dl.data input[type=search]{width:100%;}
	.srcOptionWrap p{margin-top:0;}
	.srcOptionWrap .btnWrap .btn-search{width:100%;line-height:38px;font-weight:500;}

	.searchResults .tabcontent{padding-top:25px;}
	.searchResults .head, .searchResults .hgroup .a-link{padding:0 0 10px 0;}
	.boxWrapType2.srcResults{padding:10px 0;border-top:1px solid #3a3a3a;}
	.searchResults .boardType2 .thumbText li .thumbwrap{padding:0 15px 0 0;}
	.boardType2.srcResults .thumbText li{padding:15px 0;}
	.boardType2.srcResults .dl{display:table;width:100%;}
	.boardType2.srcResults .dl > span{display:table-cell;}
	.boardType2.srcResults .dl .dt{width:58px;}
	.boardType2.srcResults .dl .dd{width:calc(100% - 58px);word-break:break-all;}
	.boardType2.srcResults .dl .bar{display:none;}
	.boardType2 .thumbText.srcResults .textwrap{padding-right:0;padding-bottom:20px;}
	.boardType2 .thumbText.srcResults .textwrap .location{padding-bottom:5px;}
	.boardType2 .thumbText.srcResults .textwrap .tit{font-size:1.2rem;font-weight:500;}
	.boardType2 .thumbText.srcResults .textwrap .text{display:block;width:100%;margin-top:5px;-webkit-line-clamp:3;max-height:4.8em;}
	.boardType2 .thumbText.srcResults .textwrap .regidate{top:unset;bottom:0;}
	.boardType2.srcResults .q i, .boardType2.srcResults .q i + span{font-size:1.2rem;font-weight:500;}
	.boardType2.srcResults .a{margin-top:10px;}
	.boardType2.srcResults .thumbText.files a + p span + span{margin-left:15px;}
	.searchResults .boardType2 .thumbText{border-top:1px solid #3a3a3a;}
}

/* 이용안내 - 홈페이지 이용안내 */
.has-head h4{padding-left:0;}
.hp-guide-sub {margin-top:30px;}
.hp-guide-sub h5 {font-size:1.6rem;}
.has-pseudo i, .contents .has-pseudo a[target=_blank]:not(.sml):after {vertical-align:-3px;}
@media screen and (max-width:1200px){
  .hp-guide-sub {margin-top:15px;}
  .hp-guide-sub  h5{font-size:1.2rem;}
  .matrix.menu-info table th {width:25%;}
  .has-pseudo i, .contents .has-pseudo a[target=_blank]:not(.sml):after {vertical-align:sub;}
}
/* 이용안내 - rss */
.tbl-r-btn{position: absolute; top:50%; right:20px; transform: translateY(-50%);}
.has-head .matrix + p {margin-top:10px;}
@media screen and (max-width:1200px){
  .tbl-r-btn {margin-top:5px; position: static; display:block; transform:initial;top:initial; right:initial;}
}
/* 이용안내 - 개인정보처리방침 */
.txt-tbl01 {margin-bottom:40px;}
.txt-tbl02 {margin-bottom:25px;}
.tbl-btm-txt {margin-top:25px;}
.etc-term {font-weight: 500; margin-bottom:10px;}
.popup .matrix.scrollx.pinfo-item, .popup .matrix.scrollx.pinfo-term, .popup .matrix.scrollx.pinfo-consign {overflow-x:hidden;}
.popup .matrix.scrollx.pinfo-item table, .popup .matrix.scrollx.pinfo-term table, .popup .matrix.scrollx.pinfo-consign table {min-width: 1123px;}
#pop-before01 .popupWrap .default,
#pop-before02 .popupWrap .default,
#pop-before03 .popupWrap .default,
#pop-before04 .popupWrap .default,
#pop-before05 .popupWrap .default,
#pop-before06 .popupWrap .default,
#pop-before07 .popupWrap .default,
#pop-before08 .popupWrap .default,
#pop-before09 .popupWrap .default,
#pop-before10 .popupWrap .default,
#pop-before11 .popupWrap .default,
#pop-before12 .popupWrap .default,
#pop-before13 .popupWrap .default,
#pop-before14 .popupWrap .default,
#pop-before15 .popupWrap .default,
/*2024.09.25 csrno.4419([대민포털] 팝업화면 잘림 확인요청) Minjae.Kim*/ 
#pop-before16 .popupWrap .default,
#pop-before17 .popupWrap .default,
#pop-before18 .popupWrap .default {width:1200px;}
#pop-before19 .popupWrap .default {width:1200px;}
#pop-before20 .popupWrap .default {width:1200px;}


.privacy_policy_indent ul{list-style-type:none;}
.privacy_policy_indent li{text-indent:-15px; margin-left:20px}
.privacy_policy_indent h5{display:flex; align-items:center;}
.privacy_policy_indent h5 img{margin-left:10px;}
.privacy_template_button {display:inline-block; white-space: nowrap;font-size: 1.4rem;color: #1f4bb4; padding: 3px 15px;
	border: solid 2px #1f4bb4;border-radius: 10px; background: #fff; text-align:center;}
.indent{text-indent:-15px; margin-left:20px}
.no-indent{text-indent:0; margin-left:0; padding-left:0;}
.privacy-label-section{position:relative; margin:20px auto; padding:20px 30px; border:1px solid #d8dde5; }
.privacy-label-section h5{text-align:center;}
.privacy-label-wrap{margin:20px auto; box-sizing: border-box; padding: 0px 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative;}
.privacy-label-wrap a{width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%); display: flex;
    flex-flow: column; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position: relative;}
.privacy-label-wrap a:hover{text-decoration:none; }
.privacy-label-wrap .label-box{width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);
    display: flex; flex-flow: column; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position: relative;}
.privacy-label-wrap .label-box:hover {transition: 0.2s; border: 1px solid #1647aa;}
.privacy-label-wrap .label_cnt {font-size: 1.7rem;  margin-top: 20px; font-weight: 500; color: #111; text-align:center;}
.privacy-label-wrap .label_layer{display: none; position: absolute; box-sizing: border-box; border-radius: 10px; background-color: #fff; border: 1px solid #eee; width: 500px;  z-index: 999;}
.privacy-label-wrap .label_desc_top{width: 100%; box-sizing: border-box; padding:10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.privacy-label-wrap .label_desc_top p{color: #fff; }
.privacy-label-wrap .label_desc_btm{width: 100%;  box-sizing: border-box;  padding: 15px 20px; font-size: 13px;}
.privacy-label-wrap .desc_wrap{display: flex; flex-flow: row wrap;}
.privacy-label-wrap .desc_box{width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box;  /* padding: 10px 15px; */
    padding: 5px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.privacy-label-wrap .desc_tit{width: 50%;  font-weight: 500;  color: #1647aa; font-size: 13px; word-break: keep-all; }
.privacy-label-wrap .desc_cnt{ width: 50%; color: #333;  font-size: 13px;}
.label_layer.num0{top:0; left:110%; }
.label_layer.num1{top:0; left:110%; }
.label_layer.num2{top:0; right:110%; }
.label_layer.num3{top:0; left:110%; }
.label_layer.num4{top:0; left:110%; }
.label_layer.num5{top:0; right:110%;  }
.privacy-list-section{position:relative; margin:20px auto; padding:20px 60px; border:1px solid #d8dde5; background:#f9f9f9; overflow-x:hidden;}
.privacy-list-section h5{text-align:center;}
.privacy-list-section ul{margin: 10px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.privacy-list-section li{width: 33%; margin-bottom: 20px; position: relative; box-sizing: border-box;}
.privacy-list-section li a {background-repeat:no-repeat; padding-left: 30px; display: flex; align-items: center;}
.privacy-list-section li:nth-child(1) a{background-image: url(/static/portal/images/privacy/img_private_20.png);}
.privacy-list-section li:nth-child(2) a{background-image: url(/static/portal/images/privacy/img_period_20.png);}
.privacy-list-section li:nth-child(3) a{background-image: url(/static/portal/images/privacy/img_third_20.png);}
.privacy-list-section li:nth-child(4) a{background-image: url(/static/portal/images/privacy/img_consign_20.png);}
.privacy-list-section li:nth-child(5) a{background-image: url(/static/portal/images/privacy/img_court_20.png);}
.privacy-list-section li:nth-child(6) a{background-image: url(/static/portal/images/privacy/img_access_req_20.png);}
.privacy-list-section li:nth-child(7) a{background-image: url(/static/portal/images/privacy/img_destruction_20.png);}
.privacy-list-section li:nth-child(8) a{background-image: url(/static/portal/images/privacy/img_safe_20.png);}
.privacy-list-section li:nth-child(9) a{background-image: url(/static/portal/images/privacy/img_cpo_20.png);}
.privacy-list-section li:nth-child(10) a{background-image: url(/static/portal/images/privacy/img_help_20.png);}
.privacy-list-section li:nth-child(11) a{background-image: url(/static/portal/images/privacy/img_cookie_20.png);}
.privacy-list-section li:nth-child(12) a{background-image: url(/static/portal/images/privacy/img_add20.png);}
.privacy-list-section li:nth-child(13) a{background-image: url(/static/portal/images/privacy/img_level_20.png);}
.privacy-list-section li:nth-child(14) a{background-image: url(/static/portal/images/privacy/img_cctv_20.png);}
.privacy-list-section li:nth-child(15) a{background-image: url(/static/portal/images/privacy/img_change_20.png);}
.personal-process{position:relative; margin:20px auto; padding:30px 95px; border:1px solid #d8dde5; background:#f9f9f9; overflow-x:hidden;}
.personal-process a{color:inherit; text-decoration: none; cursor: default;}
.personal-process .level-1{width:200px;height:50px;position:relative;margin:auto;}
.personal-process .level-1 .dt{width:100%;height:100%;line-height:50px;background-color:#30598c;color:#fff;text-align:center;}
.personal-process .level-1 .dt:before{content:'';display:block;width:100px;height:35px;border-right:1px solid #004899;position:absolute;bottom:-35px;left:0;}
.personal-process .level-ex-3{width:180px;margin-top:-25px;}
.personal-process .level-ex-3 > div{text-align:center;}
.personal-process .level-ex-3 .dt{padding:13px 10px;text-align:center;background-color:#30598c !important;color:#fff;}
.personal-process .level-ex-3{width:180px;position:absolute;top:344px;right:204px;}
.personal-process .level-ex-3 .dt{padding:13px 10px;text-align:center;background-color:#1364b2;color:#fff;}
.personal-process .level-ex-3 dl{text-align:center;}
.personal-process .level-ex-3 dt{padding:13px 10px;position:relative;background-color:#1364b2;color:#fff;}
.personal-process .level-ex-3 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #1364b2;color:#004899;}
.personal-process .level-ex-3 dt:before{content:'';display:block;position:absolute;width:306px;height:100px;top:-100px;left:-216px;border-top:1px solid #004899;border-right:1px solid #004899;}
.personal-process .level-ex-4{width:180px;position:absolute;top:295px;right:0}
.personal-process .level-ex-4 > div{text-align:center;}
.personal-process .level-ex-4 .dt{padding:6px 10px;text-align:center;background-color:#30598c;color:#fff;}
.personal-process .level-ex-4 dl{width:180px;text-align:center;}
.personal-process .level-ex-4 dt{padding:13px 10px;position:relative;background-color:#30598c;color:#fff;}
.personal-process .level-ex-4 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #30598c;color:#004899;}
.personal-process .level-2{width:100%; padding:0 105px; margin-top:68px;display:flex;justify-content:space-between;align-items:stretch;}
.personal-process .level-2 > div{position:relative; display:flex; justify-content: flex-end; flex:1;}
.personal-process .level-2 > div:first-child{justify-content:flex-start;}
.personal-process .level-2 dl{text-align:center; width:250px;}
.personal-process .level-2 dt,
.personal-process .level-2 .dt{padding:13px 10px;position:relative;background-color:#1364b2;color:#fff;}
.personal-process .level-2 > div:before{content:'';display:block;width:calc(100% - 125px);height:34px;border:1px solid #004899;border-width:1px 1px 0 0;position:absolute;top:-34px;left:0;}
.personal-process .level-2 > div:first-child:before {border-width:1px 0 0 1px;left:auto;right:0;}
.personal-process .level-2 dl.first dt:before {display:block; border-width:1px 0 0 1px; left:50%;}
.personal-process .level-2 dl.first dt:after{border-left:1px solid #004899;}
.personal-process .level-2 .level-ex-3 .dt:before, .personal-process .level-2 .level-ex-3 .dt:after{display:none;}
.personal-process .level-2 dd{padding:12px 10px;margin-top:10px;position:relative;border:1px solid #134290;color:#004899;}
.personal-process .level-2 dd:before{content:'';display:block;width:125px;height:10px;border-right:1px solid #004899;position:absolute;top:-11px;left:0;}
.personal-process .level-2 .dt{padding:13px 10px;text-align:center;background-color:#1364b2;color:#fff;}
.personal-process .level-3-wrap {display:flex; justify-content: space-between;}
.personal-process .level-3{width:100%;margin-top:20px; position:relative; display:flex;}
.personal-process .level-3:before{position:absolute; content:''; top:-20px; right:0; width:calc(50% + 2px); height:20px; border-left:1px solid #004899;}
.personal-process .level-3-wrap > div:first-child .level-3:before {width:calc(50% - 7px);}
.personal-process .level-3 dl{text-align:center;}
.personal-process .level-3 dt{padding:13px 10px;position:relative;background-color:#138bb2;color:#fff;}
.personal-process .level-3 dt:after,
.personal-process .level-3 .dt:after{display:none;}
.personal-process .level-3 dt:before,
.personal-process .level-3 .dt:before{content:'';display:block;width:90px;height:10px;border-top:0;border-right:1px solid #004899;position:absolute;top:-10px;left:0;}
.personal-process .level-3 dd{padding:25px 10px;margin-top:10px;position:relative;border:1px solid #134290;color:#004899;}
.personal-process .level-3 dd:before {content:'';display:block;width:90px;height:20px;border-right:1px solid #004899;position:absolute; left:-20px;}
.personal-process .level-3 .dd{height:95px; padding:10px; margin-top:20px; margin-left:10px;position:relative;border:1px solid #134290;color:#004899; width:220px; text-align:center; display:flex; align-items: center; justify-content: center;}
.personal-process .level-3 .dd:first-child {margin-left:0;}
.personal-process .level-3 .dd:before {content:'';display:block; width:calc(100% - 100px); height:20px;border-top:1px solid #004899; border-right:1px solid #004899; position:absolute; left:-12px; top:-21px;}
.personal-process .level-3 .dd:first-child:before{left:inherit; right:0; width:calc(100% - 102px); border-left:1px solid #004899; border-right:0;}
.personal-process .level-3-wrap > div:first-child .dd:first-child:before {width:calc(100% - 112px);}
.personal-process .level-3-wrap > div:first-child .dd:before{width:calc(100% - 90px);}
.personal-process .level-3-extra {position:relative;}
.personal-process .level-3-extra:before {position:absolute; content:''; top:-10px; left:25%; width:1px; height:10px; border-left:1px solid #004899;}
.personal-process .level-3-extra .dd {margin-top:10px; background:#138bb2; text-align:center; color:#fff; height:50px; width:calc(50% - 5px); line-height:50px;}
.privacy_chart_img{width:calc(80% - 20px); height:calc(100px - 1%); object-fit:scale-down; margin:auto; display:block;}
.privacy_process_img{width:calc(100% - 20px); height:calc(50px - 1%); object-fit:scale-down; margin:auto; display:block;}
@media screen and (max-width:1200px){
  .txt-tbl01 {margin-bottom:20px;}
  .txt-tbl02 {margin-bottom:10px;}
  .tbl-btm-txt {margin-top:15px;}
  .etc-term {margin-bottom:5px;}
  .matrix.pinfo-item table {table-layout: fixed; min-width:750px;}
  .matrix.pinfo-term table {table-layout: fixed; min-width:700px;}
  .matrix.pinfo-consign table {table-layout: fixed; min-width:550px;}
  .popup .matrix.scrollx.pinfo-item, .popup .matrix.scrollx.pinfo-term, .popup .matrix.scrollx.pinfo-consign {overflow-x:scroll;}
  .popup .matrix.scrollx.pinfo-item table{min-width:750px;}
  .popup .matrix.scrollx.pinfo-term table{min-width:700px;}
  .popup .matrix.scrollx.pinfo-consign table {min-width:550px;}
  #pop-before01 .popupWrap .default,
  #pop-before02 .popupWrap .default,
  #pop-before03 .popupWrap .default,
  #pop-before04 .popupWrap .default,
  #pop-before05 .popupWrap .default,
  #pop-before06 .popupWrap .default,
  #pop-before07 .popupWrap .default,
  #pop-before08 .popupWrap .default,
  #pop-before09 .popupWrap .default,
  #pop-before10 .popupWrap .default,
  #pop-before11 .popupWrap .default,
  #pop-before12 .popupWrap .default,
  #pop-before13 .popupWrap .default,
  #pop-before14 .popupWrap .default,
  #pop-before15 .popupWrap .default{width:100vw;}
  .privacy-list-section li a {padding : 3px 0px 3px 30px;}
  .personal-process, .popupWrap .default .popBody .article.personal-process{margin:15px 0 25px; padding:15px;}
  .personal-process .level-1{width:45%;height:30px;}
  .personal-process .level-1 .dt{line-height:30px; height:30px;}
  .personal-process .level-1 .dt:before{width:46px;height:178px;bottom:-178px;}
  .personal-process .level-1 .dt:before {width: 50%; height: 15px; bottom: -15px;}
  .personal-process .level-2 {margin-top:30px; padding-left:10px; padding-right:10px;}
  .personal-process .level-2 > div{width:50%; padding-right: 0; padding-left: 8%;}
  .personal-process .level-2 > div:first-child{padding-right: 8%; padding-left: 0;}
  .personal-process .level-2 > div:before {width:58%;}
  .personal-process .level-2 dl {width:100%;}
  .personal-process .level-2 dt,
  .personal-process .level-2 .dt {padding:0 10px;  position: relative;  background-color: #1364b2; color: #fff; height:40px; display: flex;align-items: center; justify-content: center;}
  .personal-process .level-2 .long a {height:70px;}
  .personal-process .level-2 > div:before { top: -15px;}
  .personal-process .level-2 dd{padding:0;height:45px; display: flex;align-items: center; justify-content: center;}
  .personal-process .level-2 dd.long {height:70px;line-height: 1.3;}
  .personal-process .level-2 dd:before {width: 50%;}
  .personal-process .level-3 {width: auto; margin: 10px -10px 0;}
  .personal-process .level-3:before {top:-10px; height:10px; width:50%;}
  .personal-process .level-3-wrap > div:first-child .level-3:before {width:50%;}
  .personal-process .level-3 .dd {flex:1;width:auto;margin:10px 0 0 5px; height:88px; padding:0; line-height:1.3; }
  .personal-process .level-3 .dd:first-child {margin-left:0;}
  .personal-process .level-3 .dd span {display: table-cell; vertical-align: middle;}
  .personal-process .level-3 .dd:before {width: calc(50% + 14px); height: 10px; border-top: 1px solid #004899; border-right:1px solid #004899; left:-14px; /* left: -12px; */ top: -11px;}
  .personal-process .level-3-wrap > div:first-child .dd:first-child:before {width:calc(50%); left:inherit; right:0;}
  .personal-process .level-3 .dd:first-child:before {width:calc(50%);}
  .personal-process .level-3-wrap > div:first-child .dd:before {width:calc(50% + 14px);}
  .personal-process .level-3-wrap {padding: 0 10px;}
  .personal-process .level-3-wrap > div {width: 42%;}
  .personal-process .level-3-extra {width:auto; margin:0 -10px;}
  .personal-process .level-3-extra .dd {width: calc(50% - 5px); height:30px; line-height: 30px;}
  .privacy_template_button{font-size:1.1rem; padding:0px 10px;}
  .privacy-label-wrap {margin:0px;}
  .privacy-label-wrap .label-box{height:180px;}
  .privacy-label-wrap .label_cnt{font-size:1.3rem;}
  .privacy-list-section{padding : 20px 20px;}
}
@media screen and (max-width:500px){
	.privacy-list-section li a {padding-left: 5px; display: flex; align-items: center;}
	.privacy-list-section li:nth-child(n+1) a{background-image: url();}
	.privacy-label-wrap img{width:50px;}
	.privacy-label-wrap .label-box{height:180px; padding:10px 10px;}
	.privacy-label-wrap .label_cnt{font-size:1.1rem;}
	}
@media screen and (max-width:320px){
  .personal-process dt, dd, .dt, .dd {font-size:1.1rem;}
  .personal-process .level-3-wrap {padding:0 15px;}
  .personal-process .level-3 {margin:10px -15px 0;}
  .personal-process .level-3-extra {margin:0 -15px;}
  .privacy-list-section {display:none;}
  .privacy-label-section {display:none;}
}

@media print{
	html {font-size:16px;}
	h3 {font-size:1.8rem;}
  #skipnav, .header, .pagevisual, .pagelocation, .footerwrap, .footer{display:none;}
  #contents{display:block;}
  .contents{max-width:100%;width:100%;}
  .contents *{zoom:0.9;}
  .matrix.scrollx{overflow:auto;}
  .matrix.scrollx table{min-width:auto;}
  .f-flex-wrap.test-binfo div,
  .f-flex-wrap.safe-mng,
  .has-desc + .article .bd-steps{zoom:0.8;}
  .application-steps{zoom:0.7;}
  .article.kfi-intro-5{margin:auto;zoom:1.2}
  .history-section{margin-left:-238px;}
  .process-dia{zoom:0.7;}
  .process-dia *{zoom:1;}
  .organizationWrap{zoom:0.7;}
  .organizationWrap *{zoom:1;}
  .organizationWrap .level-2 dt:before, .organizationWrap .level-2 .dt:before{width:calc(50% + 65px);left:-65px;}
  .organizationWrap .level-2 dt:after, .organizationWrap .level-2 .dt:after{width:calc(50% + 65px);right:-65px;}
  .organizationWrap .level-ex-3 .dt:after{right:113px;}
  .tab, .tab.fixedWidth {display: none;}
}

/* Add */
.sub_head {margin-bottom: 20px;padding:20px 40px;box-sizing:border-box;background-color: #f9f9f9;}
.sub_head .sub_tit {font-size: 2rem;font-weight: 300;padding-bottom:10px;line-height: 1.45;}
.sub_head .sub_desc {line-height: 1.5;color: #134290;}

.declare-process.inspec > div i + strong {margin-top: 12px;}
.declare-process.inspec > div {margin-bottom: 15px;}
.declare-process.inspec > div i {width: 53px;height: 53px;}
.declare-process.inspec > div:nth-of-type(n+3) {margin-top:0;}
.declare-process.inspec .step_1 i{background:url(/static/portal/images/business/ico_order01.png) center center no-repeat;}
.declare-process.inspec .step_2 i{background:url(/static/portal/images/business/ico_order02.png) center center no-repeat;}
.declare-process.inspec .step_3 i{background:url(/static/portal/images/business/ico_order03.png) center center no-repeat;}
.declare-process.inspec .step_4 i{background:url(/static/portal/images/business/ico_order04.png) center center no-repeat;}
.declare-process.inspec .step_5 i{background:url(/static/portal/images/business/ico_order05.png) center center no-repeat;}

.btn_new {display:inline-block;white-space: nowrap;font-size: 1.4rem;color: #1f4bb4;padding: 3px 15px;border: solid 2px #1f4bb4;border-top-right-radius: 10px;border-bottom-left-radius: 10px;background: #fff;}
.btn_new.shortcut:after {content:'';display:inline-block;width: 7px;height: 12px;margin-left: 10px;background: url(/static/portal/images/common/ico_arr_r.png) center center no-repeat;}
.btn_new.download:after {content:'';display:inline-block;width: 13px;height: 13px;margin-left: 10px;background: url(/static/portal/images/common/ico_download.png) center center no-repeat;}
.btn_new.fee {position: relative;margin:5px 0 10px;}
a.btn_new:hover, a.btn_new:focus {color:#1f4bb4;background: #ebf2f9;text-decoration: none;}

.img_list {font-size: 0;margin-left: -10px;}
.img_list li {display:inline-block;position: relative;width:33.1%;width: calc(33.3333% - 10px);margin-left: 10px;}
.img_list li span {position: relative;display: inline-block;width: 100%;padding-bottom: 78%;overflow: hidden;}
.img_list li span img {position: absolute;height: auto;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.matrix tbody th.bold {font-weight:500;}
.btn_shortcut {position: absolute;left:0;top:0;width:100%;height:100%;font-size:0;text-indent: -9999px;overflow: hidden;}

.legal_basis {padding: 25px;box-sizing: border-box;text-align: center;}
.legal_basis img {position: relative;max-width: 100%;margin: auto;}

.main .article.p2 .banner_wrap {position: relative;margin-left: 40px;width:390px;height:240px;}
.main .article.p2 .slide{position:relative;height:100%;}
.main .article.p2 .slide img {z-index: 1;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;}
.main .article.p2 .slick-slide > div{position:relative;width:100%;height:160px;overflow: hidden;}
.main .article.p2 .slick-arrow{z-index:1;position:absolute;bottom:-75px;width:40px;height:40px;background-position:center center;background-repeat:no-repeat;font-size:0;}
.main .article.p2 .slick-arrow:hover, .main .article.p2 .slick-arrow:focus{background-color:#eee;}
.main .article.p2 .slick-prev{background-image:url(/static/portal/images/main/p2_prev.png);left:20px;background-color: transparent;}
.main .article.p2 .slick-next{background-image:url(/static/portal/images/main/p2_next.png);left:61px;background-color: transparent;}
.main .article.p2 .slick-dots{z-index: 1;position:absolute;bottom: -66px;right: 59px;overflow:hidden;}
.main .article.p2 .slick-dots li{float:left;padding:7px;font-size:0;}
.main .article.p2 .slick-dots button{width:7px;height:7px;border-radius:50%;font-size:0;background-color:#d4d6d8;}
.main .article.p2 .slick-dots .slick-active button, .main .article.p2 .slick-dots button:hover{background-color:#ed5565;}
.main .article.p2 .buttons{width:100%;height:50px;position:absolute;left:0;bottom:0;font-size:0;background: #f4f5f8;border-radius: 30px;}
.main .article.p2 .buttons button{display:inline-block;width:32px;height:32px;font-size:0;}
.main .article.p2 .buttons .hide{display:none;}
.main .article.p2 .buttons .play{position: absolute;right: 20px;bottom: 9px;background:url(/static/portal/images/main/p2_play.svg) center center no-repeat;background-size:100%;}
.main .article.p2 .buttons .pause{position: absolute;right: 20px;bottom: 9px;background:url(/static/portal/images/main/p2_pause.svg) center center no-repeat;background-size:100%;}

.boxWrap textarea.terms {width:100%;resize:none;line-height: 1.5;}

.boardType2.noResult {display: flex;justify-content: center;flex-flow: column;border-top:2px solid #3a3a3a;border-bottom:1px solid #d8dde5;padding:30px 0;}
.boardType2.noResult .ico_exclam {display:block;text-align: center;width:55px;height:55px;background: url(/static/portal/images/main/ico_exclamation.png) center center no-repeat;background-size: 100%;margin:0 auto;}
.boardType2.noResult .ico_exclam + ul {display:inline-block;margin: 20px auto 0;list-style:disc;}
.boardType2.noResult .ico_exclam + ul li {list-style: inherit;}
.boardType2.noResult .ico_exclam + ul li span {color: #ff4500;}

.boardType1 table tbody td .pass_num span + span {position: relative;display: inline-block;margin-left: 11px;}
.boardType1 table tbody td .pass_num span + span:before {content:'-';position: absolute;left:-9px;}

.pass_list li + li {margin-top:20px;}
.pass_list li h5.head{padding-left:0;}
.pass_list table tbody th.th-2 {text-align: left;}
.cyber_print {display: block;width:100%;text-align: right;}
.cyber_print .btn-print {width: 50px;height:50px;border: 1px #d8dde5 solid;text-align: center;cursor:pointer;}

.boardType1.record {width:100%;overflow: hidden;overflow-x: auto;}

@media screen and (max-width:1200px){
	.sub_head .sub_desc br {display: none;}
	.btn_new {padding:0 10px;font-size:1.2rem;}
	.btn_new:after {width: 7px;height: 10px;margin-left: 5px;}
	.btn_new.download:after {width:9px;height: 9px;background-size: contain;}
	.btn_new.shortcut:after {height:10px;}
	.matrix.scrollx table.table_edu {min-width:350px;}
	.main .article.p2 .banner_wrap {width:100%;margin-left: 0;margin-top:40px;}
	.main .article.p2 .slide img {width:100%;}
	.main .article.p2 .slick-dots {bottom:-63px;}
	.main .article.p2 .slick-dots li {padding:4px;}
	.btn_new.fee {margin: 5px 15px 10px;}
	.pass_list {margin:0 15px;}
	.pass_list .matrix.scrollx table {min-width: 500px;}
}
@media screen and (max-width:520px){
	.img_list {margin-left:0;}
	.img_list li {display:inline-block;position: relative;width:100%;margin-left: 0;}
	.img_list li span {padding-bottom: 76%;}
}