@import url('./contents.css'); /** 탭 스타일 메뉴 **/ @media all and (min-width:641px){ .tab-nav-box{display:table;width:100%;margin-bottom:40px} .tab-nav-box > *{display:table-cell;position:relative;width:1%;text-align:center;vertical-align:middle;line-height:1.5;height:70px;border-bottom:2px solid green;font-size:20px;color:#888888;font-weight:500;border-top-left-radius:5px;border-top-right-radius:5px;padding:0 20px;box-sizing:border-box} .tab-nav-box > * + *:before{content:"";display:block;position:absolute;height:.6em;left:0;top:50%;margin-top:-.3em;width:1px;background:#cecece} .tab-nav-box > *.active{border:2px solid green;border-bottom:none;color:green} .tab-nav-box > *.active + *:before{display:none} } @media all and (max-width:1024px){ .tab-nav-box > *{font-size:18px} } @media all and (max-width:640px){ .tab-nav-box{display:block;border:2px solid green;border-radius:5px;padding:10px;overflow:hidden;margin-bottom:40px} .tab-nav-box > *{display:block;position:relative;width:50%;float:left;text-align:center;padding:10px;box-sizing:border-box;border-radius:5px} .tab-nav-box > *:nth-child(2n):before{content:"";display:block;position:absolute;left:0;top:.5em;bottom:.5em;width:1px;background:#cecece} .tab-nav-box > *.active{color:#fff;background:green} .tab-nav-box > *.active + *:before{display:none} } @media all and (max-width:470px){ .tab-nav-box > *{font-size:16px} } /*진행중제안*/ ul.step_pp{font-size:0} ul.step_pp li{position:relative;display:inline-block;vertical-align:top} ul.step_pp li a{height:86px;border-radius:10px;font-size:29px;vertical-align:top;font-family:'GmarketSans';display:inline-block;background:#fafafa;border:1px solid #e3e3e3;z-index:1;color:#333} ul.step_pp li span.font_blue{color:#06a3ea} ul.step_pp li a.on span.font_blue{color:#fff} ul.step_pp li span.font_blue:hover{color:#fff} ul.step_pp li a span.font_under::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:50%;background:#d7e7fe;z-index:-1} ul.step_pp li a.on span.font_under::before{background:none} ul.step_pp li span.font_under{display:inline-block;position:relative;padding:0 10px;color:#222;z-index:1} ul.step_pp li a.on span.font_under{color:#fff} ul.step_pp li span.tit_pp{font-weight:normal;font-size:24px} ul.step_pp li strong{font-weight:600} ul.step_pp li.step_pp01{display:inline-block;z-index:1;color:#333;margin-right:25px;text-align:center;font-size:25px;font-weight:600} ul.step_pp li.step_pp01 a{width:167px;line-height:86px;border-radius:10px} ul.step_pp li.step_pp01 a:hover{color:#fff;background:#06a3ea} ul.step_pp li.step_pp01 a:hover span{color:#fff} ul.step_pp li.step_pp02{margin-right:15px} ul.step_pp li.step_pp02 a{display:inline-block;width:324px;text-align:center;background:#fafafa url(/minju/common/img/contents/icon_pp01.png) 30px 16px no-repeat;padding-left:90px;line-height:82px;height:84px;border-radius:10px} ul.step_pp li.step_pp02 a:hover{color:#fff;background:#06a3ea url(/minju/common/img/contents/icon_pp01.png) 30px 16px no-repeat} ul.step_pp li.step_pp03{margin-right:15px} ul.step_pp li.step_pp03 a::before{content:"";display:block;position:absolute;left:-28px;top:24px;width:38px;height:38px;background:url(/minju/common/img/contents/icon_pp_next_arrow.png);z-index:10} ul.step_pp li.step_pp03 a{display:inline-block;width:324px;text-align:center;background:#fafafa url(/minju/common/img/contents/icon_pp02.png) 30px 18px no-repeat;padding-left:90px;line-height:82px;height:84px;border-radius:10px} ul.step_pp li.step_pp03 a:hover{color:#fff;background:#06a3ea url(/minju/common/img/contents/icon_pp02.png) 30px 16px no-repeat} ul.step_pp li.step_pp04{} ul.step_pp li.step_pp04 a{display:inline-block;width:324px;text-align:center;background:#fafafa url(/minju/common/img/contents/icon_pp03.png) 30px 16px no-repeat;padding-left:90px;line-height:82px;height:84px;border-radius:10px} ul.step_pp li.step_pp04 a::before{content:"";display:block;position:absolute;left:-28px;top:24px;width:38px;height:38px;background:url(/minju/common/img/contents/icon_pp_next_arrow.png);z-indx:10} ul.step_pp li.step_pp04 a:hover{color:#fff;background:#06a3ea url(/minju/common/img/contents/icon_pp03.png) 30px 16px no-repeat} ul.step_pp li.step_pp01 a.on{color:#fff;background:#06a3ea } ul.step_pp li.step_pp02 a.on{color:#fff;background:#06a3ea url(/minju/common/img/contents/icon_pp01.png) 17px 16px no-repeat} ul.step_pp li.step_pp03 a.on{color:#fff;background:#06a3ea url(/minju/common/img/contents/icon_pp02.png) 17px 16px no-repeat} ul.step_pp li.step_pp04 a.on{color:#fff;background:#06a3ea url(/minju/common/img/contents/icon_pp03.png) 17px 16px no-repeat} @media (max-width:1200px){ ul.step_pp li{width:calc(28.25% - 15px)} ul.step_pp li.step_pp01{width:calc(16.4% - 25px)} ul.step_pp li.step_pp01 a, ul.step_pp li.step_pp02 a, ul.step_pp li.step_pp03 a, ul.step_pp li.step_pp04 a{width:100%} ul.step_pp li.step_pp04{width:27%} } @media (max-width:990px){ ul.step_pp{margin-top:20px} } @media (max-width:950px){ ul.step_pp li a{height:70px;font-size:24px} ul.step_pp li.step_pp01 a{line-height:70px} ul.step_pp li.step_pp02 a, ul.step_pp li.step_pp03 a, ul.step_pp li.step_pp04 a{line-height:72px;height:70px;padding-left:0;background-image:none} ul.step_pp li.step_pp03 a::before, ul.step_pp li.step_pp04 a::before{top:17px} ul.step_pp li.step_pp01 a:hover, ul.step_pp li.step_pp02 a:hover, ul.step_pp li.step_pp03 a:hover, ul.step_pp li.step_pp04 a:hover, ul.step_pp li.step_pp02 a.on, ul.step_pp li.step_pp03 a.on, ul.step_pp li.step_pp04 a.on{background-image:none} } @media (max-width:660px){ ul.step_pp li.step_pp01{width:calc(16.5% - 10px);margin-right:10px} ul.step_pp li a, ul.step_pp li span.tit_pp{font-size:20px} } @media (max-width:560px){ ul.step_pp li a, ul.step_pp li span.tit_pp{font-size:16px} } @media (max-width:480px){ ul.step_pp li span.tit_pp{display:inline-block;width:50px;line-height:21px;padding-top:15px} } /*상세검색*/ .srch_box_wrap{background:#fafafa;border:1px solid #e3e3e3;padding:37px 44px;border-radius:10px} .srch_box_wrap dl{margin-bottom:10px} .srch_box_wrap dt{width:90px;display:inline-block;color:#000;line-height:44px} .srch_box_wrap dd{display:inline-block;color:#000} .srch_box_wrap dd ul{font-size:0} .srch_box_wrap dd ul li{display:inline-block;font-size:0;margin-right:5px;margin-bottom:5px} .srch_box_wrap dd ul li a{font-size:1.2rem;display:inline-block;padding:0;color:#000;height:45px;line-height:44px;border:1px solid #d5d5d5;background:#fff;border-radius:5px;width:83px;text-align:center} .srch_box_wrap dd ul li a.on{background:#057aff;color:#fff;font-weight:600} .srch_box_wrap dd ul li a.off{background:#ddd;color:#000;font-weight:400} .srch_box_wrap dd ul.cate li a{font-size:1.2rem;padding:0 10px} .srch_box_wrap dd .date_pick{display:inline-block;font-size:15px} .srch_box_wrap dd .date_pick input{border:1px solid #d5d5d5;height:43px;line-height:43px;padding:0 5px;vertical-align:top} .srch_box_wrap dd .date_pick span{line-height:43px} .srch_box_wrap dd ul.date_term{display:inline-block;vertical-align:top} .srch_box_wrap dl.srch_srch_box{display:inline-block} .srch_box_wrap dl.srch_srch_box select{width:140px;height:44px;border:1px solid #d5d5d5;border-radius:5px;padding:0 10px} .srch_box_wrap dl.srch_srch_box input.input_box{border:1px solid #d5d5d5;background:#fff;width:calc(100% - 250px);height:46px;display:inline-block} .srch_box_wrap dl.sg_srch{display:inline-block} .srch_box_wrap dl.sg_srch dt{width:auto;display:inline-block;color:#34495e;font-size:13px;font-weight:600;margin:0 9px} .srch_box_wrap dl.sg_srch dd{} .srch_box_wrap dl.sg_srch dd ul.rc_srch{} .srch_box_wrap dl.sg_srch dd ul.rc_srch li{margin-right:0} .srch_box_wrap dl.sg_srch dd ul.rc_srch li a{position:relative;color:#34495e;font-size:13px;background:none;border:0;border-radius:0;padding:0 8px} .srch_box_wrap dl.sg_srch dd ul.rc_srch li a::before{content:"";display:block;position:absolute;border-left:1px solid #a8a8a8;width:1px;left:0;top:16px;height:15px} .srch_box_wrap dl.sg_srch dd ul.rc_srch li a:hover{text-decoration:underline} .btn_more_srch{text-align:center} .btn_more_srch input.showBtn{width:213px;height:41px;color:#fff;font-weight:600;background:#34495e;border-bottom-left-radius:10px;border-bottom-right-radius:10px} .btn_more_srch_wrap{text-align:center;border-top:2px dotted #34495e;padding-top:20px;margin-top:20px} .btn_more_srch_wrap a{display:inline-block;background:#fff;width:150px;height:40px;line-height:38px;border:1px solid #143162;color:#143162!important;font-weight:600} .btn_more_srch_wrap a.btn_more_srch01{background:#fff url(/minju/common/img/common/icon_more_srch.png) 30px 11px no-repeat;padding-left:13px;background-size:17px} .btn_more_srch_wrap a.btn_more_srch02{display:inline-block;background:#fff;width:130px;height:44px;line-height:42px;border:1px solid #143162;color:#143162 !important;font-weight:600;border-radius:5px;vertical-align:bottom} #searchWord{width:400px} .srch_box_wrap .srch_srch_box dd input#searchWord{} select#targetAge{width:120px;height:40px;border-radius:5px;border:1px solid #ebebeb;padding-left:10px} @media (max-width:800px){ .srch_box_wrap dd ul li a{letter-spacing:-1px} } @media (max-width:768px){ .srch_box_wrap{padding:15px} .srch_box_wrap dd ul li a{padding:0 8px;height:40px;line-height:38px} .srch_box_wrap dd ul.cate li a{padding:0 8px} .srch_box_wrap dd .date_pick{margin-bottom:5px} .srch_box_wrap .srch_srch_box dd input#searchWord{width:100%;min-width:400px} } @media (max-width:450px){ .srch_box_wrap .srch_srch_box dd input#searchWord{width:100%;min-width:280px} } @media (max-width:420px){ .srch_box_wrap dl.srch_srch_box select, .srch_box_wrap dl.srch_srch_box input.input_box, .btn_sm_srch{width:100%!important} .srch_box_wrap dl.srch_srch_box input.input_box{margin:5px 0} .srch_box_wrap dd{display:block} .srch_box_wrap dl.sg_srch dd{display:inline-block} .srch_box_wrap dd .date_pick input{width:140px} .btn_more_srch_wrap a.btn_more_srch02{width:100%;margin-bottom:5px} } /*게시판상단*/ .board_top_list{overflow:hidden} .board_top_list .board_count{float:left;color:#000;font-size:17px} .board_top_list .board_count span.board_count_point{color:#eb4d55;font-size:19px;font-weight:600} .board_top_list .board_sort{float:right} .board_top_list .board_sort input.btn_board_sort{box-shadow:none;border:0;background:#fff;color:#7d7d7d;font-size:15px;padding-right:10px;border-right:1px solid #d5d5d5;font-weight:600} .board_top_list .board_sort input.btn_board_sort:nth-child(4){border-right:0} .board_top_list .board_sort input:hover{text-decoration:underline} .board_top_list .board_sort select{width:104px;height:36px;border:1px solid #d5d5d5} @media (max-width:500px){ .board_top_list .board_count{font-size:13px;line-height:25px} .board_top_list .board_count span.board_count_point{font-size:16px} .board_top_list .board_sort input.btn_board_sort{font-size:13px;padding-right:2px} .board_top_list .board_sort select{width:70px;height:29px;font-size:13px;background-position:calc(100% - 2px) center;letter-spacing:-1px} } /*정책반영*/ .reflection_board_wrap{} .reflection_board_wrap ul{} .reflection_board_wrap ul li{padding:60px 0;border-bottom:1px dotted #000} .reflection_board_wrap ul li a{} .reflection_board_wrap ul li a .refl_cont01{display:inline-block;width:674px} .reflection_board_wrap ul li a .refl_cont01 .refl_tit01{margin:0 auto;width:118px;line-height:33px;border-radius:10px;height:33px;font-family:'GmarketSans';background:#1b2259;color:#fff;text-align:center;font-size:16px;font-weight:600} .reflection_board_wrap ul li a .refl_cont01 .refl_tit02{font-weight:600;padding-top:19px;text-align:center;font-family:'GmarketSans';color:#1b2259;font-size:25px} .reflection_board_wrap ul li a .refl_cont01 .refl_step{margin-top:45px;padding-top:86px;background:url(/minju/common/img/contents/img_reflection_step.png) center 0 no-repeat} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl{display:inline-block;text-align:center;line-height:18px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dt{font-size:14px;font-weight:600;color:#000} .reflection_board_wrap ul li a .refl_cont01 .refl_step dd{font-size:14px;font-weight:200;color:#000} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step01{margin-left:59px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step02{margin-left:156px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step03{margin-left:33px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step04{margin-left:166px} .reflection_board_wrap ul li a .refl_cont02{display:inline-block;width:448px;height:254px;margin-left:70px;vertical-align:top;border:2px solid #c6e5ff;border-radius:15px;text-align:center} .reflection_board_wrap ul li a .refl_cont02 .refl_tit03{font-family:'GmarketSans';/*background:#c6e5ff;*/width:118px;height:34px;line-height:34px;text-align:center;margin:0 auto;font-size:16px;font-weight:600;color:#1b2259;border-bottom-left-radius:10px;border-bottom-right-radius:10px} .reflection_board_wrap ul li a .refl_cont02 .refl_tit04{font-family:'GmarketSans';margin-top:60px;color:#fff;font-weigt:200;font-size:20px;text-align:center} .reflection_board_wrap ul li a .refl_cont02 .refl_tit05{font-family:'GmarketSans';margin-top:18px;color:#fff;font-weight:600;font-size:25px;text-align:center} @media (max-width:1196px){ .reflection_board_wrap ul li a .refl_cont01{width:100%;text-align:center} .reflection_board_wrap ul li a .refl_cont01 .refl_step{width:600px;margin:15px auto} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step01{margin-left:10px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step02{margin-left:163px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step04{margin-left:166px} .reflection_board_wrap ul li a .refl_cont02{display:block;margin:15px auto} } @media (max-width:600px){ .reflection_board_wrap ul li a .refl_cont01 .refl_step{width:460px;background-size:400px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step01{margin-left:10px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step02{margin-left:103px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step04{margin-left:101px} } @media (max-width:460px){ .reflection_board_wrap ul li a .refl_cont01 .refl_tit02{font-size:20px} .reflection_board_wrap ul li a .refl_cont01 .refl_step{width:400px;background-size:350px;padding-top:62px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step01{margin-left:4px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step02{margin-left:80px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step04{margin-left:74px} .reflection_board_wrap ul li a .refl_cont02{width:100%} } @media (max-width:400px){ .reflection_board_wrap ul li a .refl_cont01 .refl_step{width:320px;background-size:240px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dt{font-size:12px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dd{font-size:12px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step01{margin-left:10px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step02{margin-left:42px} .reflection_board_wrap ul li a .refl_cont01 .refl_step dl.refl_step04{margin-left:49px} } .sub_notice01{font-size:0;background:url(/minju/common/img/contents/bg_diagonal.gif) repeat;border:1px solid #e3e3e3;/*! height:104px;*/ position:relative;margin-top:24px;border-radius:10px} .sub_notice01::before{background:url(/minju/common/img/contents/icon_notice01.png) 0 0 no-repeat;position:absolute;top:-49px;left:16px;content:"";display:block;z-index:100;width:138px;height:110px;background-size:100px auto} .sub_notice01 .sub_notice01_text{font-family:'GmarketSans';color:#333;font-size:20px;font-weight:400;line-height:69px;/*! padding-left:0;*//*! padding-right:0;*/width:100%;display:block;text-align:center;height:59px} .sub_notice01 .sub_notice01_btn a{font-size:20px;background:#ffcc33;width:49%;height:48px;line-height:50px;color:#000;font-family:'GmarketSans';display:inline-block;text-align:center;border-radius:10px;font-weight:600;border:2px solid #000;box-sizing:border-box;margin:0 0.5%} .sub_notice01 .sub_notice02_btn a{font-size:20px;background:#ebebeb;width:49%;height:48px;line-height:50px;color:#000;font-family:'GmarketSans';display:inline-block;text-align:center;border-radius:10px;font-weight:600;border:2px solid #000;margin:0 0.5% 5px 0.5%} @media (max-width:950px){ .sub_notice01 .sub_notice01_text{width:calc(100% - 130px);height:auto;text-align:left;padding:19px 40px 10px;margin-left:130px;line-height:30px} .sub_notice01::before{top:-25px} } @media (max-width:620px){ .sub_notice01 .sub_notice01_text{padding:19px 10px 10px 0} } @media (max-width:545px){ .sub_notice01 .sub_notice01_text{width:calc(100% - 100px);height:auto;text-align:left;margin-left:100px;padding:11px 5px 10px;line-height:22px;font-size:16px} .sub_notice01::before{background-size:78px auto} } @media (max-width:460px){ .sub_notice01 .sub_notice02_btn a, .sub_notice01 .sub_notice01_btn a{font-size:16px} } /*페이지*/ .button{display:inline;font-weight:600;min-width:200px;margin:0 8px;line-height:50px;border:none} .btn_sm_srch{width:100px;height:44px;line-height:44px;color:#fff;background:#057aff;border-radius:5px;font-weight:600} .pagination{margin:30px 0;font-size:0px;text-align:center;line-height:normal;clear:both} .pagination a{display:inline-block;position:relative;width:42px;line-height:40px;height:40px;margin-left:-1px;background:#FFF;color:#767676;font-size:16px;text-decoration:none;text-align:center;vertical-align:middle;word-spacing:0px;letter-spacing:0px} .pagination a:focus, .pagination a:hover{background:#eee;color:#767676} .pagination a.active{z-index:3;border:1px solid #36404b;background:#36404b;color:#fff} .pagination a.arrow{text-indent:-999em;background:url(/minju/common/img/common/board_paging.png) no-repeat;border:1px solid #dbdbdb;overflow:hidden} .pagination a.arrow:focus, .pagination a.arrow:hover{background:url(/minju/common/img/common/board_paging.png)#eee no-repeat} .pagination a.arrow.start{background-position:0 0} .pagination a.arrow.prev{background-position:0 -40px;margin-right:20px} .pagination a.arrow.next{background-position:0 -40px;transform:rotate(180deg);margin-left:20px} .pagination a.arrow.end{background-position:0 0;transform:rotate(180deg)} .pagination.mobileOn{display:none} .pagination.mobileOn .pageNum{display:inline-block;vertical-align:middle;text-align:center;width:100px;font-size:21px} .pagination.mobileOn .pageNum strong{font-size:25px;color:#d44232} @media (max-width:990px){ /* eduRequest */ .pagination.mobileOn{display:block} .pagination.pcOn{display:none} } @media (max-width:432px){ .pagination.mobileOn .pageNum{width:82px;font-size:17px} } /*순서*/ .petitionsView_grapyLine{width:100%;height:3px;border-bottom:2px solid #ccc;margin:0 auto} .p_first{left:0%} .p_second{left:20%} .p_third{left:40%} .p_fourth{left:60%} .p_fifth{left:80%} .petitionsView_write{text-align:left;font-size:16px} .petitionsView_writeHead{text-align:left;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #d1d1d1} .petitionsView_writeHead h4{font-size:22px;color:#333} .View_write{margin-bottom:200px;line-height:30px} .petitionsView_grapy{padding:31px 0;position:relative;margin-bottom:100px} .petitionsView_grapy_area{} .petitionsView_grapyName{text-align:center;position:absolute;top:18px;width:20%} .petitionsView_grapyName .dot{width:27px;height:27px;background-color:#ccc;border-radius:54px;margin:0 auto;position:relative;color:#fff;line-height:27px} .p_first .dot .point_box_back{right:-13px} .p_fourth .dot .point_box_back{right:-13px} .petitionsView_grapyName .dot.petitions_point_ing{width:9px;height:9px;background-color:#034496} .petitionsView_grapyName h4{font-weight:300;color:#000;font-size:15px;margin-top:13px;line-height:18px} .petitionsView_grapyName p{ color:#000;font-size:14px;font-weight:200;line-height:18px} .petitionsView_write{text-align:left;font-size:16px} .petitionsView_writeHead{text-align:left;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #d1d1d1} .petitionsView_writeHead h4{font-size:22px;color:#333} .View_write{margin-bottom:200px;line-height:30px} .petitionsView_grapy{padding:31px 0;position:relative;margin-bottom:100px} .petitionsView_grapy_area{} .petitionsView_grapyName{text-align:center;position:absolute;top:18px;width:20%} .petitionsView_grapyName .dot{width:27px;height:27px;background-color:#ccc;border-radius:54px;margin:0 auto;position:relative;color:#fff;line-height:27px} .p_first .dot .point_box_back{right:-13px} .p_fourth .dot .point_box_back{right:-13px} .petitionsView_grapyName .dot.petitions_point_ing{width:9px;height:9px;background-color:#034496} .container .petitionsView_grapyName h4{font-weight:300!important;color:#000;font-size:15px;margin-top:13px;line-height:18px;padding-left:0;margin-left:0;background:none;padding-bottom:0} .petitionsView_grapyName p{ color:#000;font-size:14px;font-weight:200;line-height:18px} .petitionsView_grapy02{padding:31px 0;position:relative;margin-bottom:100px} .petitionsView_grapy02 .p_first{left:0%} .petitionsView_grapy02 .p_second{left:40%} .petitionsView_grapy02 .p_third{left:80%} .petitionsView_grapy03{padding:31px 0;position:relative;margin-bottom:100px} .petitionsView_grapy03 .p_first{left:0%} .petitionsView_grapy03 .p_second{left:25%} .petitionsView_grapy03 .p_third{left:50%} .petitionsView_grapy03 .p_fourth{left:75%} .info{} .info a{} .info a img{} .explain{position:relative} .explain p.explain01{background:url(/minju/common/img/contents/icon_triangle.png) center top no-repeat;height:14px;width:100%} .explain p.explain02{position:relative;z-index:10;margin-top:-1px;padding:7px;background:#efefef;border-radius:10px;color:#2e3031;font-size:11px;text-align:center;word-break:keep-all;font-weight:300} .close_ex{} .close_ex a{color:#fff !important;font-size:11px;background:#999;width:43px;display:block;margin:0 auto;/*! height:16px;*/line-height:21px} /*시민제안 view*/ .suggest_view{} .suggest_view .suggest_view_tit_wrap{border-top:2px solid #000;border-bottom:1px solid #d5d5d5;padding:20px 0} .suggest_view .suggest_view_tit_wrap p.suggest_view_cate{border-radius:10px;text-align:center;width:120px;height:33px;line-height:33px;color:#fff;font-weight:600;display:inline-block;background:#109ce8} .suggest_view .suggest_view_tit_wrap .suggest_view_tit{font-size:21px;font-weight:500;padding-left:15px;display:inline-block;color:#000} .suggest_view .suggest_view_tit_wrap .suggest_view_profile{float:right} .suggest_view .suggest_view_unit{padding:19px 0} .suggest_view .suggest_view_unit .sv_dday{display:inline-block;color:#00ae99;font-size:19px;font-family:'yg-jalnan' ;padding-right:10px;border-right:1px solid #d5d5d5} .suggest_view .suggest_view_unit .sv_date2{padding-left:10px;display:inline-block;color:#00ae99;font-size:15px;font-weight:300} .suggest_view .suggest_view_unit .sv_count{display:inline-block;position:absolute;right:0} .suggest_view .suggest_view_unit .sv_count ul{} .suggest_view .suggest_view_unit .sv_count ul li{display:inline-block;border-right:1px solid #d5d5d5;padding:0 10px 0 35px;font-size:13px;line-height:19px;height:20px} .suggest_view .suggest_view_unit .sv_count ul li.sv_like{background:url(/minju/common/img/common/icon_sm_like.png) 5px 0 no-repeat;color:#2d6cd5} .suggest_view .suggest_view_unit .sv_count ul li.sv_dislike{background:url(/minju/common/img/common/icon_sm_dislike.png) 5px 0 no-repeat;color:#ff5d5d} .suggest_view .suggest_view_unit .sv_count ul li.sv_comment{background:url(/minju/common/img/common/icon_sm_comment.png) 5px 0 no-repeat} .suggest_view .suggest_view_unit .sv_count ul li.sv_view{background:url(/minju/common/img/common/icon_sm_view.png) 0 4px no-repeat;border-right:0} .suggest_view .suggest_view_grape_wrap{background:#fafafa url(/minju/common/img/contents/bg_sv01.png) 0 0 no-repeat;text-algn:center} .suggest_view .suggest_view_grape_wrap .suggest_view_grape_text01{padding-top:52px;color:#005caa;font-size:23px;font-weight:normal;font-family:'GmarketSans';text-align:center} .suggest_view .suggest_view_grape_wrap .suggest_view_grape_text01 span.sv_point01::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:50%;background:#d7e7fe;z-index:-1} .suggest_view .suggest_view_grape_wrap .suggest_view_grape_text01 span.sv_point01{color:#000;font-weight:600;position:relative;z-index:1} .suggest_view .suggest_view_grape_wrap::after{background:#fafafa url(/minju/common/img/contents/bg_sv02.png) 0 0 no-repeat} .top-percent{border-bottom:1px solid #dfdfdf} .percent-box{padding:50px 28px 10px} .percent-box .pertxt{position:relative} .percent-box .txt{display:inline-block;border:1px solid #cdcdcd;border-radius:5px;color:#252525;font-size:13px;padding:4px 10px;background:#fff;position:absolute;top:-29px} .percent-box .agree{margin-bottom:14px} .percent-box .txt.num1{left:25%;margin-left:-22px} .top-percent.next .percent-box .txt.num1{left:19.5%} .percent-box .txt.num1:before, .percent-box .txt.num2:before{content:"";display:block;position:absolute;background:url("/minju/common/img/contents/percent-txt-con.png") no-repeat;width:14px;height:9px;left:50%;margin-left:-7px;bottom:-8px} .percent-box .txt.num2{right:-24px} .percentbar{height:25px;background:#f7f8f9;box-shadow:0 2px 2px -1px rgba(0,0,0,.2) inset;border-radius:3px;overflow:hidden;position:relative;margin-bottom:3px} .percentbar:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;text-align:right;color:#252525;font-size:13px;background:#ebeef1;padding:4px 5px;box-sizing:border-box;box-shadow:0 2px 2px -1px rgba(0,0,0,.2) inset} .top-percent.next .percentbar:before{width:20%} .percentbar:after{content:"";display:block;position:absolute;top:0;left:25%;width:1px;height:32px;text-align:right;border-right:1px solid #ccc;margin-left:-1px} .top-percent.next .percentbar:after{left:20%} .percentbar .percent{height:25px;background:url("/minju/common/img/contents/ptrn-per.png") repeat-x;border-radius:3px;position:relative} .bar-txt{color:#000;font-weight:normal;line-height:25px} .bar-txt .num{font-weight:bold;margin-left:8px;color:#109ce8} .percent-box02{max-width:500px;width:100%;margin:10px auto;height:100px} .percent-box02 .percentbar02{width:100%;border:1px solid #ebebeb;margin:0 auto;height:30px;border-radius:5px;font-size:0} /*width:500px;border:1px solid #ebebeb;margin:0 auto;height:30px;border-radius:tpx*/ .percent-box02 .percentbar02 .bar_agree{display:inline-block;background:#2d6cd5;height:28px;border-radius:5px 0 0 5px} .percent-box02 .percentbar02 .bar_disagree{display:inline-block;background:#ff6565;height:28px;border-radius:0px 5px 5px 0} .percent-box02 .bar_text_wrap{margin-top:5px} .percent-box02 .bar_text_wrap .bar_agree_text{float:left;color:#2d6cd5} .percent-box02 .bar_text_wrap .bar_disagree_text{float:right;color:#ff6565} @media all and (min-width:1024px){ .percent-box{padding:37px 280px 30px} .percent-box .pertxt{width:82%;float:right} .percentbar{width:82%;float:right} .bar-txt{width:18%;float:left;text-align:right;font-size:16px;padding-right:7px} .percent-box .agree:after, .percent-box .opposite:after{content:"";display:block;clear:both} .bar-txt .num{margin-left:15px} } @media all and (max-width:768px){ .suggest_view .suggest_view_tit_wrap{padding:10px 0 20px 0} .suggest_view .suggest_view_unit{text-align:center} .suggest_view .suggest_view_unit .sv_count{display:block;position:relative;padding:10px 0} .suggest_view .suggest_view_tit_wrap .suggest_view_profile{float:none;text-align:center;padding-top:10px} .suggest_view .suggest_view_tit_wrap .suggest_view_tit{padding-left:0;padding-top:10px;text-align:center;display:block} .suggest_view .suggest_view_tit_wrap p.suggest_view_cate{display:block;margin:0 auto} } .suggest_view{margin-bottom:40px} .suggest_view .suggest_view_tab{margin-top:40px} .suggest_view .suggest_view_tab ul{font-size:0} .suggest_view .suggest_view_tab ul li{display:inline-block} .suggest_view .suggest_view_tab ul li a{display:inline-block;text-align:center;font-size:16px;width:112px;height:47px;line-height:47px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #929292;border-bottom:2px solid #0079ba;color:#000} .suggest_view .suggest_view_tab ul li a.on{color:#1372b1;border-top:2px solid #0079ba;border-bottom:0;border-right:2px solid #0079ba;border-left:2px solid #0079ba;font-weight:600} .suggest_view .suggest_view_tab hr{border:1px solid #0079ba;margin-left:448px;margin-top:-2px} .suggest_view .suggest_view_tab2{margin-top:40px} .suggest_view .suggest_view_tab2 ul{font-size:0} .suggest_view .suggest_view_tab2 ul li{display:inline-block} .suggest_view .suggest_view_tab2 ul li a{display:inline-block;text-align:center;font-size:16px;width:112px;height:47px;line-height:47px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #929292;border-bottom:2px solid #0079ba;color:#000} .suggest_view .suggest_view_tab2 ul li a.on{color:#1372b1;border-top:2px solid #0079ba;border-bottom:0;border-right:2px solid #0079ba;border-left:2px solid #0079ba;font-weight:600} .suggest_view .suggest_view_tab2 hr{border:1px solid #0079ba;margin-left:222px;margin-top:-2px} .suggest_view .suggest_view_tab3{margin-top:40px} .suggest_view .suggest_view_tab3 ul{font-size:0} .suggest_view .suggest_view_tab3 ul li{display:inline-block} .suggest_view .suggest_view_tab3 ul li a{display:inline-block;text-align:center;font-size:16px;width:133px;height:47px;line-height:47px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #929292;border-bottom:2px solid #0079ba;color:#000} .suggest_view .suggest_view_tab3 ul li a.on{color:#1372b1;border-top:2px solid #0079ba;border-bottom:0;border-right:2px solid #0079ba;border-left:2px solid #0079ba;font-weight:600} .suggest_view .suggest_view_tab3 hr{border:1px solid #0079ba;margin-left:399px;margin-top:-2px} .suggest_view .sv_tabcont{margin-top:20px} .suggest_view #sv_tabcont01{} .suggest_view #sv_tabcont02{} .suggest_view #sv_tabcont03{} .suggest_view #sv_tabcont04{} .suggest_view .sv_tabcont .sv_view_cont01{padding:30px 32px;color:#000;font-size:17px;line-height:180%} .suggest_view .sv_tabcont .sv_view_cont01 dl{} .suggest_view .sv_tabcont .sv_view_cont01 dt{display:block;position:relative;padding-left:15px;font-weight:500;color:#111;font-size:18px} .suggest_view .sv_tabcont .sv_view_cont01 dt::before{content:"";display:block;position:absolute;left:0;top:12px;width:8px;height:8px;background:#0079ba;border-radius:50%} .suggest_view .sv_tabcont .sv_view_cont01 dd{margin-bottom:10px;padding:0 0 10px 14px} @media all and (max-width:768px){ .suggest_view .sv_tabcont p img{width:100%} } .suggest_view .sv_tabcont .sv_view_cont_bottom{border-bottom:1px solid #bababa} .suggest_view .sv_tabcont .sv_view_cont_bottom dl{border-top:1px solid #bababa;background:#fafafa;padding:9px 0} .suggest_view .sv_tabcont .sv_view_cont_bottom dt{display:inline-block;padding-left:66px;width:155px;font-size:15px;color:#000;line-height:30px} .suggest_view .sv_tabcont .sv_view_cont_bottom dt.file{background:url("/minju/common/img/common/icon_clip.png") 22px 0 no-repeat;vertical-align:top } .suggest_view .sv_tabcont .sv_view_cont_bottom dt.keyword{background:url("/minju/common/img/common/icon_keyword.png") 22px 0 no-repeat} .suggest_view .sv_tabcont .sv_view_cont_bottom dt.prev_post{background:url("/minju/common/img/common/icon_prev.png") 22px 0 no-repeat} .suggest_view .sv_tabcont .sv_view_cont_bottom dt.next_post{background:url("/minju/common/img/common/icon_next.png") 22px 0 no-repeat} .suggest_view .sv_tabcont .sv_view_cont_bottom dd{border-left:1px solid #d5d5d5;display:inline-block;padding-left:32px;color:#666;font-size:15px;width:calc(100% - 164px)} .suggest_view .sv_tabcont .sv_view_cont_bottom dd ul{} .suggest_view .sv_tabcont .sv_view_cont_bottom dd li{} .suggest_view .sv_tabcont .sv_view_cont_bottom dd li a{line-height:28px} .suggest_view .sv_tabcont .sv_view_cont_bottom dd li a.attachment{background:url("/minju/common/img/common/icon_file.png") 0 3px no-repeat;padding-left:20px} .suggest_view .sv_tabcont .sv_view_cont_bottom dd p.list_title{display:inline-block} .suggest_view .sv_tabcont .sv_view_cont_bottom dd p.list_date{float:right;padding-right:30px} .suggest_view .sv_tabcont .sv_view_cont_bottom2{border-bottom:1px solid #d5d5d5} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dl{border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#fafafa;padding:9px 0} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dt{display:inline-block;padding-left:66px;width:155px;font-size:15px;color:#000;line-height:30px} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dt.file{background:url("/minju/common/img/common/icon_clip.png") 22px 0 no-repeat;vertical-align:top } .suggest_view .sv_tabcont .sv_view_cont_bottom2 dt.keyword{background:url("/minju/common/img/common/icon_keyword.png") 22px 0 no-repeat} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dt.prev_post{background:url("/minju/common/img/common/icon_prev.png") 22px 0 no-repeat} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dt.next_post{background:url("/minju/common/img/common/icon_next.png") 22px 0 no-repeat} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dd{border-left:1px solid #d5d5d5;display:inline-block;padding-left:32px;color:#666;font-size:15px;width:calc(100% - 164px)} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dd ul{} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dd li{} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dd li a{line-height:28px} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dd li a.attachment{background:url("/minju/common/img/common/icon_file.png") 0 3px no-repeat;padding-left:20px} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dd p.list_title{display:inline-block} .suggest_view .sv_tabcont .sv_view_cont_bottom2 dd p.list_date{float:right;padding-right:30px} .timeBox label.complete{text-decoration:line-through;color:#aaa} @media all and (max-width:1024px){ .suggest_view .sub_notice02{height:auto;padding-bottom:20px} .suggest_view .sub_notice02::before{top:-8px} .suggest_view .sub_notice02 .sub_notice02_btn{display:block;margin:-18px 0 0 280px} } @media all and (max-width:768px){ .suggest_view .sub_notice02::before{top:27px;width:122px;height:100px;background-size:120px} .suggest_view .sub_notice02 .sub_notice02_text{padding-left:168px;line-height:30px;margin-top:30px;margin-bottom:30px} .suggest_view .sub_notice02 .sub_notice02_btn{margin:-18px 0 0 168px} } @media all and (max-width:500px){ .sub_notice02::before{display:none} .sub_notice02 .sub_notice02_text{padding-left:20px} .sub_notice02 .sub_notice02_btn{margin:0!important} .sv_tabcont .suggest_view .examine_tit_wrap .examine_date{position:relative;right:auto;top:auto;line-height:34px} .sub_notice02 .sub_notice02_btn a{width:90%!important;margin-left:5%!important} } .updown-btn-wrap{text-align:center;margin-top:30px} .updown-btn{display:inline-block} .updown-btn:after{content:"";display:block;clear:both} .updown-btn .btnbox{display:inline-block;float:left} .updown-btn .btnbox.up{float:left;margin-right:10px} .updown-btn .btn{display:inline-block;width:85px;height:91px;border-radius:10px;padding-top:43px;color:#666;font-size:12px;margin-bottom:10px} .updown-btn .btn.up{border:2px solid #2d6cd5;background:#fff url("/minju/common/img/common/icon_like_btn.png") no-repeat center 15px} /*.updown-btn .btn.up span{color:#2d6cd5;font-size:15px;font-weight:600}*/ .updown-btn .btn strong{font-size:15px;font-weight:600} .updown-btn .btn.down{border:2px solid #ff6565;background:#fff url("/minju/common/img/common/icon_dislike_btn.png") no-repeat center 15px} .updown-btn .btn.up:hover, .updown-btn .btn.up:focus, .updown-btn .btn.up:active{background:#2d6cd5 url("/minju/common/img/common/icon_like_btn.png") no-repeat center 15px;color:#fff!important} .updown-btn .btn.down:hover, .updown-btn .btn.down:focus, .updown-btn .btn.down:active{border:2px solid #f6334a;background:#ff6565 url("/minju/common/img/common/icon_dislike_btn.png") no-repeat center 15px;color:#fff!important} .updown-btn .on .btn.up{background:#50bdfc url("/minju/common/img/common/icon_like_btn.png") no-repeat center 15px;color:#fff} .updown-btn .on .btn.down{border:2px solid #f6334a;background:#ff5987 url("/minju/common/img/common/icon_dislike_btn.png") no-repeat center 15px;color:#fff!important} .updown-btn .on .btn span{color:#fff} .updown-btn .btnbox .txt{font-size:18px;font-weight:bold;color:#109ce8} .updown-btn .btnbox.down .txt{color:#ff0081} .sv_tabcont .examine_wrap{} .sv_tabcont .examine_wrap .examine_tit_wrap{padding:18px 32px;border:1px solid #d5d5d5;position:relative} .sv_tabcont .examine_wrap .examine_tit_wrap .examine_tit{font-size:25px;font-weight:500;color:#000;display:inline-block;line-height:38px} .sv_tabcont .examine_wrap .examine_tit_wrap .examine_tit p.examine_state{vertical-align:top;display:inline-block;margin-left:30px;width:119px;height:38px;border-radius:30px;color:#fff;font-weight:600;font-size:17px} .sv_tabcont .examine_wrap .examine_tit_wrap .examine_tit p.examine_state11{background:#044ca0 url("/minju/common/img/common/icon_state01.png") 24px 7px no-repeat;padding-left:54px;line-height:36px} .sv_tabcont .examine_wrap .examine_tit_wrap .examine_tit p.examine_state12{background:#03a6cf url("/minju/common/img/common/icon_state02.png") 13px 7px no-repeat;padding-left:39px;line-height:36px} .sv_tabcont .examine_wrap .examine_tit_wrap .examine_tit p.examine_state13{background:#ff4949 url("/minju/common/img/common/icon_state03.png") 19px 7px no-repeat;padding-left:48px;line-height:36px} .sv_tabcont .examine_wrap .examine_tit_wrap .examine_tit p.examine_state21{background:#006b58 url("/minju/common/img/common/icon_state01.png") 24px 7px no-repeat;padding-left:54px;line-height:36px} .sv_tabcont .examine_wrap .examine_tit_wrap .examine_tit p.examine_state22{background:#ff5d5d url("/minju/common/img/common/icon_state03.png") 19px 7px no-repeat;padding-left:48px;line-height:36px} .sv_tabcont .examine_wrap .examine_tit_wrap .examine_date{position:absolute;right:32px;top:0;line-height:73px;color:#666;font-weight:200} .sv_tabcont .examine_wrap .examine_cont_wrap{color:#000;padding:28px 32px;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;line-height:30px} .sv_tabcont .examine_wrap .examine_cont_wrap_blue{background:#eff9ff} .sv_tabcont .examine_wrap .examine_cont_wrap_green{background:#f5fcfa} .sub_notice02{position:relative;background:url(/minju/common/img/contents/bg_diagonal.gif) repeat;border:1px solid #e3e3e3;height:90px;position:relative;margin-top:110px;border-radius:10px;z-index:1} .sub_notice02::before{background:url(/minju/common/img/contents/icon_notice02.png) 0 0 no-repeat;position:absolute;top:-60px;left:16px;content:"";display:block;z-index:100;width:203px;height:149px} .sub_notice02 .current_participant{position:absolute;right:10px;top:-41px;background:#34495e;width:213px;height:41px;border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #e3e3e3} .sub_notice02 .current_participant dl{background:url(/minju/common/img/common/icon_participants.png) 14px 12px no-repeat;padding-left:37px} .sub_notice02 .current_participant dt{color:#fff;display:inline-block;line-height:33px} .sub_notice02 .current_participant dd{color:#97eefe;font-weight:600;display:inline-block;line-height:38px;margin-left:8px} .sub_notice02 .sub_notice02_text{position:relative;display:inline-block;z-index:1;font-family:'GmarketSans';color:#333;font-size:20px;font-weight:600;line-height:90px;padding-left:278px;padding-right:25px} /*.sub_notice02 .sub_notice02_text span.font_under:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:50%;background:#d7e7fe;z-index:-1}*/ .sub_notice02 .sub_notice02_btn{display:inline-block} .sub_notice02 .sub_notice02_btn a{font-size:20px;background:#ffcc33;width:260px;height:48px;color:#000;font-family:'GmarketSans';display:inline-block;line-height:48px;text-align:center;border-radius:10px;font-weight:600} .opinion_tit_wrap{padding:18px 32px;border:1px solid #d5d5d5;position:relative} .opinion_tit_wrap .opinion_tit{font-size:25px;font-weight:500;color:#000;display:inline-block;line-height:38px} .opinion_tit_wrap .opinion_date{position:absolute;right:32px;top:0;line-height:73px;color:#666;font-weight:200} .opinion_cont_write{padding:30px 38px;background:#fafafa;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5} .opinion_cont_write .opinion_text01{line-height:30px;font-size:17px;color:#000;font-weight:500} .opinion_cont_write .opinion_text01 span.blue_font{} .opinion_cont_write .opinion_text01 a.opinion_btn{font-weight:300;margin-left:15px;padding:5px 10px ;color:#fff;font-size:14px;background:#0058bd;text-align:center;border-radius:5px} .opinion_cont_write .opinion_text02{line-height:30px;font-size:17px;color:#000;font-weight:200} .opinion_cont_write .opinion_write_content_wrap{margin-top:15px;height:85px} .opinion_cont_write .opinion_write_content{width:80%;float:left;background:none;border:none;paddin:0;margin-top:0} .opinion_cont_write .opinion_write_content label{} .opinion_cont_write .opinion_write_content textarea{height:84px;width:100%;padding:10px;box-sizing:border-box;border-radius:0;-webkit-box-shadow:0;box-shadow:0;-moz-box-shadow:o} .opinion_cont_write .opinion_write_submit{width:20%;float:right} .opinion_cont_write .opinion_write_submit input.btn{width:100%;height:85px;background:#057aff;color:#fff;font-weight:600;font-size:17px} .opinion_list_wrap{clear:both;height:38px;border-bottom:1px solid #d5d5d5 } .opinion_list_wrap .opinion_list_text{float:left;color:#000;font-size:17px} .opinion_list_wrap .opinion_list_text span{} .opinion_list_wrap .opinion_list_btn{float:right} .opinion_list_wrap .opinion_list_btn ul{} .opinion_list_wrap .opinion_list_btn ul li{} .opinion_list_wrap .opinion_list_btn ul li a{} .opinion_list_wrap .opinion_list{clear:both} .opinion_list_wrap .opinion_list ul{} .opinion_list ul li{padding:30px 0;border-bottom:1px solid #ebebeb;clear:both} .opinion_list ul li .opinion_line_01{} .opinion_list ul li .opinion_line_01 .suggest_view_profile{display:inline-block} .opinion_list ul li .opinion_line_01 .sv_img{display:inline-block} .opinion_list ul li .opinion_line_01 .sv_name{display:inline-block;padding-right:10px;border-right:1px solid #ebebeb} .opinion_list ul li .opinion_line_01 .sv_date{display:inline-block} .opinion_list ul li .opinion_line_01 .suggest_view_profile .sv_img img.sv_profile{width:35px;height:35px} .opinion_list ul li .opinion_line_02{padding:17px 0 17px 34px;color:#000} .opinion_list ul li .opinion_line_03{padding-left:34px;height:40px} .opinion_list ul li .opinion_line_03 .opinion_03_left{display:inline-block} .opinion_list ul li .opinion_line_03 .opinion_03_left a{color:#666;font-size:13px} .opinion_list ul li .opinion_line_03 .opinion_03_right{float:right} .opinion_list ul li .opinion_line_03 .opinion_03_right ul{} .opinion_list ul li .opinion_line_03 .opinion_03_right ul li{display:inline-block;border-bottom:0} .opinion_list ul li .opinion_line_03 .opinion_03_right ul li a{border-radius:5px;font-size:13px;border:1px solid #ebebeb;padding:5px 10px} .opinion_list ul li .opinion_line_03 .opinion_03_right ul li a span.red_font{} .opinion_list ul li .opinion_line_01 .opinion_01_right{float:right} .opinion_list ul li .opinion_line_01 .opinion_01_right ul{} .opinion_list ul li .opinion_line_01 .opinion_01_right ul li{display:inline-block;border-bottom:0} .opinion_list ul li .opinion_line_01 .opinion_01_right ul li a{border-radius:5px;font-size:13px;border:1px solid #ebebeb;padding:5px 10px} .opinion_list ul li .opinion_line_01 .opinion_01_right ul li a span.red_font{} .opinion_list ul li .opinion_write_content_wrap{clear:both;margin-left:32px;font-size:0} .opinion_list ul li .opinion_write_content_wrap .opinion_write_content{width:80%;display:inline-block;background:none;border:none;paddin:0;margin-top:0} .opinion_list ul li .opinion_write_content_wrap .opinion_write_content label{} .opinion_list ul li .opinion_write_content_wrap .opinion_write_content textarea{border:1px solid #d5d5d5;height:80px;width:100%;padding:10px;box-sizing:border-box;border-radius:0;-webkit-box-shadow:0;box-shadow:0;-moz-box-shadow:o} .opinion_list ul li .opinion_write_content_wrap .suggest_write_submit{width:20%;display:inline-block;font-size:0;vertical-align:top} .opinion_list ul li .opinion_write_content_wrap .suggest_write_submit input{text-align:center;display:inline-block;box-sizing:0;box-shadow:none;border:1px solid #d5d5d5;width:50%;height:80px;background:#fafafa;color:#000;font-weight:600;font-size:14px;margin:1px 0 0 0 ;padding:0} .opinion_list ul li .opinion_write_content_wrap .suggest_write_submit input.reply_btn02{background:#999;color:#fff} .opinion_list ul li .opinion_write_content_wrap .suggest_write_submit input.reply_btn03{width:100%;border:1px solid #d5d5d5} .opinion_list ul li.comment{padding-left:34px} .opinion_list ul li.comment .opinion_line_01{} .opinion_list ul li.comment .sv_comment_like{font-size:13px;border-radius:5px;border:1px solid #ebebeb;padding:5px 10px;vertical-align:top;line-height:27px;margin-left:10px} .opinion_list ul li.comment .opinion_line_02{} .opinion_list_wrap .board_sort input.btn_board_sort:nth-child(2){border-right:0} .execution_wrap{} .execution_wrap .execution_tit_wrap{padding:18px 32px;border:1px solid #d5d5d5;position:relative} .execution_wrap .execution_tit_wrap .execution_tit{font-size:25px;font-weight:500;color:#000;display:inline-block;line-height:38px} .execution_wrap .execution_tit_wrap .execution_date{position:absolute;right:32px;top:0;line-height:73px;color:#666;font-weight:666;font-weight:200} .execution_cont01{padding:50px 32px ;color:#000;line-height:30px;font-size:17px} .unregistered{background:#fafafa url(/minju/common/img/common/icon_bulb.png) center 28px no-repeat;border:1px solid #bababa;padding:130px 0 30px} .unregistered p{color:#222;font-size:16px;font-weight:200;text-align:center;line-height:23px;letter-spacing:-0.5px} .suggest_view_profile .sv_img{display:inline-block;width:25px;height:25px} .suggest_view_profile .sv_img img.sv_profile{width:30px;height:30px} .suggest_view_profile .sv_name{margin-left:5px;display:inline-block;font-size:15px;color:#333;vertical-align:top;line-height:25px} .suggest_view_profile .sv_date{margin-left:15px;display:inline-block;font-size:15px;color:#a9a7a7;vertical-align:top;line-height:25px} .suggest_view_profile .sv_comment_like{} .privacy_wrap{height:150px;overflow-y:scroll;border:1px solid #d5d5d5;padding:20px;line-height:30px;margin-bottom:20px} .check_wrap{line-height:40px} td.add_file input[type="button"]{height:26px} .first-br-none li:first-child a{border-radius:0 0 0 0!important} td.td_textarea_wrap textarea{width:calc(100% - 20px);min-height:300px;padding:10px} .answer_board_wrap ul{} .answer_board_wrap ul li{padding-top:10px} .answer_board_wrap ul li a{display:block;border:1px solid #e3e3e3} .answer_board_wrap .question{position:relative;font-size:0} .answer_board_wrap .question .img_wrap{width:419px;display:inline-block;height:221px;position:relative;background-size:cover} .answer_board_wrap .question .cont{width:calc(100% - 419px);display:inline-block;position:relative;font-family:'NotoSansKR',Malgun Gothic,sans-serif;vertical-align:top} .answer_board_wrap .question .img_wrap p{font-size:17px;position:absolute;right:17px;top:17px;padding:0 23px;font-weight:400;line-height:40px;border-radius:22px;background:#fff} .answer_board_wrap .question .img_wrap p.debate_state01{color:#0095c0;border:2px solid #0095c0} .answer_board_wrap .question .img_wrap p.debate_state02{color:#434343;border:2px solid #000} .answer_board_wrap .question .cont dl{padding:27px 40px 0 40px} .answer_board_wrap .question .cont dl dt{margin-bottom:16px;color:#000;font-size:20px;font-weight:500;height:32px;overflow:hidden;line-height:39px;white-space:nowrap;text-overflow:ellipsis} .answer_board_wrap .question .cont dl dd{color:#5e5e5e;font-size:17px;font-weight:500} .answer_board_wrap .question .cont dl dd span{color:#335595} .answer_board_wrap .question .cont dl dd.dd_cont{height:77px;overflow-y:hidden;line-height:25px;font-weight:400;font-size:16px;letter-spacing:-0.5px;margin-bottom:22px} .answer_board_wrap .question .cont dl dd.date{color:#666;font-weight:200;width:50%;display:inline-block;font-size:16px} .answer_board_wrap .question .cont dl dd.sv_count{display:inline-block;width:50%;text-align:right} .answer_board_wrap .question .cont dl dd.sv_count ul{} .answer_board_wrap .question .cont dl dd.sv_count ul li{display:inline-block;border-right:1px solid #d5d5d5;padding:0 10px 0 35px;font-size:13px;line-height:19px;height:20px} .answer_board_wrap .question .cont dl dd.sv_count ul li.sv_like{background:url(/minju/common/img/common/icon_sm_like.png) 5px 0 no-repeat;color:#2d6cd5} .answer_board_wrap .question .cont dl dd.sv_count ul li.sv_dislike{background:url(/minju/common/img/common/icon_sm_dislike.png) 5px 0 no-repeat;color:#ff5d5d} .answer_board_wrap .question .cont dl dd.sv_count ul li.sv_comment{background:url(/minju/common/img/common/icon_sm_comment.png) 5px 0 no-repeat} .answer_board_wrap .question .cont dl dd.sv_count ul li.sv_view{background:url(/minju/common/img/common/icon_sm_view.png) 0 4px no-repeat;border-right:0} .answer_board_wrap .question .cont a{display:inline-block;color:#21468b;padding:0 33px 0 39px;border:1px solid #21468b;border-radius:20px;font-size:16px;font-weight:200;line-height:39px} .answer_board_wrap .more{position:absolute;top:0;right:0} @media all and (max-width:1000px){ .answer_board_wrap .question .img_wrap{width:219px;background-position:center top !important} .answer_board_wrap .question .cont{width:calc(100% - 219px)} .answer_board_wrap .question .cont dl{padding:27px 24px 0 24px} } @media all and (max-width:767px){ .answer_board_wrap .question .cont dl dd.dd_cont{margin-bottom:10px} .answer_board_wrap .question .cont dl dd.date{width:100%;display:block;margin-bottom:13px} .answer_board_wrap .question .cont dl dd.sv_count{display:block;width:100%;text-align:left} .answer_board_wrap .question .img_wrap p{right:59px;padding:0;width:100px;text-align:center} } @media all and (max-width:530px){ .answer_board_wrap .question .img_wrap{width:110px} .answer_board_wrap .question .img_wrap p{right:5px} .answer_board_wrap .question .cont{width:calc(100% - 110px)} } @media all and (max-width:420px){ .answer_board_wrap .question .img_wrap{width:85px;height:173px;background-size:330px !important} .answer_board_wrap .question .img_wrap p{right:2px;width:80px} .answer_board_wrap .question .cont{width:calc(100% - 85px)} .answer_board_wrap .question .cont dl{padding:8px 15px 0 15px} .answer_board_wrap .question .cont dl dt{margin-bottom:3px;font-size:18px;line-height:34px} .answer_board_wrap .question .cont dl dd.dd_cont{height:52px} .answer_board_wrap .question .cont dl dd.sv_count ul li{padding:0 8px 0 33px} .board_btn_wrap .btn{width:30%!important} } p.now_data{background:#2f4d67;border-radius:10px;width:260px;text-align:center;margin:10px auto 0;padding:13px 0;font-size:19px;letter-spacing:-1px;font-weight:600;line-height:14px} p.now_data span.text_white{color:#fff} p.now_data span.text_yellow{color:yellow} /*로그인*/ .login_wrap{font-size:0} .login_wrap .login01{margin-right:2%} .login_wrap .login02{} .login_wrap .login_qna{background:#fafafa;border:1px solid #d9d9d9;border-radius:10px;padding:30px;margin-bottom:24px} .login_wrap .login_qna h3{font-size:18px;color:#000;font-weight:600;margin-bottom:15px} .login_wrap .login_qna dl{font-size:15px;width:49%;display:inline-block;background:#fff;border:1px solid #d9d9d9;vertical-align:top;margin:6px 0.5%;padding:20px;border-radius:10px;height:140px} .login_wrap .login_qna dt{margin-bottom:7px;color:#000;border-bottom:1px dotted #000;padding-bottom:10px;font-size:17px} .login_wrap .login_qna dt span.qna_q{width:20px;height:20px;border-radius:50%;background:#333;color:#fff;display:inline-block;text-align:center;margin-right:6px} .login_wrap .login_qna dd span.qna_a{width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #333;color:#333;display:inline-block;text-align:center;margin-right:6px} .login_wrap .login_qna dd{margin-bottom:10px;color:#666;padding-bottom:10px;padding-top:0px;line-height:25px;font-size:16px} .login_wrap dl.login_qna_dl{width:99%;margin:6px 0.5%} .login_wrap .login_qna_dl dt span.yellow_bg{background:url(/minju/common/img/contents/yellow_txt_bg.gif) repeat-x left 0px;color:navy;font-weight:600} .login_wrap .login_qna_dl dd span.yellow_bg{background:url(/minju/common/img/contents/yellow_txt_bg.gif) repeat-x left 0px;color:#000;font-weight:600} .login_wrap .login_qna_dl a.gd{padding:6px 16px 5px 41px;margin-left:10px;color:#00fffc;background-color:#3e5b8d;background-image:url(/minju/common/img/contents/icon_guide02.png);background-position:17px 11px;background-repeat:no-repeat;border-radius:22px;background-size:17px} .login_wrap .login_inner{display:inline-block;width:49%;text-align:center;background:#fafafa;vertical-align:top;border:1px solid #d9d9d9;border-radius:10px;padding:67px 37px 54px 37px;height:550px} .login_wrap .login_inner p.login_tit{font-size:34px;font-weight:600;color:#333;margin-bottom:50px} .login_wrap .login_inner p.login_text{padding:30px 0;font-size:17px;color:#666;line-height:28px;height:120px} .login_wrap .login_inner a{display:block;font-size:18px;font-weight:400;border:1px solid #d9d9d9;padding:18px 0;background:#fff;margin-bottom:10px;line-height:36px} .login_wrap .login_inner a span{display:inline-block;vertical-align:top;margin-right:10px} .login_wrap .login_inner a span.login_pass{width:34px;height:43px;background:url(/minju/common/img/contents/icon_pass.png) 0px 3px no-repeat} .login_wrap .login_inner a span.login_ipin{width:34px;height:43px;background:url(/minju/common/img/contents/icon_ipin.png) 0px 3px no-repeat} .login_wrap .login_inner a span.login_naver{width:40px;height:40px;border-radius:50%;background:#00c73c url(/minju/common/img/common/sns_n.png) center no-repeat;background-size:30px auto} .login_wrap .login_inner a span.login_kakao{width:40px;height:40px;border-radius:50%;background:#ffdc00 url(/minju/common/img/common/sns_k.png) center no-repeat;background-size:30px auto} .login_wrap .login_inner a span.login_google{width:40px;height:40px;border-radius:50%;background:#db4437 url(/minju/common/img/common/sns_g.png) center no-repeat;background-size:30px auto} .login_wrap .login_inner a strong{font-weight:600} @media all and (max-width:990px){ .login_wrap{padding-top:10px} } @media all and (max-width:830px){ .login_wrap .login_qna{padding:10px} .login_wrap .login_qna dl{padding:15px} .login_wrap .login_qna dt{font-size:15px} .login_wrap .login_qna dd{font-size:14px} .login_wrap .login_inner{padding:37px 17px 24px 17px;height:415px} } @media all and (max-width:655px){ .login_wrap .login_qna dd{line-height:20px} } @media all and (max-width:560px){ .login_wrap .login_inner{width:100%;height:auto;margin-bottom:10px} .login_wrap .login_inner p.login_tit{margin-bottom:27px} .login_wrap .login_qna_dl a.gd{background-position:calc(50% - 50px) center;text-align:center;display:block;margin-top:10px} } @media all and (max-width:480px){ .login_wrap .login_qna dl{width:100%;margin:0 0 10px;height:160px} .login_wrap .login_qna dd{margin-bottom:0;padding-bottom:0} } /*마이페이지-소통활동현황*/ .mp_top_wrap{font-size:0;padding-top:12px} .mp_top_wrap .mp_top01{position:relative;padding:35px 46px;width:487px;height:140px;display:inline-block;background:#f5f3f3;border:1px solid #d9d9d9;border-radius:10px;vertical-align:top} .mp_top_wrap .mp_top01 .mp_top0101{display:inline-block;width:77px;height:76px;background:url(/minju/common/img/contents/icon_mp_profile.png) 0px 0px no-repeat} .mp_top_wrap .mp_top01 .mp_top0102{margin-left:38px;vertical-align:top;display:inline-block;line-height:68px} .mp_top_wrap .mp_top01 .mp_top0102 p.mp_top010201{font-size:19px;color:#000} .mp_top_wrap .mp_top01 .mp_top0102 p.mp_top010202{margin-top:17px;width:265px;height:36px;background:#fff url(/minju/common/img/contents/icon_mp_medal.png) 22px 0px no-repeat;border:1px solid #d9d9d9;border-radius:20px;color:#03504e;text-align:center;font-size:16px;line-height:34px} .mp_top_wrap .mp_top02::before{background:url(/minju/common/img/contents/bg_mp01.png) 0px 0px no-repeat;position:absolute;top:-12px;left:44px;content:"";display:block;z-index:100;width:164px;height:160px} .mp_top_wrap .mp_top02{z-index:1;position:relative;display:inline-block;background:#d0cff7;margin-left:20px;width:calc(100% - 507px);height:140px;border-radius:10px;vertical-align:top;padding:34px 0 0 238px} .mp_top_wrap .mp_top02 .mp_top0201{font-size:19px;color:#454b51;font-weight:600;line-height:24px} .mp_top_wrap .mp_top02 .mp_top0202{font-weight:400;font-size:19px;color:#000;line-height:30px} .mp_top_wrap .mp_top02 .mp_top0203{font-size:14px;color:#000;margin-top:9px;font-weight:300;letter-spacing:-0.5px} .mp_tab_wrap{margin-top:30px} .mp_tab_wrap ul{font-size:0} .mp_tab_wrap ul li{width:25%;display:inline-block} .mp_tab_wrap ul li a{width:100%;box-sizing:border-box;display:inline-block;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;/*border-bottom:1px solid #ebebeb;*/font-size:17px;padding:26px 30px} .mp_tab_wrap ul li a.mp_tab01{border-left:1px solid #ebebeb;border-top-left-radius:10px} .mp_tab_wrap ul li a.mp_tab02{} .mp_tab_wrap ul li a.mp_tab03{} .mp_tab_wrap ul li a.mp_tab04{border-top-right-radius:10px} .mp_tab_wrap ul li a.on{/*background:#005caa*/background:#134074} .mp_tab_wrap ul li a dl{} .mp_tab_wrap ul li a dl dt{display:inline-block;font-weight:300;color:#000;padding-left:30px;height:20px} .mp_tab_wrap ul li a.mp_tab01 dt{background:url(/minju/common/img/contents/icon_mp_tab01_n.png) 0px 0px no-repeat} .mp_tab_wrap ul li a.mp_tab02 dt{background:url(/minju/common/img/contents/icon_mp_tab02_n.png) 0px 0px no-repeat} .mp_tab_wrap ul li a.mp_tab03 dt{background:url(/minju/common/img/contents/icon_mp_tab03_n.png) 0px 0px no-repeat} .mp_tab_wrap ul li a.mp_tab04 dt{background:url(/minju/common/img/contents/icon_mp_tab04_n.png) 0px 0px no-repeat} .mp_tab_wrap ul li a dl dd{font-weight:600;color:#005caa;float:right} .mp_tab_wrap ul li a.on dl dt{color:#fff;font-weight:600} .mp_tab_wrap ul li a.mp_tab01.on dl dt{background:url(/minju/common/img/contents/icon_mp_tab01_o.png) 0px 0px no-repeat} .mp_tab_wrap ul li a.mp_tab02.on dl dt{background:url(/minju/common/img/contents/icon_mp_tab02_o.png) 0px 0px no-repeat} .mp_tab_wrap ul li a.mp_tab03.on dl dt{background:url(/minju/common/img/contents/icon_mp_tab03_o.png) 0px 0px no-repeat} .mp_tab_wrap ul li a.mp_tab04.on dl dt{background:url(/minju/common/img/contents/icon_mp_tab04_o.png) 0px 0px no-repeat} .mp_tab_wrap ul li a.on dl dd{color:#ffea5e} /*마이페이지-소셜로그인설정*/ .stitle01.inline-block{display:inline-block} span.s_login_text01{margin-left:10px;font-weight:200;color:#000;letter-spacing:-0.5px;font-size:16px} .s_login_wrap{background:#fafafa;border:1px solid #d5d5d5;margin-bottom:100px} .s_login_wrap .s_login_list{padding:30px} .s_login_wrap .s_login_list ul{position:relative;font-size:0} .s_login_wrap .s_login_list li{margin-right:2%;position:relative;display:inline-block;width:32%;background:#fff;border:1px solid #d5d5d5;text-align:center;padding:35px 0;font-size:16px;color:#333} .s_login_wrap .s_login_list li:last-child{margin-right:0} .s_login_wrap .s_login_list li.s_login_n .sns_logo{background:url('/minju/common/img/common/sns_n.png') no-repeat center #1dc800;background-size:18px auto;border-radius:50%;width:26px;height:26px;vertical-align:top;display:inline-block} .s_login_wrap .s_login_list li.s_login_k .sns_logo{background:url('/minju/common/img/common/sns_k.png') no-repeat center #ffeb00;background-size:18px auto;border-radius:50%;width:26px;height:26px;vertical-align:top;display:inline-block} .s_login_wrap .s_login_list li.s_login_g .sns_logo{background:url('/minju/common/img/common/sns_g.png') no-repeat center #cc3731;background-size:18px auto;border-radius:50%;width:26px;height:26px;vertical-align:top;display:inline-block} .s_login_wrap .s_login_list li.s_login_j .sns_logo{background:url('/minju/common/img/common/sns_j.png') no-repeat center 7px #8fe3e1;background-size:25px auto;border-radius:50%;width:26px;height:26px;vertical-align:top;display:inline-block} .s_login_wrap .s_login_list li .s_login_switch{display:inline-block;text-align:left} .s_login_wrap .s_login_list .s_login_text{line-height:26px;display:inline-block;vertical-align:top} @media all and (max-width:480px){ .s_login_wrap .s_login_list li{margin-right:0;width:100%;margin-bottom:5px} span.s_login_text01{display:block;padding-bottom:20px} } input.input__on-off[type="checkbox"]{ display:none} .label__on-off{overflow:hidden;position:relative;display:inline-block;width:80px;height:26px;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;background-color:#999;color:#fff;font-weight:bold;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .label__on-off > *{vertical-align:sub;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-size:14px} .label__on-off .marble{position:absolute;top:1px;left:1px;display:block;width:24px;height:24px;background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);box-shadow:0 0 10px rgba(0, 0, 0, .3)} .label__on-off .on{display:none;padding-left:12px} .label__on-off .off{padding-left:30px;line-height:25px} .input__on-off:checked + .label__on-off{background-color:#057aff} .input__on-off:checked + .label__on-off .on{display:inline-block} .input__on-off:checked + .label__on-off .off{display:none} .input__on-off:checked + .label__on-off .marble{left:53px} /*마일리지.포인트*/ .reserves_wrap{font-size:0} .reserves_wrap .reserves{border-radius:10px;padding:20px;height:100px;vertical-align:top} .reserves_wrap .reserves_m{background:#009bfa;display:inline-block;width:48%;margin-right:1%} .reserves_wrap .reserves_p{border:1px solid #d5d5d5;display:inline-block;width:25%;margin-right:1%} .reserves_wrap .reserves_d{border:1px solid #d5d5d5;display:inline-block;width:25%} .reserves_wrap dl{} .reserves_wrap dl dt{font-size:14px} .reserves_wrap dl dd{font-size:17px;text-align:right;padding-top:30px} .reserves_wrap .reserves_m dl dt{color:#fff} .reserves_wrap .reserves_m dl dd{font-size:30px;color:#fff;padding-top:20px} .ranking_tab_wrap{margin-top:30px} .ranking_tab_wrap ul{font-size:0;border-left:1px solid #ebebeb} .ranking_tab_wrap ul li{width:25%;display:inline-block} .ranking_tab_wrap ul li a{text-align:center;width:100%;box-sizing:border-box;display:inline-block;border-bottom:2px solid #134074;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;/*border-bottom:1px solid #ebebeb;*/font-size:17px;padding:26px 0px} .ranking_tab_wrap ul li a.on{/*background:#005caa*/background:#134074;color:#fff} .ranking_tab_wrap ul li a.r_spring{border-top-left-radius:10px} .ranking_tab_wrap ul li a.r_winter{border-top-right-radius:10px} .ranking_text_wrap{background:#fafafa;position:relative;padding:30px;border-radius:10px;word-break:keep-all} .ranking_text_wrap::before{background:url(/minju/common/img/contents/bg_ranking01.png) 0px 0px no-repeat;position:absolute;top:-12px;left:105px;content:"";display:block;z-index:100;width:140px;height:140px} .ranking_text_wrap::after{background:url(/minju/common/img/contents/bg_ranking02.png) 0px 0px no-repeat;position:absolute;top:-12px;right:50px;content:"";display:block;z-index:100;width:266px;height:160px} .ranking_text_wrap p{text-align:center} .ranking_text_wrap .ranking_text01{font-size:29px;font-weight:600;color:#333;letter-spacing:-1px} .ranking_text_wrap .ranking_text01 span.ranking_text{vertical-align:top;line-height:40px} .ranking_text_wrap .ranking_text01 span.ranking_img{width:47px;height:40px;background:url(/minju/common/img/contents/icon_ranking01.png) 10px 0px no-repeat;display:inline-block} .ranking_text_wrap .ranking_text02{font-size:15px;font-weight:200;color:#000;letter-spacing:-0.5px;margin-top:9px;line-height:22px} .container.ranking_wrap .search_box{display:none} .ranking_cont{font-size:0;margin-top:30px} .ranking_cont .ranking_cont01{width:30%;display:inline-block;vertical-align:top;height:558px;border:1px solid #ddd} .spring_wrap .ranking_cont01{background:#f1f6ea} .summer_wrap .ranking_cont01{background:#f0f5f7} .autumn_wrap .ranking_cont01{background:#f7f1ec} .winter_wrap .ranking_cont01{background:#edf2f6} .ranking_cont .ranking_cont01 p.ranking_cont_text{font-family:'yg-jalnan';font-size:39px;text-align:center;vertical-align:top;padding-top:106px;height:100%} .spring_wrap .ranking_cont01 p.ranking_cont_text{color:#8dae60;background:url(/minju/common/img/contents/bg_spring.png) center 200px no-repeat} .summer_wrap .ranking_cont01 p.ranking_cont_text{color:#5677a4;background:url(/minju/common/img/contents/bg_summer.png) 30px 200px no-repeat} .autumn_wrap .ranking_cont01 p.ranking_cont_text{color:#e68650;background:url(/minju/common/img/contents/bg_autumn.png) center 200px no-repeat} .winter_wrap .ranking_cont01 p.ranking_cont_text{color:#475b6d;background:url(/minju/common/img/contents/bg_winter.png) 30px 200px no-repeat} .ranking_cont .ranking_cont02{width:70%;display:inline-block;height:558px} .ranking_cont .ranking_cont02 .board_list_table{border-right:1px solid #ddd} @media screen and (max-width:500px){ .reserves_wrap .reserves_m, .reserves_wrap .reserves_p, .reserves_wrap .reserves_d{width:100%;margin-bottom:10px} } .mypage_notice{background:#f7f7f7;border:1px solid #d5d5d5;border-radius:10px;font-size:0;padding:30px;margin-bottom:24px} .mypage_notice dl{display:inline-block;width:50%;vertical-align:top;padding-left:30px} .mypage_notice dt{font-size:20px;font-weight:500;color:#000;margin-bottom:14px} .mypage_notice dt a{display:inline-block;background:#444;border-radius:6px;font-size:14px;padding:8px 15px;color:#fff;margin-left:10px} .mypage_notice dd{background:url(/minju/common/img/contents/icon_dd.png) 0 10px no-repeat;padding-left:11px;font-size:15px;line-height:20px;margin-top:6px;color:#000;font-weight:200;letter-spacing:-0.3px} .mypage_notice dl.mypage_notice01{} .mypage_notice dl.mypage_notice02{border-left:1px solid #d5d5d5} @media screen and (max-width:680px){ .mypage_notice dl{width:100%;padding-left:0} .mypage_notice dl.mypage_notice01{padding-bottom:20px} .mypage_notice dl.mypage_notice02{padding-top:20px;border-left:0;border-top:1px solid #d5d5d5} } /*공통*/ .red_font{color:#df3636!important} .blue_font{color:#0058bd!important} .green_font{} .purple_font{} .orange_font{} .bold_font{font-weight:600} .sns_n{background:url('/minju/common/img/common/sns_n.png') no-repeat center #1dc800;background-size:18px auto;border-radius:50%} .sns_k{background:url('/minju/common/img/common/sns_k.png') no-repeat center #ffeb00;background-size:18px auto;border-radius:50%} .sns_f{background:url('/minju/common/img/common/sns_f.png') no-repeat center #3b5999;background-size:18px auto;border-radius:50%} .sns_g{background:url('/minju/common/img/common/sns_g.png') no-repeat center #cc3731;background-size:18px auto;border-radius:50%} .sns_t{background:url('/minju/common/img/common/sns_t.png') no-repeat center #28a9e0;background-size:18px auto;border-radius:50%} .sns_j{background:url('/minju/common/img/common/sns_j.png') no-repeat center 7px #8fe3e1;background-size:25px auto;border-radius:50%} .textR{text-align:right!important} .textL{text-align:left!important} .textC{text-align:center!important} /*버튼*/ .board_btn_wrap{} .board_btn_wrap a.btn{} .board_btn_wrap a.btn.type_btn_as{width:138px;height:48px;text-align:center;color:#fff;font-weight:600;background:#057aff;font-size:16px;line-height:48px;font-weight:600} .board_btn_wrap a.btn.type_btn_bs{width:138px;height:48px;text-align:center;color:#fff;font-weight:600;background:#757575;font-size:16px;line-height:48px;font-weight:600} .board_btn_wrap a.btn.type_btn_cs{width:138px;height:48px;text-align:center;color:#fff;font-weight:600;background:#0d2d4f;font-size:16px;line-height:48px;font-weight:600} .btn_susu{height:25px;display:inline-block;vertical-align:middle;padding:0 30px;border:0;background:#057aff;text-align:center;font-size:14px;line-height:22px;color:#fff !important;border-radius:2px;margin-left:5px} .btn_susu:hover, .btn_susu:focus{background:#0f637e;color:#fff !important;border-color:#0d415f;border-radius:2px} .btn_susu.color{background:#497f99;border:1px solid #3d6c83;color:#fff !important} .btn_susu.color:hover, .btn_susu.color:focus{background:#173645;border:1px solid #173645} @media all and (max-width:600px){ .board_btn_wrap .btn{width:30%!important} } /**/ .offer_category li{margin-right:32px!important} .offer_category li:last-child, .offer_category li:nth-child(4n){margin-right:0!important} .offer_category02 li{margin-right:32px!important} .offer_category02 li:last-child, .offer_category li:nth-child(4n){margin-right:0!important} .offer_category02_wrap{position:relative} .offer_category02_notice{background:#fafafa;border:1px solid #e3e3e3;padding:20px 30px;margin-top:30px;text-align:right;color:#222} .offer_category02{overflow:hidden} .offer_category02 li, .offer_category02 li a{box-sizing:border-box} .offer_category02 li{float:left;width:276px;margin:0 34px 15px 0;font-family:Malgun Gothic,sans-serif} .offer_category02 li.data_no{width:100%;margin-right:0;padding-bottom:25px;line-height:85px;font-size:18px;text-align:center;border-bottom:1px solid #bbb} .offer_category02 li:last-child, .offer_category02 li:nth-child(4n){margin-right:0} .offer_category02 li a{display:block;position:relative;height:370px;padding:45px 20px 25px;border:1px solid #e3e3e3;box-shadow:3px 3px 10px #fff;background:#fff} .offer_category02 li:first-child a{border-radius:0 0 0 40px} .offer_category02 li a.best{border-color:#ff6600} .offer_category02 li a.best:before{content:'';display:block;position:absolute;top:0;left:0;width:37px;height:37px;background-color:#ff6600;background-position:-257px -192px;border-top-left-radius:6px;border-bottom-right-radius:8px} .offer_category02 li a:hover{border-color:#ddd;box-shadow:3px 3px 10px #ddd} .offer_category02 li strong, .offer_category02 .con_desc{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical;letter-spacing:-1px;text-overflow:ellipsis;word-break:break-all;box-sizing:border-box} .offer_category02 li strong{height:50px;margin-top:10px;line-height:25px;color:#212121;font-size:17px;font-weight:bold;-webkit-line-clamp:2} .offer_category02 li em{display:block;position:relative;padding-top:25px} .offer_category02 .con_desc{height:82px;margin:8px 0 10px;line-height:20px;color:#000;font-size:14px;-webkit-line-clamp:4} .offer_category02 .con_info, .offer_category02 .con_day, .offer_category02 .tit_wrap{display:block} .offer_category02 .con_info{position:relative;margin:7px 0 7px} .offer_category02 .con_state{position:absolute;bottom:0;left:0;width:100%;height:40px;display:block;line-height:38px;text-align:center;color:#fff;font-size:16px;font-weight:600;background:#417fa3} .offer_category02 .con_state_first{border-radius:0 0 0 40px} .offer_category02 .con_state01 span{background:url(/minju/common/img/common/icon_con_state01.png) 0 3px no-repeat ;padding-left:20px} .offer_category02 .con_state02 span{background:url(/minju/common/img/common/icon_con_state02.png) 0 3px no-repeat ;padding-left:20px} .offer_category02 .con_state03 span{background:url(/minju/common/img/common/icon_con_state03.png) 0 3px no-repeat;padding-left:20px} .offer_category02 .con_state04 span{background:url(/minju/common/img/common/icon_con_state04.png) 0 3px no-repeat ;padding-left:20px} .offer_category02 .con_state05 span{background:url(/minju/common/img/common/icon_con_state05.png) 0 3px no-repeat;padding-left:20px} .offer_category02 .con_day{position:absolute;top:-1px;right:-1px;color:#fff;text-align:center;border-radius:0 0 0 15px;padding:0 15px;font-size:23px;font-family:'yg-jalnan';background:#fdd11a;line-height:33px} .offer_category02 .con_type:before{content:'';position:absolute;top:5px;left:0;width:13px;height:1px;transform:rotate(45deg);background:#b6b6b6} .offer_category02 .tit_wrap{text-align:center} .offer_category02 .con_type_tit{display:inline-block;padding:0 26px 12px;color:#5193f6;font-size:19px;font-family:'NanumBarunGothic';font-weight:bold;border-bottom:1px solid #5193f6} .offer_category02 .con_type_tit.icon_a{} .offer_category02 .con_type_tit.icon_b{} .offer_category02 .con_info i{font-style:normal} .offer_category02 .con_info i span.name{color:#333;font-size:14px;font-family:'NanumBarunGothic';font-weight:bold} .offer_category02 .con_info i span.date{float:right;color:#666;font-size:14px;font-family:'NotoSansKR',Malgun Gothic,sans-serif;font-weight:200} .offer_category02 .con_like, .offer_category02 .con_reply, .offer_category02 .con_view{position:absolute;top:0;padding-left:25px;color:#666;font-size:14px;font-family:'NotoSansKR',Malgun Gothic,sans-serif;font-weight:400} .offer_category02 .con_like:before, .offer_category02 .con_reply:before, .offer_category02 .con_view:before{content:'';display:block;position:absolute;top:0;left:0;width:19px;height:16px;background:url(/minju/common/img/common/icon_like.png) no-repeat} .offer_category02 .con_reply{right:52px;color:#4f4f4f} .offer_category02 .con_reply:before{background:url(/minju/common/img/common/icon_cmt.png) no-repeat} .offer_category02 .con_view{right:0;color:#4f4f4f} .offer_category02 .con_view:before{background:url(/minju/common/img/common/icon_sm_view02.png) no-repeat} .offer_category02 .bar_bg{height:15px;overflow:hidden;display:block;position:relative;background:#e4e4e4;margin-top:3px} .offer_category02 .bar_color_blue{display:inline-block;height:15px;text-indent:-9999px;background-image:url(/images/seesaw/common/bg_pattern_graph.png);background-repeat:repeat;background-color:#5193f6} .offer_category02 .bar_bg:before{content:'';display:block;position:absolute;top:0px;left:0;width:55.6px;box-sizing:border-box;border-right:1px solid #c7c9cc;text-align:right;padding:0 5px 0 0;line-height:18px} .offer_category02 .issue_graph .bar_bg:before{content:'';display:block;position:absolute;top:0px;left:0;width:55.6px;box-sizing:border-box;border-right:1px solid #c7c9cc;text-align:right;padding:0 5px 0 0;line-height:18px} .offer_category02 .bar_bg span.total{position:absolute;top:0px;right:8px;font-size:12px;line-height:15px} /* IE10+ 익스플로러10이상버전에서 안될때 */ @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){ /* Enter your style code */ .offer_category02 .con_day{position:absolute;top:-1px;right:-1px;color:#fff;text-align:center;border-radius:0 0 0 15px;padding:13px 15px 0;font-size:23px;font-family:'yg-jalnan';background:#fdd11a;line-height:20px} } /*게시판 write*/ /* table */ .tbl{margin-top:10px} .tbl th{text-align:center;font-family:'NanumSB'} .tbl td, .tbl th{padding:12px 10px;border:1px solid #e2e2e4;line-height:1.5em;vertical-align:middle;box-sizing:border-box;font-size:15px} .tbl thead tr:first-child th{border-top:2px solid #5a5a5a;background:#f0f1f2} .tbl thead th{background:#f0f1f2;color:#000;border-bottom:none} .tbl tbody th{background:#fafbfc;font-family:'NanumS';font-weight:normal;/* text-align:left;*/} .tbl tbody th.taC{text-align:center} .unit tbody th{text-align:center !important} .tbl tfoot th{background:#f7f7f7;color:#333} .tbl td{font-size:15px;text-align:left} .tbl td select{padding:10px 10px;border:1px solid #ccc;border-radius:5px} .tbl td input[type="checkbox"], input[type="radio"]{margin-right:5px} .tbl td.program_select a:link, .tbl td.program_select a:visited, .tbl td.program_select a:hover, .tbl td.program_select a:active, .tbl td.program_select a:focus{text-decoration:underline;color:#1d5fbd} /* table s2 */ .tbl_s2{margin-top:10px} .tbl_s2 th{text-align:center;font-family:'NanumSB'} .tbl_s2 td, .tbl_s2 th{padding:22px 10px;border:1px solid #e2e2e4;background:#f3f4fa;line-height:1.5em;vertical-align:middle;box-sizing:border-box;font-size:15px} .tbl_s2 thead tr th{background:#004bb4} .tbl_s2 thead th{background:#f0f1f2;color:#fff;font-size:18px;border-bottom:none} .tbl_s2 tbody th{background:#fafbfc;font-family:'NanumS';font-weight:normal;/* text-align:left;*/} .tbl_s2 tbody th.taC{text-align:center} .tbl_s2 tfoot th{background:#f7f7f7;color:#333} .tbl_s2 td{font-size:18px;font-weight:bold} .tbl_s2 td.program_select a:link, .tbl_s2 td.program_select a:visited, .tbl_s2 td.program_select a:hover, .tbl_s2 td.program_select a:active, .tbl_s2 td.program_select a:focus{text-decoration:underline;color:#1d5fbd} /* table > align */ table.taC td{text-align:center} td.taC{text-align:center !important} table.taL td{text-align:left} td.taL{text-align:left !important} table.taR td{text-align:right} td.taR{text-align:right !important} .Thead tbody tr:first-child td,.Thead tbody tr:first-child th{border-top:2px solid #5a5a5a} td li{position:relative} td >ul >li{padding-left:15px;margin-top:10px;line-height:1.5em;text-align:left !important} td >ul >li:first-child{margin-top:0} td >ul >li >ul{margin-top:10px} td >ul >li >ul >li{padding-left:10px;margin-top:6px;line-height:1.5em;text-align:left !important} td >ul >li >ul >li:first-child{margin-top:0} td >ul >li.no-bu:before{ display:none !important} input[type="text"], input[type="password"]{height:40px;border-radius:4px;margin-right:2px} select.board{height:40px;border-radius:4px;margin-right:2px} input[type="fild"]{border:1px solid #d5d5d5} .program-ex{} .program-ex li{font-size:1.7rem;border-bottom:1px solid #ebebeb;padding:15px 0;color:#000} .program-ex li span.program-tit{font-size:1.7rem;margin-bottom:10px;display:block;color:#000} .program-ex li table.program-table{} .program-ex li table.program-table th{text-align:center} .program-ex02 td{font-family:'NotoSansKR'} .program-ex02 h4{text-align:left} a.btn-apply{background:navy;border-radius:3px;padding:3px 0px;color:#fff!important;font-weight:400;font-size:1.4rem;min-width:71px;display:inline-block} @media all and (max-width:1000px){ .program-ex li table.program-table th{font-size:1.2rem} .program-ex li table.program-table td{font-size:1.2rem} } @media all and (max-width:600px){ .gallery_type1 ul li{width:45%} .container ul.program-ex{width:100%;margin-left:0} .container .program-img-wrap{width:100%} } form#bbsForm{font-size:0} .program-img-wrap{width:40%;display:inline-block;vertical-align:top;padding:0!important} ul.program-ex{display:inline-block;width:calc(60% - 30px);margin-left:30px;vertical-align:top} .ext02.program-view-list{width:100%!important} .date02.program-view-list{display:none} /* 표 레이아웃 */ /* table */ .tbl{border-collapse:inherit} .tbl th{background:#f8f8f8 !important;font-weight:700 !important;color:#333} .tbl td, .tbl th{border-top:none;border-left:none;font-size:17px;padding:20px} .tbl tr > td:first-child, .tbl th{border-top:none;border-left:none} .tbl thead tr:first-child th{background:#5fcba6 !important;color:#ffffff;border-top:none;font-size:17px;font-weight:500} .tbl thead tr:first-child th:first-child{border-left:1px solid #5fcba6;border-radius:10px 0 0 0 !important} .tbl thead tr:first-child th:last-child{border-right:1px solid #5fcba6;border-radius:0 10px 0 0 !important} .tbl.thick thead tr:first-child th{background:#50947d} .tbl.thick thead tr:first-child th:first-child{border-left:1px solid #50947d} .tbl.thick thead tr:first-child th:last-child{border-right:1px solid #50947d} .tbl thead th{} .tbl tbody th{} .tbl tbody tr{} .tbl tbody tr > *:first-child{border-left:1px solid #ddd} .tbl tbody tr:last-child td{} .tbl tbody tr:last-child > *:first-child{border-bottom-left-radius:10px} .tbl tbody tr:last-child > *:last-child{border-bottom-right-radius:10px} .tbl tbody th.taC{} .unit tbody th{} .tbl tfoot th{} .tbl td{font-size:17px} table.tbl td:last-child{border-right:1px solid #e2e2e4!important} .tbl td.program_select a:link, .tbl td.program_select a:visited, .tbl td.program_select a:hover, .tbl td.program_select a:active, .tbl td.program_select a:focus{} /* 게시판 글쓰기 */ .bod_write dl{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ddd} textarea{border:1px solid #ccc;border-radius:4px} /* list */ .dot_list li{position:relative;margin:3px 0;padding-left:14px;color:#666666;letter-spacing:-0.06em} .dot_list li:before{position:absolute;top:12px;left:0;width:4px;height:4px;background:#a5a8ac;content:''} .dot_list.bgap li+li{margin-top:20px} .num_list > li{position:relative;padding-left:32px;font-size:17px;color:#666666;line-height:1.64} .num_list > li+li{margin-top:28px} .num_list > li .num{position:absolute;top:3px;left:0;width:25px;height:25px;border-radius:50%;line-height:25px;text-align:center;color:#fff;font-size:13px;background:#108ad3} .stitle01{position:relative;margin:30px 0;padding-left:16px;font-size:24px;color:#171616;font-weight:600;line-height:1.2} .stitle01:before{position:absolute;top:3px;left:0;width:8px;height:24px;border-radius:4px;background:#108ad3;content:''} .stitle02{position:relative;margin:0px 0 15px;padding-left:19px;font-size:18px;color:#171616;font-weight:600;line-height:1.2} .stitle02:before{position:absolute;top:5px;left:0;width:11px;height:11px;border-radius:3px;background:#0d2d4f;content:''} .stitle03{position:relative;margin-bottom:15px;padding-left:20px;font-size:22px;color:#171616;font-weight:600;line-height:1.2} .stitle03:before{position:absolute;top:8px;left:0;width:11px;height:11px;border-radius:3px;background:#0d2d4f;content:''} .ctitle{position:relative;padding-left:30px;margin-bottom:58px;border-bottom:1px solid #dddddd;font-size:30px;color:#171616;line-height:80px;font-weight:600} .ctitle:before{position:absolute;top:50%;left:0;width:22px;height:22px;margin-top:-11px;border:6px solid #108ad3;-webkit-border-radius:50%;border-radius:50%;content:''} .icon_skyblue:before{background:#108ad3 !important} .stitle01 + table{margin-top:-10px} .stitle01 +.txt_box{margin-top:-15px} .dot_cont{position:relative;padding-left:18px} .dot_cont:before{position:absolute;top:12px;left:7px;width:4px;height:4px;background:#a5a8ac;content:''} .board_contents{color:#222222} /* board top */ .board_top{overflow:hidden;margin-bottom:20px} .board_top .title{margin:0} .board_top .cur_page{float:left;font-size:15px;line-height:39px} .board_top .top_txt{color:#666666} .board_top .top_txt01{line-height:39px;color:#666666} .board_top .top_txt02{float:right;font-size:18px;color:#108ad3} .board_top .board_count{line-height:41px;float:left} .board_top .board_search{float:right} .board_search .fbox{overflow:hidden} .board_search .fbox p{float:left} .board_search .fbox p.s_select{width:135px} .board_search .fbox p.s_keyword{width:220px} .board_search .fbox p.s_select02{width:220px} .board_search .fbox p.s_select03{width:135px} .board_search .fbox p.s_auto{width:auto} .board_search label{float:left;margin-right:20px;line-height:39px} .board_search input[type="text"]{width:100%} .board_search select{width:100%;height:40px;border:1px solid #d5d5d5} .board_search .btn_submit{float:left;width:84px;height:39px;color:#fff;background:#0d2d4f} .board_top_box{margin-bottom:35px;padding:20px;border:1px solid #d9dcdd;text-align:center;background:#f6f8fa} .board_top_box .board_search{display:inline-block} .board_top_box02{overflow:hidden;margin:25px 0 15px} .board_top_box02 .btn_wrap .btn{margin:2px} .top_search_txt{margin-bottom:15px;line-height:1.3} .search_box_t01{overflow:hidden;padding:20px;border-top:1px solid #d9dcdd;border-bottom:1px solid #d9dcdd;background:#f6f8fa} .search_box_t01 .f_col{float:left;position:relative;padding-left:85px} .search_box_t01 input[type="text"]{color:#000} .search_box_t01 select{width:100%;color:#000} .search_box_t01 .col_01{width:35%;padding-right:10px} .search_box_t01 .col_01 p{float:left;width:50%;padding-right:5px} .search_box_t01 .col_02{width:65%;padding-right:91px} .search_box_t01 .col_02 select{width:100%} .search_box_t01 label{position:absolute;top:0;left:0;padding-left:15px;line-height:39px;color:#000;font-weight:500} .search_box_t01 label:before{position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#108ad3;content:''} .search_box_t01 .btn_submit{position:absolute;top:0;right:0;width:84px;height:39px;font-size:16px;color:#fff;background:#0d2d4f} .search_box_t02{margin-bottom:35px;padding:20px 30px;border-top:1px solid #d9dcdd;border-bottom:1px solid #d9dcdd;background:#f6f8fa} .search_box_t02 .fbox{overflow:hidden;position:relative;padding-left:58px;padding-right:95px} .search_box_t02 input[type="text"], .search_box_t02 select{width:100%} .search_box_t02 p{float:left;position:relative;padding:0 3px} .search_box_t02 label{position:absolute;top:0;left:0;padding-left:15px;line-height:39px;color:#000;font-weight:500} .search_box_t02 label:before{position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#93989a;content:''} .search_box_t02 p.s_select{width:20%} .search_box_t02 p.s_keyword{width:80%} .search_box_t02 .btn_submit{position:absolute;top:0;right:0;width:84px;height:39px;font-size:16px;color:#fff;background:#108ad3} /* board list */ .board_list_table{width:100%;table-layout:fixed;word-break:break-all} .board_list_table td, .board_list_table th{padding:15px;border-bottom:1px solid #dddddd;line-height:1.3} .board_list_table thead th{padding-left:5px;padding-right:5px;font-weight:500;border-top:2px solid #0d2d4f;color:#222;text-align:center;background:#eeeff1} .border-top-1px{border-top:1px solid #ddd!important} .board_list_table td{font-size:15px;text-align:center;vertical-align:middle} .board_list_table .title{text-align:left} .board_list_table .title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .board_list_table .category{width:150px} .board_list_table td a.btn_board_view{border:1px solid #d5d5d5;padding:5px 20px} .board_list_table td a.btn_board_edit{border:1px solid #000;color:#000;padding:5px 10px} .board_list_table td a.btn_board_del{background:#777;color:#fff;padding:5px 10px} .board_list_table td span.progress01{color:#666}/*임시저장*/ .board_list_table td span.progress02{color:#03504e}/*제안중*/ .board_list_table td span.progress03{color:#0058bd}/*제안심사*/ .board_list_table td span.progress04{color:#df3636}/*정책실행*/ .board_list_table02{width:100%;border-top:2px solid #0d2d4f;text-align:center;word-break:break-all} .board_list_table02 td, .board_list_table02 th{padding:12px 25px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd} .board_list_table02 td:first-child, .board_list_table02 th:first-child{border-left:0} .board_list_table02 th{font-weight:500;background:#eeeff1} .board_list_table03{width:100%;border-top:2px solid #0d2d4f;text-align:center;word-break:break-all} .board_list_table03 td, .board_list_table03 th{padding:12px 25px;border:1px solid #dddddd;background:#fff} .board_list_table03 th{font-weight:500;background:#dfe6ed} .board_list_table03 .title{color:#222222;text-align:left} .board_list_table04{width:100%;border-top:2px solid #0d2d4f;text-align:center;word-break:break-all} .board_list_table04 td, .board_list_table04 th{border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:middle;color:#333} .board_list_table04 td:first-child, .board_list_table04 th:first-child{border-left:0} .board_list_table04 th{font-weight:600;background:#eeeff1} .board_list_table04 .title{text-align:left} .board_list_table05{width:100%;border-top:2px solid #0d2d4f;text-align:center} .board_list_table05 td, .board_list_table04 th{border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:middle;color:#333} .board_list_table05 td:first-child, .board_list_table04 th:first-child{border-left:0} .board_list_table05 th{font-weight:600;background:#eeeff1} .board_list_table05 .title{text-align:left} .bbsList{} .bbsList{} .bbsList{width:100%;word-break:break-all} .bbsList td, .bbsList th{padding:15px;border-bottom:1px solid #dddddd;line-height:1.3} .bbsList thead th{padding-left:5px;padding-right:5px;font-weight:600;border-top:2px solid #0d2d4f;color:#000;text-align:center;background:#eeeff1} .bbsList tbody td{color:#666} .border-top-1px{border-top:1px solid #ddd!important} .bbsList td{font-size:15px;text-align:center;vertical-align:middle} .bbsList th.title{text-align:center} .bbsList td.title{text-align:left;color:#222!important} .bbsList .title a{color:#222} .bbsList .category{width:150px} .bbsList td a.btn_board_view{border:1px solid #d5d5d5;padding:5px 20px} .bbsList td a.btn_board_edit{border:1px solid #000;color:#000;padding:5px 10px} .bbsList td a.btn_board_del{background:#777;color:#fff;padding:5px 10px} .bbsList td span.progress01{color:#666}/*임시저장*/ .bbsList td span.progress02{color:#03504e}/*제안중*/ .bbsList td span.progress03{color:#0058bd}/*제안심사*/ .bbsList td span.progress04{color:#df3636}/*정책실행*/ .btn-mini{color:#fff!important;background:#828282;display:inline-block !important;font-size:14px;padding:0 10px;height:26px;line-height:26px} .bbsList th.no{width:7%} .bbsList th.created{width:13%} .bbsList th.hit{width:7%} #bbsForm .btn_wrap{} #bbsForm .btn_wrap{} .type_al_l{text-align:left} .type_al_r{text-align:right} .b_no{width:80px} .b_cf{width:140px} .b_title{} .b_date{width:120px} .b_views{width:80px} .b_like{width:90px} .b_dislike{width:90px} .b_debate{width:90px} .b_state{width:100px} .b_mg{width:140px} .b_name{width:80px} .b_date02{width:120px} .date03{width:220px} .b_file{width:120px} .b_mileage{width:120px} /*.bbsList .start{width:80px} .bbsList .no{width:80px} .bbsList .title{width:auto} .bbsList .writer{width:150px} .bbsList .created{width:120px} .bbsList .hit{width:100px}*/ .bbsList .file{width:80px} /*.bbsList .date01{width:120px} .bbsList .date02{width:120px} .b_thumbnail{width:140px} .b_thumbnail02{width:205px}*/ .b_category{width:220px} .b_btn{width:160px} .b_type{width:150px} .title span.replyArtile{display:inline-block} .title span.replyArtile a{display:inline-block} .datetime{width:184px!important} .for_mbl_bbs{display:none} .bbs_0000000000011165 table td span.mo{display:none} @media all and (max-width:1000px){ .bbs_0000000000011164 th.b_thumbnail02, .bbs_0000000000011164 td.img{display:none} } @media all and (max-width:768px){ table th, table td{font-size:14px!important} .bbsList .writer{width:110px} .bbsList .hit{display:none} .bbsList .file{width:80px} .pc_ver_bbs{display:none} .for_mbl_bbs{display:flex} .for_mbl_bbs th{width:30%;display:inline-block;padding:10px 20px!important} .for_mbl_bbs td{width:70%;display:inline-block;padding:7px 20px!important} .bbsView td.file_td{width:70%;display:inline-block;padding:17px 20px!important} .bbsView .title{font-size:18px!important} .ranking_cont .ranking_cont01 p.ranking_cont_text{font-size:24px} .bbs_0000000000011165 table th.b_thumbnail02, .bbs_0000000000011165 table td.img{display:none} .bbs_0000000000011158 table th.date03, .bbs_0000000000011158 table td.date03{width:auto;min-width:100px} .normal-campaign.bbsList .hit{display:revert} .normal-campaign.bbsList .created{display:none} .normal-campaign.bbsList .writer{display:none} } @media all and (max-width:660px){ .total{float:none!important} .searchBoxWrap{text-align:left!important;margin-bottom:10px} .searchBoxWrap .select_type2{width:115px!important;padding:0 30px 0px 5px!important} .searchBoxWrap .searchBox input{width:165px!important} .bbsList .no, .bbsList .category, .bbsList .b_type{width:auto;min-width:60px} .bbsList .writer{width:90px} .bbsList .file{display:none} .bbsList .created{width:auto;padding:15px 5px !important} .normal-campaign.bbsList .hit{display:revert} } @media all and (max-width:600px){ .bbs_0000000000011165 table th.writer, .bbs_0000000000011165 table td.writer, .bbs_0000000000011165 table th.created, .bbs_0000000000011165 table td.created{display:none} .bbs_0000000000011165 table td span.mo{display:block} .bbs_0000000000011165 table td img.pc{display:none} .bbs_0000000000011164 th.writer, .bbs_0000000000011164 td.writer, .bbs_0000000000011154 th.b_thumbnail02, .bbs_0000000000011154 td.img{display:none} } @media all and (max-width:456px){ .spring_wrap .ranking_cont01 p.ranking_cont_text{background:url(/minju/common/img/contents/bg_spring.png) 250px top no-repeat;background-size:85px} .summer_wrap .ranking_cont01 p.ranking_cont_text{background:url(/minju/common/img/contents/bg_summer.png) 250px top no-repeat;background-size:85px} .autumn_wrap .ranking_cont01 p.ranking_cont_text{background:url(/minju/common/img/contents/bg_autumn.png) 250px top no-repeat;background-size:85px} .winter_wrap .ranking_cont01 p.ranking_cont_text{background:url(/minju/common/img/contents/bg_winter.png) 250px top no-repeat;background-size:85px} .ranking_cont .ranking_cont01{width:100%;display:block;height:auto} .ranking_cont .ranking_cont01 p.ranking_cont_text{padding:20px 0} .ranking_cont .ranking_cont02{width:100%;display:block;height:auto} } @media all and (max-width:383px){ .searchBoxWrap .select_type2{width:100%!important} .searchBoxWrap .searchBox input{width:calc(100% - 66px)!important} table th{font-size:13px!important} table td{font-size:13px!important} .bbsList .writer{display:none} .bbsView .title{font-size:16px!important} .bbs_0000000000011158 table th.created, .bbs_0000000000011158 table td.created{display:none} } .reply_style011{display:inline-block;vertical-align:top} a.reply_style02{display:inline-block!important;vertical-align:bottom} tr.notice td{background:#f6f8fa} td img.img_thumbnail{width:180px!important} .ptitle{position:relative;margin-bottom:3px;padding-right:35px;font-size:16px;color:#222222;font-weight:500;line-height:1.35} .ptitle .btn_down{position:absolute;top:0;right:0} .board_info{overflow:hidden;margin-top:2px;color:#666666} .board_info ul{overflow:hidden;margin-left:-15px} .board_info li{float:left;position:relative;margin-left:15px;font-size:13px;line-height:1.4} .board_info li:before{position:absolute;top:50%;left:-8px;width:1px;height:10px;margin-top:-5px;background:#e0e0e0;content:''} .bbsView td span.file{width:100%} .board_info02 li{position:relative;padding-left:8px;color:#666666} .board_info02 li:before{position:absolute;top:10px;left:0;width:3px;height:3px;background:#a5a8ac;content:''} .cont_mobile{position:relative;min-height:135px;padding-right:100px} .cont_mobile.s_rgap{padding-right:0px} .cont_mobile.h_auto{min-height:auto} .btn_d_wrap{position:absolute;top:0;right:0} .btn_d_wrap a{display:block;margin-bottom:5px} .cont_mobile.file_none{padding-right:0 !important} .board_list01{border-top:2px solid #0d2d4f} .board_list01 > li{position:relative;border-bottom:1px solid #dddddd} .board_list01 .stitle02, .board_list01 .stitle03{margin:0} .board_list01 .title{display:block;position:relative;width:100%;padding:28px 80px 28px 25px;text-align:left} .board_list01 button:after{position:absolute;top:50%;right:35px;width:21px;height:13px;margin-top:-6px;background:url('/images/icon/icon_list_open.png') no-repeat center;background-size:100% auto;content:''} .board_list01 .slist li{position:relative;padding:21px 160px 21px 45px;border-top:1px solid #dddddd;font-size:17px;line-height:1.3;background:#f6f8fa} .board_list01 .slist li:before{position:absolute;top:32px;left:31px;width:4px;height:4px;background:#a5a8ac;content:''} .board_list01 .btn{position:absolute;top:50%;right:25px;margin-top:-17px} .board_list01 > li.on button:after{background-image:url('/images/icon/icon_list_close.png')} .board_list01 > li.on .slist{display:block} .board_toggle_list .slist{display:none} .board_list01 .cont{padding:23px 50px;border-top:1px solid #dddddd;background:#f6f8fa} .board_list01 .icon_pdf{margin-left:5px} .btn_pdf_down .icon_pdf{margin-left:0} /* Board-Gallery */ .thumbnailCardNewsBusiness .gallery_type1 .visual{width:100%;height:100%} .thumbnailCardNewsBusiness .gallery_type1 .visual img{width:100%;height:100%} .thumbnailCardNewsBusiness .gallery_type1 ul li{height:auto} .thumbnailCardNewsBusiness .gallery_type1 .date{padding-bottom:12px} .thumbnailCardNewsBusiness .gallery_type1 dt > a{display:inline-block;vertical-align:top} .gallery_type1{width:100%;padding:35px 0;margin-bottom:30px;border-top:2px solid #134074;border-bottom:1px solid #d2d2d2;overflow:hidden} .gallery_type1 ul{text-align:center} .gallery_type1 ul li:not(.empty-list){position:relative;float:left;border-radius:2px;border:1px solid #d2d2d2;width:20%;margin:2.3%;background:#fff;height:282px} .gallery_type1 .visual{display:block;width:100%;height:176px;margin:0;overflow:hidden} .gallery_type1 .visual img{width:100%;height:176px} .gallery_type1 .date{display:block;padding-top:10px;width:100%;border-top:1px dotted #d2d2d2;font-size:14px;color:#60769E;letter-spacing:-1px} .gallery_type1 dl{margin:0 7px 10px 7px} /*.gallery_type1 dt{margin:15px 0;overflow:hidden;color:#0b2545;font-size:18px;line-height:34px;letter-spacing:-1px;font-weight:700}*/ .gallery_type1 dt{position:relative;padding:15px 0 6px;overflow:hidden;color:#0b2545;font-size:18px;line-height:34px;letter-spacing:-1px;font-weight:700} .gallery_type1 dt span.delArticle{position:absolute;top:-4px;left:calc(50% - 22px);font-size:14px} .gallery_type1 dt > a{color:#0b2545 !important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .gallery_type1 dd{display:none;margin-bottom:20px;overflow:hidden;font-size:14px;line-height:20px;letter-spacing:-1px;color:#134074} .gallery_type1 dd span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .gallery_type1 li:hover{border:2px solid #134074} .gallery_type2{width:100%;padding:35px 0;margin-bottom:30px;border-top:2px solid #134074;border-bottom:1px solid #d2d2d2;overflow:hidden} .gallery_type2 ul{text-align:center} .gallery_type2 ul li:not(.empty-list){position:relative;float:left;border-radius:2px;border:1px solid #d2d2d2;width:48%;margin:1%;background:#fff;display:flex;height:200px;align-items:center;justify-content:center} .gallery_type2 .visual{display:block;width:100%;margin:0;overflow:hidden;padding:30px} .gallery_type2 .visual img{max-width:100%;max-height:140px} .gallery_type2 .date{display:block;padding-top:10px;width:100%;border-top:1px dotted #d2d2d2;font-size:14px;color:#60769E;letter-spacing:-1px} .gallery_type2 dl{margin:0 7px 10px 7px} .gallery_type2 dt{margin:15px 0;overflow:hidden;color:#0b2545;font-size:18px;line-height:34px;letter-spacing:-1px;font-weight:700} .gallery_type2 dt > a{color:#0b2545 !important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .gallery_type2 dd{display:none;margin-bottom:20px;overflow:hidden;font-size:14px;line-height:20px;letter-spacing:-1px;color:#134074} .gallery_type2 dd span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .gallery_type2 li:hover:not(.empty-list){border:2px solid #134074} .gallery_type2 li:not(.empty-list){font-size:0} .gallery_type2 li .thumb.img{display:inline-block;width:40%} .gallery_type2 li .g-text-wrap{display:inline-block;width:58%;height:200px;margin-left:2%;vertical-align:top;text-align:left;border-left:1px solid #ebebeb;padding:20px;line-height:1.6} .gallery_type2 li .g-text-wrap div.ext02{margin-bottom:10px} .gallery_type2 li .g-text-wrap span.ext02 a{font-size:2.2rem!important;color:#000!important;letter-spacing:-1px;font-weight:600;height:33px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .gallery_type2 li .g-text-wrap > div.ext03{color:#000;border-bottom:1px dotted #aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:260px} .gallery_type2 li .g-text-wrap > div.ext04{color:#000;border-bottom:1px dotted #aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:260px} .gallery_type2 li .g-text-wrap > div.ext05{color:#000;border-bottom:1px dotted #aaa;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/min-width:260px} .gallery_type2 li .g-text-wrap > div.ext05 .ext05{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .gallery_type2 li .g-text-wrap .ext03Title{width:80px;display:inline-block} .gallery_type2 li .g-text-wrap .ext04Title{width:80px;display:inline-block} .gallery_type2 li .g-text-wrap .ext05Title{width:80px;display:inline-block} .state{position:absolute;display:block;text-align:center;width:90px;height:26px;border-radius:0 0 10px 10px;line-height:24px;left:calc(50% - 45px);color:#fff;font-size:1.3rem;border-style:solid;border-width:0px 2px 2px 2px} .state-a{background:rgba(19,48,97,0.8);border-color:rgb(19,48,97)} .state-b{background:rgba(80,138,18,0.8);border-color:rgb(80,138,18)} .state-c{background:rgba(146,146,146,0.8);border-color:rgb(146,146,146)} @media all and (max-width:1010px){ .gallery_type2 ul li{width:98%} } @media all and (max-width:768px){ .gallery_type1 ul{font-size:0} .gallery_type1 ul li{width:49%;margin:0 2% 10px 0} .gallery_type1 ul li:nth-child(2n+2){margin-right:0} } @media all and (max-width:550px){ .gallery_type2 ul li{display:block;height:auto} .gallery_type2 li .thumb.img{width:100%} .gallery_type2 li .g-text-wrap{width:100%;height:auto;margin-left:0} .gallery_type2 li .g-text-wrap span.ext02 a{height:auto;line-height:28px;overflow:inherit;text-overflow:inherit;white-space:normal} } @media all and (max-width:420px){ .gallery_type1 ul li a{font-size:1.4rem} .gallery_type2 ul li a{font-size:1.4rem} } /* 다운로드 버튼이 상단에 있는 타입 */ .board_list01.type02 .title{padding-right:200px} .board_list01.type02 .btn{top:27px;right:75px;margin:0} .board_list02{border-top:2px solid #0d2d4f} .board_list02 > li{display:inline-block;width:100%;border-bottom:1px solid #dddddd;padding:30px 20px} .board_list02 .b_site{float:left;width:280px;border:1px solid #dddddd} .board_list02 .b_site .img_wrap{position:relative;padding-bottom:49.64%} .board_list02 .b_site .img_wrap img{position:absolute;top:0;left:0;width:100%;height:100%} .board_list02 .b_site a{display:block;padding:12px;border-top:1px solid #dddddd;font-size:13px;color:#333333;text-align:center;word-break:break-all;background:#f6f8fa} .board_list02 .b_cont{margin-left:320px;padding-top:10px} .board_list02 .b_cont ul{margin-left:8px} .board_list02 .btn_view01{float:right;position:relative;z-index:2} .board_list02 .title{text-align:left} .board_list02 .tcont{overflow:hidden;position:relative} .board_list02 .dcont{display:none;padding:30px;background:#f6f8fa} .board_list02 .dcont table td, .board_list02 .dcont table th{padding-left:8px;padding-right:8px} .board_list02 li.on .btn_open{background:#108ad3} .board_list02 li.on .tcont{margin-bottom:30px} .board_list02 li.on .dcont{display:block} textarea.text_box_style01{width:100%;height:100px;overflow-y:scroll} .qna_list{border-top:2px solid #0d2d4f} .qna_list > li{border-bottom:1px solid #dddddd} .qna_list button{display:block;position:relative;width:100%;padding:23px 80px 26px 72px;font-size:20px;color:#222222;text-align:left;vertical-align:top} .qna_list button *{vertical-align:top} .qna_list button:after{position:absolute;top:50%;right:35px;width:21px;height:13px;margin-top:-6px;background:url('/images/icon/icon_list_open.png') no-repeat center;background-size:100% auto;content:''} .qna_list .q, .qna_list .a{position:absolute;top:21px;left:20px;width:37px;height:37px;border-radius:4px;font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo', sans-serif;font-weight:700;line-height:37px;font-size:24px;color:#fff;text-align:center;background:#108ad3} .qna_list .a{background:#0d2d4f} .qna_list .acont{display:none;position:relative;padding:23px 80px 26px 72px;border-top:1px solid #dddddd;font-size:17px;color:#666666;background:#f6f8fa} .qna_list > li.on button:after{background-image:url('/images/icon/icon_list_close.png')} .qna_list > li.on .acont{display:block} .social_contribution_list{border-top:2px solid #0d2d4f} .social_contribution_list > li{} .social_contribution_list .tcont{overflow:hidden;border-bottom:1px solid #dddddd;padding:20px} .social_contribution_list .img{float:left;width:31.3%;max-width:278px} .social_contribution_list .img_wrap{position:relative;padding-bottom:49.64%;border:1px solid #dddddd} .social_contribution_list .img_wrap img{position:absolute;top:0;left:0;width:100%;height:100%} .social_contribution_list .b_site{float:left;width:35%;margin:9px 0;font-size:16px;letter-spacing:0} .social_contribution_list .stitle02{margin-bottom:0px} .social_contribution_list .btn_wrap{float:right} .social_contribution_list .btn_wrap *{vertical-align:top} .social_contribution_list .btn_wrap a{display:inline-block;padding:0 20px;margin:4px} .social_contribution_list .dcont{display:none;padding:20px;background:#f6f8fa} .social_contribution_list li.on .btn_open{background:#108ad3} .social_contribution_list li.on .dcont{display:block} .down_list{border-top:2px solid #0d2d4f} .down_list li{position:relative;padding:23px 160px 23px 33px;border-bottom:1px solid #dddddd;font-size:17px;color:#222222;line-height:22px;background:#f6f8fa} .down_list li .btn{position:absolute;top:17px;right:25px} .down_list .title{display:inline-block;width:100%;max-width:220px;font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo', sans-serif;font-weight:700} .down_list .title_full{max-width:none} .down_list .title_en{display:inline-block;width:100%;max-width:470px;font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo', sans-serif;color:#666666;font-weight:700} .down_list .num{position:absolute;top:17px;left:25px;width:34px;height:34px;border-radius:50%;font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo', sans-serif;font-weight:400;font-weight:400;color:#fff;line-height:34px;text-align:center;background:#108ad3} .board_down_box{padding:110px;border-top:2px solid #0d2d4f;border-bottom:1px solid #dddddd;background:#f6f8fa} .board_down_box .box{max-width:315px;margin:0 auto;padding:30px;border:1px solid #d4d5d8;border-radius:13px;text-align:center;background:#fff} .board_down_box .box p{margin:20px 0;font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo', sans-serif;font-size:25px;line-height:1.2;color:#262626;font-weight:700} .board_down_box .box p em{color:#108ad3} .board_down_box .box .btn{width:100%;max-width:150px} /*설문조사*/ .research_list{} .research_list p.tit{border-top:2px solid #000;border-bottom:1px solid #d5d5d5;padding:20px 0} .research_list dl{padding-top:20px} .research_list dl dt{border-bottom:1px dotted #ebebeb;padding-bottom:20px} .research_list .btn{color:#fff!important} /* paginate */ .paginate{margin-top:30px;text-align:center;font-size:0} .paginate a{display:inline-block;border:1px solid #d6d6d6;margin:2px;width:40px;height:40px;font-size:15px;color:#202020;line-height:38px;text-align:center;background:#fff} .paginate a.page{border-color:#0d2d4f;color:#fff;background:#0d2d4f} .paginate a.plink{margin:0 20px;margin-top:2px;margin-bottom:2px} /* board view */ .board_view_top{position:relative;padding:23px 30px;border-top:2px solid #0d2d4f;background:#f6f8fa} .board_view_top h4{font-size:18px;color:#222222;line-height:1.2;font-weight:500} .board_view_top .stxt{color:#108ad3} .board_view_top h4 .tit{display:inline-block;margin-right:15px;font-size:24px;vertical-align:baseline} .board_view_top h4 .name{display:inline-block;padding-left:10px;border-left:1px solid #c5c5c5;font-size:18px;color:#939393;vertical-align:baseline;line-height:1} .board_view_top.type02{padding-right:140px} .board_view_top .btn{position:absolute;top:30px;right:25px} .binfo{overflow:hidden;margin-top:10px;font-size:14px;color:#666666} .binfo li{float:left;position:relative} .binfo li+li{margin-left:18px} .binfo li+li:before{position:absolute;top:50%;left:-8px;width:1px;height:13px;margin-top:-6px;background:#dddddd;content:''} .board_view_contents{padding:50px 30px;/* border-bottom:1px solid #dddddd;*/font-size:15px;color:#666666;line-height:180%} .attach_file{padding:15px 30px;border-bottom:1px solid #dddddd;font-size:15px;color:#666666} .attach_file a{display:inline-block;margin-top:5px;padding-left:30px;background:url('/images/icon/icon_file.png') no-repeat 0 5px} .attach_file a:first-child{margin-top:0px} .post_navi{margin-top:23px;border-top:1px solid #dddddd} .post_navi dl{display:inline-block;width:100%;border-bottom:1px solid #dddddd;font-size:15px;color:#222222;line-height:3.26} .post_navi dt{float:left;width:160px;text-align:center;background:#f6f8fa} .post_navi dd{margin-left:180px;padding-right:10px} .post_navi dd a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .board_view_top.type02{padding-right:20px} .board_view_top .btn{top:8px;right:15px} .board_view_top h4 .tit{margin-right:8px;font-size:18px} .board_view_top h4 .name{padding-left:5px;font-size:12px} /* comment */ .b_comments{margin-top:40px} .b_comments .title{margin-bottom:10px;padding-left:30px;font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo', sans-serif;font-weight:900;font-size:18px;color:#222222;background:url('/images/icon/icon_comment.png') no-repeat 0 center;background-size:21px auto} .b_comments .comment_box{overflow:hidden;padding:26px;border:1px solid #dddddd;background:#f6f8fa} .comment_box .fbox{position:relative;padding-left:116px;padding-right:95px} .comment_box .fbox input[type="text"]{float:left} .comment_box .c_name{position:absolute;top:0;left:0;width:110px;color:#000} .comment_box .c_comment{width:100%} .comment_box .fbox input[type="submit"]{position:absolute;top:0;right:0;width:84px;height:39px;border:0;color:#fff;background:#0d2d4f} .comment_list li{display:inline-block;position:relative;width:100%;padding:20px 0;border-bottom:1px solid #dddddd} .comment_list span{float:left;width:100px;text-align:center;color:#666666} .comment_list em{display:block;margin-left:100px;color:#000} .comment_list .btn_del{position:absolute;right:24px;top:50%;margin-top:-12px} .board_view02{border-top:2px solid #0d2d4f} .board_view02 .frow{position:relative;padding:10px 15px 10px 165px;border-bottom:1px solid #dddddd} .board_view02 .frow *{vertical-align:middle} .board_view02 .frow .label{position:absolute;top:0;left:0;bottom:0;width:150px;padding-left:30px;color:#000000;line-height:60px;background:#f6f8fa} .board_view02 .frow.auto_height .label{line-height:46px} .board_view02 .b_txt{padding:6px 0 7px} .etctable01_2{border:1px solid #000} .etctable01_2 td, .etctable01_2 th{border:1px solid #000;vertical-align:middle} .board_view_cont_top{border-bottom:1px solid #bababa} .board_view_cont_top dl{border-top:1px solid #bababa;background:#fafafa;padding:9px 0} .board_view_cont_top dt{display:inline-block;padding-left:66px;width:155px;border-right:1px solid #d5d5d5;font-size:15px;color:#000;line-height:30px} .board_view_cont_top dt.file{background:url("/minju/common/img/common/icon_clip.png") 22px 0 no-repeat } .board_view_cont_top dt.keyword{background:url("/minju/common/img/common/icon_keyword.png") 22px 0 no-repeat} .board_view_cont_top dt.prev_post{background:url("/minju/common/img/common/icon_prev.png") 22px 0 no-repeat} .board_view_cont_top dt.next_post{background:url("/minju/common/img/common/icon_next.png") 22px 0 no-repeat} .board_view_cont_top dd{display:inline-block;padding-left:32px;color:#666;font-size:15px;width:calc(100% - 164px)} .board_view_cont_top dd ul{} .board_view_cont_top dd li{} .board_view_cont_top dd li a{} .board_view_cont_top dd li a.attachment{background:url("/minju/common/img/common/icon_file.png") 0 3px no-repeat;padding-left:20px} .board_view_cont_top dd p.list_title{display:inline-block} .board_view_cont_top dd p.list_date{float:right;padding-right:30px} /* 글쓰기 */ .board_write{border-top:2px solid #0d2d4f} .board_write .frow{position:relative;padding:10px 15px 10px 165px;border-bottom:1px solid #dddddd} .board_write .frow *{vertical-align:middle} .board_write .frow .label{position:absolute;top:0;left:0;bottom:0;width:150px;padding-left:30px;color:#000000;line-height:60px;background:#f6f8fa} .board_write .frow.auto_height .label{line-height:46px} .board_write input[type="radio"]+label{margin-right:20px} .contents_box+.contents_box{margin-top:12px} .contents_box h4{position:relative;padding:10px 40px;border:1px solid #d9dcdd;border-bottom:0;color:#141414;font-weight:500;background:#f6f8fa} .contents_box h4:before{position:absolute;left:20px;top:18px;width:13px;height:13px;background:#108ad3;content:''} .board_t{color:#666666} span.board_t{display:inline-block;padding-left:20px} .t_notice{margin-bottom:10px;color:#666666} .filebox_list li+li{margin-top:5px} .file_list{padding:7px 0;padding-right:100px;color:#000000} .file_list li+li{margin-top:10px} .file_list .btn_del{margin-left:12px;vertical-align:middle} .file_list + .filebox_list{margin-top:10px} .password_box{margin:100px 0} .password_box h4{font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo', sans-serif;font-weight:700;font-size:34px;color:#000000;text-align:center} .password_box .top_txt{margin:3px 0 20px;font-size:17px;color:#6c6c6c;line-height:1.2;text-align:center} .password_box .fbox{width:100%;max-width:655px;margin:0 auto;padding:57px 68px;background:#edf1f5} .password_box input[type="password"]{width:100%;height:55px;font-size:18px} .password_box input[type="submit"]{width:100%;height:65px;margin-top:17px;font-size:24px;color:#fff;font-weight:500;background:#108ad3} .press_info_box{margin-top:34px;border:1px solid #dddddd;padding:25px 5px;text-align:center} .press_info_box .box{display:inline-block;font-size:18px;color:#888} .press_info_box dl{display:inline-block;position:relative;padding-left:38px;background:no-repeat 0 center} .press_info_box dl+dl{margin-left:60px} .press_info_box dl+dl:before{position:absolute;left:-30px;top:50%;width:1px;height:13px;margin-top:-6px;background:#dddddd;content:''} .press_info_box dt, .press_info_box dd{display:inline-block} .press_info_box dd{margin-left:3px;color:#000} .press_info_box .s01{background-image:url('/images/icon/icon_press_info01.png')} .press_info_box .s02{background-image:url('/images/icon/icon_press_info02.png')} .press_info_box .s03{background-image:url('/images/icon/icon_press_info03.png')} .annual_report{border-top:2px solid #0d2d4f} .annual_report h4{padding:27px 30px;font-size:24px;color:#222222;line-height:1.2;font-weight:500;text-align:center} .annual_contents{display:inline-block;width:100%;padding:40px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#f6f8fa} .annual_contents .img_wrap{max-width:254px;margin-bottom:20px;border:1px solid #dfdfe0} .annual_contents .img_wrap img{width:100%;height:auto} .annual_contents .pdf_cont{float:left} .annual_contents .pdf_cont .btn_pdf_down{display:block;max-width:150px;margin:0px auto;text-align:center} .annual_contents .cont_list{margin-left:352px} .annual_contents .dot_list{margin-left:26px;margin-bottom:30px} .annual_report.type02{border-top:0} .annual_report.type02 h4{border-bottom:2px solid #0d2d4f} /* login */ .login_box{width:94%;max-width:655px;margin:0 auto} .login_box h4{font-size:60px;color:#000000;font-weight:900;text-align:center;font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo'} .login_box .login_txt{font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo';font-size:20px;color:#6c6c6c;text-align:center} .login_box .login_txt strong{font-size:40px;color:#000} .login_box .fbox{margin-top:40px;padding:57px 68px;background:#edf1f5} .login_box .frow{margin-bottom:15px} .login_box input[type="text"], .login_box input[type="password"]{width:100%;height:55px;padding:0 25px;border:1px solid #dddddd;font-size:18px;color:#000000} .login_box .btn_submit{width:100%;height:65px;margin:12px 0 15px;font-size:24px;color:#fff;text-align:center;background:#108ad3} #layer_pop{display:none} #layer_pop:before{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:11000;background:rgba(0,0,0,0.7);content:''} #layer_pop .box{position:fixed;top:50%;left:50%;z-index:11001;width:770px;margin-left:-385px;margin-top:-350px;background:#ffffff;-webkit-transition:top 0.4s;transition:top 0.4s} #layer_pop .fbox{padding:40px 40px 0} #layer_pop .top_txt{margin-bottom:10px;font-size:17px;color:#666666} #layer_pop table{margin:25px 0 20px} #layer_pop table td, #layer_pop table th{text-align:left} #layer_pop table td{padding-left:15px;padding-right:15px} #layer_pop table th{padding-left:30px} #layer_pop .name{width:30%} #layer_pop .agree_box{height:200px;overflow-y:auto;padding:20px 30px;border:1px solid #dddddd;color:#000000;background:#f6f8fa} #layer_pop .agree_box ul{list-style-type:decimal} #layer_pop .agree_chk{overflow:hidden;margin-top:20px;font-size:17px;color:#000000} #layer_pop .agree_chk .txt{float:left} #layer_pop .agree_chk .frow{float:right;padding:0;border-bottom:0} #layer_pop .agree_chk .frow label{margin-right:25px} #layer_pop .btn_area{padding:30px;text-align:center;background:#edf1f5} #layer_pop .btn_area .btn{margin:0 3px} #layer_pop.open{display:block} .email_wrap{overflow:hidden} .email_wrap input, .email_wrap select{float:left;width:31.5%} .email_wrap select{margin-left:1%} .email_wrap .bar{float:left;width:4.5%;text-align:center;line-height:39px} #comfirm_pop:before{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:11000;background:rgba(0,0,0,0.7);content:''} #comfirm_pop .box{position:fixed;top:250%;left:50%;z-index:11001;width:550px;margin-left:-275px;margin-top:-170px;padding-bottom:55px;background:#ffffff;-webkit-transition:top 0.4s;transition:top 0.4s} #comfirm_pop .msg{display:table;width:100%;min-height:175px;padding:20px;text-align:center} #comfirm_pop .msg p{display:table-cell;width:100%;vertical-align:middle;font-size:18px;color:#666666;text-align:center} #comfirm_pop .btn_area{margin-top:0;text-align:center} #comfirm_pop .btn_area .btn{margin:0 3px} #comfirm_pop.open:before{display:block} #comfirm_pop.open{display:block} #pop_wrap h1{margin-bottom:20px} #pop_wrap .box{padding:0 25px} #layer_pop h2, #comfirm_pop h2, #pop_wrap h1{position:relative;padding-left:43px;font-family:'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo', sans-serif;line-height:68px;font-size:24px;color:#fff;font-weight:700;background:#108ad3} #layer_pop h2:before, #comfirm_pop h2:before, #pop_wrap h1:before{position:absolute;top:22px;left:26px;width:9px;height:23px;border-radius:5px;background:#fff;content:''} #layer_pop .btn_close, #comfirm_pop .btn_close, #pop_wrap .btn_close{overflow:hidden;position:absolute;top:26px;right:28px;width:18px;height:18px;text-indent:-999px;background:url('/images/icon/icon_pop_close.png') no-repeat} /* btn */ .btn_area{margin-top:34px;text-align:center} .btn_area *{vertical-align:middle} .btn_area02{position:relative;margin-top:34px} .btn_area02 .right{position:absolute;top:0;right:0} .btn_area02 .center{text-align:center} .btn.bsmall{height:33px;min-width:20px;padding:0 20px;font-size:14px;line-height:33px} .btn.small{height:30px;min-width:20px;padding:0 20px;font-size:14px;line-height:30px} .btn.big{height:53px;padding:0 35px;font-size:18px;line-height:53px} .btn.border{line-height:37px} .btn.bsmall{line-height:31px} .btn.small{line-height:28px} .btn.big.border{line-height:51px} .btn .arrow{position:absolute;top:50%;right:25px;width:10px;height:17px;margin-top:-9px;background:no-repeat center;background-size:100% auto} .btn .arrow01{background-image:url('/images/icon/icon_arrow01.png')} .btn .arrow02{background-image:url('/images/icon/icon_arrow02.png')} .btn .arrow03{display:inline-block;position:relative;top:-2px;width:10px;height:17px;margin-left:25px;background:no-repeat center url('/images/icon/icon_arrow02.png');background-size:100% auto} .round{border-radius:20px} .big.round{border-radius:27px} .bsmall.round{border-radius:16px} .small.round{border-radius:15px} .btn.border01{border:1px solid #dddddd;color:#0d0c0c;background:#fff} .border_green{border:1px solid #37885f;color:#1e7449;background:#fff} .btn.skyblue{background:#108ad3} .btn.gray{color:#0a0a0a;background:#eef0f2} .btn.gray02{color:#fff;background:#6b6d6f} .b_icon{display:inline-block;overflow:hidden;position:relative;vertical-align:middle;text-indent:-500px;background:no-repeat center} .b_icon.icon_left{margin-left:0 !important} .icon_list{position:relative;top:-2px;width:12px;height:11px;margin-left:24px;background-image:url('/images/icon/icon_list.png')} .icon_pdf{position:relative;top:-1px;width:21px;height:21px;background-image:url('/images/icon/icon_pdf.png');background-size:100%} .icon_down{position:relative;top:-2px;width:13px;height:13px;margin-left:7px;background-image:url('/images/icon/icon_down.png');background-size:100%} .icon_down.black{background-image:url('/images/icon/icon_down_black.png')} .big .icon_down{width:17px;height:17px;margin-left:15px} .icon_arrow{display:inline-block;font-size:10px;margin-left:7px} .icon_arrow02{top:-2px;width:10px;height:17px;margin-left:15px;vertical-align:middle;background-image:url('/images/icon/icon_arrow02.png')} .icon_newsletter{width:19px;height:18px;margin-right:12px;background-image:url('/images/icon/icon_newsletter.png');background-size:100% auto;left :8px} .icon_excel{position:relative;top:-1px;width:23px;height:23px;margin-right:10px;background-image:url('/images/icon/icon_excel.png');background-size:100% auto} .dot_list .icon_pdf{margin-left:10px} /* 리스트 아이콘 */ .icon_notice{display:inline-block;padding:0 10px;line-height:2;color:#fff;white-space:nowrap;background:#108ad3} .icon_re{display:inline-block;width:21px;height:15px;background:url('/images/icon/icon_re.png') no-repeat 0 center;background-size:13px auto} .icon_re.re_re{margin-left:21px} .icon_re.re_re_re{margin-left:42px} .icon_lock{display:inline-block;width:13px;height:17px;margin-right:9px;background:url('/images/icon/icon_lock.png') no-repeat 0 center;background-size:13px auto} .icon_note{display:inline-block;width:85px;height:90px;background:url('/images/icon/icon_note.png') no-repeat 0 center;background-size:100% auto} .icon_new{display:inline-block;width:21px;height:21px;margin-left:11px;border-radius:12px;font-size:12px;color:#fff;line-height:20px;text-align:center;background:#1e2b4e} .t_arrow{font-size:10px} .icon_go{} /* special btn */ .btn_pdf_down{display:inline-block;padding:0 7px;border:1px solid #dddddd;border-radius:17px;font-size:13px;font-weight:500;color:#0d0c0c;line-height:32px;background:#fff} .btn_pdf_down span{display:inline-block;padding-left:5px;padding-right:8px;line-height:32px} .btn_pdf_down.big_gray{padding:0 15px;border:0;border-radius:19px;font-size:15px;line-height:37px;background:#eef0f2} .btn_pdf_down.big_gray span{line-height:37px} .btn_pdf_down.big_gray .icon_pdf{width:23px;height:23px} .btn_pdf_down.big{padding:0 12px;font-size:15px;line-height:35px} .btn_pdf_down.big span{padding-right:12px;line-height:35px} .btn_down{display:inline-block;overflow:hidden;width:31px;height:31px;border-radius:50%;text-indent:-999px;background:url('/images/icon/icon_down_black.png') no-repeat center #eef0f2;background-size:13px auto} .btn_view01{display:inline-block;width:106px;height:33px;margin-top:-20px;border-radius:16px;font-size:15px;color:#fff;line-height:33px;text-align:center;background:#0c2d4e} .btn_view01:after{position:relative;top:-2px;vertical-align:middle;font-size:10px;margin-left:7px;content:'▼'} .btn_view02{height:33px;border-radius:16px;font-size:15px;color:#fff;line-height:33px;text-align:center;background:#0c2d4e} .btn_view02:after{position:relative;top:-2px;vertical-align:middle;font-size:10px;margin-left:7px;content:'▶'} .btn_view02.btn_gray{color:#0a0a0a;background:#eef0f2} .btn_del{overflow:hidden;width:23px;height:23px;border-radius:50%;text-indent:-999px;background:url('/images/icon/icon_del.png') #ecf0f1 no-repeat center;background-size:9px auto} /* 위치등 */ .pos_t01{position:absolute;right:0;bottom:0} .p_state{font-size:14px;text-align:center} .p_state.start{color:#108ad3} .p_state.ing{color:#e41111} .p_state.end{color:#000} .col_state{width:130px} .hidden_title{table-layout:fixed;width:250px} .hidden_ellipsis{overflow:hidden;width:250px;white-space:nowrap;text-overflow:ellipsis} #report_wrap{position:relative} #report_wrap li{position:relative} .no_data{padding:20px;border-bottom:1px solid #dddddd;text-align:center} .star{color:#d82744} @media all and (max-width:1200px){ .search_box_t01 .col_01, .search_box_t01 .col_02{width:100%} .search_box_t01 .col_01{padding-right:0} .search_box_t01 .col_01 p+p{padding-right:0} .search_box_t01 .col_02{margin-top:5px} .pos_t01{position:relative;left:0;margin-top:12px} .annual_contents .cont_list{margin-left:300px} } @media all and (max-width:768px){ .board_top{margin-bottom:10px} .board_top .cur_page{display:none} .board_top .title{margin-bottom:5px} .board_top .top_txt02{font-size:15px} .board_search{width:100%} .board_search .fbox{position:relative;padding-right:50px} .board_search .fbox p{padding-right:6px} .board_search .fbox p.s_select{width:45%} .board_search .fbox p.s_keyword{width:55%} .board_search .fbox p.s_select02{width:100%} .board_search .fbox p.s_select03{width:100%} .board_search .fbox p.s_auto{width:100%} .board_search .fbox p.s_auto.auto_half{width:50%} .board_search .btn_submit{position:absolute;top:0;right:0;width:50px;height:32px;font-size:14px} .board_search label{line-height:32px} .board_search.size_type01 .fbox{margin-right:-6px;padding-right:0} .board_search.size_type01 .fbox .s_auto{width:50%} .board_search.size_type01 .fbox .s_keyword{width:100%;margin-top:5px;padding-right:60px} .board_search.size_type01 .btn_submit{top:auto;bottom:0;right:6px} .board_search.type02 .fbox label{margin-right:0} .board_search.type02 .fbox .s_keyword{display:block;width:auto;margin-left:55px;float:none} .board_top_box{margin-bottom:15px} .board_top_box02{margin:12px 0 8px} .search_box_t01 .f_col{padding-left:70px} .search_box_t01 .col_02{padding-right:75px} .search_box_t01 label{padding-left:10px;line-height:32px} .search_box_t01 label:before{width:4px;height:4px;margin-top:-2px} .search_box_t01 .btn_submit{width:70px;height:32px;font-size:13px} .search_box_t02{margin-bottom:15px;padding:15px} .search_box_t02 label{display:none} .search_box_t02 .fbox{padding-left:0;padding-right:50px} .search_box_t02 p.s_select{width:40%} .search_box_t02 p.s_keyword{width:60%} .search_box_t02 .btn_submit{width:45px;height:32px;font-size:13px} /* board list */ .board_list_table{table-layout:auto} .board_list_table .title a{text-overflow:auto;white-space:normal} .board_list_table .date{min-width:100px} .board_list_table td, .board_list_table th{padding:10px} .board_list_table td{font-size:13px} .board_list_table .category{width:80px} .board_list_table02 td, .board_list_table02 th{padding:6px} .board_list_table04 td, .board_list_table04 th{padding:12px 5px} .board_list_table04 td{border-left:0} .board_list_table04 thead{display:none} .board_list01 .title{padding:20px 35px 20px 13px} .board_list01 button:after{right:15px;width:12px} .board_list01 .slist li{padding:15px 15px 15px 23px;font-size:14px} .board_list01 .slist li:before{top:21px;left:15px} .board_list01 .btn{right:15px;margin-top:-13px} .board_list01 .cont{padding:15px} /* 다운로드 버튼이 상단에 있는 타입 */ .board_list01.type02 .title{padding-right:100px} .board_list01.type02 .btn{top:16px;right:40px;margin:0} .board_list02 > li{padding:20px 15px} .board_list02 .b_site{float:none;width:auto;max-width:280px;margin:0 auto 10px} .board_list02 .b_cont{margin:0} .board_list02 .dcont{padding:15px} .qna_list button{padding:12px 40px 13px 36px;font-size:15px} .qna_list button:after{right:5px;width:14px} .qna_list .q, .qna_list .a{top:15px;left:10px;width:20px;height:20px;border-radius:2px;line-height:20px;font-size:16px} .qna_list .acont{padding:12px 40px 13px 36px;font-size:13.5px} .social_contribution_list .tcont{padding:10px} .social_contribution_list .img{float:none;width:100%;margin:0 auto} .social_contribution_list .b_site{width:100%;padding:0;margin-top:10px;text-align:center;font-size:12px} .social_contribution_list h4{display:inline-block;margin-bottom:0px} .social_contribution_list .b_site a{display:block} .social_contribution_list .btn_wrap{width:100%;margin-top:-5px;text-align:center} .social_contribution_list .dcont{padding:10px} .down_list li{padding:16px 65px 16px 16px;font-size:14px;line-height:20px} .down_list li .btn{top:9px;right:9px} .down_list.type02 li{padding:12px 65px 12px 45px} .down_list .num{top:12px;left:10px;width:25px;height:25px;line-height:25px} .down_list .btn .hidden-xs+.icon_down{margin:0 -6px} .board_down_box{padding:50px 20px} .board_down_box{padding:15px} .board_down_box .box p{margin:12px 0;font-size:16px} /* paginate */ .paginate{margin-top:15px} .paginate a{margin:0;margin-left:-1px;width:24px;height:24px;font-size:13px;line-height:22px} .paginate a.direction{margin:0 3px 0 2px} .paginate a.plink{display:none} /* board view */ .board_view_top{padding:12px 15px} .board_view_top h4{font-size:16px} .board_view_contents{padding:25px 15px;font-size:13px} .binfo{margin-top:5px;font-size:12px} .binfo li+li{margin-left:14px} .binfo li+li:before{left:-7px;height:10px;margin-top:-5px} .attach_file{padding:8px 15px;font-size:13px} .attach_file a{padding-left:15px;background-size:10px auto;background-position:0 6px} .post_navi{margin-top:12px} .post_navi dl{font-size:13px} .post_navi dt{width:80px} .post_navi dd{margin-left:90px} /* comment */ .b_comments .title{margin-bottom:5px;padding-left:25px;font-size:16px;background-size:18px auto} .b_comments .comment_box{padding:10px} .comment_box .fbox{padding-left:85px;padding-right:55px} .comment_box .c_name{width:80px} .comment_box .fbox input[type="submit"]{width:50px;height:32px;font-size:14px} .comment_list li{padding:10px 0} .comment_list span{width:80px} .comment_list em{margin-left:80px} .comment_list .btn_del{right:5px;margin-top:-8px} /* 글쓰기 */ .board_write{padding:10px 0;border-bottom:1px solid #dddddd} .board_write .frow{padding:0;border-bottom:0} .board_write .frow+.frow{margin-top:10px} .board_write .frow .label{display:block;position:relative;padding:0;line-height:30px;font-weight:bold;background:none} .board_write .frow.auto_height .label{display:inline-block;width:80px;line-height:30px} span.board_t{width:100%;padding:0} .contents_box+.contents_box{margin-top:6px} .contents_box h4{padding:7px 28px} .contents_box h4:before{left:13px;top:15px;width:8px;height:8px} .board_view02{border-bottom:1px solid #dddddd} .board_view02 .frow{padding:0;margin-top:10px} .board_view02 .frow+.frow{margin-top:10px} .board_view02 .frow .label{display:block;position:relative;width:auto;padding:0;line-height:30px;font-size:17px;font-weight:bold;background:none} .board_view02 .frow.auto_height .label{display:inline-block;width:80px;line-height:30px} .file_wrap .btn{position:relative;right:0;margin:10px 0} .file_list{padding-right:0;padding-bottom:0px} .password_box{margin:50px 0} .password_box h4{font-size:20px} .password_box .top_txt{margin:2px 0 13px;font-size:14px} .password_box .fbox{padding:28px 34px} .password_box input[type="password"]{height:40px;font-size:15px} .password_box input[type="submit"]{height:45px;margin-top:8px;font-size:18px} .press_info_box{margin-top:17px;padding:13px} .press_info_box .box{font-size:14px;text-align:left} .press_info_box dl{display:block;margin:0;padding-left:23px;background-size:20px} .press_info_box dl+dl{margin:0} .press_info_box dl+dl:before{display:none} .annual_report h4{font-size:17px} .annual_contents{padding:30px 20px} .annual_contents .pdf_cont{float:none;max-width:254px;margin:0 auto 30px} .annual_contents .btn_pdf_down, .annual_contents .btn_pdf_down span{line-height:20px} .annual_contents .cont_list{margin-left:0} /* login */ .login_box h4{font-size:30px} .login_box .login_txt{font-size:14px} .login_box .login_txt strong{font-size:24px} .login_box .fbox{margin-top:20px;padding:25px} .login_box .frow{margin-bottom:7px} .login_box input[type="text"], .login_box input[type="password"]{height:40px;padding:0 12px;font-size:15px} .login_box .btn_submit{height:45px;margin:6px 0 8px;font-size:16px} #layer_pop .box{left:15px;right:15px;width:auto;margin:0} #layer_pop .fbox{padding:15px 15px 0} #layer_pop table{margin:12px 0 10px} #layer_pop table td{padding:5px} #layer_pop table th{padding-left:10px} #layer_pop .agree_box{height:170px;padding:10px 15px} #layer_pop .agree_chk{margin-top:10px;font-size:13px} #layer_pop .agree_chk .txt{width:100%} #layer_pop .btn_area{padding:15px} #layer_pop .name{width:100%} #layer_pop .email_wrap input{width:45%} .email_wrap .bar{width:10%;line-height:30px} .email_wrap select{width:100%;margin:5px 0 0} #layer_pop.open .box{top:0} #comfirm_pop .box{left:0%;right:0%;width:auto;margin:0;margin-top:-125px;padding-bottom:25px} #comfirm_pop .fbox{padding:15px 15px 0} #comfirm_pop .msg{min-height:150px} #comfirm_pop .msg p{font-size:15px} #pop_wrap .box{padding:0 15px} #layer_pop h2, #comfirm_pop h2, #pop_wrap h1{padding-left:25px;font-size:17px;line-height:45px} #layer_pop h2:before, #comfirm_pop h2:before, #pop_wrap h1:before{top:13px;left:13px;width:5px;height:15px;border-radius:2px} #layer_pop .btn_close, #comfirm_pop .btn_close, #pop_wrap .btn_close{top:15px;right:15px} /* btn */ .btn_area{margin-top:17px} .btn_area02{margin-top:17px} .btn_area02 .center{text-align:left} .btn.big{height:40px;padding:0 20px;font-size:15px;line-height:40px} .btn.bsmall{height:29px;padding:0 13px;font-size:12px;line-height:29px} .btn.small{height:25px;padding:0 13px;font-size:12px;line-height:25px} .btn.border{line-height:28px} .btn.big.border{line-height:38px} .btn .arrow{width:6px;height:10px;margin-top:-5px} .btn_pdf_down{display:inline-block;height:auto;padding:5px;line-height:0} .btn_pdf_down.big{padding:5px;line-height:0} .btn_pdf_down .icon_pdf{width:17px;height:17px} .btn_pdf_down.big_gray{padding:5px;line-height:0} .icon_list{margin-left:12px} .icon_down{width:10px;height:10px} .icon_down.black{width:13px;height:13px;margin:0} .big .icon_down{width:13px;height:13px;margin-left:8px} .icon_arrow02{margin-left:8px;width:8px;background-size:100% auto} .col_state{width:80px} .p_state{width:90px;font-size:12px;line-height:25px} .btn_del{width:16px;height:16px;background-size:7px auto} .icon_new{width:15px;height:15px;line-height:15px;font-size:10px} .icon_go{width:15px;margin-top:5px;margin-right:10px} .btn_area.m_full .btn{display:block;height:auto;margin:4px 0;padding-top:7px;padding-bottom:7px;line-height:1.3;letter-spacing:-0.08em} .btn_area.m_full .btn.big{padding-top:10px;padding-bottom:10px} } .w125{width:125px!important} .w100px{min-width:100px!important} .w80px{min-width:80px!important} .poll_thum{text-align:center} .poll_thum img{width:110px;height:110px} /* 설문조사 */ .research_list{padding:15px 13px;margin-bottom:20px;font-family:'NotoSansKR',sans-serif} .research_list p.tit{ color:#13315c;font-size:35px;text-align:center;background:#f1f1f1;border-top:2px solid #13315c;border-bottom:1px solid #ddd;padding:30px 0} .research_list .research_content{padding:20px;font-size:20px;color:#555;line-height:28px;border-bottom:1px dashed #d4d4d4} .research_list dl{overflow:hidden;padding:25px 10px 10px 10px;border-bottom:1px dashed #d4d4d4;color:#666666} .research_list dl dt{padding-bottom:10px;margin-bottom:5px;line-height:26px} .research_list dl dt span{padding:2px 10px;color:#fff;background:#0064af;border-radius:3px} .research_list dl dt > img{margin-right:7px;vertical-align:middle} .research_list dl dd{ padding:10px;font-weight:200} .research_list ul{ overflow:hidden} .research_list ul li{ margin-bottom:5px;overflow:hidden;text-align:left;clear:both;background:#FFF;padding:5px;/*line-height:19px;*/} .research_list label{ min-width:130px;display:inline-block;margin-right:10px;text-align:left} .research_list div.btn_list{ text-align:center;padding:20px 0;border-top:1px solid #13315c} .research_list span.grap{display:inline-block;width:85%;height:17px;margin-top:5px;vertical-align:top;text-align:left;background:#e1e1e1;border-radius:3px} .research_list span.grap b{display:inline-block;height:17px;vertical-align:top;background:#8da9c4;border-radius:3px} .research_list em{font-style:normal;display:inline-block;text-align:right;font-size:14px;vertical-align:text-bottom} .research_list dl dd ul.research_wlineup{display:inline-block;min-width:180px} .research_list a.anspop{margin-left:5px;padding:0 10px;height:25px;line-height:25px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;border-radius:2px;background:#8da9c4} .research_list ul.research_wlineup li{/*line-height:3px!important;*/} table.research_table td{color:#555!important} table.research_table td a{color:#23a8e0} table.research_table td a.btn-mini{margin-left:5px;padding:0 10px;height:30px;line-height:30px;color:#fff;font-size:14px;font-weight:600;letter-spacing:-1px;border-radius:2px;background:#0d2d4f} .categoryGroup{position:absolute} .categoryGroup input#btnSubmit{} .stamp_wrap{ position:relative;display:inline-block;color:red;padding:6px;background-color:white;box-shadow:inset 0px 0px 0px 2px red;border-radius:50%;width:45px;height:45px;text-align:center;letter-spacing:-2px;font-weight:600;line-height:17px;font-size:14px;word-break:break-all} .stamp_wrap:after{ content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:url("/minju/common/img/contents/stamp.jpg");mix-blend-mode:lighten;border-radius:50% } _:-ms-fullscreen, :root .ie11up{ .stamp_wrap:after{background:none} } /* IE10+ 익스플로러10이상버전에서 안될때 */ @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){ /* Enter your style code */ .stamp_wrap:after{background:none} } /*출석체크*/ .attendance_wrap{background:rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0;z-index:1000} .attendance_cont{position:fixed;width:700px;left:50%;margin-left:-350px;bottom:5%;margin-top:-150px;overflow:auto;background:#eee;padding:0;box-sizing:border-box} .attendance_cont .pop_top{color:#fff;background:#134074;height:90px;line-height:97px;padding:0 10px;font-weight:500;text-align:center;font-size:30px;font-family:'yg-jalnan'} .attendance_cont .pop_top a.pop_close_btn{background:url(/minju/common/img/common/btn_close.png) no-repeat;color:#fff;width:22px;height:22px;position:absolute;right:14px;top:14px } .attendance_cont .attedance_box01{} .attendance_cont .attedance_box01 .attedance_text01{background:#34495e;color:#fff;font-weight:300;border-radius:35px;padding:13px 20px;text-align:center;font-size:20px;letter-spacing:-0.5px;width:300px;margin:20px auto 0} .attendance_cont .attedance_box01 .attedance_text01 strong{color:#97eefe;font-weight:600} .attendance_cont .attedance_text02{font-size:16px;color:#000;text-align:center;font-weight:200;background:#fff;border:1px solid #ebebeb;margin:0 29px;padding:20px 0} .attendance_cont .attedance_text02 strong{color:#ff4949 !important;font-weight:600} .attendance_cont .attendance_table_wrap{padding:20px 30px 0} .attendance_cont table .sat{color:#1a74e2} .attendance_cont table .sun{color:#ff4949} .attendance_cont table th{width:14.2857%;padding:10px 5px;font-size:13px} .attendance_cont table td{background:#fff;vertical-align:top;padding:4px 0} .attendance_cont table td.check{background:#fefcd7} .attendance_cont table td p{font-size:13px} .attendance_cont table td p.attendence{width:60px;height:60px;border:1px solid #ebebeb;border-radius:50%;padding-top:14px;line-height:15px;font-size:12px;margin:3px auto 0} .attendance_cont table td.check p.attendence{border:3px solid #ff4582!important;color:#ff4582!important} .attendance_cont table td.check p.attendence.success{line-height:57px!important;background:#ff4582!important;color:#fff!important;font-size:16px;padding-top:0} /*커뮤니티*/ .commu_wrap{font-size:0} .commu_wrap .commu_thum{width:48.5%;display:inline-block} .commu_wrap .commu_thum img{width:100%;border:1px solid #ebebeb} .commu_wrap .commu_cont{border-top:1px solid #a4a9b0;width:48.5%;margin-left:3%;display:inline-block;vertical-align:top} .commu_wrap .commu_cont p.commu_tit01{font-size:28px;color:#000;padding:25px 0 9px 0} .commu_wrap .commu_cont dl{font-size:15px;color:#666;margin-top:20px} .commu_wrap .commu_cont dl dt{display:inline-block;width:80px;border-right:1px solid #ebebeb;margin-right:10px} .commu_wrap .commu_cont dl dd{display:inline-block;color:#333} .commu_wrap .commu_cont dl dd a{background:#005caa;color:#fff;padding:2px 10px;border-radius:5px} .commu_wrap .commu_cont p.commu_text01{font-size:14px;margin:22px 0} .commu_wrap .commu_cont .commu_introduce{margin-top:7px;border-top:1px solid #ebebeb} .commu_wrap .commu_cont .commu_introduce p.commu_tit02{font-size:18px;font-weight:600;color:#000;margin:17px 0 14px 0} .commu_wrap .commu_cont .commu_introduce p.commu_text02{font-size:15px;line-height:22px} h3{font-size:24px;font-weight:500;color:#000;padding-left:16px;background:url(/minju/common/img/common/icon_h3.png) 0 1px no-repeat;line-height:26px} @media all and (max-width:780px){ .commu_wrap .commu_thum{width:100%;display:block} .commu_wrap .commu_cont{margin-left:0;width:100%} } @media all and (max-width:700px){ .attendance_wrap .attendance_cont{width:100%;left:0;margin-left:0} } @media all and (max-width:480px){ .attendance_wrap .attendance_cont .attendance_table_wrap{padding:20px 0} .attendance_wrap .attendance_cont .pop_top{font-size:20px} .attendance_wrap .attendance_cont table td p.attendence{width:45px;height:45px;font-size:9px;padding-top:12px;line-height:9px} .attendance_cont table td.check p.attendence.success{font-size:11px;line-height:38px!important} } @media all and (max-width:340px){ } /*토론*/ .discussion_wrap{font-size:0} .discussion_wrap .discussion{text-align:center;display:inline-block;border:1px solid #e3e3e3;border-radius:5px;width:32%;box-sizing:border-box;padding:300px 30px 30px 30px;vertical-align:top} .discussion_wrap p.discussion_text01{font-size:17px;color:#000;word-break:keep-all;font-weight:200;letter-spacing:-1.3px;line-height:25px} .discussion_wrap p.discussion_text02{font-family:'yg-jalnan' ;font-size:34px;margin-top:10px} .discussion_wrap .discussion01{background:#fafafa url(/minju/common/img/contents/notice_bg01.png) center 20px no-repeat} .discussion_wrap .discussion01 p.discussion_text02{color:#173d6b} .discussion_wrap .discussion02{background:#fafafa url(/minju/common/img/contents/notice_bg02.png) center 20px no-repeat;margin-left:2%} .discussion_wrap .discussion02 p.discussion_text02{color:#1c5691} .discussion_wrap .discussion03{background:#fafafa url(/minju/common/img/contents/notice_bg03.png) center 20px no-repeat;margin-left:2%} .discussion_wrap .discussion03 p.discussion_text02{color:#1d4396} @media all and (max-width:1115px){ .discussion_wrap .discussion{padding:300px 20px 30px 20px} .discussion_wrap p.discussion_text01{font-size:16px;height:81px} } @media all and (max-width:780px){ .discussion_wrap .discussion{width:100%;background-position:left center;background-size:200px auto;text-align:left;padding:30px 0 0 230px} .discussion_wrap p.discussion_text01{height:auto} .discussion_wrap p.discussion_text02{padding-bottom:30px} .discussion_wrap .discussion02{margin-left:0;margin-top:10px} .discussion_wrap .discussion03{margin-left:0;margin-top:10px} } @media all and (max-width:500px){ .discussion_wrap .discussion{padding:20px 10px 0 120px;background-size:100px auto} .discussion_wrap p.discussion_text02{padding-bottom:20px} } /*시민투표*/ .vote_explain{font-family:'GmarketSans';font-size:27px;background:#fafafa url(/minju/common/img/contents/vote_img.png) 30px 10px no-repeat;border:1px solid #e3e3e3;border-radius:10px;height:127px;color:#000;text-align:center;background-size:127px;line-height:127px;letter-spacing:-1px} .vote_explain span{background:url(/minju/common/img/contents/greeting_txt_bg.gif) repeat-x left 20px} @media all and (max-width:1142px){ .vote_explain{text-align:right;padding-right:31px;font-size:23px} } @media all and (max-width:900px){ .vote_explain{height:152px;background-position:center 10px;text-align:center;padding:110px 0 20px 0;background-size:100px;position:relative;line-height:30px;height:100%;word-break:keep-all} } .mileage_ranking_wrap{position:relative} .mileage_ranking_wrap .wrap{padding:40px 60px;border-radius:5px} .mileage_ranking_box{min-height:900px} .board_calendar_title{text-align:center;overflow:hidden;padding:0 0 15px 0} .board_calendar_title span{padding:0 2px;font-size:1.6em;color:#333;line-height:150%;vertical-align:middle;font-weight:700;letter-spacing:-1px} .board_calendar_title span img{vertical-align:sub;width:18px} .board_calendar_title_year{} .board_calendar_title_select{float:right;margin:5px 0 0 0} .board_calendar_title_select select{border:1px solid #b5b5b5;height:28px;padding:0 0 0 5px;margin:0 0 0 3px} .board_calendar_title_year .prev{padding:0;margin-right:5px;content:'';display:inline-block;width:30px;height:30px;background:url("/minju/common/img/common/calendar_prev.png") no-repeat center 50%;background-sizE:10px auto} .board_calendar_title_year .next{padding:0;margin-left:5px;content:'';display:inline-block;width:30px;height:30px;background:url("/minju/common/img/common/calendar_next.png") no-repeat center 50%;background-sizE:10px auto} .board_calendar_title_year .prev:hover, .board_calendar_title_year .next:hover{border:1px solid #aaa} .mileage_ranking_tab{border-bottom:1px solid #ddd;width:100%;margin:20px auto 40px auto} .mileage_ranking_tab:after{content:'';display:block;clear:both} .mileage_ranking_tab li{position:relative;float:left;width:25%;text-align:center;color:#999;cursor:pointer;letter-spacing:-1px;font-size:1.1em} .mileage_ranking_tab li:after{content:'';display:block;width:7px;height:7px;margin:10px auto -8px auto;border:3px solid #ccc;background:#fff;border-radius:0} /*.mileage_ranking_tab .on, .mileage_ranking_tab li:hover{color:#414141;font-weight:700} .mileage_ranking_tab .on:after, .mileage_ranking_tab li:hover:after{border-color:#4290ff}*/ .mileage_ranking_tab .ranking01.on, .mileage_ranking_tab li.ranking01:hover{color:#8dae60;font-weight:700} .mileage_ranking_tab .ranking02.on, .mileage_ranking_tab li.ranking02:hover{color:#5677a4;font-weight:700} .mileage_ranking_tab .ranking03.on, .mileage_ranking_tab li.ranking03:hover{color:#e68650;font-weight:700} .mileage_ranking_tab .ranking04.on, .mileage_ranking_tab li.ranking04:hover{color:#475b6d;font-weight:700} .mileage_ranking_tab .ranking01.on:after, .mileage_ranking_tab li.ranking01:hover:after{border-color:#8dae60} .mileage_ranking_tab .ranking02.on:after, .mileage_ranking_tab li.ranking02:hover:after{border-color:#5677a4} .mileage_ranking_tab .ranking03.on:after, .mileage_ranking_tab li.ranking03:hover:after{border-color:#e68650} .mileage_ranking_tab .ranking04.on:after, .mileage_ranking_tab li.ranking04:hover:after{border-color:#475b6d} .mileage_ranking_box{min-height:850px} .mileage_ranking_th{overflow:hidden;text-align:center;background:#646e7d;padding:12px 0;color:#fff} .mileage_ranking_th li{float:left;width:25%} .mileage_ranking{overflow:hidden;text-align:center;padding:12px 0;border-bottom:1px solid #eaeaea} .mileage_ranking li{float:left;width:25%} .mileage_ranking li:last-child{font-weight:700} .mileage_ranking .nolist{width:100%;height:60px;font-weight:300 !important;font-size:0.9em;opacity:0.8} .mileage_ranking .Lv1{content:'';width:25px;height:20px;display:inline-block;background:url('../image/rank_lv01.png') no-repeat center top;background-size:22px} .mileage_ranking .Lv2{content:'';width:25px;height:20px;display:inline-block;background:url('../image/rank_lv02.png') no-repeat center top;background-size:22px} .mileage_ranking .Lv3{content:'';width:25px;height:20px;display:inline-block;background:url('../image/rank_lv03.png') no-repeat center top;background-size:22px} .mileage_ranking_wrap .spring{background:url("../image/rank_bg01.png") no-repeat 95% bottom #fff2f1;background-size:350px} .mileage_ranking_wrap .spring .mileage_ranking_th{background:#d10039} .mileage_ranking_wrap .summer{background:url("../image/rank_bg02.png") no-repeat 95% bottom #ebfaff;background-size:350px} .mileage_ranking_wrap .autumn{background:url("../image/rank_bg03.png") no-repeat 95% bottom #ffe6cb;background-size:350px} .mileage_ranking_wrap .autumn .mileage_ranking_th{background:#ee7900} .mileage_ranking_wrap .winter{background:url("../image/rank_bg04.png") no-repeat 95% bottom #f7f7f7;background-size:350px} .mileage_ranking_wrap .winter .mileage_ranking_th{background:#454b54} .mileage_content_web{display:table} .mileage_content_mobile{display:none} /* screen 1024 */ @media screen and (max-width:1024px){ .mileage_ranking_tab{width:100%;margin:10px auto 20px auto} .mileage_ranking_tab li{font-size:0.95em} .mileage_ranking_wrap .wrap{padding:30px 20px} .mileage_ranking_table{font-size:0.9em} .mileage_ranking_box{min-height:750px} .mileage_ranking_th, .mileage_ranking{padding:10px 0} } /* screen 785 */ @media screen and (max-width:785px){ .board_calendar_title span{font-size:1.2em} .mileage_content_web{display:none} .mileage_content_mobile{display:table} } /* screen 520 */ @media screen and (max-width:520px){ .board_calendar_title_year{float:none;margin:0;width:100%} .board_calendar_title_select{float:none;margin:10px auto 0 auto} .mileage_ranking_th li:nth-child(1){width:20%} .mileage_ranking_th li:nth-child(2){width:30%} .mileage_ranking li:nth-child(1){width:20%} .mileage_ranking li:nth-child(2){width:30%} } @media screen and (max-width:600px){ .opinion_tit_wrap .opinion_date{position:relative;right:auto;top:auto;line-height:33px} } @media screen and (max-width:470px){ .opinion_cont_write .opinion_text01 a.opinion_btn{display:block;margin-left:0} .opinion_cont_write .opinion_write_content{width:68%} .opinion_cont_write .opinion_write_submit{width:32%} } .tbl_swipe_notice{display:none;padding-bottom:5px} @media screen and (max-width:960px){ .row-fluid.boardWrap.normal.poll, .scroll_swipe{position:relative;overflow-x:auto;clear:both} .row-fluid.boardWrap.normal.poll table, .scroll_swipe table{min-width:960px !important} .row-fluid.boardWrap.normal.poll .bbsList .hit{display:revert} .tbl_swipe_notice{display:block} } .guide_box{border:1px solid #ebebeb;padding:30px 25px 30px;margin-bottom:30px;text-align:center} .guide_box p.guide_text01{} .guide_box p.guide_text02{} .guide_box p.guide_step{padding-bottom:20px;font-size:22px;color:#2b6fb2;font-weight:600} .guide_box p.guide_step span.guide_num{text-align:center;border-radius:50%;background:#2b6fb2;color:#fff;font-weight:600;width:25px;height:25px;display:inline-block;margin-right:10px;line-height:27px} .guide_box p.guide_step span.guide_step_num{text-align:center;border-radius:20px;background:#2b6fb2;color:#fff;font-weight:600;width:100px;height:35px;display:inline-block;margin-right:10px;line-height:32px} .guide_box .guide_image{border:3px solid #ebebeb;padding:20px;border-radius:10px} .guide_box .guide_image img{width:100%} .guide_box .guide_image li::before{top:12px} .guide_box .guide_image li{font-family:'NanumBarunGothic';text-align:left!important;position:relative;display:block;/*width:96%*/;padding:0 0 2px 8px;line-height:180%;margin-top:6px} .guide_box .guide_arrow{margin-bottom:30px} .guide_box .guide_arrow img{max-width:492px;width:100%} .guide_box h2{font-family:'NotoSansKR',sans-serif,Malgun Gothic;color:#333;font-size:26px;font-weight:500;line-height:1.7!important;margin-bottom:10px;padding-left:27px!important;background:url(/minju/common/img/contents/icon_h2.png) 0 12px no-repeat;text-align:left!important} .guide_box h3{font-family:'NotoSansKR',sans-serif,Malgun Gothic;font-size:18px;color:#00284c;font-weight:500;border-bottom:1px solid #00284c;display:inline-block;vertical-align:top;line-height:1.3;padding-bottom:8px;margin-bottom:15px} .guide_box h4{font-family:malgun gothic;font-size:17px;color:#49586c;padding-left:12px;background:url(/minju/common/img/common/icon_h4.gif) no-repeat left 0 top 43%;margin-bottom:10px;line-height:1;font-weight:600} .guide_box .blue600{color:#0192fe;font-weight:600} .guide_box .pink600{color:#f322dd;font-weight:600} .box2{background:url("/minju/common/img/contents/bg_box1_2.png");padding:5px} .box_notice_bg{background:#fafafa;background-size:100px} p.notice_text{font-size:16px;font-weight:bold} .box_grey_bg{padding:30px} .box2 p{padding-top:15px;display:block;font-size:26px;color:#000;margin-bottom:5px;text-align:center;word-break:keep-all;line-height:1.85;font-weight:bold} .guide_text{text-align:center;color:#000;padding:30px 0} /*청년포인트 게시판 리스트*/ .pagination2{margin:40px 0 50px;text-align:center} .pagination2 .paging{} .pagination2 .paging a{display:inline-block;vertical-align:middle;width:32px;height:32px;line-height:32px;text-align:center;border:1px solid #e2e2e2;transition:all .2s ease;color:#333;font-weight:400;font-size:14px} .pagination2 .paging span.num{} .pagination2 .paging span.num a{font-size:14px} .pagination2 .paging span.num a.on{background:#60769E;color:#fff;text-decoration:underline} .pagination2 .paging a span{font-size:0} .pagination2 .paging a.first{background:url(/kr/img/common/icon_pgfirst.png) no-repeat 50% 50%} .pagination2 .paging a.prev{background:url(/kr/img/common/icon_pgprev.png) no-repeat 50% 50%} .pagination2 .paging a.next{background:url(/kr/img/common/icon_pgnext.png) no-repeat 50% 50%} .pagination2 .paging a.last{background:url(/kr/img/common/icon_pglast.png) no-repeat 50% 50%} .pagination2 .paging > span.num a{padding:0 5px} .sub_info{padding:10px 0} .dashed{width:30px;float:left;margin-top:15px;margin-left:15px} @media screen and (max-width:768px){ /* 청년활동 포인트제 */ .point_list table th:nth-child(1), .point_list table th:nth-child(4), .point_list table td:nth-child(1), .point_list table td:nth-child(4){display:none} .point_list table th{font-size:14px} #fwrite table.boT0 .detail_info_label{display:block} #fwrite table.boT0 .formWrap{float:none;width:160px;padding-left:0!important;margin-left:0!important} #fwrite table.boT0 .formWrap.datepickerWrap{float:left} #fwrite table.boT0 .dashed{width:13px;margin-top:11px;margin-left:5px} .point_wirte table td input[type="text"]{width:96%!important} .point_list td{padding:10px} .point_list td a{font-size:14px} } #imgCardBox.flexslider{width:100%;max-width:739px;margin:0 auto} #imgNavBox .imageBox{margin:0 auto} @media screen and (max-width:768px){ #imgNavBox .imageBox li{display:inline-block;width:20%} } .bbsWrite.table-bordered td select.ext14{border:1px solid #d2d2d2;padding:10px 4px;border-radius:3px;min-width:130px} .bbsWrite.table-bordered td .input-xxlarge.boxstyle.ext10{border:1px solid #d2d2d2;padding:10px 4px;border-radius:3px;min-width:130px} table.hr{} table.hr th{word-break:keep-all} table.hr td{text-align:left} input.zip-btn{height:40px;line-height:40px;border-radius:3px;padding:0 10px;margin-bottom:5px;border:1px solid #ccc;vertical-align:top;font-weight:600} #yrCpZip{margin-bottom:5px} #yrEmailAddSelect{height:40px;line-height:40px;padding:0 30px 0 10px;border-radius:3px;border:1px solid #ccc} td.btn-del a{display:block;border-radius:3px;color:#fff;background:#bbb;font-weight:400;width:80px;height:40px;line-height:40px} .mtz-monthpicker.mtz-monthpicker-year{width:80px} .btn-add{width:100px;display:inline-block;border:1px solid #000;height:40px;line-height:40px;text-align:center;float:right} .txtC{text-align:center!important} #career1PeriodSt0, #career1PeriodEd0, #career1PeriodSt1, #career1PeriodEd1, #career1PeriodSt2, #career1PeriodEd2, #career1PeriodSt3, #career1PeriodEd3, #career2PeriodSt0, #career2PeriodEd0, #career2PeriodSt1, #career2PeriodEd1, #career2PeriodSt2, #career2PeriodEd2, #career2PeriodSt3, #career2PeriodEd3{min-width:70px;text-align:center;padding-left:0} select#yrAct1, select#yrAct2, select#yrAct3{width:150px;height:40px;padding: 0 0 0 10px;margin-bottom:3px;line-height:18px;color:#333;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} input#yrAct1Etc, input#yrAct2Etc, input#yrAct3Etc{width:208px;margin-bottom:3px} table.hr-view{} table.hr-view th{word-break:keep-all} table.hr-view td{text-align:left} @media only all and (max-width:1200px){ table#career1, table#career2, table#licen1, table#licen2{overflow-x:scroll;display:block} table#career1:after, table#career2:after, table#licen1:after, table#licen2:after{min-width:194px;display:block;content:'';background:url(/youth/common/img/common/img_table.png) left top no-repeat;padding-top:35px;margin-top:10px} table#career1 th, table#career2 th, table#licen1 th, table#licen2 th{word-break:keep-all} } @media only all and (max-width:890px){ table.hr input#tel1, table.hr input#tel2, table.hr input#tel3, table.hr input#telCp1, table.hr input#telCp2, table.hr input#telCp3, table.hr input#yrEmailId, table.hr input#yrEmailAdd, table.hr select#yrEmailAddSelect{width:30%} table.hr input#yrHome, table.hr input#yrHomeDetail, table.hr input#yrCp, table.hr input#yrCpDetail{width:100%} } @media only all and (max-width:500px){ table.hr input#yrName, table.hr input#yrBirth, table.hr input#yrBelong, table.hr input#yrPosition{width:100%} table.hr input#tel1, table.hr input#tel2, table.hr input#tel3, table.hr input#telCp1, table.hr input#telCp2, table.hr input#telCp3{width:28%} table.hr input#yrEmailId{width:40%} table.hr input#yrEmailAdd{width:40%} table.hr select#yrEmailAddSelect{width:80%} }