/*오시는길*/
.location{width:100%;height:auto;overflow:hidden;width:100%;margin-top:15px;margin-bottom:30px;}
.waytogo h4{line-height:40px;font-size:15.5px;margin-bottom:3px;}
.waytogo h4:before{content: "";display: inline-block;background-image:url(../../images/iwcms/sub/bus.png);width:32px;height:33px;vertical-align: top;margin-right:8px; }
.root_daum_roughmap{border-bottom:1px solid #ddd;}
.wrap_controllers{display:none;}
.way.bt_st1 {margin-top:15px;background-color: #2359c4;text-align:center;padding:0;}
.way.bt_st1 a{color:#fff;display:block;padding:12px 30px;}

@media all and (min-width:768px){
   
    .way.bt_st1{display:block;position:absolute;bottom:30px;right:30px;}
	.way.bt_st1 a{color:#fff;display:block;padding:12px 30px;padding:12px 50px}

    .way a{color:#fff;}
    .waytogo h4{line-height:40px;font-size:16.5px;}
	.tx_box3.loca_txt{padding-left:50px;}
	
}
@media all and (min-width:1024px){
.way.bt_st1{font-size:15px;}

    .waytogo{display:flex;} 
    .waytogo h4{line-height:40px;font-size:17.5px;margin-bottom:3px;margin-top:5px;background-color:#eee;width:130px;height:130px;border-radius:50%;}
    .waytogo h4:before{content: "";display: block;width:46px;height:46px;background-size:100%;margin-left:8px;margin-bottom:5px;}
		.tx_box3.loca_txt{padding-left:100px;}
}

/*tx_box*/
.tx_box1, .tx_box2{border:5px solid #eee;padding:20px;margin-top:15px;}
.tx_box2 {margin-bottom:30px;}
.tx_box2_in{position:relative;}
.tx_box2 .tx_cont h2{margin-bottom:10px;}
.tx_box2 .tx_cont p{font-size:15px;font-weight:300;line-height:1.5em;color:#777;letter-spacing: -0.5px}

.tx_box3{padding:20px 15px 0px 15px;background-color:#fff;border:5px solid #eee;position:relative;margin-bottom:30px;}
.tx_box3 h3, .tx_box3 p{color:#555;display:block;}
.tx_box3 h3{font-size:17px;margin-bottom:7px;letter-spacing: -0.1px;color:#333;}
.tx_box3 p{font-size:14.5px;letter-spacing: -0.3px;line-height:1.8em;}
.tx_box3 p strong{font-weight:500;margin-right:8px;display: inline-block;}
.tx_box3 p strong:before{content: "";display: inline-block;width: 3px;height: 3px;background-color: #333;vertical-align: top;margin-top: 10px; margin-right: 3px;border-radius: 50%;}
.tx_box3.loca_txt{padding-bottom:30px;padding-top:30px;}
.tx_box_s {padding: 15px 15px 15px 20px;border: 1px solid #ddd;font-size: 14.5px;margin-left: 15px;background-color: #f7f7f7;margin-top: 10px;}
.tx_box3.facil_box{margin-bottom:0;border:0;font-size:0;width:100%;}

@media all and (min-width:768px){
     .tx_box1{padding:35px;}
     .tx_box2{padding:40px 110px;}
     .tx_box2 .tx_cont{padding-left:150px;position:relative;}
     .tx_box2 .tx_cont:before{content:"";display: block; position:absolute;width:110px;height:110px;top:0;left:0;top:-10px;background-repeat: no-repeat;}
     .tx_box2 .tx_cont.whistle:before {background-image: url(../../images/iwcms/sub/whistle2.png);}
	 .tx_box2 .tx_cont.openinfo:before {background-image: url(../../images/iwcms/sub/openinfo_ico.png);top:35px;}
	 .tx_box2 .tx_cont.active:before {background-image: url(../../images/iwcms/sub/active_ico.png);top:35px;}
	 .tx_box2 .tx_cont.userguide:before {background-image: url(../../images/iwcms/sub/userguide_ico.png);top:5px;}
	 .tx_box2 .tx_cont.whistle.suggest:before {background-image: url(../../images/iwcms/bbs/suggestion_ico.png)}
     .tx_box2{margin-bottom:60px;}
     .tx_box2 .tx_cont h2{margin-bottom:10px;}
     .tx_box2 .tx_cont p{font-size:16px;font-weight:400;line-height:1.5em;color:#555;letter-spacing: -0.5px}
     .tx_box3{display:flex;padding:20px 0px;flex-wrap:wrap;position:relative;}
     .tx_box3 h3{margin-bottom:0;margin-right:30px;font-size:0;position:relative;z-index: 1;text-align:center;color:#333;}
     .tx_box3 h3:before{content: "";display: block;width:90px;height:70px;text-align: center;margin:0 auto;margin-bottom:20px;background-repeat:no-repeat;background-size:100%;opacity:0.9;}
     .tx_box3 p{line-height:1.8em;margin-right:10px;font-size:14px}
	 .tx_box3.loca_txt h3:before{background-image:url(../../images/iwcms/sub/company_ico.png)}
	 .tx_box3.facil_box h3:after{content: "";display: block;width:55px;height:55px;border-radius: 15px;position:absolute;top:10px;left:50%;z-index:-1;transform: translateX(-50%);background-image:url(../../images/iwcms/sub/guide_ico14.png);background-size:100%;}
}
@media all and (min-width:1024px){
    .tx_box3 h3:before{display:none;}
    .tx_box1.waytogo{padding:40px 100px;}
    .tx_box3{padding:30px 20px;padding-left:100px;}
    .tx_box3 h3{font-size:22px;margin-right:80px;position:relative;}
    .tx_box3 p{font-size:16.5px;margin-right:10px;line-height:1.9}
    .tx_box3 p strong{margin-right:15px;}
    .tx_box3 p strong:before{margin-top:15px;margin-right:5px}  
	.tx_box3.facil_box{padding:80px 0 0 50px;border:0;width:45%;}
    .tx_box3.facil_box h3{color:#000;margin-right:30px;position:absolute;top:30px;padding-left:0px;padding-top:30px;padding-top:0;margin-top:0;}
	.tx_box3.facil_box h3:after{top:-30px;left:-10px;transform: translateX(0%);width:45px;height:45px;display:none;}
    .tx_box3.loca_txt h3:before{background-image:url(../../images/iwcms/sub/company_ico.png);display:block; width:80px;background-size:100%;margin-bottom:15px;}
	.tx_box3.facil_box p{font-size:16px}

}


/*서브페이지 시설이미지일반현황*/
.contents .sub_wrap .facil_imgzone{margin-bottom:25px;color:#333;position:relative;}
.contents .sub_wrap .facil_img{position:relative;border:1px solid #ddd;}
.contents .sub_wrap .facil_img img{box-sizing:border-box;width:100%;}
.contents .sub_wrap .facil_img .btn{ position:absolute;bottom:0;right:0;display:flex;}
.contents .sub_wrap .facil_img .btn div{width:45px;height:45px;}
.contents .sub_wrap .facil_img .btn p{width:50px;height:50px;background-size:100%;}

.contents .sub_wrap .faciltx_st1>li{font-size:14.5px;color:#555;line-height:1.5em;padding: 8px;}
.contents .sub_wrap .faciltx_st1>li:before{display:inline-block;position:absolute;background-color:#5089de;}
.text_st2.faciltx_st1 li:before{width:4px;height:4px;}
.contents .sub_wrap .faciltx_st1>li strong{display:block;width:100%;padding-left:8px;color:#333;;font-weight: 500;letter-spacing: -1px;}
.contents .sub_wrap .faciltx_st1>li:first-child{margin-top:15px;}

.facil_link_btn{margin-top:30px;text-align:center;display:flex;}
.facil_link_btn{display:block;width:100%;}
.facil_link_btn a{margin-bottom:7px;display:block;font-size:14px;display:inline-block;width:100%;box-sizing:border-box;padding:10px;color:#fff;margin-right:5px;text-align:center;background-color:#fff;color:#fff;background-color:#2466b1;border:0;}

.facil_link_btn a:hover{background-color:#08af90}
.facil_link_btn:last-child a{margin-right:0;margin-bottom:7px;}
.facil_link_btn p a:hover{background-color:#03a98a;}


@media all and (min-width:768px){
	.facil_link_btn{display:flex;justify-content:flex-end;position:absolute;right:0;bottom:20px;}
    .facil_link_btn a {font-size:14.5px;color:#fff;font-weight:400;margin-right:5px;padding:12px 40px;width:auto;}
	.facil_link_btn:last-child a{margin-right:5px;}
}

@media all and (min-width:1024px){
    .contents .sub_wrap .facil_imgzone{margin-bottom:25px;width:100%;display:flex;color:#333;padding:20px;border:0;}
    .contents .sub_wrap .facil_img{width:55%;background-color:#ddd;overflow: hidden;height:355px;}
    .contents .sub_wrap .facil_img ul li>img{height:355px;object-fit: cover;}
    .contents .sub_wrap .faciltx_st1>li {padding: 5px;padding-left:2px;position:relative;display:flex;}
    .contents .sub_wrap .faciltx_st1>li:first-child{margin-top:0px;}
	.contents .sub_wrap .faciltx_st1>li:before{left:0;top:0px;}
    .contents .sub_wrap .faciltx_st1>li strong{display:inline-block;width:20%;padding-left:8px;height:100%;font-size:14.5px;margin-right:5px;line-height:1.2em;}
    .contents .sub_wrap .faciltx_st1>li p{width:80%;line-height: 1.6em;font-size:14.5px;letter-spacing:-0.7px;}

	.facil_link_btn{bottom:0px;right:auto;left:50px;justify-content:flex-start;margin-bottom:0;}
	.facil_link_btn a {padding:12px 60px;}
}

/*고객서비스헌장,인권경영헌장*/
.charter{margin-bottom:40px;}
.charter_in{position:relative;border:18px solid #d0cfce;width:100%;margin:0 auto;padding:80px 180px;}
.charter_deco span{position:absolute;border:35px solid transparent;border-top:35px solid #d0cfce;border-left:35px solid #d0cfce;}
.charter_deco span:nth-child(1){top:0;left:0;}
.charter_deco span:nth-child(2){top:0;right:0;transform: rotate(90deg);}
.charter_deco span:nth-child(3){bottom:0;left:0;transform: rotate(-90deg);}
.charter_deco span:nth-child(4){bottom:0;right:0;transform: rotate(-180deg);}
.charter_in>p{line-height:25px; font-size:16px; text-align:center;color:#333;font-weight:300;}
.charter_in .charterTit{font-size:33px;font-weight:600;letter-spacing:-1px;margin-bottom:45px;line-height:32px;position:relative;color:#333;}
.charter_intro{border-top:1px solid  #d0cfce;border-bottom:1px solid  #d0cfce;padding-top:25px;padding-bottom:25px;margin-bottom:50px;text-align: left;}
.charter_in .charter_cont{border:5px solid #ddd; margin:30px 0;padding: 30px 80px;}
.charter_in .charter_cont>p{font-size:16.5px;line-height:2.3em;padding-left:110px;position:relative;letter-spacing:-0.7px;word-break:keep-all}
.charter_in .charter_cont strong{display:inline-block; width:100px;position:absolute;top:0;left:0;text-align:left;color:#C79F27;font-size:20px;text-align:center;}
.charter_end{margin-bottom:40px;margin-top:40px;}
.charter .charter_in .logo{text-align: center;width:auto;font-weight:500;font-size:19px;}
.charter.human_rgt .charter_in{border-color:#27197b;border-top:18px solid #27197b;border-bottom:18px solid #27197b;;}
.charter.human_rgt .charter_in:after{content: "";display: block;width:120px;height:155px;position:absolute;top:0;right:200px;background-repeat: no-repeat;opacity:0.8}
.charter.human_rgt .charter_in .charter_cont strong{color:#014489;}
.charter.human_rgt .charter_in {padding:80px 140px;}
.charter_intro{background:#f1f3ff;border:none;padding-left:40px;padding-right:40px;text-align: left;}
.charter.human_rgt .charter_deco span{border-top:35px solid #27197b;border-left:35px solid #27197b;}
.charter.human_rgt .charter_deco span{border:50px solid transparent;border-top:50px solid #27197b;border-left:50px solid #27197b;}

@media all and (max-width:1200px){
	.charter_in .charter_cont{padding: 30px 50px;}
}
@media all and (max-width:1024px){
    .charter_in{padding:50px 100px;}
    .charter_in>p{font-size:15px;line-height:22px; }
    .charter_in .charterTit{font-size:25px;}
    .charter_in .charter_cont>p{font-size:15px;}
}
@media all and (max-width:1000px){
    .charter_in{padding:50px 140px;}
    .charter_in .charter_cont{padding: 30px;}
	.charter.human_rgt .charter_in:after{display: none;}
    .charter.human_rgt .charter_in {padding:40px 20px;}
    .charter.human_rgt .charter_in  p{font-size:14.5px;}
    .charter.human_rgt .charter_in  p.charterTit{font-size:22px;}
    .charter.human_rgt .charter_in .charter_cont {border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
    .charter.human_rgt .charter_deco span{display:none;}
    .charter_intro{padding-left:10px;padding-right:10px;}
}
@media all and (max-width:786px){

.charter_in .charterTit{margin-bottom:30px;}
    .charter_in{padding:40px;}
	.charter_in .charter_cont strong{font-size:16px;display:block;position:static;width:100%;text-align:center}
	.charter_in .charter_cont{padding: 20px;}
	.charter_in .charter_cont>p{line-height:1.6em;margin-bottom:10px;padding-left:0;}
  
}
@media all and (max-width:680px){
    .charter_in{border:12px solid #d0cfce;}
    .charter_in .charterTit{font-size:22px;}
    .charter_in>p{font-size:14px;}
    .charter_in .charter_cont>p{font-size:14.5px;margin-bottom:8px;}	
}
@media all and (max-width:480px){
    .charter_in{padding:30px 25px;}
    .charter_in .charterTit{font-size:19px;margin-bottom:20px}
    .charter_intro{margin-bottom:20px;}
    .charter_in>p{font-size:13.5px;}
    .charter_in .charter_cont>p{font-size:13.5px;margin-bottom:5px;}
	.charter_end{margin-bottom:20px;margin-top:15px;}
}


/*행사소식-달력*/
.calendar_area{width:100%;border-top:3px solid #19b699;}
.cal_select{width:100%;text-align:center;height:60px;display:block;font-size:30px;padding:10px 0;position:relative;}
.cal_select p{font-size:28px;font-weight:600;display:block;line-height:40px;color:#19b699}
.cal_select .sch_button button{position:absolute;width:40px;height:40px;border:1px solid #ddd;text-indent: -9999px;}
.sch_button .prev{top:10px;left:0;background:url(../../images/iwcms/sub/bul_cal_move.png) no-repeat 50% 50%;}
.sch_button .next{top:10px;right:0;background:url(../../images/iwcms/sub/bul_cal_move.png) no-repeat 50% 50%;transform:rotate(-180deg)}

.tab_sel_type{ display: block;position: relative;margin-bottom:30px;}	
.tab_sel_type select{width:100%;padding: 15px 5px 15px 15px;border: 1px solid #dfdfdf;color:#777;height:50px;background-position:95% center;font-size:16.5px;}

.calendar_list{width:100%;display:block; display: table;table-layout: fixed;min-width: 100%;width: 100%;margin: 5px 0;border-bottom: 1px solid #dcdcdc;border-collapse: collapse;border-spacing: 0;word-break: break-all;}
.calendar_list thead{display:none;}
.calendar_list tbody > tr > td {clear: both;display: flex;flex-direction: column;position: relative;min-height: 50px;height: auto;padding: 15px 0px 8px 65px;border-width: 0;border-bottom: 1px dotted #b8b8b8;}
.calendar_list tbody > tr > td:before{content: '';display: block;position: absolute;top: 15px;left: 10px;color: #313131;}
.calendar_list tbody > tr > td:nth-child(1) .c_date{color:#f02323;}
.calendar_list tbody > tr > td:nth-child(7) .c_date{color:#005fc1;}
.calendar_list tbody > tr > td:nth-child(1):before{content: '일';}
.calendar_list tbody > tr > td:nth-child(2):before{content: '월';}
.calendar_list tbody > tr > td:nth-child(3):before{content: '화';}
.calendar_list tbody > tr > td:nth-child(4):before{content: '수';}
.calendar_list tbody > tr > td:nth-child(5):before{content: '목';}
.calendar_list tbody > tr > td:nth-child(6):before{content: '금';}
.calendar_list tbody > tr > td:nth-child(7):before{content: '토';}

.date_area{display:flex;}
.date_area c_cont>a{color:#333;}
.c_cont a{text-decoration:none;height:55px;display:block;margin-bottom:10px;white-space: normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.c_cont a:hover{color:#297fb6}
.c_date{top: 11px;left: 30px;width: 26px;height: 26px;line-height: 26px;font-size: 13px;text-align: center;border-radius: 50%;background: #ebebeb;width:10px;margin-right:15px;position:absolute;top:9px;left:35px;min-width:25px;}
.c_date.on{background-color:#19b699;color:#fff;}

.evt_wrap{padding:70px 30px 30px 30px;}
.evt_box{width:auto;}
.evt_in{position:relative;}
.evt_in h3{font-size: 20px;margin-bottom: 15px;text-align: center;}
.evt_in span{background-color: #18b1d0;display: inline-block;min-width: 60px;padding: 0 8px;line-height: 28px;color: #fff;font-size: 13px;font-weight: 400;text-align: center;position: relative;vertical-align: top;margin-bottom:8px;}
.evt_img {text-align:center;}
.evt_img img{width:240px;height:250px;margin:0 auto;background-color:#eee;}
.evt_info{padding:10px;}
.evt_info .evtinfo_tit{width: 80px;color: #333;font-weight: 500;padding-left: 10px;position: relative;display: block;line-height: 20px;box-sizing: border-box;font-size:16px;margin-top:13px;margin-bottom:5px;}
.evt_info .evtinfo_tit:before{content: '';display: inline-block;position: absolute;left: -1px;top: 9.2px;width: 4px;height: 4px;background-color: #ccc;}
.evt_info .evt_cont{padding-left:15px;line-height:1.4em;letter-spacing: 0.3px;}

.sch_button button i{text-indent:-9999px;}
.modal_close{display:inline-block;width:40px;height:40px;border:1px solid #ddd;position:absolute;top:-40px;right:0;text-align:center;}
.modal_close a{display:inline-block;text-indent:-9999px;font-size:0;padding-top:7px;padding-left:7px;width:40px;height:40px;}
.modal_close a:before{content:"";display:block;background-image:url(../../images/iwcms/common/close.png);width:25px;height:25px;background-repeat:no-repeat;opacity:0.6;background-size:100%; }

@media all and (min-width:480px){
    .evt_info{padding:30px;}
    .evt_info .evtinfo_tit{margin-top:0;width:13%}
    .evt_info .evt_cont{margin-bottom:10px;width:87%;padding-left:10px;}
    .evt_info ul li{display: flex;}
}
@media all and (min-width:768px){
    .evt_box{display: flex;margin-top:20px;width:auto;justify-content:center;}
    .evt_info{width:50%;padding:20px;}
    .evt_info .evtinfo_tit{width:15%}
    .evt_info .evt_cont{width:85%;padding-left:0px;}
}
@media all and (min-width:1024px){
    .calendar_in{position:relative;}
    .schedule_info{display: flex;justify-content: space-between}
    .cal_select{width:55%;margin-bottom: 20px;margin-top:20px;}
    .cal_select p{font-size:40px;font-weight:600;display:block;line-height:40px;}
    .tab_sel_type{width:35%;margin-top:10px;margin-bottom: 20px;margin-top:20px;}
    .month_ti{line-height:40px;padding:0 0 0 20px;font-size:16.54px;}  
    .calendar_list thead{display:table-header-group;background-color:#19b699;width:100%;}
    .calendar_list thead tr th{color: #5d5d5d;font-weight: 500;text-align: center;background: #f6f7f9;font-size:19px;padding:10px 8px;background-color:#19b699;width:100%;color:#fff;}
    .calendar_list tbody > tr > td {display: table-cell;border-left: 1px dotted #b8b8b8;border-right: 1px dotted #b8b8b8;padding: 50px 10px 15px 10px;}
    .calendar_list tbody > tr > td .date_wrap{min-height:100px;}

    .c_date, .c_cont{display:block;width:100%;}
	.c_cont a{height:60px;}
	.c_cont a:before{content:"";display:inline-block;width:3.5px;height:3.5px;background-color:#888;border-radius:50%;margin-right:4px;vertical-align:top;margin-top:7px;}
	.calendar_list tbody > tr > td:before{
    display:none;line-height:1.5em;}
    .date_area{line-height:1.4em;letter-spacing: -0.3px;color:#333;}
    .c_date{width:auto;top:9px;left:10px;top: 11px;left: 10px;width: 26px;height: 26px;line-height: 26px;font-size: 13px;text-align: center;border-radius: 50%;background: #eee;}
    
    .evt_box{margin-top:30px;}
    .evt_in span {margin:0;height:32px;line-height: 32px;margin-right:10px;}
    .evt_in h3{font-size: 25px;margin-bottom: 15px;text-align: center;}
    .evt_info .evtinfo_tit{font-size:17.5px;width:12%;}
    .evt_info .evt_cont{line-height:1.6em;width:88%;}
    .evt_info li{margin-bottom:5px;}
    .evt_img{margin-right:2%}
    .evt_info{width:53%;padding:20px;}
}

    
/*경영방침*/
.purpose_wrap h3{font-size:18px;margin-bottom:15px;padding-bottom:5px;border-bottom:1.2px solid rgb(51, 51, 51,0.3);}
.purpose_wrap>div .purpose_txt{background-color:#eee;width:100%;margin-bottom:30px;padding:40px 5px;}
.purpose_wrap>div .purpose_txt p{display:block;text-align: center;line-height:1.5em;font-size:16px;color:#333;font-weight: 400;letter-spacing: -0.8px;}

.purpose_wrap>div .management ul{display:flex;justify-content: space-around;flex-wrap:wrap;margin-bottom:30px;position:relative}
.purpose_wrap>div .management ul:before, .purpose_wrap>div .management ul:after {content: "";display: inline-block;background-color:#ddd;position:absolute}
.purpose_wrap>div .management ul:before{width:80%;height:1px;top:50%;left:50px;}
.purpose_wrap>div .management ul:after{width:1px;height:100%;}
.purpose_wrap>div .management ul li{width:50%;height:150px;line-height: 1em;text-align:center;position:relative; padding-top:110px;}

.purpose_wrap>div .management ul li span{position:relative;z-index:10;width:70px;height:70px;display:inline-block;background-size:100%;background-position:center;background-repeat: no-repeat;position:absolute;top:20px;left:50%;transform: translateX(-50%)}
.purpose_wrap>div .management ul li:nth-child(1) span{background-image:  url(../../images/iwcms/sub/purpose_ico1.png);}
.purpose_wrap>div .management ul li:nth-child(2) span{background-image:  url(../../images/iwcms/sub/purpose_ico2.png);}
.purpose_wrap>div .management ul li:nth-child(3) span{background-image:  url(../../images/iwcms/sub/purpose_ico3.png);}
.purpose_wrap>div .management ul li:nth-child(4) span{background-image:  url(../../images/iwcms/sub/purpose_ico4.png);}
.purpose_wrap>div .management ul li p{color:#005fc1;font-size:17px;font-weight:500;position:relative;}

.purpose_wrap>div .value .value_in{background: #eee;padding-top:5px;padding-bottom:5px;margin-bottom:30px;}
.purpose_wrap>div .value .value_in .purpose_txt {position:relative;padding:0;}
.purpose_wrap>div .value .value_in .purpose_txt li {width:150px;height:150px;background-color:#fff;border-radius: 50%;margin:0 auto;margin-bottom:15px;overflow:hidden;box-shadow: 2px 2px 8px #c4c3c3;position:relative;}
.purpose_wrap>div .value .value_in .purpose_txt li p:nth-child(1){padding-top:40px;padding-bottom:15px;background-color:#5599ff;color:#fff;font-size:19px;}
.purpose_wrap>div .value .value_in .purpose_txt li:nth-child(2) p:nth-child(1){background-color:#25bca0;}
/*.purpose_wrap>div .value .value_in .purpose_txt li:nth-child(3) p:nth-child(1){background-color:#04bfeb;}*/
.purpose_wrap>div .value .value_in .purpose_txt li:nth-child(3) p:nth-child(1){background-color:#d368a1;}
.purpose_wrap>div .value .value_in .purpose_txt li p:nth-child(2){padding-top:10px;background-color:#fff;height:100%;color:#888;font-size:14px;}


.purpose_wrap>div .value .value_in .purpose_txt:before{content: "";display: block;width:1px; height:90%;background-color:transparent;border-right:1px dotted #333;position:absolute;top:0;left:50%;}


.purpose_img{width:70%; margin-left:50%;transform: translateX(-52%);margin-top:30px;margin-bottom:30px;}
.strategy>ul>li{padding-top:25px; padding-bottom:25px;border-bottom:1px dotted #ddd;}
.strategy>ul>li:last-child{border:0;}
.strategy>ul>li strong{display:block;text-align: center;margin-bottom:8px;font-size:18px;line-height:1.3em;font-weight:500;color:#2e75e0;letter-spacing: -0.5px;}
.strategy>ul>li>ul{margin-top:13px;}
.strategy>ul>li>ul>li{margin-bottom:5px;color:#333;font-size:14px;opacity: 0.9;}
.strategy>ul>li>ul>li:before{content: "";display: inline-block;background-color:#888;width:3px;height:3px;vertical-align: top;margin-top:8px;margin-right:4px;}
.purpose_wrap{position:relative;margin-bottom:60px}
.purpose_wrap:after{content: "";display: block;background-image:url(../../images/iwcms/sub/purpose_bg.png);background-size:100%;position:absolute;bottom:-170px;right:-10px;width:270px;height:180px;background-repeat: no-repeat}

@media all and (min-width:480px){
    .purpose_wrap>div .mission p , .purpose_wrap>div .vision p{font-size:18px;}
   
    .purpose_wrap>div .management ul li {height: 170px;}
    .purpose_wrap>div .management ul li:before{top:20px;width:100px;height:100px;}
    .purpose_wrap>div .management ul li {padding-top: 135px;}


    .strategy>ul>li strong{margin-bottom:8px;font-size:21px;}
    .strategy>ul>li>ul{margin-top:40px;}
    .strategy>ul>li>ul>li{margin-bottom:8px;font-size:15.5px;opacity: 0.9;}

    .purpose_wrap{margin-bottom:120px;}
    .purpose_wrap:after{bottom:-190px;right:-10px;width:390px;height:180px;}
    .strategy>ul{padding-left:40px;padding-right:40px;}
    
}
@media all and (min-width:768px){
    .purpose_wrap>div .value .value_in .purpose_txt li p:nth-child(1){padding-top:45px;padding-bottom:20px;font-size:19.5px;}
    .purpose_wrap>div .value .value_in .purpose_txt ul {display:flex;justify-content: space-between;}
    .purpose_wrap>div .value .value_in .purpose_txt ul li{width:170px;height:170px;}
    
    .purpose_wrap>div .value .value_in .purpose_txt:before{width:80%; height:90%;background-color:transparent;border-top:3px dotted #d8d4d4;position:absolute;top:50%;left:10%;border-right: none;}
    
    .strategy>ul{display: flex;justify-content: space-between;padding-left:0;padding-right:0;}
    
    .strategy>ul>li{width:32.8%;padding:25px 15px 30px 15px ;border:1px solid #ddd;}
    .strategy>ul>li:last-child{border:1px solid #ddd;}
    
     .strategy>ul>li strong{margin-bottom:8px;font-size:19px;line-height:1.5em;min-height:70px;}
    .strategy>ul>li>ul{margin-top:0px;}
    .strategy>ul>li>ul>li{font-size:15px;}
    
    
    .purpose_wrap{margin-bottom:240px;}
    .purpose_wrap:after{bottom:-240px;right:-10px;width:550px;height:180px;background-repeat: no-repeat}

    
}
@media all and (min-width:1024px){
    .purpose_wrap h3 {font-size: 31px;margin-bottom: 30px;padding-bottom: 15px;margin-top:30px;}
    .purpose_wrap>div .mission p, .purpose_wrap>div .vision p {font-size: 24px;}
    .purpose_wrap>div .value .value_in .purpose_txt li p:nth-child(1){padding-top:65px;padding-bottom:35px;font-size:23px;}
    .purpose_wrap>div .value .value_in .purpose_txt li p:nth-child(2){font-size:18px;margin-top:12px;color:#000;}
    .purpose_wrap>div .value .value_in .purpose_txt ul li{width:250px;height:250px;}
    
    .strategy>ul>li, .strategy>ul>li:last-child{padding:0;border:2px solid #1ea8c9;}
    .strategy>ul>li strong{font-size:25px;line-height:1.5em;margin-bottom:20px;font-weight:500;background-color:#1ea8c9;;padding:60px 30px 60px 30px ;color:#fff;}
    .strategy>ul>li>ul{padding:0px 30px 60px 30px ;}
    .strategy>ul>li>ul>li{font-size:17.5px;}
    
    .purpose_wrap{margin-bottom:370px;}
    .purpose_wrap:after{bottom:-350px;right:-10px;width:850px;height:280px;}
    .purpose_wrap>div .management ul li span {width: 150px;height: 150px;top: 20px;opacity: 0.7;}
    .purpose_wrap>div .management ul li{width:50%;height:300px;line-height: 1em;padding-top:210px;}
    .purpose_wrap>div .management ul li p{font-size:22px;font-weight:500;}
}

/*조직 및 정원*/
.organization_wrap{padding-bottom:60px;}
div.organization_area{text-align:center; font-size:18px;position: relative;width:100%;}
div.organization_area ul.leaders{ color: #fff;}


div.organization_area ul.leaders .leader{font-size: 17px;background-color: #5599ff;color:#fff;text-align: center;position: relative; margin: 0 auto 50px; margin-top:70px;width: 25%; height: 70px; line-height: 70px; padding:0 15px; box-sizing: border-box; font-size: 16px;border-radius:50%;}
div.organization_area span{z-index:10;position: absolute; top:100%; display: block; width: 43%;max-width:250px; height: 50px; line-height: 50px; padding:0 20px; color:#fff; box-sizing: border-box; background:#005da3;}
div.organization_area span:after{position: absolute; top:25px; display: block; content: ""; width: 78%; height: 1px; background: #ddd;z-index:-10}
div.organization_area span.left{right:50%; margin-right:15%; text-align:center;/*top:192px;*/}
div.organization_area span.left.left2{top:230px}
div.organization_area span.left:after{margin-right:-78%; right:0;}
div.organization_area span.right{left:50%; margin-left:15%; text-align:center;}
div.organization_area span.right:after{margin-left:-78%; left:0;}
div.organization_area span i{background-position: -98px 0px;}
div.organization_area ul.leaders:after{content: "울주군시설관리공단";display: block;position:absolute;color:#ddd;top:60%;right:150px;font-size:42px;font-weight: bold;letter-spacing: -1.5px;opacity: 0.6;}
div.organization_area ul .leader2>li{z-index:10;position: absolute; top:200%; left:50%;transform: translateX(-50%);display: block; width: 25%;max-width:250px; height: 50px; line-height: 50px; padding:0 20px; color:#fff; box-sizing: border-box; background:#acabab;}
div.organization_area ul .leader2>li:nth-child(2){top:195%;}
div.organization_area ul.leaders .leader{width:160px;height:160px;font-size:20px;line-height:126px;margin-bottom:100px;border:17px solid #fff;box-sizing: border-box;box-shadow: 0 0 20px #cecece;-moz-box-shadow: 0 0 20px #cecece;-webkit-box-shadow: 0 0 20px #cecece;-o-box-shadow: 0 0 20px rgba #cecece; }

div.organization_area ul.leaders > li:after{position: absolute; left: 50%; bottom: -50px; display: block; content: ""; width: 1px; height: 50px; background: #ddd;}
div.organization_area ul.leaders .leader:after{bottom:-265px; height: 245px;}
div.organization_area ul.leaders .leader:before{background:#0b356c;}

div.department_box{position: relative; text-align:center;width:100%;height:auto;}
div.department_box:after{display:block; content:""; position: absolute; top:54%; left:50%; transform:translateX(-50%); width:83.5%;width:85.7%;width:87.8%; height:1px; background: #ddd;}

div.department_box ul.field_list {padding-top:190px; display: inline-block;display:flex;justify-content:space-between;margin-bottom:420px;}
div.department_box ul.field_list>li{color:#fff;height: 70px; line-height: 70px; width:23%;font-size: 16.5px;border:1px solid #ddd;box-sizing:border-box;margin-bottom:10px;background-color:#959fb9;position:relative;}
div.department_box ul.field_list>li:after{content:"";display:block;background-color:#ddd;width:1px; height:45px;vertical-align:top;position:absolute;margin-left:50%;top:-45px;}

/*안전보건파트추가*/
div.department_box:after{width:78%;left:44.5%}
div.department_box ul.field_list>li:last-child:after{height: 190px;top: -190px;}
div.department_box ul.field_list>li:last-child:before{content:"";display:block;position:absolute;width:100%;height:1px;top:-100px;}
div.department_box:before{content:"";display:block;position:absolute;width:calc(50% - 70px);height:1px;background-color:#ddd;top:0;left:50%}

.department_job{color:#333;line-height: 2em;text-align: left;padding:10px;height:345px;box-sizing: border-box;border:1px solid #ddd;background-color:#f7f8f9;}
.department_job li{font-size:14px;opacity: 1;font-weight: 300;line-height:1.7em;padding-bottom:2px;letter-spacing:-0.8px}
.department_job li:before, .auxiliary>ul>li>ul>li:before{content: "";display: inline-block;background-color:#888;width:3px;height: 3px;vertical-align: top;margin-top:15px;border-radius: 50%;margin-right:5px;}
.department_job li:before{margin-top:9px}

.auxiliary>ul>li>ul>li:before{background-color:transparent}
.auxiliary{margin-top:350px;height:70px;width:100%;border:1px solid #ddd;line-height:70px;}
.auxiliary>ul>li{display: flex;}
.auxiliary>ul>li>a{width:20%;background-color:#4ebca8;text-align: center;color:#fff;font-size:17px;}
.auxiliary>ul>li>ul{display: flex;width:80%;}
.auxiliary>ul>li>ul>li{width:33.33%;position:relative;text-align: center;color:#333;font-size:14.6px;}
.auxiliary>ul>li>ul>li:after{content: "";display: block;width:1px;height:30%;background: #ddd;position:absolute;top:25px;right:0;}
.auxiliary>ul>li>ul>li:last-child:after{display:none;}

@media all and (max-width:1340px){
	div.organization_area span:after{width: 75%;}
	div.organization_area span.left:after{margin-right:-75%;}
	div.organization_area span.right:after{margin-left:-75%; }
}

@media all and (max-width:1220px){
	div.organization_area span:after{width: 62%;}
	div.organization_area span.left:after{margin-right:-62%;}
	div.organization_area span.right:after{margin-left:-62%; }
	div.department_box:before{display:none}
}


@media all and (max-width:1200px){
    .organization_wrap {padding-bottom: 30px;}
    div.organization_area ul.leaders:after{display:none;}  
    div.department_box ul.field_list{display: block;padding-top:150px;margin-bottom:80px;}
    div.department_box ul.field_list > li{display: flex;width:100%;align-items: center;height:auto;}
    div.department_box ul.field_list > li a{width:35%;}
    div.department_box ul.field_list > li>ul{width:100%;display:flex;flex-wrap:wrap;}
    
    div.department_box ul.field_list>li:after{display:none;}
    div.department_box:after {display:none;}
    .department_job{height:auto;line-height:1.4em;min-height:74px;box-sizing: border-box;}
    .department_job li{margin-right:15px;}
    .department_job li:before {margin-top:10px;}
    
    .auxiliary{margin-top:10px;height:auto;}
    .auxiliary>ul>li>a {width:28%;line-height:92px;}
    .auxiliary>ul>li>ul{flex-wrap:wrap;width:80%;padding:13px 10px;display:table;height:auto;}
    .auxiliary>ul>li>ul>li{width:auto;line-height:1.5em;display:table-cell;vertical-align: middle;display:block;text-align:left;height:auto;position:relative;}
   .auxiliary>ul>li>ul>li:before{margin-top:10px;background-color:#888}

   div.department_box ul.field_list > li{height:auto;line-height: 1.6em;}
    
}
@media all and (max-width:1160px){
	div.organization_area span:after{width: 60%;}
	div.organization_area span.left:after{margin-right:-60%;}
	div.organization_area span.right:after{margin-left:-60%; }
}
@media all and (max-width:1050px){
	div.organization_area span:after{width: 55%;}
	div.organization_area span.left:after{margin-right:-55%;}
	div.organization_area span.right:after{margin-left:-55%; }
}

@media all and (max-width:950px){
	div.organization_area span:after{width: 50%;}
	div.organization_area span.left:after{margin-right:-50%;}
	div.organization_area span.right:after{margin-left:-50%; }
}

@media all and (max-width:860px){
	div.organization_area span:after{width: 45%;}
	div.organization_area span.left:after{margin-right:-45%;}
	div.organization_area span.right:after{margin-left:-45%; }
}


@media all and (max-width:786px){
    .organization_wrap {padding-bottom: 30px;}
    div.organization_area{font-size:16px;}
    div.organization_area ul.leaders > li{margin-top:100px;width:40%;}
    div.organization_area ul.leaders > li:nth-child(1){width:150px;height:150px;line-height:120px;margin-top:0px;font-size:18px;}
    div.organization_area ul.leaders > li:nth-child(2){font-size:16px;}
    /*div.organization_area span{width: 48%;z-index:10}
    div.organization_area span.right{margin-left:0;right:0;left:auto;}
    div.organization_area span.left{margin-left:0;left:0;}
	div.organization_area span.right:after{display:none;}*/
    div.organization_area ul .leader2>li {width:25%;}

    .department_job{height:auto;box-sizing:border-box;}
    div.department_box ul.field_list>li{border:none;background-color:#959fb9;}
    div.organization_area span{position: absolute; display: block; }
   
    /*div.organization_area ul .leader2>li {top:174%}*/
    div.organization_area ul .leader2>li:nth-child(2){top:212%;}

	div.organization_area span:after{width: 40%;}
	div.organization_area span.left:after{margin-right:-40%;}
	div.organization_area span.right:after{margin-left:-40%; }

    div.department_box ul.field_list>li{font-size:16px;}
    div.department_box ul.field_list>li a{width:45%}
    .auxiliary>ul>li>a {width:35%;}
    .organization_wrap {padding-bottom: 50px;}   
}
@media all and (max-width:690px){
div.organization_area span:after{width: 36%;}
	div.organization_area span.left:after{margin-right:-36%;}
	div.organization_area span.right:after{margin-left:-36%; }
}
@media all and (max-width:618px){
	 div.organization_area ul .leader2>li {width:50%;}
	 div.organization_area span:after{width: 34%;}
	div.organization_area span.left:after{margin-right:-34%;}
	div.organization_area span.right:after{margin-left:-34%; }
}

@media all and (max-width:480px){


    div.department_box ul.field_list>li{font-size:14px;display: block;}
    div.department_box ul.field_list>li>a{height:40px;}
    div.organization_area{font-size:14px;}
	 
    /*div.organization_area ul .leader2>li{ width: 100%;max-width:100%;}*/
    .auxiliary>ul>li{display: block;}
    .auxiliary>ul>li>a{width:100%;display:block;height:70px;line-height:70px;font-size: 14px;}

    
}

/*인사말*/
.greeting_wrap{padding-left:0;padding-right:0;width:100%;}
.greeting_in{margin-top:36px;}
.greeting_stit{text-align: center;color:#888;font-size:15px;letter-spacing: 2px}
.greeting_stit:after{content: "";display: block;width:1px;height:25px;background:#ddd;margin:0 auto;margin-top:8px;margin-bottom:10px;} 
.ceo_img{margin-bottom:20px;text-align: center;width:250px;margin:0 auto;position:relative;}
.ceo_txt h1{font-size:22.5px;line-height: 1.4em;letter-spacing: -0.2px;margin-bottom:18px;margin-top:15px;font-weight:500; padding-left:15px;padding-right:15px;}
.ceo_intro, .ceo_ending{font-size:15px;line-height: 1.6em;color: #333;padding-left:15px;padding-right:15px;}
.ceo_em{background-color:#f3f1f1;padding:20px 15px;margin:15px 0;line-height:1.6em; font-size:15px;letter-spacing: -0.3px;color:#40332e;width:100%;}
.ceo_em ul li{margin-bottom:8px;display: flex;}
.ceo_em ul li strong{font-weight: 500;margin-right:10px;}
.ceo_sgn{color:#000;margin-top:15.5px;font-size:15px;padding-left:15px;padding-right:15px;text-align: center;}
.ceo_sgn strong{font-size:17px;padding-left:10px;}

@media all and (min-width:480px){
    .ceo_txt h1, .ceo_intro, .ceo_ending, .ceo_sgn, .ceo_em{padding-left:30px;padding-right:30px;}
    
}

@media all and (min-width:768px){
     
    .contents.greeting_wrap,  .contents.greeting_wrap .sub_wrap{max-width:unset}
    .greeting_stit{position:relative;font-size:22px;letter-spacing:10px;color:#333;}
    .greeting_stit:after{height:25px;background:#ddd;position:absolute;top:40px;left:50%;}
    .ceo_img{position:absolute;top:80px;left:48%;transform:translateX(-140%);width:220px;}
    .greeting_cont{margin-top:60px;}
    .ceo_txt h1, .ceo_intro, .ceo_ending, .ceo_sgn{font-size:16px;margin-left:36%;}
    .ceo_txt{font-size:17px;}
    .ceo_txt h1{font-size:25px;}
    .ceo_em, .ceo_ending, .ceo_sgn{font-size:16px;margin-left:0;}
    .ceo_em{margin-top:30px;margin-bottom:25px;padding:30px}
    .ceo_em ul li{margin-bottom:3px;}
    .ceo_sgn{text-align: center;margin-top:30px;}    
}
@media all and (min-width:900px){
    .ceo_img{transform:translateX(-170%);}
}
@media all and (min-width:1024px){
    .ceo_txt h1, .ceo_intro, .ceo_ending, .ceo_sgn{font-size:17px;margin-left:38%;
    padding-right:60px;}
    .ceo_img{transform:translateX(0%);top:120px;left:2%;width:35%;}
    .ceo_txt h1{font-size:36px;line-height:1.5em;margin-bottom:40px;}
    .greeting_stit{font-size:22px;letter-spacing:10px;color:#333;}
    .ceo_intro{margin-bottom:45px;}
    .ceo_em{left:0;color:#222;margin-bottom: 50px;font-size:17.5px;width:100%;background-repeat:repeat;}
    .ceo_em ul{margin-left:38%;padding-left:30px;}
    .ceo_ending{margin-bottom:60px;}
    .ceo_sgn{font-size:20px;text-align: left;}   
    .ceo_sgn strong{font-size:25px;}  
	
	
    
}
@media all and (min-width:1200px){
    .ceo_img{top:100px;left:4%;width:35%;}
    .ceo_em{padding-top:50px;padding-bottom:50px;}
    
}

/* 연혁 */
.history {position:relative; margin-top:20px;}
.history:after {position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd; content:'';z-index:5}
.history > li {padding:30px 0; overflow:hidden;}
.history > li .year {position:relative; float:left; width:50%;margin-top:-12px; padding-right:70px; text-align:right; vertical-align:top;font-size:32px;color:#1c6ba5;}
.history > li .year:after{content:"";display:block;background-color:#5ba4da;width:23%;height:1px;position:absolute;top:50%;right:0;z-index:-10;font-weight:800;}
.history > li .year:before{content:"";display:block;background-color:#5ba4da;width:10px; height:10px;border-radius:50%;position:absolute;top:40%;right:-5px;z-index:8;}
.history > li .label{width:8px; height:8px;background-color:#fff; padding:15px;}
.history > li .detail {float:left; width:50%; padding-left:70px; vertical-align:middle;}
.history > li .detail li {position:relative; padding:4px 0 4px 100px; color:#777; word-break:break-all}
.history > li .detail li .month {position:absolute; top:4px; left:0; width:80px; color:#333;}

@media all and (min-width:961px) {
	.history > li.right .year {padding-right:0; padding-left:70px; text-align:left; float:right;}
	.history > li.right .year .label {left:0; right:auto;}
	.history > li.right .year:before {left:0;left:-5px;}
	.history > li.right .year:after {left:0; right:auto;}
	.history > li.right .detail {padding-right:70px; padding-left:0; padding-top:0; text-align:right;}
	.history > li.right .detail li {padding-right:100px; padding-left:0;}
	.history > li.right .detail li .month {left:auto; right:0; text-align:left;}
	.history > li .year:before{top:42%;}
}
@media all and (max-width:960px) {
	.tx_box {padding:0 20px;}
	.tx_box > p {font-size:24px;padding:20px 0;background-size:40px auto;}
	.tx_box > p > em {font-size:18px;}
	.history:after {left:25%;}
	.history > li {padding:20px 0;}
	.history > li .year {width:25%; padding-right:40px;}
	.history > li .detail {width:75%; padding-left:40px;}
	.history > li.right .detail {padding-top:0;}
}
@media all and (max-width:620px) {
	.history > li .detail {padding-top:0;}
	.history > li .year .label {display:block;width:auto;height:auto;font-size:22px;text-align:center;}
	.history > li .year .label > em,.history > li .year .label > em strong {display:inline-block;}
	.history > li .year:before{top:43%;}
}
@media all and (max-width:480px) {
	.tx_box > p {font-size:19px; background-size:20px auto;}
	.history:after {left:28%;}
	.history > li .year {padding-right:20px;width:28%;color:#fff;margin-top:0;}
	.history > li .year:before {top:33%;width:8px;height:8px;right:-4px;}
	.history > li .detail {padding-left:20px;width:72%;}
	.history > li .detail li {padding-left:80px; }	
	.history > li .year .label {top:auto; bottom:0;width:100%; padding:2px 0; font-size:13px;background:#1c6ba5;}
}
    

/*업무협약*/
.convention_list li{height:auto;border-bottom:1px dotted #ddd;padding:30px 10px;}
.convention_list li a{display:flex;align-items: center;text-decoration:none;}
.convention_list li a p{color:#555;font-size:14.5px;letter-spacing: -0.5px;}
.convention_list li a:hover p{color:#3371b8;}

.convention_list li a .cvt_banner {padding:8px;border:1px solid #ddd;width:55%;margin-right:5%;text-align:center;}
.convention_list li a .cvt_banner.ys{padding:15px 20px}
.convention_list li a .cvt_banner.1366{padding:20px 20px}
.convention_list li a .cvt_banner.ulsangch{padding:15px 20px}
.convention_list li a div.cvt_cont p:before{content: "";display:inline-block;background-color:#999;width:4px;height:4px;vertical-align: top;margin-top:7px;margin-right:6px;border-radius: 50%;}

.cvt_cont{width:40%}
.cvt_homepage{display: none;}

@media all and (min-width:480px){
    .convention_list li a p{font-size:15.5px;}
    .convention_list li a .cvt_banner {width:240px;margin-right:25px;}   
}

@media all and (min-width:768px){
    .convention_list li{border-right:1px solid #ddd;}
    .convention_list li:nth-child(2n),  .convention_list li:last-child{border-right:none;}
    .convention_list{display:flex;flex-wrap:wrap;}
    .convention_list li {width:50%;}
    .convention_list li a{display:block;}
    .convention_list li a .cvt_banner {margin-right:0;margin:0 auto;margin-bottom:25px;}
    .cvt_banner{width:100%;}
    .cvt_cont{width:100%;padding:0 45px;}
    .cvt_homepage{display: block;}
    
}

@media all and (min-width:1024px){
    .convention_list li{border:1px solid #ddd;padding:50px;}
    .convention_list li:nth-child(2n),  .convention_list li:last-child{border:1px solid #ddd;}
    .convention_list li a .cvt_banner {padding:8px 20px;margin-bottom:35px;width:280px;}
	.convention_list li a .cvt_banner.ys{padding:20px}

    .cvt_cont{width:100%;padding-left:50px;line-height:1.5em;}
}

@media all and (min-width:1300px){
  
    .convention_list li a .cvt_banner {width:300px;}
    .cvt_cont{padding-left:120px;}
}

/* 청렴슬로건 */
.slogan_in{position:relative;padding-bottom:120px;}
.slogan_cont{position:absolute;left:0;bottom:0;margin:0 auto;}
.slogan_stit{font-size:17px;color:#222;margin-bottom:6px;line-height:1.5;font-weight:500;}
.slogan_usage{letter-spacing:-0.05em;color:#555;font-size:15px;line-height:1.7;}
.slogan_img{text-align: center;}
.slogan_img img{width:100vw}
.ti2.slogan_tit.tit_bk.pc{display:none;}
.ti2.slogan_tit:before{height:20px;}

@media all and (min-width:480px){
    .slogan_in{padding-bottom:100px;}
    .slogan_stit{font-size:17px;}
    .slogan_usage{font-size:16px;}   
}

@media all and (min-width:768px){
    .slogan_in{padding-bottom:120px;}
    .slogan_stit{font-size:19px;}
    .slogan_usage{font-size:17px;}     
}

@media all and (min-width:1024px){
    .slogan_txt{padding-top:50px;}
    .ti2.slogan_tit{font-size:36px;margin-top:0;font-weight:600;display:inline-block;min-width:350px;}
 
	.ti2.slogan_tit:before{height:40px;display:inline-block;}
    .slogan_wrap{padding:30px 0 80px 0;border-top:1px dotted #dddd;border-bottom:1px dotted #ddd;}
    .slogan_in{display:flex;padding-bottom:0;}
    .slogan_txt{width:50%;}
     .slogan_stit{font-size:20px;}
    .slogan_usage{font-size:17px;}  
    .slogan_cont{position:static}
    .slogan_img{padding-top:50px;width:70%}  
	/*.ti2.slogan_tit.tit_bk:before{display:none;}
	.ti2.slogan_tit.tit_bk{color:#000;position:relative;display:inline-block;margin-bottom:30px;}
	.board_wrap .ti2.slogan_tit.tit_bk{padding-top:120px;padding-left:50px;padding-right:50px;}
	.ti2.slogan_tit.tit_bk.pc{display:block;background:#eee}*/
}


/*임직원행동강령*/
.cd_con {height:500px; padding:20px; color:#333; font-size:15px; border:1px solid #ccc; overflow-y:auto;}
.cd_con .tit {display:inline-block; margin-right:7px; margin-bottom:5px; color:#000; font-weight:500;}
.cd_con h3.mt10{margin-top:10px;}
.cd_con p {font-size:15px;line-height: 1.5}


.cd_con_btn {padding-top:25px; text-align:center;}
.cd_con_btn p {margin-bottom:10px; color:#0862a6;font-size:15px;font-weight:400;letter-spacing:-0.5px;}
.cd_con_btn a {display:inline-block; padding:8px 11px; color:#fff; text-align:center;background:#009b93;}
.cd_con ul, .cd_con ol{padding:10px 0;}

.cd_con li{font-size:15px;color:#555;letter-spacing: -0.3px;line-height:1.3em;margin:5px 0;}
.cd_con  .list_2>li{color:#222;line-height:1.8em;}


@media all and (min-width:768px){
.cd_con p {font-size:16px;}
.cd_con ul > li {font-size:15px;margin-bottom:0px;}
.cd_con ul > li > ol li {margin-bottom:8px;}   
}

/* 사이트맵 */
.sitemap_wrap {overflow:hidden; padding-top:30px;display:flex;justify-content:flex-start;flex-wrap:wrap;}

.sitemap_wrap .list { width:25%; min-height:555px; margin-bottom:60px; margin-bottom:60px; padding:0 2.5%; border-right:1px dotted #c8c8c8;}
.sitemap_wrap .list.short {min-height:480px}
.sitemap_wrap .list:last-child, .sitemap_wrap .list:nth-child(4n) {border-right:0 none}
.sitemap_wrap .list h4 {background-color:#5283cc;color:#ffffff;padding:15px 0;text-align:center;font-size:18px;font-weight:400;margin-bottom:10px;}
.sitemap_wrap .list h4 a {display:block; padding:15px 0; color:#ffffff; font-size:18px; text-align:center; font-weight:500}
.sitemap_wrap .list > ul > li > a {position:relative; display:block; padding:15px 0 15px 15px; border-bottom:1px solid #dfe0e3; color:#212121; font-size:16px; font-weight:500}
.sitemap_wrap .list > ul > li > a:hover{color:#297fb6}
.sitemap_wrap .list > ul > li > ul {padding:15px ; background:#f9f9f9; border-bottom:1px solid #dbdce0}
.sitemap_wrap .list > ul  li a{position:relative;}
.sitemap_wrap .list > ul  span{ position:absolute;top:2px;right:0;display:inline-block; width:15px; height:20px; text-indent:-9999px; background:url('../../images/iwcms/common/newsite.gif') 3px 6px no-repeat}
.sitemap_wrap .list > ul>li>a>span{left:auto;top:15px;}
.sitemap_wrap .list > ul > li > ul li a {display:block; position:relative; height:26px; padding-left:13px; color:#666666; font-size:14px; line-height:26px;}
.sitemap_wrap .list > ul > li > ul li a:hover{color:#297fb6}
.sitemap_wrap .list > ul > li > ul li a:after {display:block; position:absolute; top:13px; left:0px; width:5px; height:1px; background:#8c8c8c; content:''}

@media all and (max-width:900px) {
	.sitemap_wrap {padding:0px 0; border:0px none}
    .sitemap_wrap .list {width:50%; min-height:360px; margin-bottom:30px;}
	.sitemap_wrap .list.short {min-height:410px}
    .sitemap_wrap .list:nth-child(2n) {border-right:0 none}
    .sitemap_wrap .list h4 a {padding:13px 0; font-size:16px}
    .sitemap_wrap .list > ul > li > a {padding:11px 0 11px 13px;}
    .sitemap_wrap .list > ul > li > ul {padding:10px 13px}
    .sitemap_wrap .list > ul > li > ul li a {height:24px; padding-left:10px; line-height:24px;}
    .sitemap_wrap .list > ul > li > ul li a:after {top:11px}
}
@media all and (max-width:620px) {
    .sitemap_wrap .list, .sitemap_wrap .list.short {width:100%; min-height:auto; padding:0; border-right:0 none; }
    .sitemap_wrap .list h4 a {font-weight:bold}
	.sitemap_wrap .list > ul > li > a  {font-size:14px}
	.sitemap_wrap .list > ul > li > ul li a {font-size:13px}
}

/*미션비전*/
.mission_box, .vision_box{position:relative;}
.mission_txt, .vision_txt{color:#fff;box-shadow:3px 3px 20px #ddd;text-align:center;padding:85px 40px 60px 40px; width:100%;margin-bottom:50px;font-size:15.5px;line-height:1.5em;}
.mission_txt{background-color:#5f93e0}
.vision_txt{background-color:#3fb5a2}
.mission_txt h3, .vision_txt h3{font-size:1.6em;letter-spacing:0.5px;margin-bottom:12px;}
.mission_img, .vision_img{background-repeat:no-repeat;text-align:center;line-height:80px;font-size:18px;background-size:45%;background-repeat:no-repeat;background-position:center;position:absolute;top:-12%;left:50%;transform:translatex(-50%);width:100px;height:100px;top:-16%;background-color:#eee;color:#000;}
.mission_img{background-image:url(../../images/iwcms/sub/1st_ico.png);}
.vision_img{background-image:url(../../images/iwcms/sub/2nd_ico.png);}
.mission_txt i, .vision_txt i{font-weight:500;color:#e5eefc}


.mission_txt p span{line-height:2.3em;}
.mission_arr{margin-left:45%;margin-bottom:20px;opacity:0.85;}
.mission_bt{position:relative;}
.mission_bt_in{width:100%;display:flex;}
.mission_bt h3{width:23%;border:none;}
.mission_bt div{width:100%;}
.mission_bt ul{display:flex;width:100%;align-items:center;justify-content:space-between;vertical-align:middle;}
.mission_bt ul li{letter-spacing:-1px;width:24%;display:block;margin-bottom:30px;font-size:19px;text-align:center;vertical-align:middle;padding:5% 15px;color:#fff;}

.line1 ul li{background-color:#ffc247;color:#444;font-weight:400;}
.line2 ul li{background-color:#6090BF;}


@media all and (min-width:480px){
    .mission_txt, .vision_txt{padding:95px 20px 65px 20px;font-size:17px;}
    .mission_txt h3, .vision_txt h3{font-size:1.7em;margin-bottom:18px;}

}

@media all and (min-width:768px){
    .mission_box, .vision_box{display:flex;position: static;width:100%;}
     .mission_img, .vision_img{background-size:100%;background-color:#fff;text-indent:-9999px;margin-bottom:50px;position:static;width:100%;display:block;transform: translateX(0);height:auto;background-repeat:no-repeat;}
	 .vision_img{background-image:url(../../images/iwcms/sub/mission_bg2.jpg);margin-right:30px;}
	 .mission_img{background-image:url(../../images/iwcms/sub/mission_bg.jpg);background-size:100%;}
	 .mission_txt{margin-right:30px;}
    .mission_txt, .vision_txt{width:100%;padding:200px 0px 200px 0px;}

}
@media all and (min-width:1024px){

    .mission_txt, .vision_txt{box-shadow:5px 5px 20px #a09f9f;padding:150px 30px 150px 30px;font-size:22px;letter-spacing: -1.5px;}
    .mission_txt h3, .vision_txt h3{font-size:1.7em;margin-bottom:30px;}
    
}

@media all and (max-width:1023px){
.purpose_wrap{marin-bottom:0;padding-bottom:0;}
.mission_arr{margin-left:60%;transform:translatex(-50%)}
.mission_bt ul li{font-size:17px;}
}

@media all and (max-width:480px){
.mission_arr{display:none;}
.mission_bt{width:100%;margin-bottom:30px;}
.mission_bt_in{display:block;}
.mission_bt h3{display:block;width:100%;}
.mission_bt ul{display:block;width:100%;}
.mission_bt ul li{font-size:16px;width:100%;border-radius:0;margin-bottom:10px;}
.mission_bt ul li:last-child{margin-bottom:60px;}
}

/*반부패통합센터수정*/

.corruption_go h3{font-size:23px;font-weight:500;margin-bottom:12px;margin-right:10px;}
.corruption_go a{text-align:center;/*border:1px solid #000;*/background-color:#2359c4;color:#fff;display:block;width:100%;padding:15px 20px 8px 20px;font-size:14px;line-height:20px;margin-bottom:50px;text-decoration:none;}
.corruption_go a:hover{background-color:#005fc1;border:0;color:#fff;}
/*.corruption_go a:after{content:"";display:inline-block;margin-left:8px;vertical-align:top;margin-top:5px;width:45px;height:20px;background-image:url(../images/main/arr1.png);background-repeat:no-repeat;background-size:100%;}
.corruption_go a:hover:after{background-image:url(../../images/iwcms/sub/go_arr_w.png);}*/
.corruption_go p{display:block;}
.corruption_cont ul {display:flex;flex-wrap:wrap;width:100%;}
.corruption_cont ul li:before{content: "";display:block;width:80px;height:80px;margin-bottom:30px;background-size:100%;}
.corruption_cont ul li:nth-child(1):before{background-image:url(../../images/iwcms/sub/corruption_ico1.png)}
.corruption_cont ul li:nth-child(2):before{background-image:url(../../images/iwcms/sub/corruption_ico2.png)}
.corruption_cont ul li:nth-child(3):before{background-image:url(../../images/iwcms/sub/corruption_ico3.png)}
.corruption_cont ul li:nth-child(4):before{background-image:url(../../images/iwcms/sub/corruption_ico4.png)}
.corruption_cont ul li:nth-child(5):before{background-image:url(../../images/iwcms/sub/corruption_ico5.png)}
.corruption_cont ul li{width:50%;margin-bottom:20px;font-size:16px;color:#f24646;color:#224a79;color:#005fc1;font-weight:500;position:relative;}
.corruption_cont i{font-size:17px;margin-right:5px;font-weight:500}


@media all and (min-width:768px){

    .corruption_go h3{font-size:24px;margin-bottom:15px;}
	.corruption_go a{padding:18px 25px 12px 25px;font-size:15.5px}
    .corruption_cont ul li{font-size:18px;margin-bottom:25px;}
}

@media all and (min-width:1024px){
    .corruption_area{display:flex;padding-top:70px;justify-content:space-between;}
	.corruption_go{margin-right:40px;}
    .corruption_go h3{font-size:34px;margin-bottom:35px;display:inline-block;color:#000;}
	.corruption_go h3:before{background-color:#000;}
    .corruption_go a{font-size:18px;padding:18px 40px 14px 40px;margin-bottom:50px}
    .corruption_cont ul{flex-wrap:wrap;width:700px;}
    .corruption_cont ul li{width:280px;font-size:21px;margin-bottom:70px;text-align:center;letter-spacing:-1px;}
    .corruption_cont ul li:before{width:100px;height:100px;margin:0 auto;margin-bottom:80px;}
    .corruption_cont i{display:inline-block;font-size:50px;vertical-align:top;margin-top:-30px;margin-right:10px;}
}

@media all and (min-width:1200px){
    .corruption_cont ul{flex-wrap:wrap;width:750px;}
    .corruption_cont ul li{width:300px;}
}
@media all and (min-width:1300px){
    .corruption_cont ul{width:900px;}

}

/*정보공개*/
.open_info_cont>div>div{margin-bottom:20px;}
.open_info_cont>div>div h3{margin-bottom:10px;}
.btn_link{transition:background-color 0.3s;margin-bottom:5px;width:100%;height: 45px;line-height: 43px;font-size: 14px;padding: 0 26px;font-weight: bold;border-radius: 0px;background-color: #2c384b;border-color: #2c384b;color: #fff;box-sizing: border-box;vertical-align: middle;display: inline-block;text-align: center;border-width: 1px;border-style: solid;}
.btn_link:hover{background-color:#03a98a;border-color:#03a98a;}
a.btn_link{text-decoration:none;}


@media all and (min-width:1024px){
	.open_info_cont>div>div{margin-bottom:30px;}
	.btn_link{margin-bottom:10px;width:130px;margin-left:8px;min-width:182px;}
}

/*개인정보동의*/
.personal_go {width: 100%;background-color: #eee;margin-bottom: 10px;text-align: center;color: #333;margin-bottom:60px;padding:20px;border:1px solid #ddd;border-top:none;line-height:1.4em;font-size:14.5px;letter-spacing:-0.5px;color:#555}



/*이사회운영*/
@media all and (min-width:1024px){
.board_wrap{display:flex;}
.board_wrap h3{margin-right:130px;}
.board_wrap h3.slogan_tit{position:relative;overflow:hidden;}
.board_wrap h3.slogan_tit:after{content:"";display:block;bottom:-10px;left:0;background-image:url(../../images/iwcms/sub/management_01_03_bg.png);background-repeat:no-repeat;width:100%;height:385px;position:absolute;bottom:0;}
}
@media all and (min-width:1200px){
.board_wrap h3{margin-right:180px;}
}

/*개인정보처리방침*/

.tooltip {
  position: relative;
  display: block;
}
.tooltip img{margin-bottom:10px}

.tooltip .tooltiptext {
  visibility: hidden;       /* 이벤트가 없으면 툴팁 영역을 숨김 */
  width:90%;
  max-width: 230px;             /* 툴팁 영역의 넓이를 설정 */
  background-color: #fff;
  color: #005fc1;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  font-size:14px;
  border:0.5px solid #999;
  position: absolute;       /* 절대 위치를 사용 */
  z-index: 1;
  left:50%;
  top:15%;
  transform:translatex(-50%);
}

.tooltip:hover .tooltiptext {
  visibility: visible;      /* hover 이벤트 발생시 영역을 보여줌 */
}
/*개인정보침해유출사고처리절차*/
.steps>li{margin-bottom:30px;border:1px solid #ddd;text-align:center;position:relative;} 

.steps>li>.arr{display:block;width:40px;height:40px;background-color:#ffd116;position:absolute;bottom:-25px;left:50%;transform:translatex(-50%);border-radius:50%;}
.steps>li>.arr:after{content:"";display:block;background-image:url(../../images/iwcms/common/btn_next_w.png);transform:rotate(90deg);width:40px;height:40px;background-size:100%;margin-top:2px;}

.steps>li>h4{font-size:16px;display:block;background-color:#5283cc;padding:15px 10px;color:#fff;}
.steps>li>.st_cont{padding:15px 10px;text-align:left;}
.steps>li>.st_cont>h5{font-size:16px;text-align:center;font-weight:500;}
.steps.steps1_1>li>p{padding:30px}

@media all and (min-width:768px){
.steps>li>.st_cont>ol{padding-left:32%;}
}

@media all and (min-width:1024px){
.steps{display:flex;width:100%;position:relative;z-index:-10;}
.steps>li{width:25%;}
.steps>li>h4{font-size:18px}
.steps>li>.arr{bottom:30%;left:auto;right:-20px;transform:translatex(0);z-index:10}
.steps>li>.arr:after{transform:rotate(0deg);margin-top:1px;margin-left:2px;}
.steps>li>.st_cont{padding:15px 30px;}
.steps>li>.st_cont>ol{padding-left:0px;}
.steps2>li{width:50%;}

}
/*예산*/
.sc_input{margin:30px auto 20px auto;}
.sc_input select{cursor:pointer;position:relative;border:none;font-size:1.3em;font-weight:600;min-width:200px;height:65px;border-radius:5px;border:1px solid #000; padding-right:120px;padding-left:20px}
.sc_input select option{cursor:pointer;}
.sc_input select option:after{content:"바로가기";display:block;font-size:15px;width:10px;height:10px;}
@media all and (max-width:768px){
.sc_input select{font-size:1.1em;height:50px;}
}
@media all and (max-width:480px){
.sc_input select{height:50px;width:100%;max-width:none;padding-right:30px;}
}


/*iframe-입찰공고*/
.iframe_wrap{max-width:1400px;max-width:1000px;width:100%;margin:0 auto;text-align:center;border: 2px solid #f4f4f4;border-top:2px solid transparent;padding: 30px 60px 0 60px;}
#myIframe{max-width:825px;width:100%;height:800px;margin:0 auto;padding:20px}
.sub_tab.w1000{max-width:1000px;margin:0 auto}
.sub_tab.w1000 ul li a{font-size:17px;line-height:60px}

.tab.list{max-width:1000px;margin:0 auto}
.tab_list1 {width:100%;margin:0 auto}
.tab_list1 li {position:relative; width:100%;display:none;}
.tab_list1 li.on {display:block; margin-left:0 !important;}
.tab_list1 li h3:after{content:"";display:block;clear:both}
.tab_list1 li h3 a , .tab_list1 li h3 button {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: #f8f9f9;color: #757575;transition: 0.3s;display:block;height: 63px;border-top: 1px solid #ddd;box-sizing: border-box;border-bottom: 3px solid #5599ff;width: 33.333%;text-align: center;position: relative;;letter-spacing: -1.5px;color: #888777;line-height: 60px;font-size: 16px;letter-spacing: -1.3px;float:left;    margin-top: 5px;}

.tab_list1 li h3 a span, .tab_list1 li h3 button span{display:block;vertical-align:top;border:2px solid transparent}
.tab_list1 li.on h3 a{border: 3px solid #5599ff;border-bottom: none;background-color: #fff;font-weight: 400;color: #333;}
.tab_list1 li.on h3 a span{border:none}
.tab_list1 li h3 .id1{border-left:1px solid #ddd}
.tab_list1 li h3 .id1:after{display:none}
.tab_list1 li h3 .id3{border-right:1px solid #ddd}
.tab_list1 li h3 button:after{ content: "";display: block;width: 1px;height: 20px;position: absolute;background-color: #ddd;top: 50%;transform: translatey(-50%);}


@media all and (max-width:768px){
	.iframe_wrap{ padding:0}
	#myIframe{padding:0;height:600px}
	.tab_list1 li h3 a , .tab_list1 li h3 button {font-size:15px;line-height:50px;height:53px}

}