.dp_none{display:block;overflow:hidden; width:0; height:0;position: absolute;left:-100%;} .irbox{ display:block; overflow:hidden; width:0; height:0; position: absolute; left:-100%;} .dlstyle1 { position:relative; float:left} .dlstyle1 li { position:relative; float:left; width:50%; padding:0 0 55px 0} .btbts1 { float:left; background:#97bcc5; border:1px solid #002f59; cursor:pointer; padding:10px 0; box-sizing:border-box; color:#fff; border-radius:2px; font-size:14px; text-align:center; width:30%;} .btbts2 { float:left; background:#97bcc5; border:1px solid #002f59; cursor:pointer; padding:10px 0; box-sizing:border-box; color:#fff; border-radius:2px; font-size:14px; text-align:center; width:40%;} .btbtsul { position:relative; float:left; width:100%;} .btbtsul li { position:relative; float:left; width:auto; margin:0 5px 10px 5px} .btbtsul li p { width:100%; padding:10px 30px;} .btbts1 a:link, .btbts1 a:visited, .btbts1 a:hover, .btbts1 a:active { color:#fff;} .btbts2 .btbts2 a:link, .btbts2 a:visited, .btbts2 a:hover, .btbts2 a:active { color:#fff;} .slink a:link, .slink a:visited, .slink a:hover, .slink a:active { color:#000;} .uletc { position:relative; float:left;} .uletc li { position:relative; float:left; width:30%; height:170px; text-align:center} .uletc li span { float:left; width:100%;} .tleft > img { margin : 0 0 2px 4px;} /* 테이블 */ .contents { position:relative; overflow:hidden} .contents .tstyle { width:100%; border-top:2px solid #002f59; margin-bottom:20px;} .contents .tstyle caption { left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em;} .contents .tstyle th { text-align:center; padding:12px 7px; border:1px solid #dbdee6; background:#F7FAFD; color:#002f59;} .contents .tstyle th.color01{ background:#f7d9d9} .contents .tstyle th.color02{ background:#f6e2d4} .contents .tstyle th.color03{ background:#fff0a2} .contents .tstyle th.color04{ background:#d2fbd2} .contents .tstyle th span { font-weight:normal;} .contents .tstyle td { text-align:center; padding:10px; border:1px solid #dbdee6;} .contents .tstyle td ul { padding:0 15px; text-align:left;} .contents .tstyle td ul li { background:url(/images/www/i-dot.jpg) no-repeat 2px 10px;padding-left:10px;} .contents .tstyle td img { vertical-align:middle; } .contents .tstyle .nobol { border-left:0;} .contents .tstyle .nobor { border-right:0;} .contents .tstyle .tbg { background:#F7FAFD;} .contents .tstyle .tleft { text-align:left;} .contents .tstyle .tleft1 { text-align:left; padding-left:25px;} .contents .tstyle .tleft2 { text-align:left; padding-left:15px;} .contents .tstyle .tleft3 { padding:15px;} .contents .tstyle .tline { border-bottom:1px solid #aabacb;} .contents .tstyle .vetical_top { vertical-align:top;} .contents .tstyle .tbleft{ border-left:2px solid #002f59;} .contents .tstyle_site { width:100%; border-top:2px solid #002f59; border-collapse:collapse; margin-bottom:30px;} .contents .tstyle_site caption { text-align:left; margin-bottom:10px; font-size:17px; color:#003975; letter-spacing:-1px; background:url(/images/www/icon1.jpg) no-repeat left 6px; padding-left:20px;} .contents .tstyle_site td{word-break: keep-all; text-align:center; padding:5px 5px; border:1px solid #dbdee6; border-collapse:collapse; width:20%;} .contents .formA input[type="text"]{ border:1px solid #dbdee6; height:21px; line-height:21px; text-indent:10px; width:90%} .contents .tstyle th.co01{ background:#2F7ABF;color:#fff} .contents .tstyle th.co02{ background:#5dc556;color:#000} .contents .tstyle th.co03{ background:#fce133;color:#000} .contents .tstyle th.co04{ background:#d93736;color:#fff} /* .contents .tstyle th.co01{ background:#032dff;color:#fff} .contents .tstyle th.co02{ background:#58d627;color:#000} .contents .tstyle th.co03{ background:#ffde00;color:#000} .contents .tstyle th.co04{ background:#d20000;color:#fff} */ .contents .tb_normal { width:100%; border-top:2px solid #002f59; border-collapse:collapse; margin-bottom:20px;} .contents .tb_normal caption { display:block; overflow:hidden; width:0; height:0; position: absolute; left:-100%;} .contents .tb_normal th { word-break:break-all; text-align:center; padding:7px; border:1px solid #dbdee6; border-collapse:collapse; background:#F7FAFD; color:#002f59;} .contents .tb_normal th span { font-weight:normal;} .contents .tb_normal td { word-break:break-all; text-align:center; padding:5px 5px; border:1px solid #dbdee6; border-collapse:collapse} .contents .tb_normal td ul { padding:0 15px; text-align:left;} .contents .tb_normal td ul li { float:left;width:33.3333%; background:url(/images/www/icon_file.gif) no-repeat 2px 7px;padding-left:20px;} .contents .tb_normal td ul li a:hover { color:#2362a4; } .contents .tb_normal td ul.type1 li{width:100%} .contents .tb_normal td ul.type2 li{width:50%} .contents .tb_normal2 { width:100%; border-top:2px solid #002f59; border-collapse:collapse; margin-bottom:20px;} .contents .tb_normal2 caption { display:block; overflow:hidden; width:0; height:0; position: absolute; left:-100%;} .contents .tb_normal2 th { word-break:break-all; text-align:center; padding:7px; border:1px solid #dbdee6; border-collapse:collapse; background:#F7FAFD; color:#002f59;} .contents .tb_normal2 th span { font-weight:normal;} .contents .tb_normal2 th ul { padding:0 15px;} .contents .tb_normal2 th ul li a { background:url(/images/www/icon_file.gif) no-repeat 2px 3px;padding-left:20px; color:#002f59; font-weight:600} .contents .tb_normal2 th ul li a:hover { color:#2362a4;} .contents .tb_normal2 td { word-break:break-all; text-align:center; padding:5px 5px; border:1px solid #dbdee6; border-collapse:collapse} .contents .tb_normal2 td ul { padding:0 15px; text-align:left;} .contents .tb_normal2 td ul li { background:url(/images/www/icon_file.gif) no-repeat 2px 7px;padding-left:20px;} .contents .tb_normal2 td ul li a:hover { color:#2362a4; } .contents .tb_arrow { width:100%; border-collapse:collapse; margin-bottom:20px;} .contents .tb_arrow caption { display:block; overflow:hidden; width:0; height:0; position: absolute; left:-100%;} .contents .tb_arrow th { word-break:break-all; text-align:center; padding:10px; border:1px solid #dbdee6; border-collapse:collapse; background:#F7FAFD; color:#002f59;} .contents .tb_arrow td { word-break:break-all; text-align:center; padding:5px; border:0; border-collapse:collapse} .contents .tb_arrow td img { vertical-align:middle;} .contents .tb_arrow td ul { padding:0 10px; text-align:left;} .contents .tb_arrow td ul li { background:url(/images/www/i-dot.jpg) no-repeat 2px 10px;padding-left:10px;} .contents .tb_arrow .line_bt { border-bottom:1px solid #dbdee6;} .contents .tb_arrow .line_rt { border-right:1px solid #dbdee6;} .contents .tb_arrow .line_lt { border-left:1px solid #dbdee6;} /*기본스타일*/ .contents { } .contents .tbox { padding:10px; border:1px solid #ccc; background:#F7FAFD;} .contents .tbox p.finish { font-size:16px; padding:20px 10px} .contents .enter10 { margin-bottom:10px !important;} .contents .enter20 { margin-bottom:20px !important;} .contents .enter30 { line-height:1.9; margin-bottom:30px !important;} .contents .enter40 { margin-bottom:40px !important;} .contents .enter50 { margin-bottom:50px !important;} .contents .enter60 { margin-bottom:60px !important;} .contents .marl10 { margin-left:10px !important;} .contents .marl20 { margin-left:20px !important;} .contents .mart20 { margin-top:20px !important;} .contents .tright { text-align:right; font-size:15px;} .contents .stitle1 { margin-bottom:5px; font-size:19px; color:#003975; background:url(/images/www/icon1.jpg) no-repeat left 5px; padding-left:22px;} .contents .stitle2 { margin-bottom:5px; font-size:17px; color:#2362a4; background:url(/images/www/icon2.jpg) no-repeat left 8px; padding-left:13px;} .contents .tsize1 { font-size:19px !important;} .contents .tsize2 { font-size:18px !important;} .contents .tsize3 { font-size:17px !important;} .contents .tsize4 { font-size:16px !important;} .contents .tsize5 { font-size:15px !important;} .contents .tsize6 { font-size:14px !important;} .contents .tcolor1 { color:#ee2f5b;} .contents .tcolor2 { color:#003975;} .contents .tcolor3 { color:#2362a4;} .contents .tcolor4 { color:#002F59;} .contents .tcolor5 { color:#222222;} .contents .icon1 { background:url(/images/www/icon1.jpg) no-repeat left 10px; padding-left:10px;} .contents .icon2 { background:url(/images/www/icon2.jpg) no-repeat left 8px; padding-left:13px;} .contents .icon3 { background:url(/images/www/i-dot.jpg) no-repeat 2px 10px;padding-left:10px;} .contents .icon_im { background:url(/images/www/i_important.jpg) no-repeat 0 8px;padding-left:12px;} .contents .icon_f { background:url(/images/www/i-fin.gif) no-repeat 0 2px;padding-left:15px;} .contents .txin { float:right;width:672px;text-align:left } .contents .txin1 { float:right;width:632px;text-align:left } .contents .txt_center { text-align:center;} .contents .txt_left { text-align:left !important;} .contents .txt_right { text-align:right !important;} .contents .txt_img { text-align:center !important;} .contents .txt_img img { width:93%; height:auto;} .contents .txt_img1 { text-align:center;} .contents .txt_img1 img { width:98%; height:auto;} .contents .txt_img2 { text-align:center;} .contents .txt_img2 img { width:100%; height:auto;} .contents .txt_img3 { text-align:center;} .contents .txt_img3 img { width:80%; height:auto;} .contents .txt_img4 { text-align:center;} .contents .txt_img4 img { width:auto; height:auto;max-width:100%} .contents .txt_line1 { border-bottom:1px dashed #dfdfdf; padding-bottom:30px; margin-bottom:25px;} .contents .btn_s1 { padding:5px 10px 4px 10px; font-size:13px; text-align:center; color:#fff; background:#002F59; border-radius:4px; cursor:pointer; vertical-align:middle; margin:0 5px 5px 0; display:inline-block;} .contents .btn_m1 { padding:10px 25px; font-size:14px; text-align:center; color:#fff; background:#002F59; border-radius:4px; cursor:pointer; vertical-align:middle; margin:0 5px 5px 0; display:inline-block;} .contents .btn_m2 { padding:10px 25px; font-size:14px; text-align:center; color:#fff; background:#266FCC; border-radius:4px; cursor:pointer; vertical-align:middle; margin:0 5px 5px 0; display:inline-block;} .contents .btn_b1 { padding:10px 40px 11px 40px; font-size:14px; text-align:center; color:#fff; background:#266FCC; border-radius:4px; cursor:pointer; vertical-align:middle; margin-left:5px;} .contents .btn_b2 { padding:10px 40px 11px 40px; font-size:14px; text-align:center; color:#fff; background:#ee2f5b; border-radius:4px; cursor:pointer; vertical-align:middle; margin-left:5px;} .contents .citizen_btn {position: relative} .contents .citizen_btn a {position: absolute;top: -82px;right: 0;padding: 15px 65px;font-size:15px;text-align:center;color:#fff;background:#ee2f5b;border-radius:4px;cursor:pointer;vertical-align:middle;} .pagemenu ul { width:100%; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin-bottom:30px; display:inline-block; } .pagemenu ul li { float:left; width:25%; height:40px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} .pagemenu ul li a { width:100%; height:39px; line-height:40px; background:url(/images/www/pagemenu_arrow.gif) 90% center no-repeat; display:inline-block; } .pagemenu ul li a:hover { width:100%; height:39px; color:#2362a4; background-color:#f8f8f8; border-bottom:1px solid #dfdfdf; display:inline-block; } .pagemenu .on { width:100%; height:39px; color:#2362a4; background-color:#f8f8f8; border-bottom:1px solid #dfdfdf; display:inline-block;} .pagemenu1 ul { width:100%; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin-bottom:30px; display:inline-block; } .pagemenu1 ul li { float:left; width:50%; height:40px; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} .pagemenu1 ul li a { width:100%; height:39px; line-height:40px; background:url(/images/www/pagemenu_arrow.gif) 90% center no-repeat; display:inline-block; } .pagemenu1 ul li a:hover { width:100%; height:39px; color:#2362a4; background-color:#f8f8f8; border-bottom:1px solid #dfdfdf; display:inline-block; } .pagemenu2 ul { width:100%; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin-bottom:30px; display:inline-block; } .pagemenu2 ul li { float:left; width:50%; height:40px; text-align:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} .pagemenu2 ul li span { margin-left:20px;} .pagemenu2 ul li a { width:100%; height:39px; line-height:40px; background:url(/images/www/icon_down.gif) 90% center no-repeat; display:inline-block; } .pagemenu2 ul li a:hover { width:100%; height:39px; color:#2362a4; background-color:#f8f8f8; border-bottom:1px solid #dfdfdf; display:inline-block; } .pagemenu2 ul li .nofile { width:100%; height:39px; line-height:40px; display:inline-block; margin-left:20px; } .pagemenu2 ul .etc { width:100%; } .pagemenu2_1 ul { width:100%; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin-bottom:30px; display:inline-block; } .pagemenu2_1 ul li { float:left; width:33.333%; height:40px; text-align:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} .pagemenu2_1 ul li span { margin-left:20px;} .pagemenu2_1 ul li a { width:100%; height:39px; line-height:40px; background:url(/images/www/icon_down.gif) 90% center no-repeat; display:inline-block; } .pagemenu2_1 ul li a:hover { width:100%; height:39px; color:#2362a4; background-color:#f8f8f8; border-bottom:1px solid #dfdfdf; display:inline-block; } .pagemenu3 ul{ width:100%; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; margin-bottom:30px; display:inline-block; } .pagemenu3 ul li{ float:left; width:50%; height:40px; text-align:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;padding:0 2.5%} .pagemenu3 ul li:hover{background-color:#f8f8f8;} .pagemenu3 ul li:hover a{color:#2362a4;} .pagemenu3 ul li a{line-height:40px;font-weight:600} .pagemenu3 ul li span{float:right;margin-top:8px} .pagemenu3 ul li span a{line-height:20px;font-weight:normal} .pagemenu3 ul li:hover span a{color:#000} .page_1 li { width:100%; display:inline-block;} .page_1 li dl dt { float:left; width:20%;} .page_1 li dl dd { float:right; width:80%; text-align:justify; padding:0 13px;} .page_2 { width:100%; /*background:url(/images/www/2_bg.jpg) right top no-repeat;*/ padding-bottom:40px;display:inline-block;} .page_2 li dl dd { padding:15px 15px 0 15px; margin-left:10px;} /*.page_2 .txt_wd60 { width:67%;}*/ .page_2 .txt_line { border-bottom:1px dashed #dfdfdf; padding-bottom:45px; margin-bottom:45px;} .page_3 { width:100%; border-top:2px solid #002f59; border-bottom:1px solid #002f59; display:inline-block;} .page_3 li { float:left; width:50%; border-bottom:1px dashed #dfdfdf; padding-bottom:25px;} .page_3 li:nth-child(even) { border-left:1px dashed #dfdfdf;} .page_3 li p { float:left; width:30%; padding-top:25px;} .page_3 li dl { float:left; width:60%; padding-top:25px; margin-top:10px;} .page_3 li dl dt { color:#2362a4; padding-bottom:5px; font-size:17.5px;} .page_3 li dl dt span { color:#ee2f5b;} .page_3 li dl dd { line-height:20px;} .page_3 .noline { border:0;} .page_4 { width:100%; display:inline-block;} .page_4 .txtlist { float:left; width:60%;} .page_4 dl dd { line-height:30px;} .page_4 dl dd strong { position:relative; float:left; width:15%;} .page_4 dl dd span { width:80%; display:inline-block;} .page_4 .photo { float:right; width:35%;} .page_4 .photo img { width:100%; height:auto; border-radius:10px;} .page_103 ul li { float:left; width:33.3333%; margin-bottom:50px;} .page_105 { width:100%;/* height:560px;*/ display:inline-block; border:1px solid #dbdee6; margin:10px 0;} .page_105 .floor_list { float:left; width:15%;margin-top:5%} .page_105 .floor_list ul{border-top:1px solid #dbdee6} .page_105 .floor_list ul li { width:100%; height:51px; text-align:center; border-bottom:1px solid #dbdee6; border-right:1px solid #dbdee6; background-color:#F7FAFD; display:inline-block;} .page_105 .floor_list ul li a{ width:100%; height:51px; line-height:50px; display:inline-block; font-size:15px;} .page_105 .floor_list ul li a:focus { background-color:#002F59; color:#fff; } .page_105 .floor_list .on a{ background-color:#002F59; color:#fff; } .page_105 .floor_map { float:right; width:85%; text-align:center;} .page_105 .floor_map span img { margin-top:20px;} .page_105 .floor_list2 { float:left; width:18%;}/* width:15%;*/ .page_105 .floor_list2 ul {border-top:1px solid #dbdee6} .page_105 .floor_list2 ul li{ width:100%; height:45px; text-align:center; border-bottom:1px solid #dbdee6; border-right:1px solid #dbdee6; background-color:#F7FAFD; display:inline-block;}/*height:51px;*/ /*.page_105 .floor_list2 ul li .floor_etc{ line-height:24px; }*/ .page_105 .floor_list2 ul li a { width:100%; height:45px; line-height:50px; display:inline-block; font-size:14px; }/*height:51px;*/ .page_105 .floor_list2 ul li a:focus{ background-color:#002F59; color:#fff; } .page_105 .floor_list2 .on a { background-color:#002F59; color:#fff; } .page_105 .floor_map2 { float:right; width:82%; text-align:center; height:496px; overflow:hidden;}/*width:85%;height:460px;*/ .page_105 .floor_map2 span div { margin-top:1px;position:relative;} .page_109 { width:100%; display:inline-block;} .page_115 li { width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #dfdfdf; display:inline-block;} .page_115 li:last-child { border:0; margin-bottom:0; padding-bottom:0;} .page_115 li p { float:left; width:30%;} .page_115 li p img { border-radius:10px;} .page_115 li dl { float:right; width:65%;} /* .page_115 .img1 { height:100px; overflow:hidden;} .page_115 .img1 img { border-radius:0;} */ .page_138 li { float:left; width:25%; margin-bottom:15px;} .page_138 li dl { width:92%; margin:0 auto; text-align:center; } .page_138 li dl dt { height:35px; line-height:35px; font-size:14px; color:#003975; background-color:#F7FAFD; border-radius:8px 8px 0 0; border:1px solid #dfdfdf;} .page_138 li dl dd { padding:20px 0 15px 0; border:1px solid #dfdfdf; border-top:0;height:187px} .page_138 li dl dd span { width:80%; display:inline-block; font-size:13px; color:#282828;;line-height:1.5} .page_138 li dl dd span strong{font-size:15px} .page_138 li dl dd img { width:55%; padding-bottom:7px;} .page_408 { width:100%; background:url(/images/www/408_bg.jpg) right top no-repeat; display:inline-block;} .page_408 .txt_wd60 { width:60%;} .page_411 { width:100%; display:inline-block;} .page_411 li { float:left; width:48%; height:340px; border:1px solid #ccc; background:#F7FAFD; border-radius:10px; text-align:center; margin-bottom:25px;} .page_411 li strong { font-size:15px; color:#ee2f5b; padding:15px 0; display:inline-block;} .page_411 li ul { width:85%; margin:0 auto; } .page_411 li ul li { width:100%; height:auto; border:0; background:none; padding:0 0 5px 0; margin-bottom:0;} .page_411 li ul li dl dt { float:left; width:25%; text-align:left; font-size:12px; background:url(/images/www/icon2.jpg) no-repeat left 10px; padding-left:12px;} .page_411 li ul li dl dd { float:right; width:70%; text-align:left; line-height:18px; font-size:12px;} .page_411 .txtbox { width:100%; background-color:#fff; padding:7px 10px; display:inline-block; border-radius:6px; border:1px solid #dfdfdf; margin:10px 0 20px 0;} .page_411 .txtbox li { background:url(/images/www/i-dot.jpg) no-repeat 2px 10px;padding:0 0 0 10px; text-align:left; font-size:12px; margin-bottom:0;} .page_411 .txtbox li strong { font-size:12px; color:#2362a4; padding:0;} .page_411 .txtbox_right { float:right; width:48%; border:1px solid #ccc; background:#F7FAFD; border-radius:10px; text-align:center; margin-bottom:25px;} .wid50{ width:50% !important} .wid30{ width:30% !important} .wid20{ width:20% !important} /*이용안내*/ .view_down{ float:left;} .view_down li{ text-align:center; float:left; border:1px solid #ccc; width:30%; margin-bottom:20px;} .view_down li dl dt{ color:#222; font-size:16px; background:#f8f8f8; line-height:40px; border-bottom:1px dashed #ccc;} .view_down li dl dd{ padding:10px 20px 0 20px;} .view_down li:nth-child(2), .view_down li:nth-child(5){ margin:0 4% ;} .view_down li dl .btnbox{ margin:0 0 15px 0;} .view_down li dl .btnbox img{ vertical-align: text-bottom; width:16px;} /*행정조직*/ .org-chart02{ float:left; width:100%; padding-bottom:20px; background: url(/../images/www/org_line.jpg) no-repeat 50% 55px;} .org-chart02 .org-mayor{ background:#ee2e5b;width:30%; text-align:center; margin:0px auto 20px auto; color:#fff; display:block; padding:12px 0; font-size:18px; border-radius:10px 0 10px 0; } .org-chart02 .org-mayor2{background: #06C;width:30%; color:#fff; display:block; text-align:center; padding:12px 0; border-radius:10px 0 10px 0; } .org-chart02 a:hover, .org-chart02 a:hover{ color:#FF0} .org-chart02 ul.dep01{margin:-50px 0 10px 0; width:30%; float:right;} .org-chart02 ul.dep01 li{ margin-bottom:10px;text-align:center;} .org-chart02 ul.dep01 li a{ display:block; color:#fff; background:#6d727c; padding:12px 0; border-radius:10px 0 10px 0; } .org-chart02 ul.dep01 li a:hover{color:#FF0} .org-chart02 li dd a:hover{ color:#06C;} .org-chart02{ float:left; width:100%; margin-bottom:50px;background: url(/../images/www/line.jpg) repeat-y 10% top;} .org-chart02 li dl{ float:left; margin-bottom:10px; width:100%;} .org-chart02 li dt,.org-chart02 li.dtStyle strong{ width:20%;background: #6d727c; text-align:center; margin-bottom:5px;} .org-chart02 li dt a,.org-chart02 li.dtStyle strong a{ display:block; padding:12px 0; color:#fff;} .org-chart02 li.dtStyle strong a{padding:0;font-weight:normal} .org-chart02 li dd{ float:left; width:100%;} .org-chart02 li dd li{ margin:5px 0; width:100%; float:left;} .org-chart02 li dd strong{ background:#fff; padding:10px 0; border:1px solid #6d727c; display:inline-block; float:left; width:20%; text-align:center; } .org-chart02 li dd p{ padding:10px; float: right; width:79%; border:1px solid #ccc; background:#f8f8f8;} .org-chart02 li dd p a{ background:url(/../images/www/i-dot.jpg) no-repeat left 10px; display:inline-block; padding:0 15px 0 7px;} .org-chart02 li:last-child dl, .org-chart02 li:last-child dd li:last-child{ margin-bottom:0;} .dtStyle p{ margin-top:-57px;} .org-tabmenu{margin-bottom:20px; width:100%;} .org-tabmenu ul li{ display:inline-block;text-align:center; margin-bottom:5px; } .org-tabmenu ul li a{ color:#333; display:block; padding:10px 20px; border:1px solid #ccc; background:#f8f8f8;} .org-tabmenu ul li a:hover{ color:#06C;} .org-tabmenu ul .active a{ background-color:#266fcc; color:#fff; border:1px solid #039;} .org-tabmenu .active a:hover{ color: #0FF;} .ti{ text-indent:10px;} .rnamebox{ float:right;} .org-chart03{ width:100%; padding-bottom:20px;background: url(/../images/www/org_line02.jpg) no-repeat 50% 45px;} .org-chart03 .org-mayor{ background:#ee2e5b;width:30%; text-align:center; margin:0 auto 20px auto; color:#fff; display:block; padding:12px 0; font-size:18px; border-radius:10px 0 10px 0; } .org-chart03 .org-mayor2{background: #06C;width:30%; color:#fff; display:block; text-align:center; padding:12px 0; border-radius:10px 0 10px 0; } .org-chart03 a:hover, .org-chart03 a:hover{ color:#FF0} .org-chart03 ul.dep01{margin:-50px 0 10px 0; width:30%; float:right;} .org-chart03 ul.dep01 li{ margin-bottom:10px;text-align:center;} .org-chart03 ul.dep01 li a{ display:block; color:#fff; background:#6d727c; padding:12px 0; border-radius:10px 0 10px 0; } .org-chart03 ul.dep01 li a:hover{color:#FF0} .org-chart03 > li{clear:both} .org-chart03 li dd a:hover{ color:#06C;} .org-chart03{ width:100%; margin-bottom:50px;} .org-chart03 li dl{ float:left; margin-bottom:10px; width:100%;} .org-chart03 li dt,.org-chart03 li.dtStyle strong{ width:20%;background: #6d727c; text-align:center; margin-bottom:5px;} .org-chart03 li dt a,.org-chart03 li.dtStyle strong a{ display:block; padding:12px 0; color:#fff;} .org-chart03 li.dtStyle strong a{padding:0;font-weight:normal} .org-chart03 li dd{ float:left; width:100%;} .org-chart03 li dd li{ margin:5px 0; width:100%; float:left;} .org-chart03 li dd strong{ background:#fff; padding:10px 0; border:1px solid #6d727c; display:inline-block; float:left; width:20%; text-align:center; } .org-chart03 li dd p{ padding:10px; float: right; width:79%; border:1px solid #ccc; background:#f8f8f8;} .org-chart03 li dd p a{ background:url(/../images/www/i-dot.jpg) no-repeat left 10px; display:inline-block; padding:0 15px 0 7px;} .org-chart03 li:last-child dl, .org-chart03 li:last-child dd li:last-child{ margin-bottom:0;} .org-chart03:after{clear:both;content:"";display:block} .org-chart03.bu{background: url(/../images/www/org_line03.jpg) no-repeat 50% 0;} /*복지제도*/ .welfare{ position:relative; } .welfare a:hover{ color: #ee2e5b;} .welfare .welfare_none{ display:none; width:0; height:0; overflow:hidden; visibility:hidden;} .welfare .welfare_view{ position:relative; display: block; background:#f8f8f8; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px; margin-bottom:20px;} .welfare .welfare_view .close { background:#fff; position:absolute; right:10px; bottom:10px; border:1px solid #555; padding:7px; line-height:18px;} .welfare .welfare_view .stitle2{ background:url(/images/www/arrow.gif) no-repeat left 3px; padding-left:20px; color:#222;} .welfare .welfare_view ul{ margin-left:10px;} /*외국어 식단 메뉴표*/ .food_menu{} .food_menu h1{ background:#ee2e5b; color:#fff; font-size:18px; padding:7px 10px;} .food_menu h2{ display:block; visibility:visible; position:inherit; background:url(/../images/www/icon1.jpg) no-repeat left 7px; padding-left:20px; margin:20px 20px 0 20px; font-size:15px; } .food_menu .menu_list{ margin:0px 20px; padding-bottom:20px;} .food_menu .menu_list{ border-bottom:1px solid #ccc;} .food_menu .menu_list dt{ background:#eee; color:#2362a4; margin:20px 0 10px 0; border-top:1px solid #666; border-bottom:1px solid #ccc; padding:5px 0 5px 10px;} .food_menu .menu_list dd{ margin-left:12px;background:url(/../images/www/i-dot.jpg) no-repeat left 10px; padding-left:7px;} .food_menu .menu_list .noicon{ background:none;} .food_menu .close{ position:absolute; top:13px; right:10px;} .food_menu .photo { text-align:center;} /*사이트맵 .sitemap{ float:left; margin-bottom:50px; width:100%;} .sitemap dl{ float:left; width:30%; margin-left:4.5%;} .sitemap .nomar{ margin-left:0;} .sitemap dl dt{ background:#0063a6; height:35px; line-height:35px; color:#fff; font-size:16px; text-align:center;} .sitemap dl dd ul li a{ border-bottom:1px solid #ccc; display: inline-block; width:100%; line-height:30px; } .sitemap dl dd ul li ul{ background:#eee; border-bottom:1px solid #ccc; padding-left:10px;} .sitemap dl dd ul li ul li a{ border-bottom:0; background:url(/../images/www/i-dot.jpg) no-repeat left 8px; padding:3px 0 3px 7px; line-height:16px; font-size:12px; font-weight:normal; } */ /*브랜드*/ .brand ul{ float:left; width:100%; margin-bottom:30px;} .brand ul li{ float:left; width:46%; margin-right:8%;} .brand ul .nomar{ margin-right:0;} .brand ul li dl dt{ margin-bottom:30px;} .brand ul li dl dt img{ width:100%;} .brand p{ float:left; width:100%; font-size:14px; line-height:32px; text-align:center; margin-bottom:50px;} .brand .btn{ line-height:16px; word-break:keep-all; padding:7px 10px; font-size:13px;} .brand .btn:hover, .brand .btn:link, .brand .btn:visited{ color:#fff;} /**/ .logo365 li{ float:left; width:100%;} .logo365 li li{ display:block; float:none;} .logo365_down{ background:none; float:left; width:100%;} .logo365_down dd{ padding:15px 0; float:left; width:50%; text-align:center; border:1px solid #dbdee6; border-top:2px solid #002f59;} .logo365_down dd img{ width:90%;} .logo365_down .nobo{ border-left:0;} .logo365_down dd a{ margin-top:10px;} .logo365 .tstylel{ float:left; width:50%;} .logo365 .tstylel .vetical_top{height:260px;} .logo365 mimg{ width:100%;} /*다울마당현황*/ .daulbox { position:relative; width:100%;} .daulbox .photo{ position:absolute; right:0; top:0; width:25%;} .daulbox .photo img{ border-radius:10px; width:100%;} .daulbox .tbs { width:100%; border:0; border-collapse:collapse; margin-bottom:20px;} .daulbox .tbs caption { text-align:left;} .daulbox .tbs th { vertical-align:top; word-break: keep-all; text-align:left;border-collapse:collapse; color:#2362a4; width:10%; min-width:80px; } .daulbox .tbs td { word-break: keep-all; text-align:left;border-collapse:collapse;} .daulbox .txt{ width:62%} /*사이버민원신고센터*/ .minwondiv .stitle1, .minwondiv ul{ float:left; width:100%;} .minwondiv .minwonbox{ float:left; width:100%; margin-bottom:30px;} .minwondiv .minwonbox li{ float: left; width:33%; margin-bottom:20px; padding:0 0 0 20px; background:url(/images/www/submenu_dot.png) 7px center no-repeat} .minwondiv .minwonbox li dl {border:1px solid #dbdee6; min-height:130px; word-break:keep-all;} .minwondiv .minwonbox li dl dt{ background:#e9ebf1; text-align:center; padding:5px 10px; font-size:14px; line-height:20px; color: #036 ;} .minwondiv .minwonbox li dl dd{ padding:10px;} .minwondiv .minwonbox .ar1, .minwondiv .minwonbox .ar4{ background:none;} /*정책토론*/ .epeople ul li{ float:left; width:33%; text-align:center;} .epeople ul li .btn{ width:60%;} .epeople p{ margin-bottom:20px;} .epeople img{ width:100%;} /*다울마당 서브메인*/ #daul{ float:left; width:100%; margin-bottom:50px; } #daul .daul_header{ float:left; width:100%; margin-bottom:15px;} #daul .daul_logo{ float:left; width:20%; text-align:center;} #daul .daul_logo img{ width:100%; max-width:100px;} #daul .daul_gnb{ float:right; width:80%; margin-top:20px;} #daul .daul_gnb li{ float:left; width:25%;padding:0 0 0 2px;} #daul .daul_gnb li a{ font-size:14px; text-align:center; color:#fff; padding:10px 5%; width:90%; display:inline-block; background:url(/../images/www/daul/daul_gnb_off.jpg) repeat; letter-spacing:0;} #daul .daul_gnb li a:hover, #daul .daul_gnb .active a{ background:url(/../images/www/daul/daul_gnb_on.jpg) repeat;} #daul .rollbox{ position:relative; float:left; width:100%;} #daul .rollbox .roll_img{ float:left; width:100%;} #daul .rollbox .roll_img li{ display:none; float:left; width:100%;} #daul .rollbox .roll_img li img{ width:100%;} #daul .rollbox .roll_img .active{ display:block;} #daul .rollbox .thumb_img { width:100%; position:absolute; bottom:0; padding:10px 0; background:url(/../images/www/daul/roll_bg.png) repeat; text-align:center;} #daul .rollbox .thumb_img li{ display:inline;} #daul .rollbox .thumb_img li a img{ width:13%; border:1px solid #666;} #daul .rollbox .thumb_img .active a img{ border:1px solid #fff;} #daul .daul_icon{ float:left; width:100%; margin:10px 0;} #daul .daul_icon li{ float:left; width:25%; text-align:center;} #daul .daul_icon li:first-child a{ background:#f7f7f7 url(/../images/www/daul/daul_icon1.jpg) no-repeat 20px center; padding-left:20px; } #daul .daul_icon li:nth-child(2) a{ background:#f7f7f7 url(/../images/www/daul/daul_icon2.jpg) no-repeat 20px center; padding-left:20px; } #daul .daul_icon li:nth-child(3) a{ background:#f7f7f7 url(/../images/www/daul/daul_icon3.jpg) no-repeat 20px center; padding-left:20px; } #daul .daul_icon li:last-child a{ background:#f7f7f7 url(/../images/www/daul/book.png) no-repeat 20px center; background-size:33px; padding-left:20px; } #daul .daul_icon li a{ font-size:14px; display:block; line-height:50px; border:1px solid #ddd;} #daul .daul_icon li a strong{ color:#4875b2; font-weight:normal;} #daul .daul_icon li a br{ display: none;} #daul .daul_news{ min-height:190px; padding:15px; float:left; width:49%; margin-right:1%; border:1px solid #ddd;} #daul .daul_minutes{ min-height:190px; padding:15px; float:left; width:49%; margin-left:1%; border:1px solid #ddd;} #daul .daul_news dt, #daul .daul_minutes dt { font-size:15px; margin-bottom:5px; } #daul .daul_news dt strong, #daul .daul_minutes dt strong{ font-weight:normal; color:#4875b2;} #daul .daul_news dt a, #daul .daul_minutes dt a{ float:right; color:#666; font-size:12px;} #daul .daul_news dd a, #daul .daul_minutes dd a{ overflow:hidden; height:25px; line-height:25px; background:url(/../images/www/i-dot.jpg) no-repeat left 10px; padding-left:7px; color:#666; float:left; width:72%;} #daul .daul_news dd span, #daul .daul_minutes dd span{ color:#999;height:25px; line-height:25px; float:right; width:23%; text-align:right;} /*보건건강*/ a.health_link{color:#0318FF;font-weight:600;text-decoration:underline;font-size:14px;} .s_content{border:1px solid #e2e2e2; padding:15px;line-height:2em;margin-bottom:20px;} .s_content .sitemap_wrap{margin-bottom:30px;} .s_content .sitemap_wrap:after{display:block;content:"";clear:both;} .s_content .sitemap_wrap div{border-top:2px solid #1988c0;margin:0 20px;width:197px;float:left;} .s_content .sitemap_wrap h4{text-align:center;font-weight:600;font-size:16px;padding:10px 0;border-bottom:1px solid #dfdfdf;margin:0;} .s_content .sitemap_wrap div ul li{border-bottom:1px solid #dfdfdf;padding:5px 0 5px 20px;font-size:13px; background:url(/images/www/health_li_blit.gif) no-repeat 10px 13px} .s_content .sitemap_wrap div ul li a{color:#333;font-weight:600;} .s_content .sitemap_wrap div ul li li{background:none;border:0;padding: 3px 0; font-size:12px;} .s_content .sitemap_wrap div ul li li a{color:#666;font-weight:normal;} .Gobtn{ background:#149ded; color:#fff;height:28px; line-height:28px; padding:0 15px; margin-left:10px; display:inline-block; border:1px solid #1089cf} .down_b{ float:right} .map_btn{ overflow:hidden; margin-top:40px;text-align:center} .map_btn li{ float:left; width:50%} .map_btn .btn1, .map_btn .btn2{background:#149ded; color:#fff;height:36px; line-height:36px; padding:0 30px;display:inline-block; border:1px solid #1089cf; font-weight:bold} .map_btn a:hover{ text-decoration:underline} .tab_box{border:1px solid #dbdee6; overflow:hidden; padding:15px; margin-bottom:30px} .tab_box:after{ content:""; clear:both; display:block} .tab_box li{ width:50%; float:left; background:url(/images/www/i-dot.jpg) no-repeat left 10px; padding-left:10px;} .tab_box li .active{ text-decoration:underline; font-weight:bold} .overH:after{ content:""; clear:both; display:block} .tableA{ float:left; width:56%} .graph{ float:right; width:40%} .graph img{ width:100%} .rig10{ margin-right:10px} .ex{ margin-bottom:10px} .ckbox{text-align:right; margin-top: 10px; margin-bottom:30px; height:35px; line-height:35px; border-bottom:1px dashed #ccc;} .to_ckbox{ text-align:center; font-size:14px;} .to_ckbox input{ width:25px; height:25px; margin-right:5px;} .ckbox2{border-top:1px dotted #ddd; padding-top:10px; margin-bottom:40px; margin-top:15px; font-size:15px} .ckbox2 span{ display:inline-block; width:50%; text-align:center} .invitP{ margin-bottom:30px} .invitP dl:after{ clear:both; display:block; content:""} .invitP dl{ overflow:hidden; width:100%; margin-bottom:10px; border-bottom:1px dotted #ddd; padding-bottom:8px;} .invitP dt{ float:left; width:20%} .invitP dt img{ width:100%} .invitP dd{ float:right; width:74%} .iframe01{ width:100%; height:1500px;border:0; margin:0;} .W50{ float:left; width:46%} .bus_num{font-family:Tahoma, Geneva, sans-serif; font-size:14px;} .bus_num a{ margin-right:10px;font-family:Tahoma, Geneva, sans-serif; font-size:14px; white-space:normal} .bus_num a:hover{ text-decoration:underline} .bus_num span{ margin-right:10px; display:inline-block;} .iframe1500{ width:100%;height:100%; height:1500px; border:0; margin:0; } .tleft55 { text-align: left; width: 55%; } .bus_btn ul{ margin-bottom:35px; overflow:hidden} .bus_btn li{ float:left; width:50%; text-align:center; margin-bottom:8px} .bus_btn a{ display:inline-block} .admin_search > .ui-datepicker-trigger { margin-left: 5px; } .link_box{border:1px solid #dbdee6; background:#f8f8f8;position:relative;padding:80px 30px 20px 30px} .link_box .sitego{background:#002F59;font-weight:600;border-radius:4px;position:absolute;top:20px;right:30px} .link_box .logobtn{background:#fff;border-radius:4px;position:absolute;top:20px;left:30px;padding:0 10px;} .link_box .sitego a{display:block;padding:5px 25px;color:#fff} .link_box .logobtn a{display:block;} .mw_tab{ clear:both; margin-bottom:20px;} .mw_tab select{ display:none;} .mw_tab ul li{ display:inline-block; margin-bottom:5px; } /*.mw_tab li:nth-child(2n) a{width:80px;}*/ .mw_tab ul li a{font-size:14px; color:#333; letter-spacing:-1px; display:inline-block; height:35px; line-height:35px; padding:0 10px; border:1px solid #9e9e9e; background:#eee;text-align:center} .mw_tab ul li a:hover{ color:#06C;} .mw_tab ul .active a{ background-color:#266fcc; color:#fff; border:1px solid #039;} .mw_tab ul .active a:hover{ color: #0FF;} .cycle_form{font-size:13px;margin:0 auto;padding:30px 0 0 0;width:310px} .cycle_form label{width:70px;display:inline-block;text-align:center} .cycle_form input{margin-bottom:5px} .cycle_form span{color:#ce0000;padding-bottom:10px} .cycle_form p{text-align:center} .brand_box{width:100%;height:870px;overflow-y:scroll;box-sizing:border-box;border:1px solid #dcdcdc} .brand_list{} .brand_list li{width:46%;height:auto;display:inline-block;margin:10px 1.5%;text-align:center} .brand_list li a{display:block;box-sizing:border-box;border:1px solid #dcdcdc; border-radius:4px} .brand_list li img{width:95%} .brand_list li span{display:block} .brand_btn{padding:5px 20px 6px 20px;font-size:14px;font-weight:600;text-align:center;color:#fff;background:#ee2f5b;border-radius:4px;cursor:pointer;vertical-align:middle;margin:0 0 2px 5px;display:inline-block} .app_area{margin-bottom:20px;} .app_area .app_img{float:left;width:20%;margin-right:5%} .app_area .app_txt{float:right;width:75%;font-size:15px} .app_area .app_txt p{font-size:15px;padding-bottom:10px} .app_area .app_txt li{float:left;margin:0 2%;font-size:15px} .app_area .app_txt li a{padding:7px 20px 7px 50px;border:1px solid #c0c0c0;border-radius:5px;display:inline-block;background:url(/images/www/jj_app_ios.jpg) no-repeat 15px center} .app_area .app_txt li:first-child a{background:url(/images/www/jj_app_and.jpg) no-repeat 15px center} .app_area:after{clear:both;content:"";display:block} .btn_wd{display:inline-block;word-break:keep-all;} /* responsive web design area */ @media all and (max-width:768px) { .bus_btn li{ float:none; width:100%; margin-bottom:10px} .contents .tstyle th, .contents .tstyle td { font-size:12px;} .contents .tb_normal td ul li { width:50%;} .contents .tb_normal td ul.type2 li{width:100%} .contents .tstyle .mnone{display:none} .page_1 li dl dt img { width:100%; height:auto;} .page_2 { background:none;} .page_2 .txt_wd60 { width:100%;} .page_2 .txt_line { padding-bottom:25px; margin-bottom:25px;} .page_4 dl dd strong { width:20%;} .page_4 dl dd span { width:75%;} .page_3 li { width:100%;} .page_3 li:nth-child(even) { border-left:0;} .page_3 .ML20 { margin-left:0;} .page_80 img { width:100%; height:auto;} .page_105 .floor_map div img { width:100%;} .page_408 { background:none;} .page_408 .txt_wd60 { width:auto;} .page_408 .PB80 { padding-bottom:40px;} .page_411 li { width:100%; height:auto;} .page_411 .txtbox_right { width:100%; height:auto;} .page_109 .simbol dl { width:100%;} .page_109 .simbol p { width:100%; text-align:center;} .page_109 .simbol p img { width:70%;} .page_109 .simbol p span { width:100%; display:inline-block;} .page_109 img { width:100%; height:auto;} .page_103 ul li img { width:95%; height:auto;} .page_114 .photo img { width:100%; height:auto;} .page_237 img { width:100%; height:auto;} .page_381 .left_wd20 { width:25%; padding:15px 0 0 10px;} .page_381 .left_wd20 img { width:100%; height:auto;} .page_381 .right_wd80 { width:75%;} .page_382 img { width:90%; vertical-align:middle;} .page_399 .tbox { height:auto;} .page_399 .left_wd48 { width:45%;} .page_399 .right_wd48 { width:45%;} .s_content .sitemap_wrap div{width:88%;} /* .page_105 .floor_list2 ul li .floor_etc{line-height:15px}*/ .page_105 .floor_list2 ul li a {font-size:12px; letter-spacing:-2px } /*이용안내*/ .view_down{ clear:both; width:100%;} .view_down li{ width:48%; margin-bottom:20px;} .view_down li:nth-child(2), .view_down li:nth-child(5){ margin:0 0 20px 0;} .view_down li:nth-child(2n){ margin-left:4%;} .view_down li dl dd{ letter-spacing:-1px; font-size:12px;} /*행정조직*/ .org-chart01 .org-mayor{ width:170px;} .org-chart01 .org-mayor2, .org-chart01 ul{ width:130px;} .org-chart02{ background:url(/../images/www/line.jpg) repeat-y 75px top} .org-chart02 li dt, .org-chart02 li dd strong{ width:150px;} .org-chart02 li dd p{ clear:both; width:100%; margin-top:5px;} .org-tabmenu ul li{width:33.3%; text-align:center; } /* .org-chart03{ background:url(/../images/www/line.jpg) repeat-y 75px top}*/ .org-chart03 li dt, .org-chart03 li dd strong{ width:150px;} .org-chart03 li dd p{ clear:both; width:100%; margin-top:5px;} /*외국어 식단 메뉴표*/ .food_menu .menu_list dd img{ width:100%; max-width:550px;} .logo365 .tstylel{ width:100%; margin-bottom:0;} .logo365 .tstylel .vetical_top{ height:auto;} .logo365 .tstylel .nobol{ border-left:1px solid #DBDEE6;} /*사이버민원신고센터*/ .minwondiv .minwonbox li{width:50%;} .minwondiv .minwonbox li dl {min-height:125px;} .minwondiv .minwonbox .ar3, .minwondiv .minwonbox .ar5{ background:none;} .minwondiv .minwonbox .ar4{ background:url(/images/www/submenu_dot.png) 7px center no-repeat} .contents .tstyle_site td{word-break: normal;} /*u20*/ .worldcup{width:100%;} .worldcup img{width:100%;} .contents dd.wo_sch{background:#f7fafd!important;} .iframe01{ width:100%; height:100%;} .img100{ width:100%; max-width:100%} .mw_tab select{font-family: inherit; color:#fff; border-radius:3px;/*appearance: none;*/ -moz-appearance: none; -o-appearance: none; -ms-appearance: none; -webkit-appearance: none; background:#777 url(/images/www/sel_ar.png) no-repeat 97% 50%; padding: .8em .5em; display: block; width:100%; border: 1px solid #666; background-size:13px;} .mw_tab ul{ display:none;} .pagemenu ul li a{ letter-spacing:-2px;} .contents .citizen_btn {margin-bottom: 100px} .contents .citizen_btn a {padding: 12px 60px;font-size:13px;} .over_box{overflow-x:auto;overflow-y:hidden;} .over_box table{width:560px !important} } @media all and (max-width:600px) { /*다울마당 서브메인*/ #daul{ margin-bottom:10px;} #daul .daul_logo{ width:100%; text-align:center;} #daul .daul_gnb{ margin-top:10px;} #daul .daul_gnb{ width:100%;} #daul .daul_gnb li:first-child{ padding:0;} #daul .daul_gnb li a{ font-size:13px; line-height:1.2; word-break:keep-all;} #daul .daul_news, #daul .daul_minutes{ width:100%; margin:0 0 10px 0;} #daul .daul_icon li a{ line-height:1.3; font-size:13px; word-break:keep-all; padding-top:40px; padding-bottom:10px;} #daul .daul_icon li:first-child a{ background:#f7f7f7 url(/../images/www/daul/daul_icon1.jpg) no-repeat center 10px; padding-left:0; } #daul .daul_icon li:nth-child(2) a{ background:#f7f7f7 url(/../images/www/daul/daul_icon2.jpg) no-repeat center 10px; padding-left:0; } #daul .daul_icon li:nth-child(3) a{ background:#f7f7f7 url(/../images/www/daul/daul_icon3.jpg) no-repeat center 10px; padding-left:0; } #daul .daul_icon li:last-child a{ background:#f7f7f7 url(/../images/www/daul/book.png) no-repeat center 10px; padding-left:0; background-size:33px; } dd.tableA{ float:none; width:98%} dd.graph{ float:none; width:100%; max-width:300px; margin:0 auto 30px auto } .W50{ float:none; width:100%} .app_area .app_img img{width:100%} .app_area .app_txt li a{padding:7px 15px 7px 45px;} } @media all and (max-width:480px) { .ckbox2 span{ display:inline-block; width:100%; text-align:left; margin-left:15px} /*다울마당현황*/ .daulbox { position:relative; width:100%;} .daulbox .photo{ position: relative; width:95%; margin:0 auto;margin-bottom:20px;} /*사이버민원신고센터*/ .minwondiv .minwonbox li{width:100%; padding:0;} .minwondiv .minwonbox li dl {min-height: inherit;} .minwondiv .minwonbox .ar1, .minwondiv .minwonbox .ar2, .minwondiv .minwonbox .ar3, .minwondiv .minwonbox .ar4, .minwondiv .minwonbox .ar5{ background:none;} .app_area .app_txt{font-size:13px} .app_area .app_txt p{font-size:13px;} .app_area .app_txt li{font-size:13px;margin:0 1%} .btn_wd{width:80%;margin-bottom:5px} /*2021*/ .contents .stitle1 { margin-bottom:5px; font-size:17px;} /*2021*/ } @media all and (max-width:400px) { .contents .tb_normal td ul li { width:100%;} .page_3 li p { float:left; width:37%;} .page_4 dl dd strong { width:35%;} .page_4 dl dd span { width:60%;} .page_105 {/*height:270px*/;} .page_105 .floor_list ul li { height:30px;} .page_105 .floor_list ul li a { height:30px; line-height:30px; font-size:12px;} .page_105 .floor_map span img { width:100%;} .page_105 .floor_list2 ul li { height:45px;} /* height:51px;*/ /* .page_105 .floor_list2 ul li .floor_etc_mobile { line-height:16px; } .page_105 .floor_list2 ul li .floor_etc1_mobile { font-size:10px; }*/ .page_105 .floor_list2 ul li a { height:45px; line-height:18px; font-size:12px;}/* height:51px;line-height:23px;*/ .page_138 li { width:48%;} .page_138 li dl dt { font-size:13px;} .pagemenu ul li { width:33.3333%;} .page_58 .pagemenu1 ul li { width:100%;} .page_79 .pagemenu ul li { width:50%;} .page_87 .pagemenu2 ul li { width:100%;} .page_139 a { margin-bottom:5px;display:inline-block;} /*이용안내*/ .view_down li, .view_down li:nth-child(2), .view_down li:nth-child(5), .view_down li:nth-child(2n){ float:none; width:100%; margin:0 0 20px 0;} /*다울마당 서브메인*/ #daul .daul_icon li a br{ display: block;} #daul .daul_news dd a, #daul .daul_minutes dd a{ font-size:12px;} .app_area .app_img{float:none;width:50%;margin:0 auto} .app_area .app_txt{float:none;width:100%;} .app_area .app_txt li{float:none;text-align:center;margin-bottom:2px} } .td_left{text-align:left !important} /*0129*/ .contents dd.wo_sch{padding-left:15px !important;margin-top:10px;background:url(/images/www/wo_sch_bg.jpg) no-repeat right 26px #f7fafd;} .contents dd.wo_sch>p:first-child{background:url(/images/www/wo_sch_bu.gif) no-repeat left center;padding-left:11px;font-size:15px;font-weight:600;color:green;} .contents dd.wid100{width:100%;} .contents dd.wid100 img{width:100%;} .stitle1_1{font-size:17px;font-weight:600;color:green;} .wo_b{padding-left:8px;background:url(/images/www/wo_b.gif) no-repeat left center;font-weight:600;} span.wo_b{display:inline-block;margin-right:20px;} .btnbox.tr{text-align:right;padding:0;margin: -40px 0 0 0;float: right;} .btnbox.tr a{ line-height: 24px; padding: 5px 8px;} .Newyear16{padding:20px 0 0 0;border-top: 10px solid #d26e7c;} .ML10.tc{text-align:Center;margin:10px 0;display:block} .ML10.tc a{margin:5px} span.coRed{color:#ee2f5b;padding-left:10px} .Newyear16 .PB30{margin-bottom:10px} @media all and (max-width:765px) { .Newyear16{border:7px solid #bdb5af;padding:10px} .btnbox.tr{margin:0;float:left} .ML10.tc a{display:inline-block} } .txt_dt{width:100% !important;background:none !important;} .txt_dt_a{width:20% !important;float:left !important;background:#6d727c !important} .jtxt_ul li{float:right !important;width:79% !important;background:#f8f8f8 !important;height:50px !important;border:1px solid #ccc} .jtxt_ul li p a{color:#555;background:url(/../images/www/i-dot.jpg) no-repeat left 10px;float:left;padding:0 15px 0 7px;margin:12px 0 0 0; /*font-size:13px !important*/} .jtxt_ul li p a:hover{color:#06c} .jtxt_ul li p{margin-left:8px} .org01_bg{background: url(/../images/www/org_line01.jpg) no-repeat 50% 55px !important;} .mind_warp{background:url(/images/www/mind_bg01.jpg) no-repeat 0 0;height:524px;width:100%;margin-bottom:1.43em; padding-top:230px;} .mind_warp h3 span{ text-indent:-99999px} .mind_warp h3 img{ display:none} .mind_warp h4{ text-indent:-99999px} .mind_warp span{ text-indent:-99999px; display:block} .mind_warp dl{ border-top:1px solid #333; padding-top:5px; padding-left:60px;padding-bottom:5px; width:300px;} .mind_warp dt{ color:#a62124; font-size:1.2em;} .mind_warp dd{} @media all and (max-width:768px){ .txt_dt .jtxt_ul li{margin-top:0px !important;} .txt_dt .jtxt_ul li p a{ margin:0} .jtxt_ul li{width:100%;margin-top:5px} .mind_warp{background:none;width:100%;margin-bottom:1.43em; height:inherit; padding:0} .mind_warp h3 span{ text-indent:-99999px} .mind_warp h3 img{ display:block;width:100%} .mind_warp h4{ text-indent:0px;width:100%;color:#a7410a;margin-bottom:1.07em} .mind_warp span{ text-indent:0px; display:block} .mind_warp dl{ border-top:1px solid #333; padding-top:5px; padding-left:60px;padding-bottom:5px; width:300px; } .mimg_no{ display:block !important} } @media all and (max-width:480px){ .mind_box01{background:url(/images/www/mind_bg02_m.jpg) no-repeat left 0 !important;padding:85px 0 0 0 !important} .mind_box02{background:url(/images/www/mind_bg03_m.jpg) no-repeat right 0 !important;padding:100px 0 0 0 !important} .mind_box03{background:url(/images/www/mind_bg04_m.jpg) no-repeat left 0 !important;;padding:100px 0 0 0 !important} .mind_box04{background:url(/images/www/mind_bg05_m.jpg) no-repeat right 0 !important;;padding:100px 0 0 0 !important} .mind_box05{background:url(/images/www/mind_bg06_m.jpg) no-repeat left 0 !important;;padding:100px 0 0 0 !important} } .mind_txt{ ;text-align:justify;font-family:"나눔명조", "Nanum NanumMyeongjo";color:#6d3913;margin:0 0 15px 10px;padding-bottom:10px;overflow:hidden;border-bottom:1px dotted #e7e7e7;font-weight:600;font-size:1.14em;line-height:160%} .mind_txt01{;text-align:justify;font-family:"나눔명조", "Nanum NanumMyeongjo";color:#6d3913;margin:0 0 15px 10px;padding-bottom:10px;overflow:hidden;font-weight:600;font-size:1.14em;line-height:160%} .mind_box01{background:url(/images/www/mind_bg02.jpg) no-repeat 0 0;width:100%;padding:120px 0 0 123px;overflow:hidden; } .mind_box01 h3{ text-indent:-99999px} .mind_box02{background:url(/images/www/mind_bg03.jpg) no-repeat right 0;width:100%;padding:120px 123px 0 0;overflow:hidden} .mind_box02 h3{ text-indent:-99999px} .mind_box03{background:url(/images/www/mind_bg04.jpg) no-repeat 0 0;width:100%;padding:120px 0 0 166px;overflow:hidden} .mind_box03 h3{ text-indent:-99999px} .mind_box04{background:url(/images/www/mind_bg05.jpg) no-repeat right 0;width:100%;padding:120px 123px 0 0;overflow:hidden} .mind_box04 h3{ text-indent:-99999px} .mind_box05{background:url(/images/www/mind_bg06.jpg) no-repeat 0 0;width:100%;padding:120px 0 0 123px;overflow:hidden} .mind_box05 h3{ text-indent:-99999px} .s_txt{color:#333;font-size:15px;line-height:1.7;margin-bottom:10px; text-align:justify} .s_img{margin:40px 0 20px 0} .s_img img{width:100%} .s_img span{font-size:0.86em; display:block;width:100%;line-height:1.43em;margin:1.07em 0 0 0}/*font-family:Dotum;*/ .mimg_no{ display:none} .rice_tit{background:url(/images/www/rice_img02.jpg) no-repeat center 0;margin:0 0 0.86em 0;width:100%;height:142px; text-indent:-9999px} .rice_warp{overflow:hidden;margin:1em 0 1.14em 0} .rice_p {width:100%;clear:both;overflow:hidden} .rice_p strong{ display:block;float:left;background:url(/images/www/rice_bg01.gif) no-repeat left top;width:50px;height:45px;padding:0; text-indent:-9999px} .rice_p span{ display:block;float:left;font-size:1.14em;font-weight:600;color:#333;width:92%;line-height:150%} .rice_a{background:#fcfcfc url(/images/www/rice_bg02.gif) no-repeat left top;clear:both;overflow:hidden;margin:0.5em 0} .rice_a strong{ display:block;width:8%; text-indent:-9999px;float:left} .rice_a span{margin:1.07em 0; display:block;float:left;font-size:1em;color:#434343;width:90%;text-align:justify} .pdt05{padding-top:0.5em} .kidforest_tit{background:url(/images/www/kidforest_bg.jpg) no-repeat center 0;margin:0 0 0.86em 0;width:100%;height:142px; text-indent:-9999px} /* 전주 푸드*/ /*.mf_food { font-family: 'NanumGothic !important',"나눔고딕", "Nanum Gothic"; }*/ .mf_food p.MB15.c_p { color: #d86933 } .mf_food p { margin-bottom: 15px; } .mf_food p.tc { text-align: center; font-size: 18px; color: #648617; font-weight: bold } .mf_food .food_history {text-align: center; padding: 15px; box-sizing: border-box; border: 1px dashed #ed6d34; position: relative; margin: 50px 0 40px;background: url('http://www.jeonju.go.kr/images/www/mb/bg_his.jpg') center 60px no-repeat #fcfcfc } .mf_food .food_history h5 { text-align: center; line-height: 40px; padding: 0 20px; background: #ed6d34; width: 180px; margin: 0 auto; color: #fff; font-weight: bold; font-size: 17px; margin-top: -35px; margin-bottom: 40px;} .mf_food .food_history div.item{ text-align: right;width:48%; display: inline-block;vertical-align:top;margin-bottom:15px} .mf_food .food_history dl { background: #fff;text-align:left; display: inline-block; border: 2px solid #ed6d34; padding: 15px; box-sizing: border-box; position: relative; max-width: 80%; margin-right: 30px; border-radius: 5px;} .mf_food .food_history div.item:after { clear: both; display: block; content: ''; margin-bottom: 10px; width: 100%; } .mf_food .food_history dl i { position: absolute; right: -13px; width: 21px; height: 18px; top: 40px; background: url('http://www.jeonju.go.kr/images/www/mb/box_arr.png') no-repeat } .mf_food .food_history dl.fr { float: right; margin-top: 45px; } .mf_food .food_history dl.fr i { position: absolute; left: -13px; ; background: url('http://www.jeonju.go.kr/images/www/mb/box_arr02.png') no-repeat } .mf_food .food_history dl dt { clear: both; display: block; font-weight: bold; font-size: 14px; color: #ed6d34; } .mf_food .food_history dl dt span { clear: both; display: block; line-height: 12px; } .mf_food .food_box { width: 100%; float: left; background: url('http://www.jeonju.go.kr/images/www/mb/bg_box.png') 20px bottom no-repeat #fef4d5; box-sizing: border-box; padding: 20px; } .mf_food .food_history div.item:last-child{ margin-right: 48%;} .mf_food .food_box p.img { float: left; width: 35% } .mf_food h4 { margin-bottom: 10px; margin-top: 10px} .mf_food .food_box p.img img { width: 100%; height: auto } .mf_food:after { content: ''; clear: both; display: block; } .mf_food .food_box div.text { padding-left: 38% } .mf_food .food_box div.text h5 { font-family: 'Nanum Myeongjo !important',나눔명조; font-size: 30px; color: #d86933; font-weight: bold; line-height: 30px; margin-bottom: 10px; } .mf_food .food_box div.text p { background: none; text-align: justify } .mf_food .food_box div.text p strong { display: block } .contents .mf_food .txt_img2 .PB30{padding-bottom: 15px !important;} @media all and (max-width:768px){ .rice_tit{background:none;text-align:center; text-indent:0; height:inherit;margin:1em 0 1.14em 0 !important} .rice_tit span{font-family:"나눔명조", "Nanum NanumMyeongjo";color:#1e1e1e;font-size:1.57em;display:block;text-align:center;line-height:140%} .rice_tit strong{color:#000;font-weight:600;font-size:2.29em; display:block;width:100%;text-align:center;margin-top:0em;line-height:130%} .rice_tit strong b{color:#f69408} } @media all and (max-width:480px){ .pdt05{padding-top:0 !important} .rice_p strong{width:15% !important} .rice_p span{width:85% !important;float:right !important;} .rice_a span{width:87% !important;float:right !important;} .link_box{padding:20px} .link_box .sitego, .link_box .logobtn{display:block;text-align:center;margin-bottom:10px;position:relative;top:0;left:0;right:0;} } @media all and (max-width:680px){ .mf_food .food_history div.item{width:100%;margin-bottom:0} .mf_food .food_history{background:#fcfcfc} .mf_food .food_history dl{max-width:95%;width:95%;margin-right:15px} .mf_food .food_history dl.fr{margin-top:0;margin-left:10px} .mf_food .food_box p.img {width:100%} .mf_food .food_box div.text{padding-left:0;padding-bottom:40px} } /*동네복지*/ .ww_hide{background:url(/images/www/welfare_title.jpg) no-repeat;padding-top:340px;height:1px;overflow:hidden;}/*padding-top:412px;*/ .welfare_m{display:none;} .qa_bg{background:url(/images/www/w_hand.gif) no-repeat right bottom;padding-top:20px;} .qa_bg p:first-child{font-family:"나눔명조";color:#e6224e;font-size:22px;} .qa{padding-right:219px;background:url(/images/www/qa_bg.jpg) no-repeat right top;} .qa div{border-bottom:1px solid #333;} .qa .question{background:url(/images/www/question.gif) no-repeat left center;padding-left:45px;font-size:15px;font-family:"나눔명조";color:#e6224e} .qa .pic_text{border:none;} .qa img{display:none;} @media all and (max-width:768px){ .ww_hide{display:none;} .welfare_m{display:block;width:100%;} .welfare_m img{width:100%;} .qa{padding:0;background:none;} .qa .pic_text{display:none;} .qa img{display:block;width:100%;} } /*생태동물원*/ .zoo img{width:100%;} .zoo_title{border-bottom:1px solid #333;text-align:center;} .zoo_title .t1{font-family:"나눔고딕";font-size:25px;} .zoo_title .t2{font-family:"나눔고딕";font-size:18px;} .zoo_title .t3{font-family:"나눔고딕";font-size:13px;} .b_b{border-bottom:1px solid #333;} .zoo_box{padding-left:333px;background:url(/images/www/zoo_img04.jpg) no-repeat left top;} .zoo_box p{padding-bottom:30px;background:url(/images/www/icon2.jpg) no-repeat left 7px;padding-left:10px;} .zoo_box span{font-size:12px;} .zoo_box img{display:none;} @media all and (max-width:768px){ .zoo_box{padding-left:0;background:none;} .zoo_box img{display:block;width:100%;} } .road_tit{background:url(/images/www/road_dot.gif) no-repeat 0 0.63em;padding:0 0 0 1em;font-weight:600;font-size:1.07em} .enter20{margin-bottom:20px} .mgl3{margin-left:3px} .mgt10{margin-top:10px} .sopoong_tit{ text-indent:-9999px;background:url(/images/www/sopoong_tit01.gif) no-repeat center 0;width:100%;height:104px;} .sopoong_do{ display:block;color:#406dae;font-weight:600;margin:0.5em 0 0 0} .sopoong_txt_box{border:2px dotted #a2b1cb;width:100%;margin-bottom:1.43em} .sopoong_txt_box div{margin:1.36em 1.86em} .sopoong_txt_box h5{color:#5d7091;font-size:1.21em;;width:100%;margin:0 0 0.57em 0;font-weight:600} .sopoong_txt_box dl{width:100%;margin:0.29em 0;overflow:hidden} .sopoong_txt_box dl dt{float:left;color:#626262;font-weight:600;margin-right:0.36em;font-size:1em;} .sopoong_txt_box dl dd{float:left;color:#747d90;font-size:0.93em;} .sopoong_txt_box dl dd.d100{width:100%} .sopoong_qna{overflow:hidden;margin:15px 0;} .sopoong_qna dl{background:url(/images/www/sopoong_line01.gif) no-repeat 0 bottom;padding:0 0 28px 0;margin:0 0 13px 0} .sopoong_qna dl dt{margin-bottom:0.36em;width:100%;font-size:1.21em;color:#3b67b0;font-weight:600;padding:0 0 0 1em} .sopoong_qna dl dt strong{color:#5b87cd;font-size:1.21em; display:inline-block;padding-right:0.36em; text-indent:-9999px;background:url(/images/www/q_bg.gif) no-repeat 0 11px;width:20px} .sopoong_qna dl dd{color:#434343;line-height:150%;padding:0 0 0 1em} .line_no_so{background:none !important} .qna_img{margin-bottom:20px} .sopoong_warp{ display:none} @media all and (max-width:768px){ .sopoong_no{ display:none} .sopoong_tit{ text-indent:-9999px;background:url(/images/www/sopoong_tit01m.gif) no-repeat center 0;width:100%;height:inherit;padding:15% 0 5% 0;background-size:100% auto} .sopoong_img img{width:100%} .sopoong_warp{ display:block;} .sopoong_warp dl{border:1px dotted #84a3d6;width:100%;overflow:hidden;border-radius:5px;margin:0 0 10px 0;padding:1em;background:url(/images/www/sopoong_bg.gif) repeat 0 0} .sopoong_warp dl dt{width:20%;float:left;text-align:center} .sopoong_warp dl dt img{height:60px} .sopoong_warp dl dt span{ display:block;text-align:center;color:#4c6793;font-size:1em;font-weight:600;margin:0} .sopoong_warp dl dd{width:78%;float:right;color:#333} } /*0324역대시장*/ .contents_detail{margin-bottom:50px;} .contents_detail:after{display:block;content:"";clear:both;} .history_mayors{margin-left:10px;} .history_mayors li{float:left;width:170px;height:170px;text-align:center;margin-right:10px;border-bottom:dotted 1px #049bc2;} .history_mayors dt{color:#0465ab;margin:0px;padding-top:10px;} .history_mayors .text{font-size:14px} /*160818행복의경제학*/ .textL { text-align:left !important; padding-left:15px !important;} .leftpad27 {padding-left:28px;} .font12 { font-size:12px; } /*첫마중길*/ .road_tit{background:url(/images/www/road_dot.gif) no-repeat 0 0.4em;padding:0 0 0 1em;font-weight:600;font-size:1.07em} .enter20{margin-bottom:20px} .mgl3{margin-left:3px} .mgt10{margin-top:10px} #tptb > tbody> tr > td:nth-child(2){ text-align:left; } .wid10{ width:10%} .wid12{ width:12%} .wid13{ width:13%} .wid25{ width:25%} .wid75{ width:75%} .wid100{ width:100%} .tc100{ text-align:center} .tc100 img{ max-width:100%} .h480 > li{height: 480px;} .icon2_1{ background-position:left 14px !important; font-size:18px;} /*맑은물사업소*/ .wm_w{ overflow:hidden} .wm_w dt{ font-size:20px; color:#333; font-weight:bold} .wm_w dd a{ font-size:16px; color:#666; background:url(/../images/www/i-dot.jpg) no-repeat left 10px; padding-left:10px } .wm_w .main1{ background:#ecf5e2 url(/../images/www/w_i01.gif) no-repeat right bottom; border:1px solid #ddd; float:left; height:310px; width:31%; margin-right:3.5%; padding-top:25px; padding-left:25px} .wm_w .main2{ background:#e7eef4 url(/../images/www/w_i02.gif) no-repeat right bottom; border:1px solid #ddd; float:left; height:310px; width:31%; padding-top:25px; padding-left:25px} .wm_w .main3{ background:#f8eaeb url(/../images/www/w_i03.gif) no-repeat right bottom; border:1px solid #ddd; float:right; height:310px; width:31%; padding-top:25px; padding-left:25px} .wm_w1{border:1px solid #ddd; overflow:hidden; clear:both; margin:15px 0; padding:28px 0} .wm_w1 dl{ float:left; margin-left:25px; width:20%;} .wm_w1 dt{font-size:20px; color:#333; line-height:1.2em; margin-bottom:10px} .wm_w1 dd{font-size:15px; color:#666; line-height:1.2em;} .wm_w1 dd span{ display:block} .wm_w1 ul{ width:75%; float:right} .wm_w1 li{ float:left;font-size:16px; width:18%; text-align:center; margin:0 1%;} .wm_w1 li a{ line-height:1.4em} .wm_w1 li .i01{ background:url(/../images/www/w_i04.gif) no-repeat center top; padding-top:88px; display:block} .wm_w1 li .i02{ background:url(/../images/www/w_i05.gif) no-repeat center top; padding-top:88px; display:block} .wm_w1 li .i03{ background:url(/../images/www/w_i06.gif) no-repeat center top; padding-top:88px; display:block} .wm_w1 li .i04{ background:url(/../images/www/w_i07.gif) no-repeat center top; padding-top:88px; display:block} .wm_w1 li .i05{ background:url(/../images/www/w_i09.gif) no-repeat center top; padding-top:88px; display:block} .wm_w2 {border:1px solid #ddd; overflow:hidden; clear:both} .wm_w2 h4{ background:#e7eef4 url(/../images/www/w_i08.gif) no-repeat 112px bottom; float:left; width:30%; height:110px; font-size:20px; line-height:1.2em ; padding:30px 0 0 40px; margin-bottom:0 } .wm_w2 h4 span{ color:#2362a4; display:block} .wm_w2 ul{ float:right; width:70%; margin-top:25px} .wm_w2 li{ float:left; font-size:16px; margin-left:30px; margin-bottom:5px} .wm_w2 li span{ color:#2362a4; margin-right:10px} .open-hide{ width: 100%;border-top:2px solid #373e48; margin-top:15px; margin-bottom:40px } .open-hide > li{ border-bottom:1px solid #dfdfdf;font-size:15px; } .open-hide > li > a{ display:block; padding:15px 50px;background:#f8f8f8 url(/../images/www/q.png) no-repeat 10px 8px;color:#373e48} .open-hide > li > a:hover{ color:#000;} .answer{position:relative; display:none; background:url(/../images/www/a.png) no-repeat 10px 8px; padding:15px 50px; color:#767676; line-height:1.6em;} .Nprocess{ margin-bottom:30px; overflow:hidden} .Nprocess li{ float:left; width:30%; margin-right:3%;border:2px solid #2362a4; padding:10px; height:95px; margin-bottom:10px} .Nprocess li strong{ display:block; color:#2362a4} .process{ margin-bottom:30px;} .process:after{ clear:both; display:block; content:''} .process li{ float:left; margin-bottom:15px; line-height:1.2em; } .process li.device{width:33%;} .process li.device span{height:65px;width:12%} .process li.device3{ width:30%; } .process li.device3 span{ height:226px; } .process li.device4{ width:25%;} .process li.device4 span{ height:50px;} .process li strong{border:2px solid #2362a4; padding:15px 5px; display:block; width:82%;text-align:center; float:left } .process li span{ display:block; float:left; background:url(/../images/www/arr_next.gif) no-repeat center center; width:10%; } .process li img{ width:100%; margin:10px 0} @media all and (max-width:767px){ /*맑은물사업소*/ .wm_w dd a{ font-size:14px;} .wm_w .main1{float:none; height:180px; width:100%; margin-right:0%; padding-top:15px } .wm_w .main2{float:none; height:180px; width:100%; margin:10px 0 ; padding-top:15px } .wm_w .main3{float:none; height:180px; width:100%; padding-top:15px } .wm_w1{ padding:15px 0} .wm_w1 dl{ float:none;width:100%; margin-bottom:20px} .wm_w1 dt{font-size:20px; color:#333; font-weight:bold} .wm_w1 dd{font-size:15px; color:#666; line-height:1.2em;} .wm_w1 dd span{ display:block} .wm_w1 ul{ width:100%; float:none} .wm_w1 li{ width:17%; margin:0 1.5%} .wm_w1 li a{ font-size:14px; line-height:1.2em; } .wm_w1 li span{ display:block} .wm_w1 li .i01{ background-size:contain;padding-top:70px} .wm_w1 li .i02{ background-size:contain;padding-top:70px} .wm_w1 li .i03{ background-size:contain;padding-top:70px} .wm_w1 li .i04{ background-size:contain;padding-top:70px} .wm_w1 li .i05{ background-size:contain;padding-top:70px} .wm_w2 { padding-bottom:15px} .wm_w2 h4{ background:#e7eef4 url(/../images/www/w_i08.gif) no-repeat 200px bottom; float:none; width:100%; height:90px; padding:30px 0 0 25px } .wm_w2 h4 span{ display:inline} .wm_w2 ul{ float:none; width:100%; margin-top:15px;} .wm_w2 li{ float:none; font-size:15px; margin-left:25px; margin-bottom:0px} .wm_w2 li span{ color:#2362a4; margin-right:10px} .Nprocess li{ width:45%; margin-right:5%; height:140px; margin-bottom:5%} .process li{ margin-right:0;} .process li.device3{ width:33%; } .process li.device3 span{ height:150px; } .process li.device4{ width:33%; } .process li.device4 span{ height:44px; } .process li.device3 strong{ min-height:140px;} .process li strong{ padding:5px;width:72% ; min-height:30px;} .process li span{ width:13%;} .daulbox .txt{ width:100%; margin-bottom:30px} } @media all and (max-width:360px) { .pagemenu ul li a{ font-size:12px;} } /*공연행사 추가*/ .event_page{} .event_tab1{clear:both; margin-bottom:22px;} .event_tab1 li{font-size:16px;display:inline-block;padding:0 15px;background:url(/../images/www/event_bar.gif) no-repeat 0 center;font-weight:600} .event_tab1 li:first-child{padding-left:0;background:none} .event_tab1 li.active a{color:#ee2f5b;text-decoration:underline} .event_tab1 li a{color:#222} .event_tab1 li a:hover,.event_tab1 li a:focus{text-decoration:underline} .event_tab2{clear:both;margin-bottom:30px;} .event_tab2 li{font-size:14px;display:inline-block;margin-bottom:5px; } .event_tab2 li a{color:#666; letter-spacing:-1px; display:inline-block; height:35px; line-height:35px; padding:0 22px; border:1px solid #ccc; background:#f8f8f8;} .event_tab2 li a:hover{ color:#06C;} .event_tab2 li.active a{ background-color:#266fcc; color:#fff; border:1px solid #039;text-decoration:underline} .event_tab2 li.active a:hover,.event_tab2 li.active a:focus{ color: #0FF;text-decoration:underline} .event_tab2:after{clear:both;content:"";display:block} .event_con li{background:url(/../images/www/econ_list_bg.gif) repeat-x 0 bottom;padding-bottom:30px;margin-bottom:25px;} .event_con .econ_list p{position:relative;display:inline-block;margin-right:30px;width:205px;max-height:300px;overflow:hidden} .event_con .econ_list p img{width:100%;} .event_con .econ_list p span{position:absolute;top:0;left:0;color:#fff;font-size:18px;font-weight:600;width:65px;height:50px;display:inline-block; padding-top:12px;text-align:center;background:url(/../images/www/econ_day_bg.png) repeat} .event_con .econ_list dl{display:inline-block;vertical-align:top;width:67%} .event_con .econ_list dl dt{font-size:20px;color:#222;line-height:1.7;font-weight:600;margin:0 0 20px 0} .event_con .econ_list dl dt span{color:#ee2f5b;display:inline-block;margin-right:5px} .event_con .econ_list dl dd{font-size:15px;color:#666;margin-bottom:10px;padding:0 0 0 14px;} .event_con .econ_list dl dd span{color:#333;font-weight:600;display:inline-block;width:55px;background:url(/../images/www/event_bar.gif) no-repeat right center;margin-right:10px} .event_con .econ_list dl dd.more_btn{margin-top:25px} .event_con .econ_list dl dd.more_btn a{font-size:14px;font-weight:600;border:1px solid #ccc;border-radius:2px;padding:5px 15px;} @media all and (max-width:768px){ .event_tab1 li.active a{color:#175cd1;padding-bottom:7px;border-bottom:3px solid #3575df} .event_tab1 li.active a:hover{text-decoration:none} .event_con .econ_list p{width:30%;margin-right:3%} .event_con .econ_list dl{width:65%} .event_con .econ_list dl dt{margin:0 0 10px 0} .event_con .econ_list dl dt span{display:block} .event_con .econ_list dl dd{padding-left:0;margin-bottom:5px} } @media all and (max-width:600px){ .event_tab2 li{width:33%;margin-bottom:0;float:left} .event_tab2 li a{width:100%;padding:0;text-align:center;background:#fff;} .event_tab2 li.active a{ background-color:#3575df; color:#fff; border:1px solid #3575df;} .event_tab2 li:nth-child(4) a,.event_tab2 li:nth-child(5) a,.event_tab2 li:nth-child(6) a, .event_tab2 li:nth-child(7) a,.event_tab2 li:nth-child(8) a{border-top:none} .event_con .econ_list p{width:38%;} .event_con .econ_list dl{width:57%} .event_con .econ_list p span{font-size:14px;width:50px;height:35px;padding-top:7px;} .event_con .econ_list dl dt{font-size:15px;line-height:1.2;margin-bottom:5px} .event_con .econ_list dl dt span{margin-bottom:3px} .event_con .econ_list dl dd{font-size:13px;margin-bottom:0;line-height:1.6} .event_con .econ_list dl dd span{width:45px} .event_con .econ_list dl dd.more_btn{margin-top:5px} .event_con .econ_list dl dd.more_btn a{font-size:12px;font-weight:normal;padding:2px 10px;} /* .event_con .econ_list p span{font-size:17px;width:53px;height:40px;padding-top:8px;} .event_con .econ_list dl dt{font-size:20px;margin:0 0 10px 0} .event_con .econ_list dl dd{margin-bottom:3px} .event_con .econ_list dl dd.more_btn{margin-top:7px} */ } @media all and (max-width:480px){ } @media all and (max-width:360px){ .event_con .econ_list p{width:35%} .event_con .econ_list dl{width:60%} } @media all and (max-width:320px){ .event_tab1 li{font-size:15px;padding:0 12px;} .event_con .econ_list p{width:35%} .event_con .econ_list dl{width:60%} } .qa_warp{overflow:hidden;margin:1em 0 1.14em 0} .qa_p {width:100%;clear:both;overflow:hidden} .qa_p strong{ display:block;float:left;background:url(/images/www/rice_bg01.gif) no-repeat left top;width:50px;height:45px;padding:0; text-indent:-9999px} .qa_p span{ display:block;float:left;font-size:1.14em;font-weight:600;color:#333;width:92%;line-height:150%} .qa_a{background:#fcfcfc url(/images/www/rice_bg02.gif) no-repeat left top;clear:both;overflow:hidden;margin:0.5em 0} .qa_a strong{ display:block;width:8%; text-indent:-9999px;float:left} .qa_a span{margin:1.07em 0; display:block;float:left;font-size:1em;color:#434343;width:90%;text-align:justify} @media all and (max-width:480px){ .qa_p strong{width:15% !important} .qa_p span{width:85% !important;float:right !important;} .qa_a span{width:87% !important;float:right !important;} } .garden_tit{text-align:center;font-family:"Nanum Myeongjo !important",나눔명조;font-size:28px;color:#c04c44} .garden_city{text-align:center;padding-bottom:30px} .garden_city dl{float:left;width:43%;margin:0 3.5% 20px 3.5%;} .garden_city dt{font-size:15px;font-weight:600;margin-bottom:10px;color:#44831a} .garden_city dl span{font-size:18px;font-weight:600;line-height:18px;color:#c04c44;padding:0 7px} .garden_city dl span img{padding-left:5px;margin-top:3px} .garden_city dl span.down{color:#466ebb} .garden_city:after{clear:both;content:"";display:block} @media all and (max-width:480px){ .garden_city dl{float:none;width:100%;margin:0 0 20px 0;} } .survey_btn{} .survey_btn li{width:31%;display:inline-block;margin:0 0.5%;border:1px solid #ccc;border-radius:7px} .survey_btn li a{display:block; text-align:center;font-size:17px;font-weight:600;padding:20px 0 0 0;height:180px;color:#3a6bd0} .survey_btn li.b1{background:url(/images/www/survey_b1.jpg) no-repeat center bottom} .survey_btn li.b2{background:url(/images/www/survey_b2.jpg) no-repeat center bottom} .survey_btn li.b3{background:url(/images/www/survey_b3.jpg) no-repeat center bottom} .skip_map{width:100%} .skip_map a{color:#fff;display:block;width:1px;height:1px;margin-bottom:-1px;text-align:center;overflow:hidden;} .skip_map a:focus, .skip_map a:active{background:#757575;height:auto;padding:5px 0;width:100%; } .video_area *{font-family:"맑은고딕","Malgun Gothic","나눔고딕","Nanum Gothic","돋움", "dotum", "AppleGothic,sans-serif";} .video_area p{font-size:18px;font-weight:600;margin-bottom:20px;} .video_area video{width:100%} .video_area textarea{border:1px solid #aaa;padding:10px} .flower_design{text-align:center} .flower_design li{display:inline-block;width:22%;margin:0 1% 40px 1%} .flower_design li img{border:1px solid #ccc} .flower_design li span{display:block;margin:10px 0 5px;font-weight:600;color:#555} @media all and (max-width:768px){ .flower_design li{width:30%} } @media all and (max-width:600px){ .flower_design li{width:47%} } .top_btnbox{padding:20px;border:1px solid #d6d6d6;margin-bottom:30px} .top_btnbox p{float:left} .top_btnbox a{float:right} .top_btnbox:after{clear:both;content:"";display:block} @media all and (max-width:600px){ .top_btnbox p,.top_btnbox a{float:none;} } /*맞춤복지검색서비스*/ .welfare_wrap{text-align:center} .welfare_wrap li{display:inline-block;width:19%;padding:0 2%;margin-bottom:30px} .welfare_wrap li span{display:block;background:#eee;width:110px;height:110px;border-radius:50%;margin:0 auto 5px} .welfare_wrap li span img{margin-top:25px} .welfare_wrap li.active a span{background:#c0e2f7} .welfare_wrap li a:hover span,.welfare_wrap li a:focus span{background:#c0e2f7} .welfare_wrap li a{display:block;font-size:1.2em;font-weight:600;color:#333} .welfare_wrap:after{clear:both;content:"";display:block} .welfare_tabbox select{display:none} @media all and (max-width:768px) { .welfare_wrap li{padding:0 2px;} .welfare_wrap li span{width:85px;height:85px;} .welfare_wrap li span img{margin-top:20px;width:50px} .welfare_tabbox select{font-family: inherit; color:#fff; border-radius:3px;/*appearance: none;*/ -moz-appearance: none; -o-appearance: none; -ms-appearance: none; -webkit-appearance: none; background:#777 url(http://www.jeonju.go.kr/images/www/sel_ar.png) no-repeat 97% 50%; padding: .8em .5em; display: block; width:100%; border: 1px solid #666; background-size:13px;} } @media all and (max-width:595px) { .welfare_wrap li{margin-bottom:10px} .welfare_wrap li span{width:70px;height:70px;} .welfare_wrap li span img{margin-top:13px;width:47px} .welfare_wrap li a{font-size:1em} .bo_search.welS select{margin-bottom:2px} } @media all and (max-width:450px) { .welfare_wrap li span{width:60px;height:60px;} .welfare_wrap li span img{width:40px} } @media all and (max-width:320px) { .welfare_wrap li span{width:53px;height:53px;} .welfare_wrap li span img{margin-top:11px;width:35px} } .welfare_pop{padding:20px 10px;margin-bottom:0 !important} .welfare_tab01 h1,.welfare_tab02 h1{text-indent:-9999em;width:1px;height:1px;margin:0;padding:0;line-height:0;font-size:0} .welfare_tab01{text-align:center} .welfare_tab01 li{display:inline-block;width:24%;margin-bottom:5px} .welfare_tab01 li a{padding:10px 5px;border:1px solid #ccc;display:block;border-radius:3px} .welfare_tab01 li.active a{color:#fff;background:#266fcc;border:1px solid #039;} .welfare_tab02{background:#f8f8f8;border:1px solid #ccc;margin:0 auto 20px;padding:10px;width:100%} .welfare_tab02 li{float:left;padding:0 15px 0 10px;margin-bottom:5px;background:url(/images/www/i-dot.jpg) no-repeat 2px 10px;} .welfare_tab02 li.active a{font-weight:600;color:#000} .welfare_tab02:after{clear:both;content:"";display:block} .welfare_pop #board:after{clear:both;content:"";display:block} .contents .tstyle.welT td{word-break:keep-all} .citizenForest{} .citizenForest h4{text-align:center;font-size:2rem;margin-bottom:50px;line-height:2.5rem;word-break:keep-all} .citizenForest h4:before{width:50%;height:50px;display:block;content:"";margin:0 auto 10px} .citizenForest.cF01 h4{color:#00a29a;} .citizenForest.cF01 h4:before{background:url(/images/www/forest/cF01_titbg.png) no-repeat center 0;border-bottom:2px solid #00a29a;} .citizenForest.cF02 h4{color:#2479bf;} .citizenForest.cF02 h4:before{background:url(/images/www/forest/cF02_titbg.png) no-repeat center 0;border-bottom:2px solid #2479bf;} .citizenForest.cF04 h4{color:#e4007e;} .citizenForest.cF04 h4:before{background:url(/images/www/forest/cF04_titbg.png) no-repeat center 0;border-bottom:2px solid #e4007e;} .citizenForest.cF05 h4{color:#ea5414;} .citizenForest.cF05 h4:before{background:url(/images/www/forest/cF05_titbg.png) no-repeat center 0;border-bottom:2px solid #ea5414;} .citizenForest.cF06 h4{color:#604687;} .citizenForest.cF06 h4:before{background:url(/images/www/forest/cF06_titbg.png) no-repeat center 0;border-bottom:2px solid #604687;} .citizenForest.cF02 h5{font-size:1.125rem;background:#2479bf;color:#fff;display:inline-block;padding:5px 20px;border-radius:30px;;margin-bottom:10px} .citizenForest.cF04 h5{text-align:center;color:#e4007e;font-size:1.125rem;border-top:1px solid #e4007e;margin-bottom:30px} .citizenForest.cF04 h5 span{padding:4px 20px 5px;background:#eee;border-radius:0 0 10px 10px} .citizenForest.cF05 h5{text-align:center;color:#ea5414;font-size:1.125rem;border-top:1px solid #ea5414;margin-bottom:30px} .citizenForest.cF05 h5 span{padding:4px 20px 5px;background:#eee;border-radius:0 0 10px 10px} .citizenForest.cF05 h6{font-size:1rem;display:inline-block;padding:3px 15px;color:#fff;background:#ea5414;margin-bottom:10px;border-radius:20px} .citizenForest.cF06 h5{text-align:center;color:#604687;font-size:1.125rem;border-top:1px solid #604687;margin-bottom:30px} .citizenForest.cF06 h5 span{padding:4px 20px 5px;background:#eee;border-radius:0 0 10px 10px} .citizenForest p.txt{text-align:center;font-size:1.25rem;color:#444;margin-bottom:30px;line-height:1.8rem;font-weight:600;word-break:keep-all} .citizenForest p.txt span{display:block} .citizenForest p.txt1{text-align:center;font-size:1.125rem;color:#444;margin-bottom:30px;line-height:1.7rem;font-weight:600} .citizenForest p.txt1 span{display:block} .citizenForest p.txt2{font-size:1.125rem;color:#444;line-height:1.5rem;font-weight:600;margin-bottom:10px} .citizenForest p em{font-weight:600} .citizenForest.cF01 p.txt em{color:#00a29a} .citizenForest.cF02 p.txt em, .citizenForest.cF02 p.txt2 em{color:#2479bf} .citizenForest.cF04 p.txt em{color:#e4007e} .citizenForest.cF05 p.txt em{color:#ea5414} .citizenForest.cF06 p.txt em{color:#604687} .citizenForest.cF05 p.txt1{font-weight:normal} .citizenForest .stadium_mean{margin-bottom:50px} .citizenForest .stadium_mean span{color:#00a29a} .citizenForest .stadium_mean li{background:url(/images/www/forest/sm_img01.jpg) no-repeat 0 center;padding-left:100px;min-height:65px;font-size:1rem;margin-bottom:20px;color:#444} .citizenForest .stadium_mean li:nth-child(2){background:url(/images/www/forest/sm_img02.jpg) no-repeat 0 center;} .citizenForest .stadium_mean li:nth-child(3){background:url(/images/www/forest/sm_img03.jpg) no-repeat 0 center;} .citizenForest .dtable{border-top:2px solid #00a29a;border-bottom:2px solid #00a29a;width:100%;font-size:1rem;} .citizenForest .dtable caption{left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em;} .citizenForest .dtable tr:nth-child(even){background:#eeefef} .citizenForest .dtable th{color:#00a29a} .citizenForest .dtable td li{font-size:1rem;background:url(/images/www/i-dot.jpg) no-repeat 0 14px;padding-left:10px;} .citizenForest .dtable th,.citizenForest .dtable td{padding:7px} .citizenForest .flist{margin-bottom:50px} .citizenForest .flist li{font-size:1rem;background:url(/images/www/forest/flist_bg.png) no-repeat 0 13px;padding-left:12px} .citizenForest .flist li span{color:#00a29a} .citizenForest .mice{margin-bottom:30px} .citizenForest .mice li{float:left;width:25%;text-align:center;padding-top:120px;position:relative;font-size:1rem;line-height:1.5rem} .citizenForest .mice li:first-child{background:url(/images/www/forest/mice_bg01.jpg) no-repeat center 0;} .citizenForest .mice li:nth-child(2){background:url(/images/www/forest/mice_bg02.jpg) no-repeat center 0;} .citizenForest .mice li:nth-child(3){background:url(/images/www/forest/mice_bg03.jpg) no-repeat center 0;} .citizenForest .mice li:nth-child(4){background:url(/images/www/forest/mice_bg04.jpg) no-repeat center 0;} .citizenForest .mice li:after{content:"";background:url(/images/www/forest/mice_plus.jpg) no-repeat;width:25px;height:23px;position:absolute;top:32%;right:-10px} .citizenForest .mice li:nth-child(4):after{background:none} .citizenForest .mice li span{display:block;font-weight:600;margin-bottom:5px} .citizenForest .mice li span em{background:#eee;padding:2px 10px;border-radius:20px} .citizenForest .mice:after{clear:both;content:"";display:block} .citizenForest .mice2{margin-bottom:10px} .citizenForest .mice2 li{float:left;width:33.3%;text-align:center;padding:110px 5px 0 5px;} .citizenForest .mice2 li:first-child{background:url(/images/www/forest/mice2_bg01.jpg) no-repeat center 0;} .citizenForest .mice2 li:nth-child(2){background:url(/images/www/forest/mice2_bg02.jpg) no-repeat center 0;} .citizenForest .mice2 li:nth-child(3){background:url(/images/www/forest/mice2_bg03.jpg) no-repeat center 0;} .citizenForest .mice2 li strong{font-size:1.25rem} .citizenForest .mice2 li strong em{font-size:1.5rem;color:#2479bf;font-weight:600} .citizenForest .mice2 li span{display:block;font-weight:600} .citizenForest .mice2 li span em{background:#eee;padding:5px 10px;border-radius:20px} .citizenForest .mice2:after{clear:both;content:"";display:block} .citizenForest .mice_ef{margin-bottom:20px} .citizenForest .mice_ef p{display:inline-block;width:20%;vertical-align:middle;background:#2479bf;color:#fff;text-align:center;font-size:1rem;padding:20px;word-break:keep-all} .citizenForest .mice_ef ul{display:inline-block;width:78%;vertical-align:middle} .citizenForest .mice_ef li{float:left;width:30%;text-align:center} .citizenForest .mice_ef li:nth-child(2){width:50%;} .citizenForest .mice_ef li:nth-child(3){width:20%;} .citizenForest .mice_ef li span{display:block;color:#2479bf;margin-bottom:10px} .citizenForest .mice_ef li span em{background:#eee;padding:5px 10px;border-radius:20px} .citizenForest .mice_ef ul:after{clear:both;content:"";display:block} .citizenForest .mice_ef:after{content:"";display:block;padding-bottom:50px;background:url(/images/www/forest/arrow.jpg) no-repeat center bottom} .citizenForest .miceT table{width:100%;margin-bottom:50px;border-top:2px solid #002f59} .citizenForest .miceT caption{left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em;} .citizenForest .miceT th,.citizenForest .miceT td{padding:5px;border:1px solid #dbdee6;text-align:center} .citizenForest .cF04list{margin-bottom:50px} .citizenForest .cF04list li{float:left;width:33.3%;text-align:center;padding:70px 5px 0 5px;font-size:0.875rem;} .citizenForest .cF04list li:first-child{background:url(/images/www/forest/cF04list_bg01.jpg) no-repeat center 0;} .citizenForest .cF04list li:nth-child(2){background:url(/images/www/forest/cF04list_bg02.jpg) no-repeat center 0;} .citizenForest .cF04list li:nth-child(3){background:url(/images/www/forest/cF04list_bg03.jpg) no-repeat center 0;} .citizenForest .cF04list:after{clear:both;content:"";display:block} .citizenForest .cF04list02{margin-bottom:50px;} .citizenForest .cF04list02 li{float:left;width:48%;padding-left:30px;font-size:0.875rem;} .citizenForest .cF04list02:after{clear:both;content:"";display:block} .citizenForest .cF04list03{margin-bottom:50px;padding-left:30px} .citizenForest .cF04list03 li{padding-left:35px;font-size:0.875rem;margin-bottom:10px} .citizenForest .cF04list03 li:first-child{background:url(/images/www/forest/cF04list03_bg01.jpg) no-repeat;} .citizenForest .cF04list03 li:nth-child(2){background:url(/images/www/forest/cF04list03_bg02.jpg) no-repeat;} .citizenForest .cF04list03 li:nth-child(3){background:url(/images/www/forest/cF04list03_bg03.jpg) no-repeat;} .citizenForest .cF04list03 li:nth-child(4){background:url(/images/www/forest/cF04list03_bg04.jpg) no-repeat;} .citizenForest.cF05 ul{margin-bottom:50px;padding-left:20px} .citizenForest.cF05 ul li{font-size:0.875rem;} .citizenForest.cF06 ul{margin-bottom:50px;padding-left:20px} .citizenForest.cF06 ul li{font-size:0.875rem;} .citizenForest.cF06 ul.cF06list li{float:left;width:48%;margin-right:2%} .citizenForest.cF06 ul.cF06list li span{color:#fff;background:#604687;padding:3px 10px;border-radius:20px;margin-right:10px} .citizenForest.cF06 ul:after{clear:both;content:"";display:block} @media all and (max-width:768px) { .citizenForest p{text-align:left} .citizenForest p.txt span{display:inline} .citizenForest p.txt1 span{display:inline} .citizenForest .mice li{background-size:67% !important;padding-top:18%} .citizenForest .mice li:after{width:16px;height:15px;background-size:cover} .citizenForest .mice2 li{background-size:67% !important;padding-top:18%;} .citizenForest .mice2 li strong{font-size:1rem} .citizenForest .mice2 li strong em{font-size:1.25rem} .citizenForest .mice2 li span em{display:block} .citizenForest .mice_ef li{float:none;width:100% !important;margin-bottom:20px} .citizenForest .mice_ef li span em{display:block} .citizenForest .cF04list li{background-size:67% !important;padding-top:15%;word-break:keep-all} .citizenForest .cF04list03{padding-left:0} } @media all and (max-width:600px) { .citizenForest .mice_ef p{display:block;width:100%;margin-bottom:20px} .citizenForest .mice_ef ul{display:block;width:100%} .citizenForest .cF04list02 li{float:none;width:100%;padding-left:0} .citizenForest.cF06 ul{padding-left:0} .citizenForest.cF06 ul.cF06list li{float:none;width:100%;margin:0 0 10px 0} } /*사전공표 목록*/ .advanceinfo_tab{border-left:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:10px} .advanceinfo_tab h4{width:0;height:0;overflow:hidden;position:absolute;left:-10000px} .advanceinfo_tab li{border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:25%;float:left;text-align:center;line-height:30px;background:#fff} .advanceinfo_tab li a{display:block;padding:90px 0 10px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(/images/www/advanceinfo/ot_bg00.png) no-repeat center 15px;} .advanceinfo_tab li.active, .advanceinfo_tab li:hover{background:#4d7dd1} .advanceinfo_tab li.active a, .advanceinfo_tab li:hover a{color:#fff} .advanceinfo_tab li.ot01 a{background:url(/images/www/advanceinfo/ot_bg01.png) no-repeat center 15px;} .advanceinfo_tab li.ot02 a{background:url(/images/www/advanceinfo/ot_bg02.png) no-repeat center 15px;} .advanceinfo_tab li.ot03 a{background:url(/images/www/advanceinfo/ot_bg03.png) no-repeat center 15px;} .advanceinfo_tab li.ot04 a{background:url(/images/www/advanceinfo/ot_bg04.png) no-repeat center 15px;} .advanceinfo_tab li.ot05 a{background:url(/images/www/advanceinfo/ot_bg05.png) no-repeat center 15px;} .advanceinfo_tab li.ot06 a{background:url(/images/www/advanceinfo/ot_bg06.png) no-repeat center 15px;} .advanceinfo_tab li.ot07 a{background:url(/images/www/advanceinfo/ot_bg07.png) no-repeat center 15px;} .advanceinfo_tab li.ot08 a{background:url(/images/www/advanceinfo/ot_bg08.png) no-repeat center 15px;} .advanceinfo_tab li.ot09 a{background:url(/images/www/advanceinfo/ot_bg11.png) no-repeat center 15px;} .advanceinfo_tab li.ot10 a{background:url(/images/www/advanceinfo/ot_bg09.png) no-repeat center 15px;} .advanceinfo_tab li.ot11 a{background:url(/images/www/advanceinfo/ot_bg10.png) no-repeat center 15px;} .advanceinfo_tab:after{clear:both;content:"";display:block} .advanceinfo_tab02{background:#f8f8f8;border:1px solid #ccc;margin:0 auto 20px;padding:10px;width:100%} .advanceinfo_tab02 h4{width:0;height:0;overflow:hidden;position:absolute;left:-10000px} .advanceinfo_tab02 li{float:left;padding:0 15px 0 10px;margin-bottom:5px;background:url(/images/www/i-dot.jpg) no-repeat 2px 12px;} .advanceinfo_tab02 li.active a{font-weight:600;color:#000} .advanceinfo_tab02:after{clear:both;content:"";display:block} .advanceinfo_tab03{margin-bottom:20px} .advanceinfo_tab03 h4{width:0;height:0;overflow:hidden;position:absolute;left:-10000px} .advanceinfo_tab03 li{float:left;background:#f8f8f8;margin:0 2px 2px 0;} .advanceinfo_tab03 li a{display:block;color:#666;border:1px solid #ccc;height:35px; line-height:35px; padding:0 10px;} .advanceinfo_tab03 li.active{background:#266fcc} .advanceinfo_tab03 li.active a{color:#fff;border:1px solid #039;} .advanceinfo_tab03 li.active a:hover{color:#0FF} .advanceinfo_tab03 li a:hover{color: #06C;} .advanceinfo_tab03:after{clear:both;content:"";display:block} @media (max-width: 360px){ .advanceinfo_tab li a{background-size:60px !important;padding:80px 0 10px;} } .gong_wrap{background:#e8f6f8;padding:30px 30px 20px 30px;text-align:center} .gong_wrap div{background:url(/images/www/dhgong/gong_bg.png) no-repeat center bottom;padding-bottom:190px;} .gong_wrap div h4{color:#2479bf;font-size:25px;font-weight:600;margin-bottom:0} .gong_wrap div p{color:#444;font-size:16px;margin-bottom:30px;word-break:keep-all;line-height:1.6} .gong_process{margin:10px 0 20px 0} .gong_process li{float:left;width:19%;margin-right:1%;text-align:center;word-break:keep-all;line-height:1.4;padding-top:105px;margin-bottom:10px} .gong_process li span{display:block;font-size:16px;font-weight:600;line-height:1.8;} .gong_process li:nth-child(1){background:url(/images/www/dhgong/gongp_img01.gif) no-repeat center 0;} .gong_process li:nth-child(2){background:url(/images/www/dhgong/gongp_img02.gif) no-repeat center 0;} .gong_process li:nth-child(3){background:url(/images/www/dhgong/gongp_img03.gif) no-repeat center 0;} .gong_process li:nth-child(4){background:url(/images/www/dhgong/gongp_img04.gif) no-repeat center 0;} .gong_process li:nth-child(5){background:url(/images/www/dhgong/gongp_img05.gif) no-repeat center 0;} .gong_process:after{clear:both;content:"";display:block} .gong_org{text-align:center} .gong_org li{display:inline-block;width:45%;margin:0 1.5% 20px 1.5%;border:1px solid #dbdee6;padding:15px;word-break:keep-all;line-height:1.4} .gong_org li span{display:block;font-size:16px;font-weight:600;margin:10px 0 5px} .gong_org li img{float:left;width:110px;margin-right:10px} .gong_org li dl{float:left;text-align:left;width:calc(100% - 120px)} .gong_org li dl dt{font-size:16px;font-weight:600;margin:15px 0;padding-bottom:10px;border-bottom:1px solid #dbdee6} @media (max-width: 768px){ .gong_wrap{text-align:left} .gong_wrap div h4{font-size:20px;} .gong_wrap div p{font-size:14px;word-break:break-all} .gong_process li{width:32%;} .gong_org li{width:98%} } @media (max-width: 360px){ .gong_process li{background-size:90px !important} } .jjcard{border:2px solid #5aa7d7;padding:20px;margin-bottom:25px} .jjcard .tit{font-size:22px;font-weight:600;color:#1b86ca;margin-bottom:15px} .jjcard .tit span{color:#003a8f} .jjcard .txt strong{font-size:16px;display:block} /* 201023 카드이미지추가 */ .jjcard .jj_left {float: left; width: calc(100% - 120px)} .jjcard .jj_right {float: left; width: 120px} .jjcard::after {clear: both; content: ''; display: block} .jjcard_app{margin-bottom:30px} .jjcard_app li{float:left;text-align:center;width:48%} .jjcard_app li:first-child{margin-right:2%} .jjcard_app li strong{padding:10px;background:#eee;display:block;margin-bottom:10px;border-radius:25px} .jjcard_app li span{display:block} .jjcard_app li img{margin-bottom:15px} .jjcard_app li a{padding:7px 20px 7px 50px;border:1px solid #c0c0c0;border-radius:5px;display:inline-block;background:url(/images/www/jj_app_ios.jpg) no-repeat 15px center} .jjcard_app li:first-child a{background:url(/images/www/jj_app_and.jpg) no-repeat 15px center} .jjcard_app:after{clear:both;content:"";display:block} .jjcard_use{} .jjcard_use li{display:inline-block;width:17.8%;margin-right:1.5%;padding:65px 0 10px 0;text-align:center;margin-bottom:10px;border:1px solid #c0c0c0;border-radius:10px} .jjcard_use li:nth-child(5n){margin-right:0} .jjcard_use li:nth-child(1){background:url(/images/www/jjcard/jjcard_use_icon01.jpg) no-repeat center 10px} .jjcard_use li:nth-child(2){background:url(/images/www/jjcard/jjcard_use_icon02.jpg) no-repeat center 10px} .jjcard_use li:nth-child(3){background:url(/images/www/jjcard/jjcard_use_icon03.jpg) no-repeat center 10px} .jjcard_use li:nth-child(4){background:url(/images/www/jjcard/jjcard_use_icon04.jpg) no-repeat center 10px} .jjcard_use li:nth-child(5){background:url(/images/www/jjcard/jjcard_use_icon05.jpg) no-repeat center 10px} .jjcard_use li:nth-child(6){background:url(/images/www/jjcard/jjcard_use_icon06.jpg) no-repeat center 10px} .jjcard_use li:nth-child(7){background:url(/images/www/jjcard/jjcard_use_icon07.jpg) no-repeat center 10px} .jjcard_use li:nth-child(8){background:url(/images/www/jjcard/jjcard_use_icon08.jpg) no-repeat center 10px} .jjcard_use li:nth-child(9){background:url(/images/www/jjcard/jjcard_use_icon09.jpg) no-repeat center 10px} .jjcard_use li:nth-child(10){background:url(/images/www/jjcard/jjcard_use_icon10.jpg) no-repeat center 10px} .jjcard_use:after{clear:both;content:"";display:block} .jjcard_store{display:table;margin-bottom:10px} .jjcard_store li{display:table-cell;width:30%;padding:15px 5px 15px 75px;vertical-align:middle;margin-right:3%;line-height:1.5} .jjcard_store li:first-child{background:url(/images/www/jjcard/jjcard_store_icon01.png) no-repeat left center;} .jjcard_store li:nth-child(2){background:url(/images/www/jjcard/jjcard_store_icon02.png) no-repeat left center;} .jjcard_store li:nth-child(3){background:url(/images/www/jjcard/jjcard_store_icon03.png) no-repeat left center;width:36%;} .jjcard_store:after{clear:both;content:"";display:block} @media (max-width: 680px){ .jjcard_app li{float:none;width:100%;margin-bottom:20px} .jjcard_use li{width:30.8%;} .jjcard_use li:nth-child(3n){margin-right:0} .jjcard_use li:nth-child(5n){margin-right:1.5%} .jjcard_store li{display:block;width:100%;margin:0 0 5px 0;background-size:55px !important;min-height:55px;padding-left:60px} .jjcard_store li:nth-child(3){width:100%;} } @media (max-width: 480px){ /* 201023 카드이미지추가 */ .jjcard .jj_left {float: none; width: 100%} .jjcard .jj_right {float: none; width: 100%; margin-top: 15px; text-align: center} .jjcard_use li{width:47.8%;background-size:40px !important;padding:50px 0 10px 0} .jjcard_use li:nth-child(2n){margin-right:0} .jjcard_use li:nth-child(3n){margin-right:1.5%} } .qa_warp2{overflow:hidden;margin:1em 0 1.14em 0} .qa_warp2 .qa_p {width:100%;clear:both;overflow:hidden} .qa_warp2 .qa_p strong{ display:block;float:left;background:url(/images/www/rice_bg01.gif) no-repeat left top;width:50px;height:45px;padding:0; text-indent:-9999px} .qa_warp2 .qa_p div{ display:block;float:left;font-size:1.14em;font-weight:600;color:#333;width:92%;line-height:150%} .qa_warp2 .qa_a{background:#fcfcfc url(/images/www/rice_bg02.gif) no-repeat left top;clear:both;overflow:hidden;margin:0.5em 0} .qa_warp2 .qa_a strong{ display:block;width:8%; text-indent:-9999px;float:left} .qa_warp2 .qa_a div{margin:1.07em 0; display:block;float:left;font-size:1em;color:#434343;width:90%;text-align:justify} .qa_warp2 .tstyle td{background:#fff} @media all and (max-width:480px){ .qa_p strong{width:15% !important} .qa_p div{width:85% !important;float:right !important;} .qa_a div{width:87% !important;float:right !important;} } .btn_pa{margin-bottom:30px} .btn_pa li{width:48%;margin-right:4%;float:left;background:url(/images/www/btn_pa01.png) no-repeat 90% center;} .btn_pa li:last-child{margin-right:0;background:url(/images/www/btn_pa02.png) no-repeat 90% center} .btn_pa li a{display:block;font-size:24px;color:#375aac;font-weight:600;line-height:1.3;padding:20px 30px;border:2px solid #ddd;} .btn_pa li a:hover{border:2px solid #5073c5} .btn_pa:after{clear:both;content:"";display:block} @media all and (max-width:768px){ .btn_pa li{background-size:60px !important;} .btn_pa li a{font-size:20px;padding:15px 20px} } @media all and (max-width:480px){ .btn_pa li{background-size:50px !important;} .btn_pa li a{font-size:16px;padding:15px 20px} } @media all and (max-width:400px){ .btn_pa li{float:none;width:100%;margin:0 0 5px 0} } .bike_photocontest{} .bike_photocontest div{margin-bottom:30px} .bike_photocontest p{margin-bottom:10px} .bike_photocontest p img{width:100%} .bike_photocontest dl{text-align:center} .bike_photocontest dl dt{display:inline-block;padding:3px 20px;border-radius:20px;background:#266fcc;color:#fff;font-size:17px;margin-right:10px} .bike_photocontest dl dd{display:inline-block;font-size:17px} /*2021-08-26 시외·고속버스·열차*/ .transport_new li { position:relative; float:left; width:31%; height:300px; text-align:center; margin-right:3.5%; border:1px solid #e0e0e0; border-radius:.4em;} .transport_new li:nth-child(1) { background:url(/images/www/transport_img1.jpg) top center no-repeat;background-size:cover} .transport_new li:nth-child(2) { background:url(/images/www/transport_img2.jpg) top center no-repeat;background-size:cover} .transport_new li:nth-child(3) { float:right; margin-right:0; background:url(/images/www/transport_img3.jpg) top center no-repeat;background-size:cover} .transport_new li span { position:absolute; left:0; bottom:10%; width:100%;} .transport_new li span em { width:80%; padding:5px 0; color:#fff; font-size:15px; font-weight:bold; background-color:#00AC6C; border-radius:.2em; display:inline-block;} .transport_new li a { height:100%; display:block;} .transport_new li:hover span em { background-color:#EE2F5B;} @media all and (max-width:640px){ .transport_new li { height:250px; background-size:cover !important;} } @media all and (max-width:460px){ .transport_new li { width:48%;} .transport_new li:nth-child(even) { margin-right:0;} .transport_new li:nth-child(3) { float:left; margin-top:3.5%;} .transport_new li span em { font-size:14px;} } @media all and (max-width:385px){ .transport_new li { height:220px;} } @media all and (max-width:320px){ .transport_new li { height:200px;} .transport_new li span em i { display:none;} } /*2021-09-30*/ .page_39 .tsize3 { font-size:18.5px; color:#0066b3;} .sitemap { float:left; margin-bottom:50px; width:100%;} .sitemap dl { float:left; width:30%; margin-left:4.5%;} .sitemap .nomar { margin-left:0;} .sitemap dl dt { padding:10px; background:#0063a6; font-size:17px; color:#fff; text-align:center; border-radius:7px;} .sitemap dl dd ul li a { width:100%; padding:10px; color:#343434; border-bottom:1px solid #e0e0e0; display:inline-block;} .sitemap dl dd ul li ul { background:#f6f6f6; border-bottom:1px solid #e0e0e0; padding:10px 15px;} .sitemap dl dd ul li ul li a { font-size:14.5px; color:#646464; border-bottom:0; background:url(/../images/www_20210714/icon_dott.png) left 12px no-repeat; padding:2px 0 2px 10px;} @media all and (max-width:1366px){ .sitemap dl dd ul li ul li a { font-size:14px;} } @media all and (max-width:1024px){ .page_1 li dl dt { width:28%;} .page_1 li dl dd { width:72%;} .page_1 li:last-child .txt_line1 { padding-bottom:0; margin-bottom:0; border-bottom:0;} .page_1 .txt_line1 { padding-bottom:20px; margin-bottom:13px;} .page_2 { padding-bottom:0;} .page_2 .txt_wd60 { width:55%; text-align:justify;} .page_2 .txt_line { padding-bottom:25px; margin-bottom:20px;} .page_3 li { min-height:155px;} .page_39 .tsize3 { font-size:17px;} } @media all and (max-width:640px){ .page_2 { background:none;} .page_2 .txt_wd60 { width:100%;} .page_3 li { min-height:auto;} .page_3 li dl dt { font-size:16px;} } @media all and (max-width:414px){ .page_1 li dl dt { width:100%; margin-bottom:10px;} .page_1 li dl dt img { width:auto;} .page_1 li dl dd { width:100%;} .sitemap dl { float:left; width:48%; margin:25px 0 0 0;} .sitemap dl:nth-child(1), .sitemap dl:nth-child(2) { margin-top:0;} .sitemap dl:nth-child(even) { float:right;} .sitemap dl dt { padding:6px 6px 3px 6px; font-size:15.3px; border-radius:4px;} .sitemap dl dd ul li ul { padding:7px 10px;} .sitemap dl dd ul li a { padding:8px 5px 2px 5px;} } @media all and (max-width:320px){ .sitemap dl dt { font-size:14px;} } .pdataWrap .pdata_info{text-align:center} .pdataWrap .pdata_info li{display:inline-block;width:14.2%;margin:0 1% 20px 1%;text-align:center;background-position:center 25px !important;vertical-align:top;} .pdataWrap .pdata_info li a{display:block;border:1px solid #ccc;border-radius:3px;padding:85px 5px 10px 5px;min-height:135px;word-break:keep-all;color:#333} .pdataWrap .icon01{background:url(/images/www/pdata/icon01.png) no-repeat;} .pdataWrap .icon02{background:url(/images/www/pdata/icon02.png) no-repeat;} .pdataWrap .icon03{background:url(/images/www/pdata/icon03.png) no-repeat;} .pdataWrap .icon04{background:url(/images/www/pdata/icon04.png) no-repeat;} .pdataWrap .icon05{background:url(/images/www/pdata/icon05.png) no-repeat;} .pdataWrap .icon06{background:url(/images/www/pdata/icon06.png) no-repeat;} .pdataWrap .icon07{background:url(/images/www/pdata/icon07.png) no-repeat;} .pdataWrap .icon08{background:url(/images/www/pdata/icon08.png) no-repeat;} .pdataWrap .icon09{background:url(/images/www/pdata/icon09.png) no-repeat;} .pdataWrap .icon10{background:url(/images/www/pdata/icon10.png) no-repeat;} .pdataWrap .icon11{background:url(/images/www/pdata/icon11.png) no-repeat;} .pdataWrap .pdata_info li p{position:absolute;z-index:9999;padding:14px 20px;font-size:16px;background:#0066b3;color:#fff;box-shadow:10px 10px 10px #dedede;margin:0;} .pdataWrap .pdata_tab{margin-bottom:50px} .pdataWrap .pdata_tab li{float:left;width:49%;margin:0 2% 5px 0;background-size:40px !important;background-position:10px center !important} .pdataWrap .pdata_tab li:nth-child(2n){margin-right:0} .pdataWrap .pdata_tab li a{padding-left:60px;border:1px solid #ccc;height:60px;vertical-align:middle;display:flex;word-break:keep-all;align-items:center;color:#444} .pdataWrap .pdata_tab li a:hover, .pdataWrap .pdata_tab li a:focus{border:1px solid #0066b3;color:#0066b3} .pdataWrap .pdata_tab:after{clear:both;content:"";display:block} .pdataWrap .pdataCon{} .pdataWrap h5{font-size:1.125rem;padding:12px 10px 7px 0;border-bottom:1px dashed #ccc;margin:50px 0 20px;color:#333} .pdataWrap h5 i{display:inline-block;width:37px;height:37px;border:1px solid #aaa;border-radius:50%;background-size:30px !important;background-position:center !important;vertical-align:middle;margin-right:10px} .pdataWrap .pdataCon > p,.pdataWrap .pdataCon > ul{padding-left:25px} @media all and (max-width:1420px){ .pdataWrap .pdata_info li{;width:15%;margin:0 0.5% 20px 0.5%;} } @media all and (max-width:1024px){ .pdataWrap .pdata_info li{width:23.2%;margin:0 0.5% 15px 0.5%;} .pdataWrap .pdata_tab li{float:none;width:100%;margin:0 0% 5px 0;} } @media all and (max-width:680px){ .pdataWrap .pdata_info li{width:31.5%;margin:0 0.5% 10px 0.5%;background-position:center 12px !important;;background-size:53px !important} .pdataWrap .pdata_info li a{padding:65px 5px 7px 5px;min-height:100px;} } .pdataWrap.type1 .pdata_info li a{padding:125px 5px 10px 5px;} .pdataWrap.type1 .icon01{background:url(/images/www/privacy/icon01.png) no-repeat;} .pdataWrap.type1 .icon02{background:url(/images/www/privacy/icon02.png) no-repeat;} .pdataWrap.type1 .icon03{background:url(/images/www/privacy/icon03.png) no-repeat;} .pdataWrap.type1 .icon04{background:url(/images/www/privacy/icon04.png) no-repeat;} .pdataWrap.type1 .icon05{background:url(/images/www/privacy/icon05.png) no-repeat;} .pdataWrap.type1 .icon06{background:url(/images/www/privacy/icon06.png) no-repeat;} .pdataWrap.type1 .icon07{background:url(/images/www/privacy/icon07.png) no-repeat;} .pdataWrap.type1 .icon08{background:url(/images/www/privacy/icon08.png) no-repeat;} .pdataWrap.type1 .icon09{background:url(/images/www/privacy/icon09.png) no-repeat;} .pdataWrap.type1 .icon10{background:url(/images/www/privacy/icon10.png) no-repeat;} .pdataWrap.type1 .icon11{background:url(/images/www/privacy/icon11.png) no-repeat;} .pdataWrap.type1 .icon12{background:url(/images/www/privacy/icon12.png) no-repeat;} .pdataWrap.type1 .icon13{background:url(/images/www/privacy/icon13.png) no-repeat;} .pdataWrap.type1 .icon14{background:url(/images/www/privacy/icon14.png) no-repeat;} .pdataWrap.type1 h5 i{width:37px;height:40px;border-radius:0;border:none;background-size:37px !important;} .pdataWrap .tstyle td ul li{background:none !important;padding-left: !important0} .pdataWrap .tstyle td ul li i{width:20px;height:22px;background-size:20px !important;margin-right:7px;display:inline-block}