@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 #0072bb; 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 #0072bb; border-bottom:none; color:#0072bb;} .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 #0072bb; 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:#0072bb;} .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:15px;display:inline-block;padding:0 20px;color:#000;height:45px;line-height:44px;border:1px solid #d5d5d5;background:#fff;border-radius:5px;} .srch_box_wrap dd ul li a.on{background:#057aff;color:#fff;font-weight:600} .srch_box_wrap dd ul.cate li a{font-size:12.5px;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{} @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} } @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} } /*게시판상단*/ .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{font-weight:600;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:300px;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{background:#417fa3} .offer_category02 .con_state02{background:#79b881} .offer_category02 .con_state03{background:#3ec6d5} .offer_category02 .con_state04{background:#f0909f} .offer_category02 .con_state05{background:#a0a0ff}*/ .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;} input[type="fild"]{border:1px solid #d5d5d5} /* 표 레이아웃 */ /* 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:'';} /* ul, ol {padding-left:.7em;} li {display:block; position:relative; padding-left:15px; line-height:1.4;} li:before {content:""; display:block; position:absolute; top:10px; left:0; width:5px; height:5px; background:url('/sotong/img/guide/spr_guide_design.png') no-repeat 0 -72px;} li + li {margin-top:.58em;} li ul {margin:.88em 0; padding-left:0;} li li {color:#666666; font-size:.94em;} li li:before {background-position:0 -88px;} ol {counter-reset:index;} ol > li {padding-left:2.94em; padding-top:.35em; padding-bottom:.35em;} ol > li:before {content: "0"counter(index); counter-increment:index; line-height:2em; border-radius:5px; background:#1ab580; width:2.35em; height:auto; color:#fff; font-weight:700; text-align:center; top:0;} ol > li:nth-child(10):before, ol > li:nth-child(10) ~ *:before {content:counter(index);} */ .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;} #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 */ .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{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 > 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;} /* 다운로드 버튼이 상단에 있는 타입 */ .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; text-align:justify;} .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}