@charset "utf-8";

/* 공통 */
.clear {clear:both}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.fl {float:left !important}
.fr {float:right !important}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.readonly, .disabled {background-color:#ddd}
.al{text-align:left !important;}
.dpb_pc{display:none}
.cl_blue {color:#0b3797 !important}
.cl_red {color:#ed1556 !important}

.mgt0 {margin-top:0 !important}
.mgt5 {margin-top:5px !important}
.mgt10 {margin-top:10px !important}
.mgr0 {margin-right:0 !important}
.mgl0 {margin-left:0 !important}
.mgb0 {margin-bottom:0 !important}
.mgb5 {margin-bottom:5px !important}
.mgb10 {margin-bottom:10px !important}
.mgb20 {margin-bottom:20px !important}
.mgb50 {margin-bottom:50px !important}
.pdt0 {padding-top:0 !important}
.pdb0 {padding-bottom:0 !important}
.pdb10 {padding-bottom:10px !important}
.pdb20 {padding-bottom:20px !important}
.pdl0 {padding-left:0 !important}
.pdl5 {padding-left:5px !important}
.pdl10 {padding-left:10px !important}
.pdl20 {padding-left:20px !important}
.pd0{padding:0 !important}

/* 본 사이트 전용 */
body {width:100%;min-width:320px;font-family:'SUIT', 'Malgun Gothic', sans-serif; font-weight:400; min-width:1200px}
h1, h2, h3, h4, h5, h6 {font-family:'SUIT', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], input[type=submit], textarea, select, button {font-family:'SUIT', 'Malgun Gothic', sans-serif; font-weight:400}
.frm_input, input[type=text], input[type=password], textarea, select, button {font-size:1.167em}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none;appearance:none}
select {background:none}

#hd_pop {width:100% !important;max-width:1250px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#copymove .tbl_head01 thead th, #copymove .tbl_head01 td {font-size:1.167em}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em}

.visual .bg_vis li .vis_img{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; overflow:hidden; background-size:cover !important; -webkit-transition:all 1.5s ease 0s; transition:all 1.5s ease 0s; -webkit-transform:scale(1.5, 1.5) rotate(0.1deg); transform:scale(1.5, 1.5) rotate(0.1deg); z-index:30}
.visual .bg_vis li.vis_on .vis_img{-webkit-transform:scale(1) rotate(0.1deg); transform:scale(1) rotate(0.1deg);}
.youtube_wrap {position:relative;width:100%;padding-bottom:56.25%}
.youtube_wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%}

#modal_bg {display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.65)}
.nbg {background:none !important}
.w100 {width:100%}
.inputw10 {width:9.5%}
.inputw20 {width:19.5%}
.inputw30 {width:29.5%}
.inputw70 {width:69.5%}
.inputw80 {width:79.5%}
.inputw90 {width:89.5%}

.in_1200{position:relative; margin:0 auto; padding:0; width:100%; max-width:1200px; }

/* 헤더 */
#header{width:100%; height:118px; background:#fff}
#header .adm_li{position:absolute;right:0; top:118px; z-index:1000; background:rgba(0,0,0,0.3); display:flex; padding:0 5px}
#header .adm_li li a{display:block; color:#fff; padding:8px; font-size:1.25em}
#header .header_top{position:relative}
#header .header_top .logo, #header .header_top .nav{position:absolute; z-index:550}
#header .header_top .logo{left:0; top:0; display:block; background:url(../images/top_logo.svg) center no-repeat; background-size:100% auto; width:213px; height:118px}
#header .header_top .nav{right:0; top:42px; margin:0}
#header .header_top .nav ul{display:flex;}
#header .header_top .nav li{margin-left:5px}
#header .header_top .nav li a{display:block; width:34px; height:34px; border-radius:5px; }
#header .header_top .nav li:first-child a{background:#f9b100 url(../images/ht_home.svg) center no-repeat; background-size:15px auto}
#header .header_top .nav li:last-child a{background:#0067db url(../images/ht_loca.svg) center no-repeat; background-size:11px auto}

/* 메뉴 */
#header .hd_menu_bg {display:none;overflow:hidden;position:absolute;left:0;top:118px;z-index:300;width:100%; background:#fff; border-top:1px solid #d4d4d4;}
#header .hd_menu_bg > div{width:100%; max-width:1300px; margin:0 auto; height:100%}
#header .container_menu{position:relative; width:100%; height:118px; z-index:400}
#hd_menu .main_menu {position:relative; z-index:150; display:flex; justify-content:right; padding-right:108px}
#hd_menu .main_menu:after {display:block;clear:both;content:""}
#hd_menu .main_menu > li{position:relative;}
#hd_menu .main_menu > li > a {position:relative; display:block; line-height:118px; padding:0 48px; letter-spacing:-0.6px; font-size:1.583em; color:#333; font-weight:500}
#hd_menu .main_menu > li.on > a {color:#0067db}
#hd_menu .main_menu > li > a span{display:inline-block; position:relative; padding:0 6px}
#hd_menu .main_menu > li.on > a > span:after{width:100%}
#hd_menu .sub_menu {display:none; position:absolute; left:0; top:118px; z-index:160; width:100%; padding:0; background:transparent; overflow:hidden;}
#hd_menu .sub_menu > ul{padding:20px 0 30px 50px;}
#hd_menu .sub_menu > ul > li {position:relative; text-align:left}
#hd_menu .sub_menu > ul > li:after{display:none}
#hd_menu .sub_menu > ul > li > a {display:block; line-height:2.3; word-break:keep-all; font-size:1.417em; color:#555; letter-spacing:-0.7px}
#hd_menu .sub_menu > ul > li.on > a, #hd_menu .sub_menu > ul > li:hover > a {color:#0067db}
#hd_menu .menu1 .sub_menu{width:115%}

/* 메인 컨텐츠 - 비주얼 */
.visual{position:relative; z-index:140; background:#000; width:100%}
.visual .bg_vis{position:relative; width:100%; height:795px;}
.visual .bg_vis:after{display:block; clear:both; content:''}
.visual .bg_vis li{position:absolute; left:0; top:0; z-index:120; width:100% !important; height:100%; display:none; background-size:cover !important;}
.visual .bg_vis .txt_vis{position:absolute; left:0; top:0; z-index:160; width:100%}
.visual .bg_vis .txt_vis > div{width:780px; margin:0 auto}
.visual .bg_vis .txt_vis > div.mvis_txt01{margin:311px auto 25px}
.visual .bg_vis .txt_vis > div img{filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.5));}
.visual .dot_vis{position:absolute; z-index:160; width:100%; bottom:40px; left:0; }
.visual .dot_vis ul{display:flex; justify-content:center;}
.visual .dot_vis li{width:13px; height:13px; border-radius:50%; cursor:pointer; position:relative; background:#fff; opacity:0.5; transition:all .5s ease-in-out}
.visual .dot_vis li:not(:last-child){margin-right:18px}
.visual .dot_vis li.selected{opacity:1}

/* 메인컨텐츠 - 공통 */
h3.mc_tit{line-height:1; font-size:2.92em; font-weight:700}
p.mc_stit{line-height:1; font-size:1.417em; font-weight:800}
p.mc_txt{font-size:1.417em; color:#555; line-height:1.95; word-break:keep-all}

/* 메인컨텐츠 - technology */
.mcon_tech{padding:141px 0 190px; display:flex}
.mcon_tech .tech_img{position:relative; width:calc(50% - 17px); height:452px; border-radius:0 15px 15px 0; }
.mcon_tech .tech_img:after{position:absolute; border-radius:13px; width:279px; height:191px; right:-222px; bottom:-54px; box-shadow:5px 5px 15px rgba(0,0,0,0.3); background:url(../images/dt_img02.jpg) center no-repeat; content:''}
.mcon_tech .tech_txt{width:617px; padding:22px 0 0 100px; position:relative}
.mcon_tech .tech_txt .mc_stit{color:#c2c2c2}
.mcon_tech .tech_txt h3{font-size:3.75em; font-weight:900; line-height:1; padding:16px 0 47px; color:#333}
.mcon_tech .tech_txt h3 span{color:#0067db}
.mcon_tech .tech_txt a{position:absolute; right:0; bottom:31px; display:block; padding:0 34px 1px 38px; line-height:40px; font-size:1.5em; color:#0067db; background:url(../images/dt_icon.svg) 11px center no-repeat; background-size:17px auto;}
.mcon_tech .tech_txt a:before, .mcon_tech .tech_txt a:after{position:absolute; bottom:0; content:''; background:#0067db}
.mcon_tech .tech_txt a:before{width:100%; height:1px; right:0;}
.mcon_tech .tech_txt a:after{width:1px; height:10px; transform:rotate(-45deg); right:4px}

/* 메인컨텐츠 - mcon_banner */
.mcon_banner{width:100%; background:url(../images/ban_bg00.jpg) center no-repeat; background-size:cover}
.mcon_banner ul{display:flex; justify-content:space-between; align-items:center; min-height:529px}
.mcon_banner li{width:575px; height:263px; border-radius:15px; box-shadow:5px 5px 10px rgba(0,0,0,0.3); position:relative;}
.mcon_banner li:first-child{background:url(../images/ban_bg01.jpg) center no-repeat; background-size:cover}
.mcon_banner li:last-child{background:url(../images/ban_bg02.jpg) center no-repeat; background-size:cover}
.mcon_banner li a{position:relative; display:block; padding:0 50px 40px; height:100%; display:flex; flex-direction:column; justify-content:flex-end;}
.mcon_banner li a:after{position:absolute; right:49px; height:32px; width:70px; height:70px; border-radius:50%; background:url(../images/more_icon.svg) center no-repeat; background-size:27px auto; background-color:rgba(255,255,255,0.7) !important; content:''}
.mcon_banner li p.mc_stit{color:#fff; opacity:0.8}
.mcon_banner li h3.mc_tit{color:#fff; padding-top:13px}

/* 메인컨텐츠 - mcon_board */
.n_con:not(.tabsel){display:none}
.mcon_board{width:100%; background:#f0f2f6; padding:132px 0 148px}
.mcon_board p.mc_stit{color:#c2c2c2;}
.mcon_board h3.mc_tit{color:#333; padding:13px 0 30px}
.mcon_board .in_1200{display:flex; justify-content:space-between;}
.mcon_board .boarda{position:relative; width:58.75%}
.mcon_board .boarda_btn{position:absolute; right:0; top:17px}
.mcon_board .boarda_btn ul{display:flex; }
.mcon_board .boarda_btn li{position:relative; line-height:78px; cursor:pointer; font-size:1.583em; color:#8d8d8d; padding:0 14px;}
.mcon_board .boarda_btn li:last-child{padding-right:0}
.mcon_board .boarda_btn li:not(:last-child):after{position:absolute; right:0; top:33px; width:1px; height:13px; background:#c9c9c9; content:''}
.mcon_board .boarda_btn li.selected{color:#0865b0}
.mcon_board .n_con{border-top:1px solid #252525}
.mcon_board .n_con li:not(.empty_list){width:100%; border-bottom:1px solid #c4c6cb; min-height:72px; display:flex; align-items:center; justify-content:space-between;}
.mcon_board .n_con li.empty_list {font-size:1.167em;line-height:18}
.mcon_board .n_con li .cate{display:inline-block; width:77px; height:28px; line-height:28px; color:#fff; text-align:center; font-size:1.333em; border-radius:28px}
.mcon_board .n_con li .catee1{background:#0865b0}
.mcon_board .n_con li .catee2{background:#f99200}
.mcon_board .n_con li .date{font-size:1.333em; color:#898989;}
.mcon_board .n_con li .date span{font-size:2.13em; display:block; color:#0067db; font-weight:700}
.mcon_board .n_con li .txt, .mcon_board .n_con li .txtt{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1}
.mcon_board .n_con li .txt{font-size:1.583em;font-weight:500}
.mcon_board .n_con li .txt .new_icon {display:inline-block;margin-right:3px;font-weight:bold;color:#0067db}
.mcon_board .n_con li .txt a {color:#333}
.mcon_board .n_con li .txtt{font-size:1.417em; color:#555}
.mcon_board .n_con li.latestt{min-height:154px; position:relative}
.mcon_board .n_con li.latestt:after{position:absolute; left:125px; top:35px;; width:1px; height:84px; background:#d9d9d9; content:''}
.mcon_board .n_con li.latestt > div{height:100%}
.mcon_board .n_con li.latestt .lat_date{width:120px; text-align:center}
.mcon_board .n_con li.latestt .lat_idx{width:calc(100% - 295px); padding:0 38px}
.mcon_board .n_con li.latestt .lat_idx > span{display:block}
.mcon_board .n_con li.latestt .lat_idx .txt{margin:10px 0}
.mcon_board .n_con li.latestt .lat_img{width:175px}
.mcon_board .n_con li.latestt .lat_img div {overflow:hidden;width:100%;height:112px;border-radius:10px}
.mcon_board .n_con li:not(.latestt) .txt{flex:1; padding:0 18px}
.mcon_board .mcon_btn ul{display:flex; padding-top:95px}
.mcon_board .mcon_btn li:last-child{margin-left:33px}
.mcon_board .mcon_btn li{width:190px; text-align:center}
.mcon_board .mcon_btn li a{display:block}
.mcon_board .mcon_btn li .btn_imgg{width:100%; height:212px; border-radius:10px; box-shadow:8px 8px 10px rgba(0,0,0,0.1);}
.mcon_board .mcon_btn li p{font-size:1.667em; color:#333; font-weight:500; margin-top:26px} 
.mcon_board .mcon_btn li p span{position:relative; display:inline-block; padding:0 19px 1px 12px; line-height:39px;}
.mcon_board .mcon_btn li p span:before, .mcon_board .mcon_btn li p span:after{position:absolute; bottom:-10px; content:''; background:#0067db; opacity:0; transition:all .5s ease-in-out}
.mcon_board .mcon_btn li p span:before{width:100%; height:1px; right:0;}
.mcon_board .mcon_btn li p span:after{width:1px; height:10px; transform:rotate(-45deg); right:4px}
.mcon_board .mcon_btn li:hover p{color:#0067db}
.mcon_board .mcon_btn li:hover p span:before, .mcon_board .mcon_btn li:hover p span:after{bottom:0; opacity:1}

/* 메인컨텐츠 - mcon_related */
.mcon_related{width:100%;}
.mcon_related ul{display:flex; justify-content:space-between; padding:0 98px}
.mcon_related li a{display:block; line-height:106px;}

/*

/* 서브 비주얼 */
.sub_visual{position:relative; width:100%}
.sub_visual .bg_vis{position:relative; width:100%; height:313px}
.sub_visual .bg_vis:after{display:block; clear:both; content:''}
.sub_visual .bg_vis li{position:absolute; left:0; top:0; z-index:120; width:100% !important; height:100%; display:none; background-size:cover !important;}
.sub_visual .bg_vis .txt_vis{position:absolute; left:0; top:0; z-index:160; width:100%}
.sub_visual .bg_vis .txt_vis > div{width:546px; margin:0 auto}
.sub_visual .bg_vis .txt_vis > div.svis_txt01{margin:90px auto 18px}
.sub_visual .bg_vis .txt_vis > div img{filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.5));}

/* 서브 컨텐츠 - 탭*/
.tab_menu{position:absolute; background:rgba(0,103,219,0.9);left:0;bottom:0;width:100%;z-index:650;}
.tab_menu ul{display:flex; align-items:center; justify-content:center;}
.tab_menu li{position:relative; font-size:1.5em; text-align:center; width:25%; font-weight:500; transition:all .5s ease-in-out; min-width:300px}
.tab_menu li:not(:first-child):after{position:absolute; left:0; top:20px; width:1px; height:24px; background:#fff; opacity:0.4; content:''}
.tab_menu li a{color:#fff; display:block; width:100%; line-height:64px}
.tab_menu li.selected{background:#0e4481;}
.tab_menu li.selected:after, .tab_menu li.selected + li:after{display:none}


/* 서브 콘텐츠 */
.sub_contents h1.page_title{position:relative; margin:104px 0 0; font-size:3.17em; line-height:1; text-align:center; font-weight:600}
.page {width:100%; height:auto; min-height:700px; margin:0 auto;padding:55px 0 10%}

/* 인사말 */
.gre_box{display:flex; justify-content:space-between; padding:60px 5% 0}
.gre_box > div{width:calc(50% - 35px)}
.gre_box > div > p{font-size:1.417em; color:#444; line-height:1.6; word-break:keep-all; text-align: justify;}
.gre_box > div > p:not(:last-of-type){margin-bottom:25px}
.gre_box > div > p span{font-size:1.1em; color:#0e4481; font-weight:500}
.gre_box > div > p strong{font-size:1.4em; color:#333; font-weight:700; padding-left:15px}
.gre_box > div:last-of-type > p:last-of-type{text-align:right; margin-top:45px; }

/* 현대화사업 소개 */
.page_top{background:url(../images/sub/page_top_bg.jpg) center no-repeat; padding:5% 6%}
.page_top li{width:100%; position:relative; min-height:43px; padding-left:158px; font-weight:500; font-size:1.5em; color:#444; line-height:43px; letter-spacing:-0.7px}
.page_top li:not(:last-child){margin-bottom:15px}
.page_top li strong{color:#0067db; font-size:1.1em}
.page_top li span{position:absolute; left:0; top:0; display:inline-block; width:137px; line-height:43px; background:#0e4481; color:#fff; text-align:center; border-radius:43px; letter-spacing:0}
.page_top li:first-child span{background:#0067db}
.img_wrpp{width:100%; margin-top:5%; border:1px solid #d4d4d4; text-align:center;}
.img_wrpp > div{border:11px solid #f5f5f5; text-align:Center; padding:5%}
.img_wrpp img{width:100%; height:auto; max-width:fit-content;}
.flex_box0103{width:100%; display:flex; justify-content:space-between; margin-top:5%}
.flex_box0103 > .img_wrpp{width:38%; margin-top:0}
.flex_box0103 > div:not(.img_wrpp){width:57%; align-items:center; display:flex}
.flex_box0103 > div video{width:100%}
.ctt_img img{width:100%; height:auto; max-width:fit-content;}

.tbl01 {width:100%;margin-top:20px;border-top:2px solid #0e4481;border-spacing:0;border-collapse:separate; font-size:1.1em}
.tbl01 caption {overflow:hidden;padding:0;font-size:0;line-height:0}
.tbl01 th{background:#f5f5f5; color:#333;}
.tbl01 th, .tbl01 td {padding:8px 3px;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:center; line-height:1.6; letter-spacing:-0.7px}
.tbl01 th:last-child, .tbl01 td:last-child {border-right:0}
.tbl01 td { color:#555}

/* 용수공급 계통도 */
.proc_0201{min-height:665px; width:100%; background:url(../images/sub/page0201_bg.jpg) center bottom no-repeat; display:flex; justify-content:space-between;}
.proc_0201 .proc_tit{display:table; margin:0 auto; width:auto; padding:0 65px; line-height:80px; font-size:2em; color:#fff; font-weight:700; border-radius:15px; background:#0e4481}
.proc_0201 .proc_left{width:880px; height:100%; ; padding:0 77px; position:relative;}
.proc_0201 .proc_left > p{position:absolute; left:95px; top:135px; font-size:1.9em; color:#0e4481; font-weight:500}
.proc_0201 .proc_left .pl_ul01{width:100%}
.proc_0201 .proc_left .pl_ul01:not(.pl_ul02){padding:57px 0 0 50%}
.proc_0201 .proc_left .pl_ul01:not(.pl_ul02) li:nth-child(3){margin-bottom:15px}
.proc_0201 .proc_left .pl_ul01:not(.pl_ul02) li:last-child{padding-top:15px; border-top:1px solid #d4d4d4 }
.proc_0201 .proc_left .pl_ul01 li{text-align:right; margin-bottom:13px}
.proc_0201 .proc_left .pl_ul01 li:nth-child(2), .proc_0201 .proc_left .pl_ul01 li:nth-child(3){margin-right:-2px}
.proc_0201 .proc_left .pl_ul01 li p{line-height:32px; font-size:1.8em; color:#333; font-weight:500; letter-spacing:-0.7px}
.proc_0201 .proc_left .pl_ul01 li .pl_month{font-weight:700; color:#0067db}
.proc_0201 .proc_left .pl_ul01 li .pl_white{display:inline-block; line-height:32px; width:124px; background:#fff; padding-right:13px; text-align:right; margin-right:5px}
.proc_0201 .proc_left .pl_ul02{width:100%; display:flex; justify-content: space-between; padding:146px 68px 0 16px}
.proc_0201 .proc_left .pl_ul02 li{width:168px; text-align:center}
.proc_0201 .proc_left .pl_ul02 li p{font-size:1.667em;}
.proc_0201 .proc_left .pl_ul02 li .pl_white{width:65px; font-size:1.10em}
.proc_0201 .proc_right{width:300px; height:100%;}
.proc_0201 .proc_right li{font-size:1.667em; color:#555; color:#333; width:100%; text-align:center; line-height:1}
.proc_0201 .proc_right li:first-child{margin-top:202px}
.proc_0201 .proc_right li:last-child{margin-top:258px}

/* 수질정보 */
.winfo_0202{width:100%; padding:77px; background:url(../images/sub/p0202_bg.jpg) center no-repeat; background-size:cover; display:flex; flex-wrap:wrap; justify-content:space-between;}
.winfo_0202 h3{width:100%; line-height:1; padding-bottom:25px; margin-bottom:35px; border-bottom:1px solid #92adcd; color:#333; font-size:3.58em; font-weight:700}
.winfo_0202 h3 span{color:#0067db}
.winfo_0202 h3 small{font-size:0.42em; color:#444; font-weight:500; padding-left:23px}
.winfo_0202 .winfo_left{display:flex; flex-direction:column; width:546px; justify-content:space-between}
.winfo_0202 .winfo_left h4{line-height:37px; padding-left:41px; font-size:2em; color:#333; font-weight:700; margin-bottom:15px}
.winfo_0202 .winfo_left ul{display:flex; justify-content:space-between;}
.winfo_0202 .winfo_left .wil01 h4{background:url(../images/sub/p0202_loca.svg) left top no-repeat; background-size:26px auto}
.winfo_0202 .winfo_left .wil01 li{width:33.33%; padding:147px 0 10px; line-height:1.1; position:relative; text-align:center; font-size:1.5em; color:#444; font-weight:500}
.winfo_0202 .winfo_left .wil01 li:not(:last-child){border-right:1px solid #92adcd}
.winfo_0202 .winfo_left .wil01 li:after{position:absolute; left:calc(50% - 57px); top:10px; width:113px; height:113px; border-radius:50%; content:''}
.winfo_0202 .winfo_left .wil01 li:first-child:after{background:#fff url(../images/sub/p0202_icon01.png) center no-repeat;}
.winfo_0202 .winfo_left .wil01 li:nth-child(2):after{background:#fff url(../images/sub/p0202_icon02.png) center no-repeat;}
.winfo_0202 .winfo_left .wil01 li:last-child:after{background:#fff url(../images/sub/p0202_icon03.png) center no-repeat;}
.winfo_0202 .winfo_left .wil02 h4{background:url(../images/sub/p0202_water.svg) left top no-repeat; background-size:26px auto}
.winfo_0202 .winfo_left .wil02 ul{width:100%; background:rgba(14,68,129,0.75); padding:25px 0; min-height:165px}
.winfo_0202 .winfo_left .wil02 li{width:33.33%; text-align:center}
.winfo_0202 .winfo_left .wil02 li:not(:last-child){border-right:1px solid rgba(255,255,255,0.43)}
.winfo_0202 .winfo_left .wil02 li span{display:table; margin:0 auto; padding:0 20px; line-height:25px; border-radius:25px; background:rgba(255,255,255,0.95); color:#0e4481; font-size:1.417em; font-weight:500}
.winfo_0202 .winfo_left .wil02 li h5{line-height:77px; color:#fff; font-size:3.33em; font-weight:700}
.winfo_0202 .winfo_left .wil02 li p{font-size:1.333em; color:#fff; opacity:0.95;}
.winfo_0202 .winfo_right{width:420px; *padding-top:52px}
.winfo_0202 .winfo_right li{position:relative; width:100%; padding:30px 35px 28px; min-height:155px; border-radius:15px; background:rgba(255,255,255,0.8); box-shadow:8px 8px 16px rgba(14,68,129,0.2); display:flex; align-items:center; flex-wrap:wrap}
.winfo_0202 .winfo_right li:nth-child(2){margin:25px 0}
.winfo_0202 .winfo_right li:after{position:absolute; right:0; top:0; width:132px; height:100%; content:''}
.winfo_0202 .winfo_right li:first-child:after{background:url(../images/sub/p0202_icon04.png) center no-repeat;}
.winfo_0202 .winfo_right li:nth-child(2):after{background:url(../images/sub/p0202_icon05.png) center no-repeat;}
.winfo_0202 .winfo_right li:last-child:after{background:url(../images/sub/p0202_icon06.png) center no-repeat;}
.winfo_0202 .winfo_right li h4{font-size:2em; color:#333; font-weight:700; line-height:1}
.winfo_0202 .winfo_right li h4 span{padding-left:27px; position:relative; font-size:0.75em; font-weight:500}
.winfo_0202 .winfo_right li h4 span:after{position:absolute; left:13px; bottom:1px; content:'|'}
.winfo_0202 .winfo_right li p{font-size:1.417em; color:#444; font-weight:500; padding-top:10px; line-height:1.6}
.winfo_0202 .winfo_right li p span{font-size:1.29em; font-weight:700; color:#ffa200}

/* 참여기업 소개 */
h3.stit{margin:10% 0 15px; font-size:2.67em; color:#333; font-weight:600; line-height:1; padding-top:19px; position:relative}
h3.stit:after, h3.stit:before{position:absolute; top:0; width:17px; height:6px; content:''}
h3.stit:after{left:0; background:#ffa200}
h3.stit:before{left:17px; background:#0067db}
.tbl02 {width:100%;  border-spacing:0; border-collapse:separate; border-top:1px solid #d4d4d4}
.tbl02 caption {overflow:hidden;padding:0;font-size:0;line-height:0}
.tbl02 th{background:#0e4481; color:#fff;}
.tbl02 th, .tbl02 td{padding:13px 25px; border-bottom:1px solid #d4d4d4; text-align:center; line-height:1.6; letter-spacing:-0.7px; font-size:1.417em}
.tbl02 td {color:#555;}
.tbl02 td ul{display:flex; *justify-content:center; flex-wrap:wrap}
.tbl02 td li{position:relative; padding-left:15px; margin-right:25px}
.tbl02 td li:after{position:absolute; left:0; top:10px; width:5px; height:5px; background:#ffa200; border-radius:50%; content:''}
.ul_cinfo{display:flex;}
.ul_cinfo li{border-radius:15px; background:#f5f5f5; width:calc((100% - 60px) / 3); margin-bottom:30px; line-height:77px; font-size:1.417em; color:#444; text-align:center}
.ul_cinfo li:not(:nth-child(3n)){margin-right:30px}
.ul_cinfo li span{display:inline-block;}
.ul_cinfo li a{color:#0067db}
.ul_cinfo li.cinfo01 span{padding-left:36px; background:url(../images/sub/cinfo_icon01.svg) left center no-repeat; background-size:24px auto}
.ul_cinfo li.cinfo02 span{padding-left:36px; background:url(../images/sub/cinfo_icon02.svg) left center no-repeat; background-size:24px auto}
.ul_cinfo li.cinfo03 span{padding-left:32px; background:url(../images/sub/cinfo_icon03.svg) left center no-repeat; background-size:19px auto}


/* 푸터 */
#footer{width:100%; background:#2d3032; text-align:center; padding:46px 0}
#footer p{font-size:1.333em; color:#d5d5d5; line-height:1.6}
#footer p.f_copy{padding-top:7px}
#footer p.f_copy, #footer p.f_copy a{color:#a9a9a9}