@charset "utf-8"; /*sub1*/ /*greeting*/ @font-face { font-family: 'GangwonEdu_OTFBoldA'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff'); font-weight: normal; font-style: normal; } .greeting{padding: 25px 5px;box-sizing: border-box;word-break:keep-all} p.im {width: 90%; margin:0 auto;} p.im img{width: 100%;} p.im span img{width:114px;display:inline-block;margin: 0 auto;padding: 0;} p.im span {display: block;text-align:center;font-size:20px;font-weight:bold;color:#000;padding: 15px 0;line-height: 42px;margin: 0 auto;} p.im span strong {font-family: 'GangwonEdu_OTFBoldA'; font-size: 30px;display: block;} .greeting .title{display:inline-block;font-size: 18px;line-height:30px;color: #0b0b55;font-weight: bold;} .greeting .con_w{display:inline-block;padding: 30px 0; font-size:16px} .greeting .greeting_con{line-height:22px;margin: 15px 0 0 0;} /*약력*/ .his_box{background:#fff;padding:30px 10px} .his_box p{text-align:center} .his_box .home_p{display:block;font-size: 17px;color:#fff;background:#e8f5fb; color: #373da7;border: 2px solid #373da7;width:165px;padding:10px 15px;margin:15px auto;text-align: center;/* float: left; */} .his_box .home_p strong{background:url("/images/council/sub/btn_new.png") no-repeat right center; padding:2px 15px} .his_box .name{display:block;padding: 10px 2px;font-size:20px;font-weight:bold;color:#000;} .his_box li{padding:0 0 0 95px;margin:10px 0 0 0;position:relative;line-height:1.5em} .his_box li strong{color:#444789;position:absolute;top:0;left:0;background:url("/images/assemblyman/sub/intro_dot.gif") no-repeat 0 7px;padding:0 0 0 10px; font-weight:bold;} .his_h4{background:url("/images/assemblyman/sub/intro_titbg.gif") no-repeat right center #444789;color:#fff;font-size:18px;padding:15px 20px} .his_list{padding: 5px 0px;line-height:1.5em;} .his_list li{margin: 10px 0 0 9px;padding:0 0 0 10px;background:url("/images/council/sub/li02.png") no-repeat top left;} .his_box .title{display:block;padding: 15px 40px;margin-top:15px;border: solid 1px #444789;font-size:18px;font-weight:bold;} .his_box .n_h5{display:inline-block; margin:25px 0 15px 0;} /*sub2*/ /*member_local*/ .w_map{border:1px solid #dadde6;margin:10px 0 30px 0;border-radius:6px;overflow-x:auto;position:relative} .w_map .map_img{background:url("/images/council/sub/sub2/mem_png.png") no-repeat center center;width: 600px;height: 471px;padding: 48px 30px 34px 30px;margin: 25px auto 0 auto;position:relative;} p.map_txt {text-align: right;position: absolute;top: -25px;right: 102px;} p.map_txt .fc_bg {display:inline-block;background: rgba(0,0,0,.7) url("/images/council/sub/icon_info.png") no-repeat 5px 9px;padding: 10px 10px 10px 32px;color: #fff;} .map_img li{position:absolute;font-size:14px;width: 109px;text-align:center;font-weight:600;} .map_img li span{display:block;padding: 10px 6px;border-radius:15px;text-align:center;color: #000;font-size: 18px;} .map_img li:hover span{background:#373da7; color:#fff; text-decoration:underline;} .map_img li.no01{top: 398px;left: 104px;} .map_img li.no02{top: 432px;left: 140px;} .map_img li.no03{top: 353px;left: 155px;} .map_img li.no04{top: 150px;left: 140px;} .map_img li.no05{top: 231px;left: 309px;} .map_img li.no06{top: 333px;left: 215px;} .map_img li.no07{top: 383px;left: 201px;} .map_img li.no07_1{top:443px;left: 215px;} .map_img li.no08{top: 355px;left: 288px;} .map_img li.no09{top: 433px;left: 501px;} /*history*/ .history h4{display:none;font-size:60px;color: #1a205f;background:none;padding:0;margin: 0 0 50px 0px;} .history h5{font-size:24px;letter-spacing:-0.05em;color: #fff;background: #52528c;padding: 10px;} .history ul{padding: 0px 0 10px 24px;} .history div:last-child ul{border:none} .history li{margin: 0 0 9px 0;line-height:1.5em;color:#252525;background: url("/images/council/sub/li02.png") no-repeat 0 1px;padding-left: 14px;} .history li span{display: inline-block;color: #00a99d; font-weight:bold;margin:0 15px 0 0;} /*step_변형*/ /* Tablet */ @media all and (min-width:768px) { /*sub1*/ /*greeting*/ .greeting{padding: 30px 0; background: url("/images/council/sub/sub1/gre_bg2.png") 814px 33px no-repeat;} p.im {width: 300px; margin:0 auto; display:block;} p.im img{width: 100%;} p.im span {display: block;font-size: 20px;text-align: center;padding: 0;line-height: 50px;} .greeting .title{display:inline-block;font-size: 20px} .greeting .con_wrap{margin:0;width: 64%;padding-left: 15px;} .greeting .greeting_con{line-height:22px;} /*약력*/ .his_box{overflow:hidden;padding: 30px 20px;position:relative;} .his_box p{float:left;width:35%;text-align:left} .his_box ul{float:right;width:65%; } .his_box .name{display:inline-block;padding: 20px 30px;font-size: 23px;} .his_box .home_p{float:left;} .his_box .title{width:60%;} /*연혁*/ .history div{position:relative;background: url("/images/council/sub/sub2/history_bg.gif") 0px 0px no-repeat;background-color: white;} .history h5{font-size: 28px;position:absolute;top: -7px;left: 7px;background: none;color: #3737a0;padding: 0 0 0 15px;} .history ul{padding: 10px 0 10px 0px;margin-left: 287px;border-bottom: solid 1px #f1f1f1;} } /* Desktop */ @media all and (min-width:1023px) { /*sub1*/ /*greeting*/ .greeting .im {width: 250px;display:inline-block;padding: 24px 0 0 0;} .greeting .im span {line-height: 41px;} p.im span strong { display: inline-block;padding-left: 20px;} .greeting .con_w{width: 60%;margin: 0;padding: 0px 0 0 18px;} .greeting .greeting_con{margin-top:30px;line-height: 25px;} .greeting .title{font-size:23px; line-height:38px} /*약력*/ .his_box{position:relative;padding: 40px 10px;} .his_box p{width: 30%;} .his_box ul{width:67%} .his_box ul:after{content:"";display:block;position:absolute;top: 40px;bottom: 24px;left:30%;width:1px;background:#dadae7;} .his_box .n_h5{margin: 31px 0 15px 30px;font-size: 20px;} .his_box .name{font-size: 26px;} /*sub2*/ /*mem_local*/ .councillor_photo{margin-left:20px;} .councillor_info{padding-left:30px;} /*history*/ .history{padding: 0px 85px 0 0; background: url("/images/council/sub/sub2/his_bg1.png")right 0 no-repeat;} .history h4{display:block; } .history li span{display:inline} .history div{background: url("/images/council/sub/sub2/history_bg.gif") 0px 0px no-repeat;padding: 10px;} .history h5{padding-left: 18px;margin:0;position:absolute;top: 0;font-size: 21px;} .history ul{margin-left: 176px;} /*step_변형*/ .basic_step .step1,.basic_step .step2, .basic_step .step3{float:left;} .basic_step .step1 li{width: 24%;} .basic_step strong.h20 {min-height: 42px; line-height:42px;} .basic_step strong.h30 {min-height: 65px;} } @media all and (min-width:1400px) { /*sub1*/ /*greeting*/ .greeting .im {padding-top: 33px;} .greeting .con_w{width: 68%;padding: 20px 0 0 49px;} .greeting .greeting_con{padding: 0 20px 0 0;line-height: 30px;} .greeting .title{font-size:25px;} /*약력*/ .his_box{padding:40px 60px } .his_box ul:after{content:"";display:block;position:absolute;top:40px;bottom:40px;left:29%;width:1px;background:#dadae7} /*연혁*/ .history{padding: 0px 194px 0 0;background: url("/images/council/sub/sub2/his_bg.png")right 22px no-repeat !important;} .history h4{display:block;margin: 0 0 42px 16px;} .history h5{left: 52px;font-size: 28px;} .history div{position:relative;padding: 7px 0 0 270px;background: url("/images/council/sub/sub2/history_bg.gif") 40px 0px no-repeat;} .history ul{padding: 15px 0 10px 4px;margin-left: 27px;width: 380px;} .history .w_wide{width:550px;} .his_box .name{font-size: 33px;} } /*조직도*/ .con_org01_warp{overflow:hidden;margin: 0 auto 30px auto;padding: 20px 0;position: relative;} .con_org01_warp h4{margin: 0 auto 17px auto;padding: 24px 0;font-weight:600;font-size: 24px;text-align:center;color:#ffffff;background: #5f1bb9 url(/images/council/sub/sub2/org_h4.png) top right no-repeat;} .con_org01_warp h4:after{content:"";display:block;width:1px;height: calc(100% - 60px);background: #a8a8a8;margin:0 auto;position:absolute;left:50%;z-index: -1;top: 30px;} .con_org01_warp h4 a{color:#fff;} .con_org01_warp h5{width:100%;box-sizing:border-box;margin: 0 auto 20px auto;border: 6px solid #4c429a;background:none;text-align:center;padding: 14px 0;font-weight:600;font-size: 21px;background: #fff;} .con_org01_warp h5 a{color: #4c429a;} .con_org01{margin:0 0 10px 0} .con_org01 li span{background: #35508e;display:block;width:100%;text-align:center;padding: 17px 0;/*height:20px;*/color:#fff;font-size: 17px;} .con_org01 > li > ul{border:1px solid #dadada;} .con_org01 .s_1{padding: 0;border: solid 2px #5395e7;position: relative;} .con_org01 .s_1 span{background: #5395e7;color: #fff;position: relative;} .con_org01 .s_1:hover span{background: #296ec3;color: #fff;} .con_org01 .s_1 .org_right li{font-size: 14px;padding: 10px;} .con_org01 .s_1 .org_right:after{display:block;content:'';clear:both;} .con_org01 li ul li{background:#fff;border-bottom: 1px solid #dcdcdc;text-align:center;font-size: 16px;padding: 18px 0;box-sizing: border-box;} .con_org01 li ul li:hover{text-decoration:underline; background:#d9fbff; color:#000;} .con_org01 li ul li strong{font-size:18px;} .con_org01 li ul li:last-child{border-bottom:none;} .con_org01 li ul li a{color:#555;padding:10px 0} @media all and (min-width:768px) { .con_org01_warp{position:relative;} .con_org01{width: 22%;float:left;margin: 0 .5%;} .con_org01_warp h4{width: 170px;border-radius: 50%;height: 170px;padding: 0;text-align: center;line-height: 170px;} .con_org01_warp h4:after{height: 263px;} .con_org01_warp .left_tit{position:relative;} .con_org01_warp .left_tit:before{content:"";display:block;width: 50%;height:1px;background: #a8a8a8;margin:0 auto;position:absolute;left: 50%;top: 34px;z-index: -1;} .con_org01_warp h5{width: 230px;padding: 15px 0;border-radius: 15px;margin: 0 0 20px auto;position: relative;} .con_org01_warp .right_tit{display:inline-block; width:100%; margin:20px 0;} .left_tit .con_org01_n{width: 25%;box-sizing:border-box;position: relative;margin-top: 40px;} .left_tit .con_org01_n:before{display:block;content:'';width: 1px;height: 41px;background: #a8a8a8;margin:0 auto;position:absolute;left:50%;top: -40px;} .left_tit .con_org01_n li{width: 100%;margin:0 auto;} .right_tit .con_org01_n{width:22.5%;} .center_al {width: 100%;display:inline-block; margin: 0 auto;} .center_al .con_org01 {margin-left:11px;} .con_org01 .s_1:before{display:block;content:'';width: 100%;height: 1px;background: #a8a8a8;margin:0 auto;position:absolute;right: -100px;top: 25px;z-index: -1;} .con_org01 .s_1 .org_right{position: absolute;right: -150px;top: -32px;border: solid 2px #5395e7;} .org_w {position:relative;} .org_w:before{content:"";display:block;width: 52%;height:1px;background: #a8a8a8;margin:0 auto;position:absolute;left: 13%;top: 0;} .org_w:after{display:block;content:'';clear:both;} } @media all and (min-width:1400px) { .con_org01 .s_1 .org_right{width: 180px;right: -232px;} } /*sub2절차도*/ .basic_step li strong{border-radius: 10px 10px 0 0; background: #35508e;} .basic_step .last strong{border-radius:10px 10px;} .basic_step li span{border-radius: 0 0 10px 10px; text-align:left; padding:15px 5px;} .basic_step li span em{display:inline-block; background: url("/images/council/sub/li03.gif") no-repeat 0 9px; padding-left:8px } .wrap_step {overflow: auto;border: solid 1px #dedede;} .step {width: 697px;box-sizing: border-box;margin: 0 auto;padding: 20px 0 0 0;background: url("/images/council/sub/sub2/step_bg.png") no-repeat left 0px;} .step ul{margin: 0px 0 0px 118px;} .step_total1{padding: 20px 0;position: relative;box-sizing: border-box;} .step_total1 h6{display:inline-block;float: left;font-size: 17px;background: #13959c;padding: 28px 10px;margin: 0;vertical-align: top;width: 100px;text-align: center;color: #fff; border-radius:5px;} .step_total1>ul {width: 81%;padding-bottom:16px; margin-left: 14%;} .step_total1 ul li{text-align:center; display:inline-block; vertical-align:middle; width:100%;} .step_total1 ul li.step01{width: 35%;padding: 0px 0 36px 0;background: url("/images/council/sub/basic_step1.gif") no-repeat bottom;} .step_total1 ul li.step02{width: 61%;line-height: 1.4rem;text-align:left;vertical-align: top;background: #dbe5fd;border: 1px dotted #c8c8da;} .step_total1 ul li.step03{width:44%; } .step_total1 ul li.step02 em{font-style:normal; display:block; background: url("/images/council/sub/li03.gif") no-repeat 0 9px; padding-left:8px} .step_total1 ul li.step01 span{width: 76%;padding: 20px 10px;margin:0 auto;background: #35508e;color:#fff;border-radius: 5px;position: relative;} .step_total1 ul li.step02 span{padding: 10px 15px;} .step_total1 ul li.step03 span{ display:block; padding:10px 0 ; width:80%;background:#083371; color:#fff; margin:0 auto;} .step_total1 ul li span{display:block; } @media all and (min-width:768px) { .basic_step li span{min-height: 109px;} .step_total1{ width: 100%; border: solid 1px #e4e4e4; } .step{border:none;background: url("/images/council/sub/sub2/step_bg.png") no-repeat left 14px;} .step_total1 ul li.step01{width: 40%;} .step_total1 ul li.step02{width: 58%;} .step_total1 ul li.step02 span{padding:15px} } @media all and (min-width:1400px) { .basic_step .h60{min-height: 68px;} .basic_step .h80{min-height: 176px;} .step {width: 920px !important;border:none;background: url("/images/council/sub/sub2/step_bg.png") no-repeat left -9px;} .step_total1 ul li.step01{width: 40%;} .step_total1 ul li.step02{width: 58%; position:relative;} .step_total1 ul li.step02:before{content:"";display:block;width: 32px;height:1px;background: #d4d5d6;margin:0 auto;position:absolute;top:25px;left: -33px;} .step ul{margin: 2px 0 0px 118px;} } /*의안처리절차도*/ .step_total1{width: 697px;box-sizing: border-box;margin: 0 auto;padding: 30px 0 5px 0;border: none;} .step1 ul,.step3 ul{margin: 0 auto;} .step1>ul, .step3>ul{width: 90%;padding-bottom: 11px;} .step3>ul{background: url("/images/council/sub/sub2/cen_bg.png") no-repeat -84px 12px;padding-bottom: 51px;} .step1 ul li, .step3 ul li{text-align:center; display:inline-block; vertical-align:middle; width:100%;} .step1 ul li.step01{width: 35%;padding: 0px 0 34px 0;background: url("/images/council/sub/basic_step1.gif") no-repeat bottom;} .step1 ul li.step02{width: 58%;line-height: 1.4rem;text-align:left;vertical-align: top;background: #dbe5fd;border: 1px dotted #c8c8da;} .step1 ul li.step01 span{width: 76%;padding: 20px 10px;margin:0 auto;background: #35508e;color:#fff;border-radius: 5px;font-weight: bold;font-size: 16px;} .step1 ul li.step02 span{padding: 15px;} .step1 li.step02,.step3 li.step02{position:relative;} .step1 ul li.step02 em,.step3 ul li.step02 em,.step3 ul li.step03 em{font-style:normal; display:block; background: url("/images/council/sub/li03.gif") no-repeat 0 9px; padding-left:8px} .step1 ul li.step02:before{content:"";display:block;width: 20px;height:1px;background: #d4d5d6;margin:0 auto;position:absolute;top:25px;left: -21px;} .step3 .step01 span{font-weight: bold;font-size: 16px;} .step3 .left ul,.step3 .right ul{background: url("/images/council/sub/basic_step1.gif") no-repeat bottom;padding: 0 0 30px 0;} .step3 .left .step01{width: 80%;padding: 0px 0 23px 0;background: none;} .step3 .left .step02{width: 95%;line-height: 1.4rem;text-align:left;vertical-align: top;background: #dbe5fd;border: 1px dotted #c8c8da;} .step3 .left .step03{width:44%; } .step3 .right .step01{width: 80%;padding: 0px 0 22px 0;background: none; } .step3 .right .step02{width: 100%;line-height: 1.4rem;text-align:left;vertical-align: top;background: #e0f1f2;border: 1px dotted #c8c8da;} .step3 .right .step03{width: 80%;padding: 0px 0 23px 0;} .step3 .center .step01{width: 35%;padding: 0px 0 22px 0;} .step3 .center .step02{width: 61%;line-height: 1.4rem;text-align:left;vertical-align: top;background: #dbe5fd;border: 1px dotted #c8c8da;} .step3 .center .step03{width:44%; } .step3 .left .step01 span{width: 76%;padding: 20px 10px;margin:0 auto;background: #35508e;color:#fff;border-radius: 5px;} .step3 .left .step02 span{padding: 12px;} .step3 .right .step02 span{padding: 12px;} .step3 .right .step03 span{width: 76%;padding: 20px 10px;margin:0 auto;background: #009688;color:#fff;border-radius: 5px;font-size: 16px;font-weight: bold;} .step3 .center .step02 span{padding: 15px;} .step3 .center .step03 span{width: 69%;padding: 20px 10px;margin:0 auto;background: #009688;color:#fff;border-radius:5px;margin-left: 23px;font-size: 16px;font-weight: bold;} .step3 .left{width: 45.5%;display: inline-block;text-align: center;} .step3 .left ul{margin:0 auto;background: url("/images/council/sub/basic_step1.gif") no-repeat bottom;padding: 0 0 30px 0;} .step3 .right{display: inline-block;width: 47.5%;text-align: center;} .step3 .center{text-align: center;background: url(/images/council/sub/sub2/bott_bg.png) no-repeat top;padding: 22px 0 42px 0;} .step3 ul li span,.step3 ul li span{display:block; } .step3 li.tex {position: absolute;top: 1410px;left: 83px;width: 120px !important;background: url(/images/council/sub/basic_step1.gif) no-repeat bottom;padding: 0 0 28px 0;} .step3 li.tex span{padding: 5px 10px;background: #ec7914;color: #fff;border-radius: 5px;} .step3 .left .step02:before,.step3 .right .step02:before{content:"";display:block;width: 1px;height:1.5rem;background: #d4d5d6;margin:0 auto;position:absolute;top: -24px;left:50%;} @media all and (min-width:768px) { .step_total1{border: none;} .step{border:none;} .step1 ul li.step01{width: 40%;} .step1 li.step02,.step3 li.step02{width: 58%; position:relative;} .step1 ul li.step02:before{content:"";display:block;width: 25px;height:1px;background: #d4d5d6;margin:0 auto;position:absolute;top:25px;left: -25px;} .step3 li.tex {position: absolute;top: 1390px;left: 101px;} .step3>ul{background: url("/images/council/sub/sub2/cen_bg.png") no-repeat -62px 0px;padding-bottom: 51px;} } @media all and (min-width:1400px) { .step_total1 {width: 920px !important;} .step1 ul li.step01,.step3 ul li.step01{width: 40%;} .step1 ul li.step02,.step3 ul li.step02,.step3 ul li.step03{width: 58%; position:relative;} .step1 ul li.step02:before{content:"";display:block;width: 34px;height:1px;background: #d4d5d6;margin:0 auto;position:absolute;top:25px;left: -35px;} .step3 li.tex {position: absolute;top: 1367px;left: 148px;} .step3>ul{background: url("/images/council/sub/sub2/cen_bg.png") no-repeat 7px 0px;padding-bottom: 51px;} } /*방청준수사항*/ .participation {width: 100%;margin: 25px 0;box-sizing:border-box;} .participation li:first-child {background:none;padding-left: 0;} .participation li {float:left; width:100%; text-align:center; margin-top:10px;} .participation li span {display:block;} .participation .col4 .step01 span {border-top: 2px solid #3585a4;} .participation .col4 .step02 span {border-top: 2px solid #3c5a9a;} .participation .col4 .step03 span {border-top: 2px solid #294072;} .participation .col4 .step04 span {border-top: 2px solid #332972;} .participation .step01 .tit {border-top: 2px solid #3585a4;} .participation .step02 .tit {border-top: 2px solid #3c5a9a;} .participation .step03 .tit {border-top: 2px solid #294072;} .participation .step04 .tit {border-top: 2px solid #332972;} .participation:after {display:block;content:'';clear:both;} .participation .img {height: 119px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} .participation .icon01 {background:url('/images/council/sub/sub2/i_1.png') no-repeat center;} .participation .icon02 {background:url('/images/council/sub/sub2/i_2.png') no-repeat center;} .participation .icon03 {background:url('/images/council/sub/sub2/i_3.png') no-repeat center;} .participation .icon04 {background:url('/images/council/sub/sub2/i_4.png') no-repeat center;} .participation .icon05 {background:url('/images/council/sub/sub2/i_5.png') no-repeat center;} .participation .icon06 {background:url('/images/council/sub/sub2/i_6.png') no-repeat center;} .participation .icon07 {background:url('/images/council/sub/sub2/i_7.png') no-repeat center;} .participation .icon08 {background:url('/images/council/sub/sub2/i_8.png') no-repeat center;} .participation .icon09 {background:url('/images/council/sub/sub2/i_9.png') no-repeat center;} .participation .icon10 {background:url('/images/council/sub/sub2/i_10.png') no-repeat center;} .participation .icon11 {background:url('/images/council/sub/sub2/i_11.png') no-repeat center;} .participation .icon12 {background:url('/images/council/sub/sub2/i_12.png') no-repeat center;} .participation .icon13 {background:url('/images/council/sub/sub2/i_13.png') no-repeat center;} .participation .icon14 {background:url('/images/council/sub/sub2/i_14.png') no-repeat center;} .participation .icon15 {background:url('/images/council/sub/sub2/i_15.png') no-repeat center;} .participation li .tit {display:block;font-size: 17px;font-weight:bold;background:#f7f7f7;padding:15px 0;margin:0;color: #2d2d2d;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} .participation li .txt {display:block;font-size: 15px;padding: 15px 9px;margin:0;color:#fff;line-height: 25px;} .participation li .txt em{font-style:normal;} .participation .col4 li .txt{padding:10px;} .participation .col3 li .txt {font-size:16px} .participation .step01 .txt {background: #3585a4;} .participation .step02 .txt {background: #3c5a9a;} .participation .step03 .txt {background: #444789;} .participation .step04 .txt {background: #3c3664;} @media all and (min-width:768px) { .participation {width: 100%;margin: 35px 0 45px 0;} participation .step01 .txt, .participation .step02 .txt, .participation .step03 .txt ,.participation li .txt{line-height: 25px;min-height: 56px;} .participation .col3 li{width: 33.33%;margin-top:0;} .participation .col4 li{width:50%;margin-top:0;} } @media all and (min-width:1023px) { .participation .col4 li{width:25%;} .participation li:first-child .img,.participation li:nth-child(2) .img,.participation li:first-child .tit,.participation li:nth-child(2) .tit,.participation .col4 li:nth-child(3) .img, .participation .col4 li:nth-child(5) .img,.participation .col4 li:nth-child(6) .img,.participation .col4 li:nth-child(7) .img{border-right:none;} } @media all and (min-width:1400px) { .participation li .txt em{font-style:normal;line-height: 51px;} } /*방청안내 절차*/ .basic_step1 li{background:url("/images/council/sub/basic_step1.gif") no-repeat center top !important;padding: 15px 0 1px 0px !important;margin: 18px 0 10px 0 !important;font-size: 15px;text-align:center;line-height:1.5em;} .basic_step1 li:first-child{background: none !important;padding-top:0 !important;} .basic_step1 .tit{background: none !important;} .basic_step1 li strong{display:block;background: #252b58;color:#fff;padding:16px 15px;margin-top: 10px;font-size: 16px;font-weight: 300;} .basic_step1 .tit strong{display:block;background: #f3b447;color:#000108;padding:16px 15px;margin-top: 10px;font-size: 16px;font-weight: 300;} .basic_step1 li strong em{font-style:normal; color:#ffc500} .basic_step1 li span{display:block;border: 1px dotted #c8c8da;padding:15px 7px;background: #eff3fb;color: #141833;margin:0;} .basic_step1 li span em{font-style:normal;font-size:14px} @media all and (min-width:1023px) { .basic_step1 ol{overflow:hidden} .basic_step1 li{float:left;background: url("/images/council/sub/basic_step2.gif") no-repeat 0 32px !important;padding: 0 0 0 23px !important;margin: 0 7px 20px 0 !important;box-sizing:border-box;} .basic_step1 li span{margin: 0 0 0 0px !important;font-size: 15px;min-height: 46px;} .basic_step1 li:first-child{padding-left:0 !important} .basic_step1 .col2 li{width:46%} .basic_step1 .col3 li{width: 32.6%;} .basic_step1 .col4 li{width: 24%;} .basic_step1 .col5 li{width:19.3%;} } @media all and (min-width:1400px) { .basic_step1 li{padding: 0 0 0 20px !important;} } /*역대의장*/ .former_chairmen>div{padding:10px 0;margin:10px 0;border-top:1px dotted #ddd} .former_chairmen>div:first-child{border:0;margin:0 0 10px;} .former_chairmen b{font-size:15px;padding:0 0 0 10px;margin:0 0 0 10px;vertical-align:bottom;border-left:1px solid} .former_chairmen ul:after{content:"";display:block;clear:both;} .former_chairmen li{width:calc(50% - 42px);float:left;border:1px solid #444789;margin:10px;padding:20px 10px;} .former_chairmen span{display:block;width:80px;margin:0 auto;border:1px solid #ededed;border-radius:10px;overflow:hidden;} .former_chairmen span img{max-width:100%;} .former_chairmen p{padding:20px 0 0;text-align:center;font-size: 18px;} .former_chairmen strong{display:block;padding:0 0 5px} .former_chairmen li.chairman{background:#444789;} .former_chairmen li.chairman span{border:0;} .former_chairmen li.chairman p{color:#fff;} @media all and (min-width:420px) and (max-width:600px) {.former_chairmen li{width:150px}} @media all and (min-width:768px) { /*역대의장*/ .former_chairmen>div:after{content:"";display:block;clear:both;} .former_chairmen>div>div{float:left;width:50%;} .former_chairmen li{width: 288px;} } @media all and (min-width:1400px) { /*역대의장*/ .former_chairmen .first li{width:calc(33.33% - 62px);padding:20px} .former_chairmen strong{padding: 0 43px 7px 0;border-bottom: dotted 1px #a6a9ef;} .former_chairmen .first p{padding:20px 0 0 40px} .former_chairmen li{width:calc(50% - 42px);} .former_chairmen li:after{content:"";display:block;clear:both;} .former_chairmen span{float:left; margin-left: 15px;} .former_chairmen p{float:left;text-align:left;padding:20px 0 0 20px;font-size: 17px;line-height: 29px;} } /*사이트맵*/ .sitemap{position:relative;overflow:hidden;border-bottom:solid 1px #9aa2ac;} .sitemap div{border-top:solid 2px #9aa2ac;padding-bottom: 21px;overflow:hidden;} .sitemap div p.tit{text-align:center;padding:30px 0;font-weight:600;font-size:20px;margin-bottom: 27px;background:#f7f7f7;background: #433c8b;} .sitemap div p.tit a{color: #fff;} .sitemap div p.tit a span{display:inline-block;width:40px;height:40px;margin-bottom:10px;border-radius:50px;} .sitemap div li{float:left;width:50%;line-height: 24px;font-size: 17px;margin: 5px 0;} .sitemap div li ul li{font-size:16px;} .sitemap div li b{display:inline-block;font-weight:600;background:url("/images/council/sub/li01.png") no-repeat 0 6px; padding:0 0 0 18px;} .sitemap div li b a{color: #27223d;} .sitemap div li ul{display:none;} @media all and (min-width:768px) { .sitemap div li{width:100%;padding: 6px 0; } .sitemap div li:last-child{padding-bottom:20px;} .sitemap div li ul{overflow:hidden;display:block;padding: 10px 0 5px 0;} .sitemap div li ul li{float:left;margin-right:40px;width:auto;} } @media all and (min-width:1023px) { .sitemap div{padding:0;} .sitemap div p.tit, .sitemap div ul{display:table-cell;} .sitemap div p.tit{width: 175px !important;border-bottom:none;background: #eae7ff;} .sitemap div p.tit a{color: #0c0c54;} .sitemap div ul{width: 500px;padding-left:30px;padding-top: 9px;} } /*개회사*/ @font-face { font-family: 'MapoFlowerIsland'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff'); font-weight: normal; font-style: normal; } .address{background:url('/upload_data/board_data/BBS_0000018/161586804252732.gif');word-break: keep-all;font-family: 'MapoFlowerIsland';font-size: 20px;font-weight: bold;color: #333;} .address div{padding: 20px;} .address p.tit{font-size: 46px;margin-bottom:20px;} @media all and (min-width:1023px){ .address div{padding: 60px 100px; background: url('/upload_data/board_data/BBS_0000018/161586857765981.gif') no-repeat right 10px bottom 10px;} } .link a{display:block; margin-bottom:10px; padding:20px 26px; border:2px #c2c8e2 solid; font-size:18px; font-weight:600; } .link a span{display:inline-block; padding-right:20px; background: url("/images/council/sub/btn_new.png") no-repeat center right;} .link a:hover, .link a:active{border-color:#0b0b55 ;color:#464646; } /*정보공개*/ .info_jb{width:100%;padding:20px 30px;border:1px solid #ddd;box-sizing:border-box;background:#fff;} .info_jb ul{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none;} .info_jb li{width:50%;margin-bottom:8px;font-size:14px;line-height:1.6;position:relative;} .info_jb li a{display:inline-block;padding-left:10px;color:#333;text-decoration:none;font-family:'Noto Sans KR',sans-serif;transition:color 0.2s ease;} .info_jb li a:hover{color:#7d72e7;}