/* @import url(font-awesome.min.css); */ body#main {overflow-x: hidden;} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; clip: rect(0,0,0,0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .opinion_count{color: #555; margin-right: 5px;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /*드레그 색상변경 */ ::-moz-selection {background-color:#7A829C;color: #fff;} ::selection {background-color:#7A829C;color: #fff} @font-face { font-family: 'data_icon'; src: url('/assets/images/icons/data_icon.eot'); src: url('/assets/images/icons/data_icon.eot') format('embedded-opentype'), url('/assets/images/icons/data_icon.woff2') format('woff2'), url('/assets/images/icons/data_icon.woff') format('woff'), url('/assets/images/icons/data_icon.ttf') format('truetype'), url('/assets/images/icons/data_icon.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "data_icon"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-a_1:before { content: '\e800'; } /* 'î €' */ .icon-a_2:before { content: '\e801'; } /* '' */ .icon-a_3:before { content: '\e802'; } /* 'î ‚' */ .icon-a_4:before { content: '\e803'; } /* 'î ƒ' */ .icon-a_5:before { content: '\e804'; } /* 'î „' */ .icon-a_6:before { content: '\e805'; } /* 'î …' */ .icon-a_7:before { content: '\e806'; } /* 'î †' */ .icon-a_8:before { content: '\e807'; } /* 'î ‡' */ .icon-a_9:before { content: '\e808'; } /* 'î ˆ' */ .icon-a_10:before { content: '\e809'; } /* 'î ‰' */ .icon-a_11:before { content: '\e80a'; } /* 'î Š' */ .icon-a_12:before { content: '\e80b'; } /* 'î ‹' */ .icon-a_13:before { content: '\e80c'; } /* 'î Œ' */ .icon-a_14:before { content: '\e80d'; } /* '' */ .icon-a_15:before { content: '\e80e'; } /* 'î Ž' */ .icon-a_16:before { content: '\e80f'; } /* '' */ .icon-b_1:before { content: '\e810'; } /* '' */ .icon-b_2:before { content: '\e811'; } /* 'î ‘' */ .icon-b_3:before { content: '\e812'; } /* 'î ’' */ .icon-b_4:before { content: '\e813'; } /* 'î “' */ .icon-b_5:before { content: '\e814'; } /* 'î ”' */ .icon-b_6:before { content: '\e815'; } /* 'î •' */ .icon-b_7:before { content: '\e816'; } /* 'î –' */ /*.icon-b_8:before { content: '\e817'; }*/ /* 'î —' */ .icon-b_8{display:inline-block;} .icon-b_8:before{content:''; display:inline-block; background:url(/assets/images/icons/icon-tour.png) center no-repeat; width:40px; height:40px; margin-top:0px; margin-bottom:-7px;} .category_list a:hover .icon-b_8:before, .category_list a.on .icon-b_8:before{background:url(/assets/images/icons/icon-tour-on.png) center no-repeat; } .icon-b_9:before { content: '\e818'; } /* 'î ˜' */ .icon-b_10:before { content: '\e819'; } /* 'î ™' */ .icon-b_11:before { content: '\e81a'; } /* 'î š' */ .icon-b_12:before { content: '\e800'; } .icon-b_13:before { content: '\e81b'; } /* 'î ›' */ .icon-b_14:before { content: '\e81c'; } /* 'î œ' */ .icon-b_15:before { content: '\e81d'; } /* '' */ .icon-b_16:before { content: '\e81e'; } /* 'î ž' */ .icon-b_17:before { content: '\e81f'; } /* 'î Ÿ' */ .category_list{overflow:hidden; margin-bottom:10px; border:1px solid #ddd; border-bottom:0;border-left:0;} .category_list td:hover {cursor: pointer;text-decoration: none; background-color: white; color:#137ACC;background: #f9f9f9;} .category_list td {text-align: center; padding: 10px 5px;border:1px solid #ddd; font-size: 14px; vertical-align: top;} .category_list td img { max-width:95%; width: auto; height: auto; max-height:140px;} .category_list a.on,.tab-pane a.on .dot i{color:#137ACC;background:#f9f9f9;} .category_list a i{font-size: 40px;} .category_list .dot{margin:8.5px 0; background-size:13px;overflow: hidden; display: block;} .category_list .dot i{ display:inline-block; width:4px; margin: 4px; height: 4px; background:#9b9b9b;} .category_list a:hover .dot i{background:#137ACC;} /* 자동로그아웃 팝업창 */ .logout_pop {padding:30px;text-align: center; width:400px; margin: 0 auto;margin-top: 140px;} .logout_pop img{width:140px;} .logout_pop .title{padding:25px 0 0;} .logout_pop .title h4{font-size:24px; color:#4b4f56;} .logout_pop .title p{font-size:20px; padding:5px 0 15px;} .logout_pop .title p strong{color:#ff3064;} .logout_pop .text{line-height:1.5; word-break:keep-all;} .logout_pop .text strong{color:#ff3064;} .logout_pop .link{padding: 20px 0;} .logout_pop .link a{background:#576c87; margin-right:3px; padding: 8px 13px; font-size:14px; border-radius: 50px; color:#fff;} .logout_pop .link .go_link{background: #2b7be1;} /* 로그인 login_sns */ .membership_box .membership_contents .text_box h3 {font-size:30px; margin-bottom:10px; } .membership_box .membership_contents .btn_login{margin-top:0;} .kakao:hover{background:#fbe300;} .naver:hover{background:#1ec800;} .facebook:hover{background:#fff;color:#3e5d9a;line-height: 35px;} .login_sns .facebook:hover{background:#3e5d9a;color:#fff;line-height: 25px;} .youtube:hover{background:#ffffff;line-height: 35px;} .apple:hover{background:#000;} .google span{display: block;border-radius: 0; height: 50px;float: left;font-size: 14px;line-height: 51px;padding-left: 10px; color: #666;} .google span.icon {background: url(/assets/images/sns5.png) center no-repeat; width:50px;} .google:hover span{color:#666 !important;} .google:hover{background:#f6f6f6;} .membership_box .membership_contents .text_box {margin-bottom: 30px;} .switch {position: relative;display: inline-block;width: 35px;height: 13px;} .switch .switch-checkbox {opacity: 0;width: 0;height: 0;} .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;} .slider:before {position: absolute;content: "";height: 17px;width: 17px;left: 0;bottom: -3px;background-color: white;-webkit-transition: .4s;transition: .4s;border:1px solid #bfbfbf;box-shadow: 1.5px 1.5px 1.5px 1.5px #bfbfbf;} .switch-checkbox:checked+.slider {background-color: #2196F3;} .switch-checkbox:focus+.slider {box-shadow: 0 0 1px #2196F3;} .switch-checkbox:checked+.slider:before {-webkit-transform: translateX(15px);-ms-transform: translateX(15px);transform: translateX(15px);} .slider.round {border-radius: 34px;} .slider.round:before {border-radius: 50%;} /* 회원가입 login_sns */ .join_box{overflow:hidden; margin:20px auto; text-align:center; display: flex; flex-wrap: wrap;align-content: center;} .join_box .join_btn{display:flex; align-items: center; flex-direction: column; width:50%; padding:0 15px;} .join_box .join_btn a{width:100%; height:50px; display: flex; align-items: center; justify-content: center; text-align:center; border:1px solid #d8d8d8; border-radius:0.5rem;} .join_box .join_btn .btn_join1{background:url(/assets/images/join_img1.png) no-repeat 30px;} .join_box .join_btn .btn_join1:hover{background:url(/assets/images/join_img1.png) no-repeat 30px #f6f6f6;} .join_box .join_btn .btn_join2{background:url(/assets/images/join_img2.png) no-repeat 30px; background-size: 20px;} .join_box .join_btn .btn_join2:hover{background:url(/assets/images/join_img2.png) no-repeat 30px #f6f6f6; background-size: 20px;} .join_tit{font-weight: bold; font-size:18px; line-height: 1.5; color: #1d1d1d; margin:0px auto 20px;} .join_box .login_sns{display:inline-block; text-align:center; width:50%;margin:0 auto;overflow:hidden; border-left:1px solid #d8d8d8;} .join_box .login_sns a{width:255px; display:block;} .join_box .login_sns a span{display:block; height:50px; float:left; font-size:14px; line-height:51px; padding-left:10px; color:#666;} .login_sns h4{font-size:21px; padding-bottom:12px;} .login_sns {width:100%; margin:0 auto 0px;overflow: hidden; padding:0 15px;} .login_sns a{width:100%; display:block; background:#fff; overflow:hidden;} .login_sns a img{float:left; width:50px; height:50px;} .login_sns a span{display:block; border-radius:0; height:50px; float:left; font-size:14px; line-height:51px; padding-left:10px; color:#666;} .login_sns a span:hover,.login_sns a:hover span{color:#fff;} .login_sns .box {display:flex; flex-wrap: wrap; justify-content: space-evenly;} .login_sns .box .sns_button{width:49%; border:1px solid #d8d8d8; border-radius: 0.5rem; overflow: hidden; margin-bottom: 5px;} .gover_login {border-top: 1px solid #d8d8d8; margin-top:30px; width: 100%;} .gover_login .join_tit{margin:20px auto;} .gover_login .button_wrap{display:flex; justify-content: center;} .gover_login .button_wrap a{border:1px solid #d8d8d8; border-radius: 0.5rem; overflow: hidden; padding: 10px; width: 19%; margin: 0 5px;} .gover_login .button_wrap a:hover{background:#f6f6f6;} /* 최신순 참여자순 */ .section_top{float:right;} .section_top .on a{font-weight:bold; color:#4251bf;} .section_top li{float:left; border-right:1px solid #ddd; padding:0 8px;} .section_top li:last-child{border-right:0;padding-right:0;} /* 국민온라인심사 리스트-제목 */ .survey_wrap{margin:0 0 0 -10px; overflow:hidden; clear:both;} .survey_wrap.two{width: 900px; margin: 0 auto;} .survey_wrap .survey_box {float:left; position:relative; margin:10px; width:calc(33.33% - 20px);} .survey_wrap a:hover .thumb img{transform: scale(1.1); transition: .4s; /* background:rgba(2, 119, 208, 0.7); */} .survey_wrap .thumb {width:100%; height:248px; overflow:hidden;} .survey_wrap .thumb.fill-width{width:100%;} .survey_wrap .thumb img{width:100%;} .survey_wrap .text_box{padding:10px 20px 18px;} .survey_wrap .survey_box a{color:#222; overflow: hidden;} .survey_wrap .survey_box .tabBlock{color:#222; overflow:hidden; height:auto; width:100%; display:block; cursor:pointer;} .survey_wrap .survey_box .text_block{height:140px;} .survey_wrap .survey_box .text_block strong{height:62px;} .survey_wrap .survey_box span{float:left; display:block; margin-bottom:3px;color: #fff;} .survey_wrap .survey_box strong{clear:both; font-size:22px; display:block; word-break:keep-all; line-height:30px;color:#222; display:-webkit-box; white-space:normal; height:56px; word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient: vertical;margin-bottom: 15px; overflow: hidden;} .survey_wrap .survey_box p{margin:10px 0 0; font-size:14px;} .survey_wrap .survey_box.on{display:inline-block; color:#fff;background:#fafafa;} .survey_wrap .survey_box{display:inline-block; background: #fafafa; border:1px solid #5b75b0; box-shadow: 3px 3px 3px #336794;} .survey_wrap .survey_box:hover{background:#fafafa;} .survey_wrap .survey_box.two{width: calc(48% - 20px);} .survey_wrap .cardlist{border:0; box-shadow:none;} .survey_wrap .cardlist .thumb {border:1px solid #ddd;} .survey_wrap .survey_box .text_box span{color:#666;} .survey_wrap .survey_box:hover .text_box strong {color:#22c3cb;} .survey_wrap .survey_box:hover .text_box span {color:#22c3cb;} .survey_wrap .survey_box:hover .text_box .bottom p {color:#22c3cb;} .survey_wrap .survey_box:hover .text_box .bottom ul {color:#22c3cb;} /* .survey_wrap .survey_box:hover{background:#f1f1f1;} */ .survey_wrap .survey_box .modify{background:#e8e8e8; font-size:13px; padding:0px 8px; color:#000;position: absolute;margin-top: -27px;right: 20px; width: auto;height: auto;} .survey_wrap .ing_box {position:absolute; background:#ff2a42; color:#fff; padding:3px 20px; font-size:14px; z-index:2;} .survey_wrap .ing_box.writing {background:#52bb3f; color:#fff;} .survey_wrap .ing_box.standby {background:#ff9b20; color:#fff;} .survey_wrap .ing_box.end {background:#464e5e; color:#fff;} .survey_wrap .ing_box.partcptn {background:#880013; color:#fff;} .survey_wrap .result_btn {width:73px; display:block; position:absolute; left:70px; height:32px;} .survey_wrap .ing_box.result {padding:3px 10px; background:#3566ab; color:#fff;} .survey_wrap .prize_btn {width:110px; display:block; position:absolute; left:70px; height:32px;} .survey_wrap .ing_box.prizewin {padding:3px 10px; background:#5228b3; color:#fff;} .survey_wrap .bottom{overflow:hidden; border-top:1px solid #ddd; clear:both;} .survey_wrap .bottom p{float:left; color:#666; letter-spacing:-0.5px; width:55%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .survey_wrap .bottom ul{float:right; padding-top:10px; color:#666;} .survey_wrap .bottom li{float:left; margin-left:10px;} .survey_wrap .bottom .like{background:url(/assets/images/like2.png) no-repeat 0 4px; background-size:14px; padding-left:22px;} .survey_wrap .bottom .share{background:url(/assets/images/share2.png) no-repeat 0 3px; background-size:13px; padding-left:22px;} .survey_wrap .bottom .text{background:url(/assets/images/f_text2.png) no-repeat 0 3px; background-size:13px; padding-left:22px;} .survey_wrap .survey_box:hover .like{background: url(/assets/images/like4.png) no-repeat 0 4px; background-size:14px; padding-left:22px;} .survey_wrap .survey_box:hover .share{background: url(/assets/images/share4.png) no-repeat 0 3px; background-size:13px; padding-left:22px;} /* 국민온라인심사 view - 페이지 1 상세정보 */ .blue{color:#2a88d0;} .h3_tit{ border-bottom: 3px solid #064298; padding-bottom:12px;} .h3_line_none{border-bottom:0; padding: 0;} .h3_tit h3{text-align:center; font-size:29px; color:#064298; padding:0 10px 18px;line-height:35px;} .h3_tit .text{display:block; font-size:16px; padding-top:12px; font-weight:normal; color:#666;} .view_list_wrap{border-bottom: 1px solid #ddd; overflow:hidden; padding:10px 20px 2px;} .view_list_wrap ul{overflow:hidden;} .view_list_wrap li{display:block; float:left} .view_list_wrap li a{display:block; margin:0 10px 10px 10px; font-size:14px; word-break: keep-all; line-height: 2;} .view_list_wrap li:last-child a{ margin-right:0;} .view_list_wrap li a strong{margin-right:4px;} .view_list_wrap .like a{background:url(/assets/images/like2.png) no-repeat 0 5px; background-size:14px; padding-left:22px;} .view_list_wrap .share a{background:url(/assets/images/share2.png) no-repeat 0 4px; background-size:13px; padding-left:22px;} .survey_view_wrap{ margin-bottom:35px; position:relative;} .survey_view_wrap .text_wrap{padding:25px 20px;border-bottom:1px solid #ddd;} .youtubeWrap {position:relative; width:100%; /*height:405px;*/ background:#efefef; margin:8px auto; width:720px;} .youtubeWrap img {width:100%;} .sns_dot{ padding:0 18px 0 0px; float:right !important; background:url(/assets/images/share3.png) right 6px no-repeat; background-size:13px;} .sns_dot i{ display: block; width: 4px; margin-top: 4px; height: 4px; background: #9b9b9b;} .sns_dot1{/*padding:0 18px 0 0px; */float:right !important; /*background:url(/assets/images/share2.png) left 6px no-repeat; background-size:13px;*/} /* .sns_dot1 i{ display: block; width: 4px; margin-top: 4px; height: 4px; background: #9b9b9b;} */ .sns_dot1 .sns a{width:30px; height:30px; overflow:hidden; border:0; margin:2px; background-size:31px !important; display:block; float:left; margin-right:inherit;} .sns_dot1 .sns .r_sns1 a{background:url(/assets/images/r_sns1.png) no-repeat center;} .sns_dot1 .sns .r_sns2 a{background:url(/assets/images/r_sns2.png) no-repeat center;} .sns_dot1 .sns .r_sns3 a{background:url(/assets/images/r_sns3.png) no-repeat center;} .sns_dot1 .sns .r_sns4 a{background:url(/assets/images/r_sns4.png) no-repeat center;;} .sns_dot1 .sns .r_sns5 a{background:url(/assets/images/r_sns5.png) no-repeat center;} .sns_dot1 .sns .r_sns6 a{background:url(/assets/images/r_sns6.png) no-repeat center; margin-right:0;} .sns_share {position:absolute ;z-index:99; right: 238px; position: absolute; z-index: 99;} .sns_share .sns{position:absolute; flex-direction: column !important; border:1px solid #dcdcdc; background-color:#fff;padding:18px; width:240px; z-index:10; box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0);-webkit-box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.3);} .sns_share .sns li{width:100%;} .sns_share .sns a{width:47px; height:47px; overflow:hidden; border:0; margin:2px; background-size:46px !important; display:block; float:left; margin-right:inherit;} .sns_share .sns .sns1 a{background:url(/assets/images/sns1.png) no-repeat center;} .sns_share .sns .sns2 a{background:url(/assets/images/sns2.png) no-repeat center;} .sns_share .sns .sns3 a{background:url(/assets/images/sns3.png) no-repeat center;} .sns_share .sns .sns4 a{background:url(/assets/images/sns4.png) no-repeat center; margin-right:0;} .sns_share .sns .url_link{float:inherit;} .sns_share .sns .url_link a{border:1px solid #aeaeae; width:97%; background:none;height:auto; text-align:center;padding:0;font-size:14px;} .sns_share .sns .url_link a:hover{background: #f0f0f0;} /* content-tab-menu */ .nav-tab {padding:0; margin:0; padding-bottom:12px; margin-bottom:80px; text-align:center; clear:both; display: block; /* overflow:hidden; */} .nav-tab li { position:relative; display: table-cell; width: 1%; vertical-align: middle;} .nav-tab li:after{position:absolute; width:1px; height:16px; background:#ddd; top:50%; margin-top:-8px; right:0; content:''; } .nav-tab li:last-child:after{display:none;} .nav-tab li a{ position:relative; display:block; font-size:1.125em; padding: 0 12px; white-space: nowrap} .nav-tab li a:after{ position:absolute; display:block; width:0; height:5px; bottom: -13px; left:50%; transform: translate(-50%,-50%); background:#0067b3; content:''; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .nav-tab li a:hover:after, .nav-tab li a:focus:after{width:100%;} .nav-tab li.active a, .nav-tab li a.active{color:#0067b3; font-weight:700;} .nav-tab li.active a:after, .nav-tab li a.active:after{ width:100%; } .nav-tab.category_tab {background: url(/assets/images/bg_pattern.png) 0 0 repeat; padding-bottom:0; margin-bottom:50px;} .nav-tab.category_tab li a { color: #fff; padding: 15px 20px; background: transparent; overflow: hidden; white-space: normal;} .nav-tab.category_tab li { display: inline-block; width: auto;} .nav-tab.category_tab li:after { display: none;} .nav-tab.category_tab li a { background: #fff; color: #0067b3; padding:8px 20px; font-size: 14px;} .nav-tab.category_tab li a:after{background: #fff;bottom: -35px;width: 0; height: 0;transform: translate(-50%,-50%) rotate(45deg);} .nav-tab.category_tab li.on a { background: #0067b3; color: #fff;} .nav-tab.category_tab li.on a:after {width:27px; height: 27px;} .nav-tab.category_tab li a:hover:after, .nav-tab.category_tab li a:focus:after{width:27px; height: 27px;} .survey_wrap_box{position:relative;} .count_box{background:#EFF005; position:absolute; padding:6px 10px; right:0; top:-44px; font-size:14px; font-weight:600; z-index: 999;} .count_box span{padding:0 3px;} .count_box .blue{font-weight:600;} /* 국민온라인심사-섬네일 방식 설문리스트 */ .survey_wrap4 {overflow: hidden;} .survey_wrap4 .survey_box {float: left; overflow: hidden; margin: 10px; width:calc(25% - 20px); border: 0;} .survey_wrap4 .survey_box .tit_text{font-size:20px; font-weight:600; clear:both; word-break: keep-all;line-height:28px; display:-webkit-box; white-space: normal; height:56px; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px;overflow: hidden;} .survey_wrap4 .survey_box:hover .thumb img{transform: scale(1.1); transition:.4s; } .survey_wrap4 .survey_box .text_box {background:#fff; margin-right:20px; overflow: hidden; border-top:1px solid #000;} .survey_wrap4 .survey_box .opinion strong {height: 58px;} .survey_wrap4 .thumb {width:100%; height:190px; overflow:hidden;} .survey_wrap4 .thumb img{width:100%; height:100%;} .survey_wrap4 .text_wrap{background:#f7f7f7; padding:20px 20px 18px; height:155px; overflow:hidden;} .survey_wrap4 .text_wrap.on{background:#dbefff;} .survey_wrap4 .text_wrap span{display:block; float:left; height:30px;} .survey_wrap4 .text_wrap .right{float:right;} .survey_wrap4 .file_01{background:url(/assets/images/f_movie2.png) no-repeat 0 5px; width:22px; height:30px; background-size:20px;display:block; float:left;} .survey_wrap4 .file_02{background:url(/assets/images/f_text2.png) no-repeat 2px 5px; width:25px; height:30px;background-size:14px;display:block; float:left;} .survey_wrap4 .text_wrap a:hover {color:#000} .survey_wrap4 .text_wrap .text_tit {height: 95px;} .survey_wrap4 li .check{width:35px; margin:0 auto;} .survey_wrap4 li .check select{-webkit-appearance:menulist-button; border:1px solid #ddd; padding:3px 5px 8px; border-radius:3px; margin:0;} .survey_wrap4 li .check a{background: url(/assets/images/check_04.png) no-repeat; float:left; background-size:35px;width:35px;height:35px;display: block;} .survey_wrap4 li .check a.on{background: url(/assets/images/check_03.png) no-repeat; float:left; background-size:35px;width:35px;height:35px;display: block;} .survey_wrap4 li .star {overflow:hidden; width:110px; margin:0 auto; } .survey_wrap4 li .star a{background:url(/assets/images/star_04.png) no-repeat center; float:left; width:20px; height:20px; background-size:20px;margin:0 1px; overflow:hidden; line-height:99;} .survey_wrap4 li .star a.on{background:url(/assets/images/star_03.png) no-repeat center; float:left; width:20px; height:20px; background-size:20px;margin:0 1px;} .survey_wrap4 .survey_box .text_box .survey_wrap3 .text_box{border-top:0;} .survey_wrap4 .survey_box .text2{padding: 10px;} .survey_wrap4 .view_page2{width:100%; margin:10px 0;} .survey_wrap4 .view_page2 .comment{margin-top:0;} .survey_wrap4 .vs_wrap{padding-bottom:0;} .survey_wrap4 .vs_text {border-top:1px solid #000;} .survey_wrap4 .vs_wrap .thumb {margin-bottom:5px; height:300px;} .survey_wrap4 .vs_wrap .vs_box{display:block; width:100%; overflow:hidden;} .survey_wrap4 .vs_wrap .vs_box_wrap{background:#efefef; padding: 15px; word-break: keep-all;display: table-cell; width: 50%; text-align:center; height: 100%; vertical-align: middle; cursor: pointer; border-radius: 5px;} .survey_wrap4 .vs_wrap .thumb img{height:300px;} .survey_wrap4 .vs_wrap .tit span{display:block;} .survey_wrap4 .vs_wrap .vs_box .right {padding-top:0px !important;} .survey_wrap4 .gv_graph{width:100%; display: flex; justify-content: space-between;} .survey_wrap4 .gv_graph .graph_text{display: flex; margin-right:5px; width:50%;} .survey_wrap4 .gv_graph .graph_text strong{padding-right: 5px;} .survey_wrap4 .gv_graph .graph_text span{float:inherit;} .survey_wrap4 .gv_graph .graph_wrap{position:relative; border: 1px solid #ddd;height:1.3em; width:160px;padding:0; float:left;} .survey_wrap4 .gv_graph .graph{background-color:#ff9b20; min-height: 100%; /* opacity:0.1 */; width:19%;} .survey_wrap4 .gv_graph .graph_wrap span{z-index: 2;color: #000;position: absolute;font-size: 13px;line-height:17px;} /* 국민온라인심사-텍스트 방식 설문리스트*/ .survey_wrap2{width:1170px;margin:0 auto; overflow:hidden; background:#000;} .survey_wrap2 li{float:left; overflow:hidden; text-align:center; color:#fff; position:relative; margin:10px; width:calc(33.33% - 20px); height:240px;} .survey_wrap2 li span{display:block; margin-bottom:3px;} .survey_wrap2 li strong{font-size:22px; word-break:keep-all; line-height:30px;color:#fff; display:-webkit-box; white-space:normal; height:56px; word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient:vertical; margin:15px 0 35px; overflow:hidden;} .survey_wrap2 li img{position:absolute; z-index: 10; left: 0; top: 0; width: 100%;} .survey_wrap2 li .box p{border-top:1px solid #fff; padding-top:8px; width:180px; margin:10px auto 0;} .survey_wrap2 li .check a{background:url(/assets/images/check_01.png) no-repeat center; background-size:45px; width:45px; height:45px; display:block; overflow:hidden; line-height:99;position:absolute; left:50%; transform:translateX(-50%);} .survey_wrap2 li .check a.on{background:url(/assets/images/check_02.png) no-repeat center; background-size:45px; width:45px; height:45px; display:block; margin:0 auto;} .survey_wrap2 li .box{position:relative; display:block; z-index:20; width:100%; text-align:center; color:#fff; padding:40px;} .survey_wrap2 li .box2{position:relative; display:block; z-index:20; width:100%; text-align:center; color:#fff; padding:40px; height:240px;background:rgba(30, 56, 127, 0.7); display:block} .survey_wrap2 li .box2 p{width:100%;display:-webkit-box;white-space: normal;height: 76px;word-break:keep-all;word-wrap:break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin:25px 0;overflow: hidden;} .survey_wrap2 li .star{overflow:hidden; width:204px; margin:0 auto;} .survey_wrap2 li .star a{background:url(/assets/images/star_02.png) no-repeat center; float:left; width:25px; height:25px; background-size:25px;margin:0 2px; overflow:hidden; line-height:99;} .survey_wrap2 li .star a.on{background:url(/assets/images/star_01.png) no-repeat center; float:left; width:25px; height:25px; background-size:25px;margin:0 2px;} .survey_wrap2 .box2 .file{position:absolute;right:20px; top:0;} .survey_wrap2 .box2 .file li{height:inherit;} .survey_wrap2 .box2 .file li span{border-radius:50px; background:#25b0ea; width:25px; margin-left: 13px;} .survey_wrap2 .movie_file{width:40px;background:url(/assets/images/f_movie.png) no-repeat 0px 6px;background-size:20px; margin:10px 0; padding-bottom:5px;} .survey_wrap2 .text_file{width:20px;background:url(/assets/images/f_text.png) no-repeat; background-size:20px; margin:10px 0; padding-bottom:5px;} /* 설문 리스트- 리스트 방식 설문리스트*/ .survey_wrap3{border-top:3px solid #2a88d0; margin:30px 0;} .survey_wrap3_top{background:#adbcce; padding: 10px; overflow: hidden; color:#fff;} .survey_wrap3_top li{float:left;margin-right:30px;} .survey_wrap3_top li span{background:#ffffff; display: inline-block;border-radius:50px; text-align: center; color:#0041a4; padding:0 15px; font-weight: 600;} .survey_wrap3_top li .text_1{width:50px;} .survey_wrap3 li{border-bottom:1px solid #ddd; overflow:hidden;} .survey_wrap3 li .tit_wrap:hover{background:#f2f8fd;} .survey_wrap3 li .tit_wrap{overflow:hidden; padding:10px 20px;} .survey_wrap3 li .tit_wrap.on{background:#dbefff;} .survey_wrap3 li .tit{float:left; width:67%; padding-top:4px;} .survey_wrap3 li .tit strong{font-size:20px; width:98%; overflow:hidden; text-overflow: ellipsis; display:block;} .survey_wrap3 li .tit span{display:block; color:#064298; font-size:15px;} .survey_wrap3 li .right{float:right; overflow:hidden; padding-top:30px;} .survey_wrap3 li .p15{padding-top:15px;} .survey_wrap3 li .right a{float:left; margin-right:10px;} .survey_wrap3 li .right a span{background:#25b0ea; border-radius:20px; width:20px; height:20px; display:block; text-align:center; color:#fff; margin-left:10px; line-height:20px; font-size:12px;} .survey_wrap3 li .graph_text{float:left; margin-right:5px;} .survey_wrap3 li .graph_text span{line-height:5px;} .survey_wrap3 li .graph_wrap{position:relative; border: 1px solid #ddd;height:1.3em; width:160px;padding:0; float:left;} .survey_wrap3 li .graph{background-color:#ff9b20; min-height: 100%; /* opacity:0.1 */; width:19%;} .survey_wrap3 li .graph_wrap span{z-index: 2;color: #000;position: absolute;font-size: 13px;line-height:17px;} .survey_wrap3 li .check,.survey_wrap3 li .star{float:left;} .survey_wrap3 li .check select{-webkit-appearance:menulist-button; border:1px solid #ddd; padding:3px 5px 8px; border-radius:3px; margin:15px 15px 0 0; background:none;} .survey_wrap3 li .check a{background: url(/assets/images/check_04.png) no-repeat; margin:15px 15px 0 0; float:left; background-size:35px;width:35px;height:35px;display: block;} .survey_wrap3 li .check a.on{background: url(/assets/images/check_03.png) no-repeat; margin:15px 15px 0 0; float:left; background-size:35px;width:35px;height:35px;display: block;} .survey_wrap3 li .star {padding:23px 15px 0 0;} .survey_wrap3 li .star a{background:url(/assets/images/star_04.png) no-repeat center; float:left; width:20px; height:20px; background-size:20px;margin:0 1px; overflow:hidden; line-height:99;} .survey_wrap3 li .star a.on{background:url(/assets/images/star_03.png) no-repeat center; float:left; width:20px; height:20px; background-size:20px;margin:0 1px;} .survey_wrap3 li .file_01{background:url(/assets/images/f_movie2.png) no-repeat 0 11px; width:22px; height:29px; background-size:20px;} .survey_wrap3 li .file_02{background:url(/assets/images/f_text2.png) no-repeat 2px 10px; width:25px; height:30px;background-size:14px;} .survey_wrap3 li .more{background: url(/assets/images/more.png) no-repeat right 15px; padding-top:6px; background-size:15px; padding-right:21px; margin-right:0 !important; font-size: 14px;} .survey_wrap3 li .more2{background:url(/assets/images/more2.png) no-repeat right 15px; padding-top:6px; background-size:15px; padding-right:21px; margin-right:0 !important; font-size: 14px;} .survey_wrap3 .text_box{border-top:1px solid #ddd; color:#666; margin:0;background: #f5fbff;} .survey_wrap3 .text_box .text2{padding:25px;} .survey_wrap3 .comment .total_reply {position: relative; padding:10px 20px;} .survey_wrap3 .comment .total_reply select{position:absolute; right:1px; top:5px; width:95px;} .survey_wrap3 .comment .comment_list .line {padding:15px 20px;} .survey_wrap3 .comment .comment_list .line:last-child{border-bottom:0;} .survey_wrap3 .comment .comment_list .reply_box .name_box {float:left;} .survey_wrap3 .board_sns_box{ margin:0; float:right;} .survey_wrap3 .comment .comment_list .line .text{clear:both;} .survey_wrap3 .board_sns_box .btn_empathy input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; padding:0 10px 0 38px;height:28px;color: #555; font-size:12px;line-height:28px; border:1px solid #e2e2e2; border-radius:32px; margin-bottom: 5px;} .survey_wrap3 .link, .survey_wrap3 .file {padding:0;} .survey_wrap3 .link li,.survey_wrap3 .file li{border-top:0px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:5px 25px;} .comment_list .change_box{float:left; font-size:12px; margin-left:10px; line-height:28px;} .comment_list .change_box a{font-size:12px; color:#2a88d1;} .comment_list .line .comment_box{font-size:14px;} .comment_list .line .comment_box .comment_1 {background:#f3f3f3; border-radius:5px; padding:4px 8px;} .comment_list .line .comment_box .comment_2 {padding:5px 28px; background:url(/assets/images/comment.png) 5px 8px no-repeat; background-size:15px;} .essay_question{padding:5px 0px 15px;} .essay_question textarea{padding:10px; font-size:13px; width:100%; background:#f8f8f8; border:2px solid #89b8ff;} .vs_wrap{width:100%; overflow:hidden; display:table; padding-bottom:40px;} .vs_wrap .vs_box{background:#efefef; padding:15px; word-break:keep-all; display:table-cell; width:50%; text-align:center; height:100%; vertical-align:middle; cursor:pointer; border-radius:5px;} .vs_wrap .vs_box:hover{background:#dfdfdf;} .vs_wrap .vs_box.on{background:#0067b3; color:#fff;} .vs_wrap .vs_box.on strong,.vs_wrap .vs_box.on span,.vs_wrap .vs_box.on a{color:#fff;} .vs_wrap .vs_box.on .file_01{background:url(/assets/images/f_movie.png) no-repeat 0 11px; background-size:20px;} .vs_wrap .vs_box.on .file_02{background: url(/assets/images/f_text.png) no-repeat 2px 10px; background-size:14px;} .vs_wrap strong{display:table-cell; vertical-align:middle; font-size:24px; padding:0 15px; text-align: center;} .vs_text{width:100%; display:block;margin-bottom:40px;} .vs_wrap .vs_box .tit{width:100% !important;} .vs_wrap .vs_box .right{padding-top:10px !important; margin:0 auto; width:68px; float:inherit;} /*게시판 첨부파일 및 의견*/ .link li,.file li{/*border-bottom:1px solid #e4e4e4;*/ padding:5px 10px;} .link li a {overflow:hidden; display: block; padding-left:27px; height:28px; color:#666; font-size:14px; line-height:28px; background-size:18px; background: url('/images/icon_link3.png') 0 center no-repeat; text-overflow: ellipsis; white-space: nowrap;} .file li a:not(.open-pdf) {padding-left: 25px;color: #666;font-size: 15px;line-height: 22px; background:url('/images/icon_download2.png') 0 2px no-repeat;} .file li a.open-pdf {color: #666;font-size: 15px;line-height: 22px;} .opinion{background:#f4f4f4; padding:20px 25px; overflow:hidden; border-radius:5px;} .opin_area {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .opin_area .opinion textarea{} .opin_area a {margin-top: 0 !important; line-height: 54px; border-radius: 3px;} .opin_area textarea{width:84% !important; margin:0 !important;} .opinion strong{font-size:20px; font-weight:bold; float:left; text-align:center; padding-top:10px;} .opinion strong span{display:block;font-size:13px; font-weight:normal;} .opinion textarea{width:80%; height:70px; padding:5px; font-size:13px; margin:0 15px; border:1px solid #ddd; ime-mode:active;} .opinion a{background:#5e6880; text-align:center;width:9.7%; display:block; float:right; color:#fff; padding:6px; margin-top:17px;} /* 설문투표 완료 */ .survey_end{text-align:center; color:#666; width:60%; margin:0 auto;} .survey_end dl{word-break: keep-all; border-top:2px solid #064298; padding-top:10px;} .survey_end dt{color:#064298; font-size:24px; margin:15px 0; font-weight:600;} .survey_end dd{white-space: pre-line; word-break: break-all;} .survey_end .box{background:#f8f8f8;border:1px solid #ddd; padding:15px 25px; margin:35px auto; overflow:hidden;} .survey_end .box p{font-size:18px; text-align:left; padding-bottom:10px; font-weight:600;} .survey_end .box li{float: left; text-align: left; margin-right:20px; margin-bottom:5px;} .survey_end .box .agree_wrap{width:100%; text-align:left;} .survey_end .box .phone {margin-right:0} .survey_end .box .phone select,.survey_end .box .phone input{width:20%; height:25px;} .survey_end .name_box{width:100px;} .survey_end img{width:250px;} /* depth_6 */ .depth_6{margin:0 0 10px; width:100%; letter-spacing:-0.05em;} .depth_6:after{clear:both; content:""; display:block;} .depth_6 li{float:left; display:table; width:16.66%; text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff;} .depth_6 li a{display:table-cell; vertical-align:middle; padding:10px; font-size:1em; color:#5f5e5e; background:#e7e7e7;} .depth_6 li.on a,.depth_6 li a:focus, .depth_6 li a:hover{color:#fff;font-weight:500; background:#064298;} /* 혁신제안톡-첫화면-제목 */ .boardlist_top .search_box li {margin-bottom:5px;} .boardlist_top .search_box li .inpbox2 {overflow: hidden;float: left;width:310px;height: 35px; border: 1px solid #cbcbc5;} .boardlist_top .search_box li .inpbox3 {overflow: hidden;float: left;width:150px;height: 28px; border: 1px solid #cbcbc5;} .boardlist_top .search_box .filter{background: url(/assets/images/filter.png) #263f78 center no-repeat; width:40px; height: 35px;display: block;float: left; background-size:16px;} .boardlist_top .btn_wrap{padding:20px 0 0px;} .suggest_wrap{margin:0 0 0 -10px; overflow:hidden; clear:both;} .suggest_wrap .suggest_box {float:left; overflow:hidden; position:relative; margin:10px; width:calc(33.33% - 20px);} .suggest_wrap .suggest_box:hover .thumb img{transform: scale(1.1); transition:.4s; } .suggest_wrap .thumb {width:100%; height:250px; overflow:hidden; position:relative;} .suggest_wrap .thumb img{width:100%; height:100%;} .suggest_wrap .text_box{padding:20px 20px 18px; border:1px solid #ddd;} .suggest_wrap .movie{background: url(/assets/images/movie.png) no-repeat; float:right;width:20px; height:20px; display:block; background-size:20px;} .suggest_wrap .suggest_box .category{float:left; display:block; margin-bottom:3px; font-weight:600;} .suggest_wrap .suggest_box .write{float:left; background:#4e4e4e; margin-left:5px; font-size:13px; padding:0px 8px; color:#fff;} .suggest_wrap .suggest_box .modify{float:left;background:#e8e8e8; margin-left:5px; font-size:13px; padding:0px 8px; color:#000;} .suggest_wrap .suggest_box strong{color:#222; clear:both; font-size:22px; line-height:30px;display:block; white-space:normal; height:56px; word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient: vertical;margin-bottom: 15px; overflow: hidden;} .suggest_wrap .suggest_box p{font-size:14px;} .suggest_wrap .suggest_box.on{display:inline-block; background:#fff;} .suggest_wrap .suggest_box{display:inline-block;background:#fff; cursor:pointer;} .suggest_wrap .suggest_box:hover{background:#f8f8f8;} .suggest_wrap .off{background:#f0f0f0;} .suggest_wrap .user{position:absolute; color:#fff; bottom:0; left:0; padding:3px 0 3px 30px;font-size:14px; z-index:2; background:url(/assets/images/icon_01.png) no-repeat 10px; background-size:15px;float:left; display:block; margin-bottom:3px; font-weight:bold;} .suggest_wrap .write_date{position:absolute; color:#fff; bottom:0; right:0; padding:0px 15px 5px; font-size:14px; z-index:2;} .suggest_wrap .bottom{overflow:hidden; color:#a1a1a1; padding-bottom:6px;} .suggest_wrap .bottom p{float:left;} .suggest_wrap .bottom ul{float:right;} .suggest_wrap .bottom li{float:left; margin-left:10px; font-size:14px;} .suggest_wrap .bottom .like{background:url(/assets/images/icon_02.png) no-repeat 0 4px; background-size:16px; padding-left:22px;} .suggest_wrap .bottom .time{background:url(/assets/images/icon_03.png) no-repeat 0 3px; background-size:13px; padding-left:18px;} .suggest_wrap .bottom .comment{background:url(/assets/images/icon_04.png) no-repeat 0 8px; background-size:15px; padding-left:18px; margin-top:0;} .suggest_wrap .bottom .click{background:url(/assets/images/icon_05.png) no-repeat; background-size:13px; padding-left:15px;} .suggest_wrap .step_box{background:#ededed; border-radius:50px; width:100%; overflow:hidden; height:22px;} .suggest_wrap .step_box li{text-align:center;font-size:12px;color:#fff;} .suggest_wrap .step1{background:#f7a919; float:left;display:block; width:25%; height:22px;} .suggest_wrap .step2{background:#f36b2f; float:left;display:block; width:25%; height:22px;} .suggest_wrap .step3{background:#f32f4b; float:left;display:block; width:25%; height:22px;} .suggest_wrap .step4{background:#880013; float:left;display:block; width:25%; height:22px;} /* 설문 리스트-제목2 */ .suggest_wrap2{margin:0 0 0 -10px; overflow:hidden; clear:both; justify-content: space-around;} .suggest_wrap2 .suggest_box {float:left; overflow:hidden; position:relative; margin:10px; width:calc(25% - 20px); box-shadow:3px 3px 3px #e9e9e9;} .suggest_wrap2 .text_box{padding:20px 20px 18px; border:1px solid #ddd;} .suggest_wrap2 .suggest_box span{display:block; font-weight:bold;} .suggest_wrap2 .tit_box {overflow:hidden; margin-bottom:10px;} .suggest_wrap2 .tit_box .cat{float:left;} .suggest_wrap2 .tit_box .step{border-radius:50px; text-align:center; width:75px; float:right;font-size: 14px; color:#fff; font-weight:500;} .suggest_wrap2 .tit_box .step00{border-radius:50px; text-align:center; float:right;font-size: 14px; color:#fff; font-weight:500; padding:0 10px;} .suggest_wrap2 .tit_box .step0{background:#064298;} .suggest_wrap2 .tit_box .step1{background:#717901;} .suggest_wrap2 .tit_box .step2{background:#f36b2f;} .suggest_wrap2 .tit_box .step3{background:#f32f4b;} .suggest_wrap2 .tit_box .step4{background:#880013;} .suggest_wrap2 .tit_box .step5{background:#757575;} /* 혁신제안톡 목록형 글상태 배경 */ .suggest_wrap3 .sw3-box .cat{display:block; font-weight:bold;} .suggest_wrap3 .sw3-box .step{border-radius:50px; text-align:center; width:75px; float:right;font-size: 14px; color:#fff; font-weight:500;} .suggest_wrap3 .sw3-box .step00{border-radius:50px; text-align:center; float:right;font-size: 14px; color:#fff; font-weight:500; padding:0 10px;} .suggest_wrap3 .sw3-box .step0{background:#064298;} .suggest_wrap3 .sw3-box .step1{background:#717901;} .suggest_wrap3 .sw3-box .step2{background:#f36b2f;} .suggest_wrap3 .sw3-box .step3{background:#f32f4b;} .suggest_wrap3 .sw3-box .step4{background:#880013;} .suggest_wrap3 .sw3-box .step5{background:#757575;} .suggest_wrap2 .suggest_box strong{font-size:20px; word-break:break-all;line-height:30px;display:-webkit-box; white-space:normal; height:56px; word-wrap:break-word;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;} .suggest_wrap2 .suggest_box a.on{display:inline-block; background:#fff;} .suggest_wrap2 .suggest_box a{display:inline-block;background:#fff; width:100%;} .suggest_wrap2 .suggest_box .tit_box a.private{display:inline-block;background:#fff;} .suggest_wrap2 .suggest_box a:hover{background:#f8f8f8;} .suggest_wrap2 .suggest_box .text{color:#979797; line-height:1.5; height:50px; word-wrap: break-word;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; overflow: hidden; margin:10px 0;font-size:16px;} .suggest_wrap2 .user{color:#787878; padding:3px 0 3px 20px;font-size:14px; z-index:2; background:url(/assets/images/icon_user.png) no-repeat 0px; background-size:15px;} .suggest_wrap2 .score6{padding: 5px 0 1px 30px;background: url(/assets/images/lv_s05.png) no-repeat 0px; background-size: 25px;} .suggest_wrap2 .score5{padding: 5px 0 1px 30px;background: url(/assets/images/lv_s04.png) no-repeat 0px; background-size: 25px;} .suggest_wrap2 .score4{padding: 5px 0 1px 30px;background: url(/assets/images/lv_s03.png) no-repeat 0px; background-size: 25px;} .suggest_wrap2 .score3{padding: 5px 0 1px 30px;background: url(/assets/images/lv_s02.png) no-repeat 0px; background-size: 25px;} .suggest_wrap2 .score2{padding: 5px 0 1px 30px;background: url(/assets/images/lv_s01.png) no-repeat 0px; background-size: 25px;} .suggest_wrap2 .bottom{overflow:hidden; border-top:1px solid #ddd; color:#979797; margin-top:10px; padding-top:10px;} .suggest_wrap2 .bottom p{float:left; font-size:14px; color:#707070;} .suggest_wrap2 .bottom ul{float:right; font-size:13px;} .suggest_wrap2 .bottom li{float:left; margin-left:5px;} .suggest_wrap2 .bottom .like{background:url(/assets/images/icon_vote.png) no-repeat 0 4px; background-size:16px; padding-left:17px; color:#707070;} .suggest_wrap2 .bottom .time{background:url(/assets/images/icon_time.png) no-repeat 0 3px; background-size:13px; padding-left:18px; color:#707070;} .suggest_wrap2 .bottom .comment{background:url(/assets/images/icon_reply.png) no-repeat 0 8px; background-size:15px; padding-left:17px; margin-top:0; color:#707070;} .web_table{display:block;} .mobile_table{display:none;} .comment_02{display:inline-block; font-size:16px; color:#666666;} /* 공간안내 */ .info_link a{background:#fff; display: block;border-radius: 3px; margin: 3px 0; border: 1px solid #ddd; padding: 3px 0 2px;} .info_link a.on{background:#efefef;color:#000000;} .info_link a:hover{background:#efefef;} .view_img{position:relative;} .view_img img{width:100%;} .info_link button{background:#fff; display: block;border-radius: 3px; margin: 3px 0; border: 1px solid #ddd; padding: 7px 14px 5px; font-size: 14px;} .info_link button.on{background:#efefef;color:#000000;} .info_link button:hover{background:#efefef;color:#000000;} .view_popup_zone {overflow:hidden; background:#ddd; position:relative; height:270px; border-radius:5px;} .view_popup_zone .pop_controls{position:absolute; top:21px; right:23px; line-height:0; z-index:10;} .view_popup_zone li a{width:100%; height:100%; display:block;} .view_popup_zone img{width:100%; height:270px;} .view_popup_zone .banner{height:250px;} .view_popup_zone pre{height:20px;} .view_controls_btn {position:absolute; bottom:5%; left:40%;} .view_controls_btn a{display:block; width:22px; height:22px; background-size:85px !important; float:left; margin-left:1px;} .view_controls_btn .bx-start {background:url(/assets/images/main_new/play_btn.png) no-repeat;} .view_controls_btn .bx-stop {background:url(/assets/images/main_new/play_btn.png) -21px 0px no-repeat;} .view_controls_btn .bx-prev {background:url(/assets/images/main_new/play_btn.png) -43px 0px no-repeat;} .view_controls_btn .bx-next{background:url(/assets/images/main_new/play_btn.png) -63px 0px no-repeat;} /*공공서비스디자인*/ .date_wrap{width: 100% !important;} .date_wrap label{width: 52px;} .date_wrap .date{display:flex;} .date_wrap .date_text{display:flex; align-items: center;} .date_wrap .date_text img{width:20px; height:20px; margin:0 5px;} .date_wrap .date_radio{display:flex; padding-left:15px;} .date_wrap .date_radio input{width:auto;} /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .suggest_wrap2 .suggest_box strong{display:block;} } .color_G01{color:#2d84ff;} .color_G02{color:#e5743a;} .color_G03{color:#1f8477;} .color_G04{color:#0047bf;} .color_G05{color:#ff481f;} .color_G06{color:#ffa413;} .color_G07{color:#03bf81;} .color_G08{color:#9a1aff;} .color_G09{color:#1dce1c;} .color_G10{color:#03a0bf;} .color_G11{color:#ff1a92;} .color_G12{color:#089350;} .color_G13{color:#c2009f;} .color_G14{color:#ddbc0f;} .color_G15{color:#016FD0;} .color_G99{color:#118614;} .red{background:#ef8e22 !important;} .btn {min-width:100px; height:45px; padding:0 50px; margin:2px 1px; line-height:45px; display:inline-block; text-align:center; font-family:inherit;} .btn:hover{background:#69707a; color:#fff;} .btn_blue2{background:#064298; color:#fff;} .btn_purple{background:#5228b3; color:#fff;} .btn_gray{background:#6a7793;} .btn_wrap{text-align:center;} .btn_default{background:#404d6e; padding:8px 10px; font-size:14px; color:#fff; line-height:18px;} .btn_white{background:#fff; color:#064298; border:1px solid #064298; font-weight:600; margin-top: 0px;} .btn_white:hover{background:#f1f6fe; color:#064298;} /*일반게시판 상세_혁신제안톡*/ .ghm_stepwrap{overflow:hidden; margin:20px 0 40px 25px;} .ghm_stepwrap ul{background:url(/assets/images/ghm_next.png) no-repeat right; float:left; padding:0px 30px 0px 10px; width:29%; background-size:20px;} .ghm_stepwrap ul .ghm_all{background:none;} .ghm_stepwrap ul:last-child{background:none;} .ghm_stepwrap ul li{background:#edeff1; padding:8px; border-radius:5px; height:105px;} .ghm_stepwrap ul li a{background:#fff; /*color:#bcbcbc;*/ font-weight:bold; display:block; width:100%; height:100%; color:#757575;} .ghm_stepwrap ul li a span{color:#2bbc89; float:right;} .ghm_stepwrap .ghm3,.ghm_stepwrap .ghm4 {height:100%; width:100%; display:table;} .ghm_stepwrap .ghm_all{padding:0; width:13%;} .ghm_stepwrap .ghm_all .all{height:100%;width:100%; display:table;} .ghm_stepwrap .ghm_all a{text-align:center;display:table-cell; vertical-align:middle; font-size:24px;} .ghm_stepwrap ul li div.on a{color:#208376; background:#edeff1;} .ghm_stepwrap .ghm1 a{background:url(/assets/images/ghm1.png) no-repeat 10px #fff; margin-bottom:5px; display:block;background-size:25px; padding:8px 18px 8px 50px; font-size:20px;} .ghm_stepwrap ul li div.ghm1.on a {background:url(/assets/images/ghm1_2.png) no-repeat 10px #edeff1; background-size:25px; } .ghm_stepwrap ul li div.ghm1 a:hover {color:#208376; background:#edeff1; background:url(/assets/images/ghm1_2.png) no-repeat 10px #edeff1; background-size:25px; } .ghm_stepwrap .ghm2 a{background:url(/assets/images/ghm2_new.png) no-repeat 10px #fff; background-size:20px; padding:8px 18px 8px 50px;font-size:20px;} .ghm_stepwrap ul li div.ghm2.on a {background:url(/assets/images/ghm2_2_new.png) no-repeat 10px #edeff1; background-size:20px;} .ghm_stepwrap ul li div.ghm2 a:hover {color:#208376; background:#edeff1; background:url(/assets/images/ghm2_2_new.png) no-repeat 10px #edeff1; background-size:20px;} .ghm_stepwrap .ghm3 a{background:url(/assets/images/status_2_1.png) no-repeat 10px #fff; background-size:20px; padding:8px 18px 8px 50px; display:table-cell; vertical-align:middle; font-size:22px;} .ghm_stepwrap ul li div.ghm3.on a {background:url(/assets/images/status_2_1.png) no-repeat 10px #edeff1; background-size:20px;} .ghm_stepwrap ul li div.ghm3 a:hover {color:#208376; background:#edeff1; background:url(/assets/images/status_2_2.png) no-repeat 10px #edeff1; background-size:20px;} .ghm_stepwrap .ghm4 a{background:url(/assets/images/status_3_1.png) no-repeat 10px #fff; background-size:30px; padding:8px 18px 8px 50px; display:table-cell; vertical-align:middle; font-size:22px;} .ghm_stepwrap ul li div.ghm4.on a {background:url(/assets/images/status_3_1.png) no-repeat 10px #edeff1; background-size:30px;} .ghm_stepwrap ul li div.ghm4 a:hover {color:#208376; background:#edeff1; background:url(/assets/images/status_3_2.png) no-repeat 10px #edeff1; background-size:30px;} .ghm_stepwrap .ghm5 {height:100%; width:100%; display:table;} .ghm_stepwrap .ghm5 a{background:url(/assets/images/status_1_1.png) no-repeat 10px #fff; background-size:20px; padding:8px 18px 8px 50px; display:table-cell; vertical-align:middle; font-size:22px;} .ghm_stepwrap ul li div.ghm5.on a {background:url(/assets/images/status_1_1.png) no-repeat 10px #edeff1; background-size:20px;} .ghm_stepwrap ul li div.ghm5 a:hover {color:#208376; background:#edeff1; background:url(/assets/images/status_1_2.png) no-repeat 10px #edeff1; background-size:20px;} .ghm_stepwrap .step_box{width:33%;} .ghm_stepwrap .ghm3 {position:relative;} .ghm_stepwrap .ghm3 .s_text{line-height:20px; padding:0; width:65%; background-size:inherit; float:right; text-align:right; background:none;} .ghm_stepwrap .ghm3 .s_text li{display:block; background:none; padding:0; border-radius:inherit; height:auto;} .ghm_stepwrap .ghm3 em{position:absolute; top:35%;} .ghm_stepwrap .ghm3 .s_text .dot3{margin-right:40px; margin-top:4px;} .ghm_stepwrap .ghm4 {position:relative;} .ghm_stepwrap .ghm4 .s_text{line-height:20px; padding:0; width:65%; background-size:inherit; float:right; text-align:right; background:none;} .ghm_stepwrap .ghm4 .s_text li{display:block; background:none; padding:0; border-radius:inherit; height:auto;} .ghm_stepwrap .ghm4 em{position:absolute; top:35%;} .ghm_stepwrap .ghm4 .s_text .dot3{margin-right:70px; margin-top:4px;} .ghm_stepwrap .s_text{font-weight:normal; font-size:13px; color:#000;} /*일반게시판 상세_혁신제안톡 2020-04-09변경 TYPE*/ .ghm_stepwrap2{overflow:hidden; margin:20px 0 40px 15px; width:100%;} .ghm_stepwrap2 ul{background:url(/assets/images/ghm_next.png) no-repeat right; float:left; padding:0px 30px 0px 10px; width:29%; background-size:20px; } .ghm_stepwrap2 ul .ghm_all{background:none;} .ghm_stepwrap2 .ghm_all li{background:#064298;} .ghm_stepwrap2 ul:last-child{background:none;} .ghm_stepwrap2 ul li{ padding:8px; border-radius:5px;} .ghm_stepwrap2 ul li.talk_step{padding:0; margin-bottom:10px;} .ghm_stepwrap2 ul li.talk_step img{width:100%;} .ghm_stepwrap2 ul li .tit{color:#fff; font-weight:bold; display:block; width:100%; padding:8px; font-size: 22px; cursor:pointer;} .ghm_stepwrap2 ul li .tit span{color:#fff; float:right;} .ghm_stepwrap2 ul li .on{color:#28b1bd; background:#f6f6f6;} .ghm_stepwrap2 .ghm_all{padding:0; width:13%; text-align:center; height:auto; margin-top:105px;} .ghm_stepwrap2 .ghm_all .all{height:auto;width:100%; display:table;} .ghm_stepwrap2 .ghm_all a{text-align:center;} .ghm_stepwrap2 .ghm_all .all .box span{float:inherit; font-size:22px;} .ghm_stepwrap2 .ghm_all .all .white_wrap{display:table; margin-top: 5px;} .ghm_stepwrap2 .ghm_all .all .white_wrap .box{display:table-cell; height: 75px; vertical-align: middle; font-size: 24px;} .ghm_stepwrap2 .ghm_all .box span{color:#2761ab;} .ghm_stepwrap2 .ghm1{background:#00adef;} .ghm_stepwrap2 .ghm1 .tit{background:url(/assets/images/ghm1_3.png) no-repeat 10px; background-size:25px; padding:8px 18px 8px 50px; cursor:pointer;} .ghm_stepwrap2 .ghm1 .box span{color:#209b9a;} .ghm_stepwrap2 .ghm1 .box2 span{color:#858585;} .ghm_stepwrap2 .ghm2{background:#3588fe;} .ghm_stepwrap2 .ghm2 .tit{background:url(/assets/images/ghm2_3.png) no-repeat 10px; background-size:20px; padding:8px 18px 8px 50px; cursor:pointer;} .ghm_stepwrap2 .ghm2 .box span{color:#097e7e;} .ghm_stepwrap2 .ghm2 .box2 span{color:#858585;} /* .ghm_stepwrap2 .ghm3{background:#008382;} */ /* .ghm_stepwrap2 .ghm3 .tit{background:url(/assets/images/ghm4_3.png) no-repeat 10px; background-size:30px; padding: 8px 18px 8px 50px; cursor:pointer;} */ /* .ghm_stepwrap2 .ghm3 .box span{color:#008382;} */ .ghm_stepwrap2 .ghm3{background:#0162f1;} .ghm_stepwrap2 .ghm3 .tit{background:url(/assets/images/ghm4_3.png) no-repeat 10px; background-size:30px; padding: 8px 18px 8px 50px; cursor:pointer;} /*.ghm_stepwrap2 .ghm3 .white_wrap {display:table; margin-top: 5px;}*/ /*.ghm_stepwrap2 .ghm3 .white_wrap .box {display:table-cell; vertical-align: middle; font-size: 24px; text-align: center;}*/ /*.ghm_stepwrap2 .ghm3 .white_wrap .box span{color:#008382; float: inherit !important; font-size: 22px !important;}*/ .ghm_stepwrap2 .white_wrap{width:100%;} .ghm_stepwrap2 .white_wrap .box{background:#fff; overflow:hidden; margin:5px 0; padding:5px 10px; display: block;} .ghm_stepwrap2 .white_wrap .box:hover{background:#f6f6f6;} .ghm_stepwrap2 .white_wrap .box:last-child{margin-bottom:0px;} .ghm_stepwrap2 .white_wrap .box p{float:left;} .ghm_stepwrap2 .white_wrap .box span{float:right; font-weight:bold; font-size:15px;} /*협업이음터 2021-03-08변경 TYPE*/ .ghm_stepwrap3{overflow:hidden; margin:20px 0 40px 25px;} .ghm_stepwrap3 ul{background:url(/assets/images/ghm_next.png) no-repeat right; float:left; padding:0px 30px 0px 10px; width:33%; background-size:20px;} .ghm_stepwrap3 ul .ghm_all{background:none;} .ghm_stepwrap3 .ghm_all li{background:#2761ab;} .ghm_stepwrap3 ul:last-child{background:none;} .ghm_stepwrap3 ul li{background:#edeff1; padding:8px; border-radius:5px;} .ghm_stepwrap3 ul li .tit{color:#fff; font-weight:bold; display:block; width:100%; padding:8px; font-size: 22px; cursor:pointer;} .ghm_stepwrap3 ul li .tit span{color:#fff; float:right;} .ghm_stepwrap3 ul li .on{color:#28b1bd; background:#f6f6f6;} /* .ghm_stepwrap3 .ghm_all{padding:0; width:13%; text-align:center;} */ /* .ghm_stepwrap3 .ghm_all .all{height:100%;width:100%; display:table;} */ /* .ghm_stepwrap3 .ghm_all a{text-align:center;} */ /* .ghm_stepwrap3 .ghm_all .all .box span{float:inherit; font-size:22px;} */ /* .ghm_stepwrap3 .ghm_all .all .white_wrap{display:table; margin-top: 5px;} */ /* .ghm_stepwrap3 .ghm_all .all .white_wrap .box{display:table-cell; height: 75px; vertical-align: middle; font-size: 24px;} */ /* .ghm_stepwrap3 .ghm_all .box span{color:#2761ab;} */ .ghm_stepwrap3 .ghm1{background:#209b9a;} .ghm_stepwrap3 .ghm1 .tit{background:url(/assets/images/ghm1_3.png) no-repeat 10px; background-size:25px; padding:8px 18px 8px 50px; cursor:pointer;} .ghm_stepwrap3 .ghm1 .box{width: 100%;} .ghm_stepwrap3 .ghm1 .box span{color:#209b9a;} .ghm_stepwrap3 .ghm1 .box2 span{color:#858585;} .ghm_stepwrap3 .ghm2{background:#097e7e;} .ghm_stepwrap3 .ghm2 .tit{background:url(/assets/images/ghm2_3.png) no-repeat 10px; background-size:20px; padding:8px 18px 8px 50px; cursor:pointer;} .ghm_stepwrap3 .ghm2 .box{text-align: center; width: 100%;} .ghm_stepwrap3 .ghm2 .box span{color:#097e7e; float: inherit !important;} .ghm_stepwrap3 .ghm2 .box2 span{color:#858585; float: inherit !important;} .ghm_stepwrap3 .ghm3{background:#0b5959;} .ghm_stepwrap3 .ghm3 .tit{background:url(/assets/images/ghm4_3.png) no-repeat 10px; background-size:30px; padding: 8px 18px 8px 50px; cursor:pointer;} .ghm_stepwrap3 .ghm3 .white_wrap {display:table; margin-top: 5px;} .ghm_stepwrap3 .ghm3 .white_wrap .box {text-align: center; width: 100%;} .ghm_stepwrap3 .ghm3 .white_wrap .box span{color:#008382; float: inherit !important;} .ghm_stepwrap3 .ghm3 .white_wrap .box2 span{color:#858585; float: inherit !important;} .ghm_stepwrap3 .white_wrap{width:100%;} .ghm_stepwrap3 .white_wrap .box{background:#fff; overflow:hidden; margin:5px 0; padding:5px 10px; display: block;} .ghm_stepwrap3 .white_wrap .box:hover{background:#f6f6f6;} .ghm_stepwrap3 .white_wrap .box:last-child{margin-bottom:0px;} .ghm_stepwrap3 .white_wrap .box p{float:left;} .ghm_stepwrap3 .white_wrap .box span{float:right; font-weight:bold; font-size:15px;} .text_box .user_question li.full .check {width: 100%; display: block;} .text_box .user_question li.full .img_box {margin-left: 0;} .text_box .user_question li.full .check select {float: none;} .text_box .user_question li .check .check_info{padding:4px 0;} .board_talk_view h4{font-size:22px; margin-bottom:10px; color:#000;} .board_talk_view{ border-top:2px solid #68768c; position:relative;} .board_talk_view h3{color:#444; font-size:28px; text-align:center; margin:30px 0px 25px; line-height:38px; word-break: keep-all;} .board_talk_view h3 .off_line{color:#fff; background:#7e49bf; font-size:18px; border-radius:50px; padding:7px 14px; margin-right:5px;} .board_talk_view h3 .on_line{color:#fff; background:#208376;font-size:18px; border-radius:50px; padding:7px 14px; margin-right:5px;} .board_talk_view .talk_tit{float:left; font-size:14px;background:#68768c; border-radius:50px; padding:0px 12px;margin-right:8px;font-weight:100; color:#fff;} .board_talk_view .info_box{overflow:hidden;background:#f4f4f4; padding:15px 15px 13px; border-bottom:1px solid #ddd;} .board_talk_view .info_box li{display:inline-block; margin-right:10px; line-height: 2.5;} .board_talk_view .info_box li:last-child{margin-right:0;} .board_talk_view .info_box li strong{padding-right:5px;} .board_talk_view .info_box .left{float:left;} .board_talk_view .info_box .right{float:right; height:30px;} .board_talk_view .text_wrap {overflow:hidden;margin-bottom: 30px;} .board_talk_view .text_wrap .text_hidden{text-align:right; float: right; display:block; padding:5px 24px 0 0; font-size:14px; background:url(/assets/images/more2.png) no-repeat right 12px; background-size:16px;} .board_talk_view .text_wrap .text_open{float:right; display:block; padding:5px 24px 0 0; font-size:14px; background:url(/assets/images/more.png) no-repeat right 12px; background-size:16px;} .board_talk_view .text_box{background:#fafafa; border:1px solid #ddd; padding:30px 35px;} .board_talk_view .text_box h5{font-size:16px; border-bottom:1px solid #ddd; padding-bottom:10px;} .board_talk_view .text_bg{background:#f0f0f0; padding:15px; margin:8px 0 20px; border-radius:5px;} .board_talk_view .text_box dt{font-size:16px; /*border-bottom:1px solid #ddd;*/ padding-bottom:6px;margin-bottom:6px; font-weight:bold; position:relative;margin-top:0px;} .board_talk_view .text_box dd{font-size:14px; border-bottom:1px solid #ddd; padding-bottom:6px; margin-bottom:6px;} .board_talk_view .text_box dd p{padding:5px 0 12px;} .board_talk_view .text_box dd p span {overflow: hidden; word-break: break-all;} .board_talk_view .text_box dl{margin-bottom:10px; border-radius:5px;} .board_talk_view .text_box dl:last-child{margin-bottom:0;} .board_talk_view .text_box .opinion{padding:20px; background:#f0f0f0; border-radius:5px;} .board_talk_view .text_box .opinion textarea {width:76%;} .board_talk_view .text_box .opinion_wrap dl{margin-bottom: 5px;} .opinion_wrap dl .date{font-size:13px; font-weight:normal;} .opinion_wrap dl .write_btn_group2{float:right; position:relative;} .opinion_wrap dl .write_btn_group2 a{border:1px solid #ddd; background:#fff;font-weight:normal; font-size:14px; padding:5px 10px; color: #4984d9;} .opinion_wrap dl .write_btn_group2 a:nth-child(2n) { color: red;} .opinion_wrap dl .btn_dot{position: absolute; right:0; top:5px;} .board_talk_view .vs_wrap {padding:5px 0;} .board_talk_view .text_box .btn_wrap{margin-top:30px;} .board_talk_view .vs_wrap .img_box{padding: 5px 0; width: 100%; height:250px; overflow:hidden;} .board_talk_view .vs_wrap .img_box img{width:100%;height:100%;} .board_talk_view .user_question .img_box{padding: 5px 0; max-width:508px; height:auto; overflow:hidden;} .board_talk_view .user_question .img_box img{width:100%;height:auto;} .board_talk_view .user_question li{margin:4px 0;} .board_talk_view .vs_wrap .vs_box {padding:0px;} .board_talk_view .vs_box a{background:#efefef; width:100%; display:block; padding:10px; border-radius:5px;} .board_talk_view .vs_wrap .vs_box.on,.board_talk_view .vs_wrap .vs_box{background: none;} .board_talk_view .vs_box.on a{background:#1ebbbc;} .board_talk_view .vs_box.on a:hover{background:#0067b3 !important;} .board_talk_view .vs_wrap .graph_text strong {font-size:14px; display:inline-block; padding:0;} .board_talk_view .vs_wrap .vs_box a:hover{background:#dfdfdf;} .board_talk_view .vs_wrap .vs_box.on strong,.board_talk_view .vs_wrap .vs_box.on span{color:#666; } .board_talk_view .vs_wrap .vs_box .right {width:100%;} .board_talk_view .user_text_write{width:100%; height:50px; padding:5px; line-height:19px; font-size:14px; margin-top:5px; ime-mode:active;} .board_talk_view .check a{background:url(/assets/images/check_04.png) no-repeat; margin:5px 5px 0 0; float:left; background-size:18px;width:18px;height:18px; display:block;} .board_talk_view .check a.on{background:url(/assets/images/check_03.png) no-repeat; margin:5px 5px 0 0; float:left; background-size:18px;width:18px;height:18px; display:block;} .board_talk_view .check li{padding:4px 0;} .board_talk_view .check select {float:left; /*-webkit-appearance: menulist-button;*/ border:1px solid #ddd; padding:3px; margin-right:5px; font-size:14px; background: url(/images/arrow_select2.png) right 5px center no-repeat #fff;} .board_talk_view .check strong{float:right;} .board_talk_view .result{overflow:hidden;} .board_talk_view .result a{float:left; margin-right:10px;} .board_talk_view .result a span{background:#25b0ea; border-radius:20px; width:20px; height:20px; display:block; text-align:center; color:#fff; margin-left:10px; line-height:20px; font-size:12px;} .board_talk_view .graph_text{float:left; margin-left:5px;} .board_talk_view .graph_text span{line-height:5px;} .board_talk_view .graph_wrap{position:relative; border: 1px solid #ddd;height:1.3em; width:160px;padding:0; float:left; margin-top:5px;} .board_talk_view .graph{background-color:#ff9b20; min-height: 100%; /* opacity:0.1 */; width:19%;} .board_talk_view .graph_wrap span{z-index:2; color:#000;position: absolute;font-size: 13px;line-height:20px; display:block; right:3px;} .board_talk_view .view_btn{margin-right:10px;} .view_btn{background:#28388f; padding:6px 12px; color:#fff;} .view_btn:hover{background:#7f86a9; color:#fff;} .nomination{overflow:hidden; margin:0 auto 30px; width:58%;} .nomination li {float:left; margin-right:0px;} .nomination li strong{float:left; padding-left:5px;} .nomination li .graph_text{float:left; margin-right:5px;} .nomination li .graph_text span{line-height:5px;} .nomination li .graph_wrap{float:left; margin:4px; position:relative; border:1px solid #ddd;height:1.3em; width:160px;padding:0; overflow:hidden; border:none; background:#eee; border:none;} .nomination li .graph_wrap p{z-index:2;color: #000;position: absolute;font-size: 13px;line-height:20px; display:block; right:3px;} .nomination li .graph1{min-height:100%; width:100%; float:left; font-size:13px; line-height:17px; position:relative;} .nomination li .graph1 .bg_color{background-color:#ff7500; min-height:100%; width: 15%;float: left;font-size: 13px;line-height: 17px;position:absolute;display:block;} .nomination li .graph2{background-color:#ffb40e; min-height:100%; width:19%; float:left} .nomination li .graph3{background-color:#208376; min-height:100%; width:19%;} .nomination.nom2{width:30%;} .nomination.nom2 li{background:#f1f1f1; border-radius:50px; padding:2px 12px;} .board_talk_view .info_box .sns_dot{padding:1px 28px 1px 10px; float:right !important;background:url(/assets/images/share3.png) 68px 8px no-repeat #fff; background-size:13px;border:1px solid #dcdcdc; border-radius:50px;} .board_talk_view .info_box .sns_dot:hover{background:url(/assets/images/share3.png) 68px 8px no-repeat #ececec; background-size:13px;} .board_talk_view .info_box .sns_dot a{font-size:14px;} .dot3{padding:0 18px 0 0px; float:right !important; background-size:13px;} .dot3 i{ display: block; width:2px; margin-top:2px; height:2px; background: #9b9b9b;} .sub-contest .modify_text{ overflow: hidden; margin: 0px 0; display: flex; align-items: center;} .sub-contest .modify_text textarea{width: 93%; height: 60px; max-height: 60px; padding: 5px; font-size: 13px; text-align: left; border-radius: 3px 0 0 3px;} .sub-contest .modify_text a{background: #878fa1; text-align: center; width: 7%; display: block; color: #fff; padding: 21px 3px; border-radius: 0 3px 3px 0; line-height: 18px; height: auto;} .manifestation{background:#f0f0f0; padding:10px 14px;} .manifestation strong{color:#000;} .board_talk_view .text_box .file li, .board_talk_view .text_box .link li{background:#fff;} .talk_ok{background:#3286ef; float:left; font-size:14px;border-radius:50px; padding:0px 12px; margin-right:8px; font-weight:100; color:#fff;} .talk_no{background:#acb2b8; float:left; font-size:14px;border-radius:50px; padding:0px 12px; margin-right:8px; font-weight:100; color:#fff;} .reply_box .name_box a{font-size:12px; border-left:1px solid #a2a2a2; padding:0 5px 0 8px;} .reply_box .name_box .re1:hover{color:#4686e3;} .reply_box .name_box .re2:hover{color:#e72446;} .reply_box .name_box .score {text-align:center; font-size: 10px; border-radius:50px; color:#fff; width:30px; height: 23px;display: inline-block; font-weight: bold;line-height: 24px; margin-right: 3px;} .reply_box .score6{padding:5px 0 1px 30px; background: url(/assets/images/lv_s05.png) no-repeat 0px; background-size:25px;} .reply_box .score5{padding:5px 0 1px 30px; background: url(/assets/images/lv_s04.png) no-repeat 0px; background-size:22px;} .reply_box .score4{padding:5px 0 1px 30px; background: url(/assets/images/lv_s03.png) 5px 0px no-repeat; background-size:18px;} .reply_box .score3{padding:5px 0 1px 30px; background: url(/assets/images/lv_s02.png) no-repeat 0px; background-size:20px;} .reply_box .score2{padding:5px 0 1px 30px; background: url(/assets/images/lv_s01.png) no-repeat 0px; background-size:20px;} /* .reply_box .score6{padding:5px 0 1px 20px; background: url(/assets/images/icon_01.png) no-repeat 0px; background-size:16px;} */ /* .reply_box .score5{padding:5px 0 1px 20px; background: url(/assets/images/icon_01.png) no-repeat 0px; background-size:16px;} */ /* .reply_box .score4{padding:5px 0 1px 20px; background: url(/assets/images/icon_01.png) no-repeat 0px; background-size:16px;} */ /* .reply_box .score3{padding:5px 0 1px 20px; background: url(/assets/images/icon_01.png) no-repeat 0px; background-size:16px;} */ /* .reply_box .score2{padding:5px 0 1px 20px; background: url(/assets/images/icon_01.png) no-repeat 0px; background-size:16px;} */ .reply_box .score1{padding:5px 0 1px 20px; background: url(/assets/images/icon_01.png) no-repeat 0px; background-size:16px;} .btn_dot{display:block; margin-top:-3px; padding:0 3px;} .btn_dot i{display: block; width:3px; margin-top:3px; height:3px; background: #9b9b9b;} .write_btn_group .btn_dot{position: absolute; right:6px; top:19px;} .contentsarea .write_btn_group .btn_dot{position: absolute; right: 12px; top: -5px;} .write_btn_group{height:0px; width:2%; position:absolute; right:-8px; top:0px;} .write_btn_group .btn_box{position:absolute; top:38px; right:8px; background:#fff; border:1px solid #ddd; text-align:center; width:50px; z-index:99;} .write_btn_group .btn_box a{display:block; font-size:13px; font-weight:normal;} .write_btn_group .btn_box a:hover{color:#347df3;} .blue1{color:#2a88d0;} .blue2{color:#208376;} .order_wrap{overflow:hidden; margin:30px; position:relative; width:100%; background:#ddd; content:""; display:block; top:50%;} .order_wrap p{background:#f4f4f4; border-radius:50px; width:15%; float:left; padding:15px 0 15px 70px; margin-right:70px;} .order_wrap li:last-child p{margin-right:0;} .opinion_wrap dl{padding:15px 20px;} .opinion_wrap dt{font-size:20px; font-weight:bold; border-bottom:1px solid #fff;} .opinion_wrap dd{font-size:14px;} .opinion_wrap .blue_box{background:#edf7ff} .opinion_wrap .blue_box dd{white-space:pre-wrap;} .opinion_wrap .green_box{background:#e8f8f0} .opinion_wrap .green_box dd{white-space:pre-line;} .v_click{width:200px;margin:10px auto;overflow:hidden;} .v_click li{border:1px solid #ddd;float:left;width:100px; text-align:center; padding:50px 0 15px; cursor:pointer; font-size:14px;} .v_click li:hover{background:#ddd;} .v_click li:last-child{border-left:0;} .v_click .like{background:url(/assets/images/vote_like.png) center 15px no-repeat; background-size:35px;} .v_click .like:hover{background:url(/assets/images/vote_like.png) center 15px no-repeat #f3f3f3; background-size:35px;} .v_click .like strong{color:#238bcc;} .v_click .bad{background:url(/assets/images/vote_bad.png) center 20px no-repeat; background-size:35px;} .v_click .bad:hover{background:url(/assets/images/vote_bad.png) center 20px no-repeat #f3f3f3; background-size:35px;} .v_click .bad strong{color:#e72446} .comment .comment_list .reply_box .opinion_click {float:right; margin-right: 30px;} .comment .comment_list .reply_box .opinion_click li{float:left; margin-left:10px; font-size:14px;} .comment .comment_list .reply_box .opinion_click .like{background:url(/assets/images/vote_like.png) no-repeat 0 4px; background-size:16px; padding-left:22px; cursor:pointer; } .comment .comment_list .reply_box .opinion_click .bad{background:url(/assets/images/vote_bad.png) no-repeat 0 4px;; background-size:16px; padding-left:22px; cursor:pointer; } .survey_wrap .survey_box:hover .like { background: url(/assets/images/like4.png) no-repeat 0 4px; background-size: 14px; padding-left: 22px; } .sub-contest .tab-content .form_area .award-result ul.result_area li .opinion_click li .like { background: url(/assets/images/like2.png) no-repeat 0 4px; background-size: 14px; padding-left: 22px; } .comment .comment_list .line {padding: 10px 0 3px;} .pq_btn{background: #16a9a2; border-radius: 50px; padding: 0px 13px; color: #fff; font-size: 13px;} /*혁신제안톡_글쓰기*/ .board_write_tit{background:#eff3fc; border-radius:5px; padding:20px 100px; text-align:center; word-break:keep-all; margin-bottom:25px;} .board_write_tit .b_text{color:#064298; font-weight:600;} .board_write{border-top: 1px solid #acacac; margin-bottom:50px;} .board_write .form-group{overflow:hidden; border-bottom:1px solid #ddd; background:#f4f4f4; min-height:45px; display: flex; align-items: center;} .board_write .form-group .title{cursor:default; font-weight:bold; float:left; width:20%; text-align:center;} .board_write .form-group .group{float:left; width:80%;background:#fff; min-height:45px; padding:10px 12px;} .board_write .form-group .group .p_text{padding-top: 5px;} .board_write .form-group .group .form-control{padding:3px 5px 0; height:34px; width:100%; font-size:14px; border:1px solid #d3d3d3;} .board_write .form-group .group .form-control2{padding: 3px 5px 0; height: 34px; width:20%;font-size: 14px; border: 1px solid #d3d3d3; background: url(/images/arrow_select2.png) right 12px center no-repeat #fff; -webkit-appearance:none;} .board_write .group .group-1 {width:10% !important;} .board_write .group .group-3 {width:33% !important;} .board_write .group .group-5 {width:50% !important;} .board_write .tit_wrap{background:#eee; padding:10px 20px;margin-bottom:20px; border-bottom:1px solid #ddd;} .board_write .tit_wrap .title{font-weight:600; font-size:15px;} .form-group .img_group{overflow:hidden; margin-top:8px;} .form-group .img_group p{float:left; padding:7px 10px 0;} .form-group .img_group .file_area {margin:0;} .board_write em.point {display:inline-block; margin-left:3px; color:#d52828; font-size:1.4em; font-weight:400; line-height:0.6; vertical-align:middle;} .board_write select{/*-webkit-appearance: menulist;*/} .board_write .form-group_02 .form-group .group { width: 60%;} .board_write .form-group_02 .form-group label.title {width: 40% !important;} .form-group_02 { display: flex; flex-direction: row; justify-content: flex-start; width: 100%;} .board_write .form-group_02 .form-group{width:50%;} /*정책실명제_신청하기*/ .board_write_tit2 {background:#eff3fc; border-radius:5px; padding:20px; text-align:center; word-break:keep-all; margin-bottom:25px;} .board_write_tit2 li {width:50%; float: left;} .board_write_tit2 .b_text{color:#064298; font-weight:600;} .board_write_tit2 .contents {text-align:left; width: 100%; overflow: hidden; padding-top:10px;} .ballot_wrap{background:#eff3fc;padding:20px 100px; text-align:center; word-break:keep-all; margin-bottom:25px;} .ballot_wrap strong{font-size:18px; padding:10px 0 2px; display:block;} .ballot_wrap span{padding:0 10px 0 5px;} .refresh_group{overflow:hidden;} .refresh_group img{float:left;} .refresh_group a{display:block; float:left; width:34px; height:34px; background:url(/assets/images/refresh.png) center no-repeat #e3e3e3; background-size:20px; margin-right:5px;} .refresh_group .form-control{float:left; width:20% !important;} .guide_link_sub {padding:0 10px} .guide_link_sub dl{background:url(/assets/images/guide_bg2.jpg) no-repeat; color:#fff;padding:45px;width: 100%; background-size: 100%; border-radius:5px;} .guide_link_sub dt{font-size:28px;font-weight:600; margin-bottom:10px;} .guide_link_sub dd{font-size:16px; width:60%; word-break:keep-all;} .guide_link_sub a{border:1px solid #fff; text-align:center; display:block; color:#fff; width:160px; padding:5px; font-size:16px; margin-top:15px;} .guide_link_sub a:hover{background:#4a6277;} .css-cancel {display:inline-block; position: relative; margin: 0 5px 0 7px;padding: 0; width: 1px;height: 13px;background: #fff; transform:rotate(45deg);} .css-cancel:before {display:block; content: "";position:absolute; top:50%; left:-6px; width:14px;height:1px;margin-top:0px; background:#fff;} .css-plus{display:inline-block; position: relative; margin: 0 5px 0 7px;padding: 0; width: 1px;height: 13px;background:#fff;} .css-plus:before {display:block; content: "";position:absolute;top:47%;left:-6px; width:14px;height:1px;margin-top:0px;background:#fff;} .color_black{background:#000;} .color_black:before{background:#000 !important;} .board_write .keyword_bg{background:#e9f0fa; border-radius:5px;margin-top:5px;font-size:13px; padding:8px;} .board_write .keyword_bg span{background:#4a80d1; border-radius:50px; padding:0px 12px; color:#fff;display:inline-block; margin:1px;} .img_file{background:url(/assets/images/img_file.png) no-repeat; padding-left:20px; background-size: 18px;} .file_area{overflow:hidden; margin:5px 0;} .file_area .file_choice {border:1px solid #d3d3d3; width:33%; float:left; line-height:34px; margin-right: 4px;} .file_area .file_choice .file_in{font-size:14px; padding:5px 3px; width:100%; background:#fff;} .file_area .file_btn {margin-right:4px; float:left;} .file_area .file_btn img {width:22px;} .file_list{background:#fcfcfc; padding:3px 10px; border-radius:5px;} .file_list li{border-top:1px solid #cecece; padding:5px 0;} .file_list li:first-child{border-top:0;} .file_list .btn_file_delete img{width:16px;} .file_list .btn_file_plus{background:#359ec3; padding:8px 10px; font-size:14px; color:#fff;} .file_list li .download{padding-left: 25px; background: url('/images/icon_download2.png') 0 2px no-repeat;} .q_wrap {overflow:hidden; margin-bottom:15px; border-bottom:2px solid #ddd; padding:15px 0 30px;} .q_wrap:last-child{border:0; margin-bottom:0;} .q_wrap .q_lab{float:left; cursor:default; background:#4984d9; border-radius:5px; color:#fff;padding:3px 8px; font-size:14px; margin-right:5px;} .q_wrap .q_lab2{float:left; cursor:default; background:#0067b3; border-radius:5px; color:#fff;padding:3px 8px; font-size:14px; margin-right:5px;} .q_wrap .q_box{float:left; margin-right:5px; width: 71%;} .q_wrap .q_box input{margin-bottom:5px;} .q_wrap .q_box select{width:32.7% !important;} .q_wrap .btn_default{float:left; margin-right:5px; color:#fff;} .q_plus{background:#e9f0fa; width:100%; display:block; text-align:center; border-radius:5px;padding:10px;} .q_box1 {overflow:hidden;} .q_box2 {padding-top:15px; overflow:hidden; clear:both; padding:20px; background:#edeff3; border-radius: 5px; margin-top: 20px; clear:both;} .q_box2 .form-control{width:70% !important; float:left; margin-right:5px;} .q_vs_wrap{clear:both; margin-bottom:30px;} .q_vs_wrap:last-child{margin-bottom:0;} .q_vs_wrap .question{overflow:hidden; margin-bottom:5px;} .q_box2 .v_plus{background:#a7a9ae;} #kwrd_show{display:none;} /*마이페이지-----메뉴*/ .my_menu_wrap{width:300px; float:left; margin-right:40px;} .my_menu_wrap .info{color:#fff; padding:20px;background:#627588; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #627588, #57688c); /* Chrome 10-25, Safari 5.1-6 */ background:linear-gradient(to right, #627588, #57688c);} .my_menu_wrap .info .user_img{position:relative; float:left; border-radius: 3px; width:80px;height:80px; overflow:hidden; margin-bottom:12px; background:#fff; padding:5px;} .my_menu_wrap .info .user_img img{width:60px; display:block; margin:5px auto;} .my_menu_wrap .info .user_name{float:left;width:60%; position:relative; height:80px; padding-left:18px;} .my_menu_wrap .info .user_name strong{display:block; font-size: 15px; width: 100%; line-height: 1.3; word-break: break-all; min-height: 58px;} .my_menu_wrap .info .user_name span{font-size:13px; color:#ddd;} .my_menu_wrap .info a{color:#fff;} .my_menu_wrap .point_right{float:right; } .my_menu_wrap .info .level{background:#5f6f86; width:100%; clear:both; border:2px solid #fff; padding: 6px 10px; border-radius: 5px; margin: 5px 0; font-size: 16px; overflow:hidden; display:block;} .my_menu_wrap .info .level p{float:right; font-size:13px;} .my_menu_wrap .info .point{background:#465976; width:100%; clear:both; border:2px solid #fff; padding: 6px 10px; border-radius: 5px; margin: 5px 0; font-size: 16px; overflow:hidden; display:block;} .my_menu_wrap .info .point p{font-size:13px; display: inline-block;} .my_menu_wrap .info .point span{background:#ff1d60; border-radius:50px; padding:0px 8px;display:inline-block; font-size:13px; min-width: 40px; text-align: center;} .my_menu_wrap .info a:hover{background:#21509a;} .my_menu_wrap .menu li a{font-size:16px; background:#fff; border:1px solid #ddd; color:#444; width:100%; display:block; padding:10px; border-top:0;} .my_menu_wrap .menu li a.on{background:#0053b2; border-bottom:1px solid #90abe6; border:1px solid #0053b2; color:#fff;} .my_menu_wrap .menu .dapth_2 li a{font-size:14px; background:#90a4bb; color:#323c4a; padding:8px 20px; border-top:0; font-weight: normal;border:0;} .my_menu_wrap .menu .dapth_2 li a.on{color:#fff;} .my_menu_wrap .menu .dapth_2 li a:hover{color:#fff;} .my_menu_wrap .menu .dapth_2 li a span{float:right; background:#526077; color:#fff; border-radius: 50px; display: inline-block; padding: 0px 10px; text-align: center;} .my_menu_wrap .menu .dapth_2 li a:hover span{color:#fff;} /*마이페이지-----나의활동*/ .my_content{overflow:hidden;width:calc(70% - 20px); float:left; margin-top:30px;} .my_content h3{font-size:18px; padding-bottom:5px; color:#000; background: url(/images/icon_h3.png) 0 4px no-repeat; padding-left:24px;} .my_content .my_box{margin-bottom:50px; box-shadow:3px 3px 3px #e9e9e9; border:1px solid #ddd; padding:20px; overflow:hidden;} .my_content .my_action{overflow:hidden; padding:20px; background:#eaf3f9; border-top:3px solid #000;} .my_content .my_action li{width:calc(50% - 20px); margin:0 10px;float:left; border-radius:50px; padding:3px;} .my_content .my_action li strong{display:block; float:left; padding-left:30px;} .my_content .my_action li a.on{color:#326de2;} .my_content .my_action li span{display:block; float:right; padding-right:12px;} .my_content .my_action .a_01{background:url(/assets/images/action_01.png) no-repeat 13px 8px #fff; background-size:17px;} .my_content .my_action .a_02{background:url(/assets/images/action_02.png) no-repeat 13px 8px #fff; background-size:17px;} .my_content .my_action .a_03{background:url(/assets/images/action_03.png) no-repeat 13px 8px #fff; background-size:17px;} .my_content .my_actAction{overflow:hidden; padding:20px; background:#eaf3f9; border-top:3px solid #000;} .my_content .my_actAction li{width:calc(50% - 20px); margin:0 10px;float:left; border-radius:50px; padding:3px;} .my_content .my_actAction li strong{display:block; float:left; padding-left:30px;} .my_content .my_actAction li a.on{color:#326de2;} .my_content .my_actAction li span{display:block; float:right; padding-right:12px;} .my_content .my_actAction .a_01{background:url(/assets/images/action_01.png) no-repeat 13px 8px #fff; background-size:17px;} .my_content .my_actAction .a_02{background:url(/assets/images/action_02.png) no-repeat 13px 8px #fff; background-size:17px;} .my_content .my_actAction .a_03{background:url(/assets/images/action_03.png) no-repeat 13px 8px #fff; background-size:17px; margin-top: 10px;} .my_content .my_actAction .a_04{background:url(/assets/images/action_02.png) no-repeat 13px 8px #fff; background-size:17px; margin-top: 10px;} .my_content .sugges{overflow:hidden; border: 1px solid #ddd; padding:20px; box-shadow:3px 3px 3px #e9e9e9; margin-bottom:40px;} .my_content .sugges h4{font-size:18px; float:left;} .my_content .sugges .title{overflow:hidden; margin-bottom:14px;} .my_content .sugges .title button {float:right; width:23px; height: 23px; border: 1px solid #c2c2c2; background: url(/images/icon_more2.png) center center no-repeat #fff;} .my_content .sugges li{overflow:hidden;padding-bottom:13px;border-bottom: 1px solid #ddd; margin-bottom:13px;} .my_content .sugges li:last-child{margin-bottom:0; border: 0; padding:0;} .my_content .sugges .d_day{float:left;} .my_content .sugges .d_day span{color:#a4a4a4; font-size:12px; padding-left: 5px;} .my_content .sugges .text{float:left; width:90%;} .my_content .sugges .text a{float:left; display:block; padding-left:5px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:650px;} .my_content .sugges .day{border-radius:50px;background:#ddd; color:#000; width: 60px;padding: 0px 10px; display:inline-block;text-align:center;font-size:13px; margin-right:10px;} .my_content .sugges .on{background:#326de2; color:#fff;} .my_content .sugges .like {background:url(/assets/images/icon_02.png) no-repeat 8px; background-size:14px; border:1px solid #ddd; border-radius:50px; padding:0px 10px 0px 28px; float:right; display:block;} .my_content .sugges .like2 {background:url(/assets/images/like2.png) no-repeat 8px; background-size:14px; border:1px solid #ddd; border-radius:50px; padding:0px 10px 0px 28px; float:right; display:block;} .my_content .sugges .partcptn {background:url(/assets/images/icon_01.png) no-repeat 8px; background-size:14px; border:1px solid #ddd; border-radius:50px; padding:0px 10px 0px 28px; float:right; display:block;} .my_content .community{overflow:hidden;} .my_content .community li{float:left; width:33%; overflow:hidden; margin:0 5px; width:calc(33% - 10px); height:163px;} .my_content .community li img{width:100%; height:-webkit-fill-available;} .step_state .step0{background:#16a9a2;} .step_state .step1{background:#f7a919;} .step_state .step3{background:#1084e7;} .step_state .step4{background:#880013;} .step_state .step5{background:#aeaeae;} .step_state .step{border-radius:50px; text-align: center; width:80px; display:inline-block; padding:5px 0;font-size: 14px; color:#fff; font-weight: 500;} /*마이페이지-----등급*/ #pop_header {height: 59px;} .level_Wrap .level_tit{overflow:hidden; padding:20px; background:#eaf3f9;} .level_Wrap .score{float:left; padding:10px 20px 0;} .level_Wrap .score_img{float:left; background:#fff; padding:10px; border-radius:3px;} .level_Wrap .score .color{color:#326de2;} .level_Wrap .score p{font-size:24px;} .level_Wrap .point{background:#454b61; padding: 5px 15px;border-radius: 3px; color: #fff;margin-top: 10px; display: inline-block;} .level_list{overflow:hidden; border:1px solid #ddd; padding:10px 0; margin:10px 0;} .level_list ul:first-child {border-right:1px solid #ddd;} .level_list ul{float:left; width:50%; padding:0 20px;} .level_list li strong{padding-left:60px; display:inline-block; height:50px;} .level_list li {padding:7px 0; line-height:50px;} .level_list .box1 li:nth-child(1) strong{background: url(/assets/images/lv_06.png) no-repeat; background-size:50px;} .level_list .box1 li:nth-child(2) strong{background: url(/assets/images/lv_05.png) no-repeat; background-size:50px;} .level_list .box1 li:nth-child(3) strong{background: url(/assets/images/lv_04.png) no-repeat; background-size:50px;} .level_list .box2 li:nth-child(1) strong{background: url(/assets/images/lv_03.png) no-repeat; background-size:50px;} .level_list .box2 li:nth-child(2) strong{background: url(/assets/images/lv_02.png) no-repeat; background-size:50px;} .level_list .box2 li:nth-child(3) strong{background: url(/assets/images/lv_01.png) no-repeat; background-size:50px;} /*마이페이지-----포인트*/ .point_list li{overflow:hidden; padding:8px 15px; border:1px solid #ddd; border-radius:5px; margin:5px;} .point_list li.on{background:#f2f8ff;} .point_list li.on strong{color:#326de2;} .point_list li strong{float:left;} .point_list li p{float:right;} .point_list li a{width:100%; display:block; overflow:hidden;} .point_list li a span{background:#ddd; color:#fff; padding:0px 5px; border-radius:50px; width:80px; display:inline-block; text-align:center; margin-left:5px;} .point_list li:nth-child(1) span{background:#7098fe;} .point_list li:nth-child(2) span{background:#5a82e5;} .point_list li:nth-child(3) span{background:#3761c8;} .point_list li:nth-child(4) span{background:#2349ac;} .point_list .title{overflow:hidden; margin:20px 0 5px;} .point_list .title h3{float:left; font-size:18px; padding-bottom:5px; color:#000; background: url(/images/icon_h3.png) 0 4px no-repeat; padding-left:24px;} .point_list .title span{float:right; color:#326de2;} /*마이페이지-----회원정보 수정*/ .user_img_wrap{padding-bottom:10px;} .user_img_wrap button{min-width: 80px; height: 35px; padding: 0 10px; line-height: 35px; display: inline-block; text-align: center; font-size:14px; background:#5c6163; color:#fff;} .user_img_box{width: 80px; height: 80px; border: 1px solid #ddd; border-radius: 3px; overflow: hidden;} .user_img_box img{width:100%;} select{min-width:70px; padding:3px 8px; font-size: 14px;background: url(/images/arrow_select2.png) right 12px center no-repeat #fff;} .my_content input, .my_content select{font-size: 13px; font-weight: normal; padding: 5px;} .table-view table{width:100%;margin-bottom:30px;} .table-view table tbody{border-top: 2px solid #585858;} .table-view table th{background:#efefef;border-bottom:1px solid #dadada;border-top:1px solid #585858;padding:12px;text-align:center;} .table-view table td{border-bottom:1px solid #dadada;border-left:1px solid #dadada;padding:12px;text-align:left;color:#404040;} .table-view table th{border-left:1px solid #dadada;} .table-view table th:first-child{border-left:none;} .table-view table td{border-left:1px solid #dadada;} .table-view table td:first-child{border-left:none;} .table-view table td textarea {padding: 10px;width: 100%;height: 200px;border: 1px solid #e0e0e0;} .table-view .btn{padding:4px 13px; color:#fff; height:32px; line-height:25px; font-weight:normal;} .table-view .sw-btn{background:#747e8f;} .table-view .sw-btn2{background:#92a0b4;} .table-responsive {overflow: hidden; overflow-x: auto; border: 0;} .table-view span{color: #db0101; margin-left: 5px;} .check_box2 input[type=checkbox] {display:inline-block; margin-right:5px;} .check_box2 label{margin-right:10px;} .check_box2 p{background:url(/assets/images/bell.png) no-repeat; padding-left:30px; background-size:25px; color:#919191; line-height:18px; font-size:13px;} .privacy_info{background:#efefef;padding:20px;} .privacy_info .text_box{background:#fff; width:100%; text-align:left; padding:10px; height:75px; border:1px solid #ddd; overflow-y:scroll;} .privacy_info .tit{font-size:18px; padding-bottom:5px; color:#000;} .privacy_info .agree_box{width:100%; padding:5px 0;} /*마이페이지-----커뮤니티*/ .community_wrap .c_box{overflow:hidden; width:100%; margin:10px 0; border:1px solid #ddd; display:block; padding:20px;} .community_wrap .user_img_box{float:left; width:158px; height:158px; margin-right:20px;} .community_wrap .c_info{text-align:left;background: #f6f6f6; width:100%; padding:8px 15px; border-radius:3px; margin-bottom: 8px;} .community_wrap .c_listbox{float:left; width:75%;} .community_wrap .c_list a:hover{} .community_wrap .join{border:2px dashed #ddd; background:url(/assets/images/plus.png) no-repeat center 25px; background-size:30px; margin-bottom: 30px;} .community_wrap .join a{padding:60px 0 20px; display:block; text-align:center;} .community_wrap .join a:hover{background:none;} /*국민신청 정책실명제*/ .policy_search .search1{width:30% !important;} .policy_search li .inpbox2 {width:67% !important;} .policy_search li .inpbox3 {width:35% !important;} .search1 label {padding-left:5px;} .policy_search .search1 .iradio {background: url(/assets/images/icon_radio_off.png) no-repeat 0 5px;} .policy_search .search1 .iradio.on {background: url(/images/icon_radio_on.png) no-repeat 0 5px;} .policy_search .search2{width:70% !important;} /* btn */ .btn_wrap{overflow:hidden; padding:20px 0;} .btn_wrap .btn_right{float:right;} .btn_wrap .btn_center{text-align:center;} .btn_wrap .btn_right a{padding:6px 10px; border-radius:3px;min-width:80px; display: inline-block;text-align:center; color:#fff; font-weight:normal;} .btn_wrap .btn_c1 {background:#0081dd;} .btn_wrap .btn_c2 {background:#6d7e91;} .btn_wrap .btn_c3 {background:#92a0b4;} .btn_wrap .btn_c4 {background:#1256b5;} /*라디오박스*/ .iradio {display:inline-block; padding:0 0 0 20px; margin-right:10px; background:url(/assets/images/icon_radio_off.png) no-repeat 0 2px; cursor:pointer;} .iradio.on {padding:0 0 0 20px;background:url(/assets/images/icon_radio_on.png) no-repeat 0 2px;} .iradio input.radio {width:0px; height:0px;display: inline-block; } /*테이블*/ .boardlist table tbody td:last-child{border-right:0;} .mobile_only .step_state .title h3{max-width:calc(85% - 25px);} .mobile_only .step_state .title h3:hover{color:#22c3cb;} .mobile_only .step_state .title strong{display:inline-block; float: left; padding-right:5px;} .mobile_only .blue_c{color:#007fec;} .mobile_only .step_state .step{float: right; padding:2px 0;} /*2뎁스 텝 디자인*/ .tab-list{margin-bottom: 50px;} /*정책실명제*/ .onlyWeb {display: block;} .onlyMobile {display: none;} /*로그인페이지*/ #login_form .membership_box span.label { font-family: serif; font-weight: normal; cursor: pointer;} #login_form .membership_box span.icon { background: url('/assets/images/sns5.png'); float:left; width:50px; height:50px; cursor: pointer;} /*앱_로그인페이지*/ .state_box{text-align:left; padding:12px 0; border: 3px solid #eaeaea;} .state_box .title{padding:10px 0 10px 10px;} .state_box .title:last-child{padding-bottom:0;} .state_box h4{color:#4984d9; line-height:1.4; border-bottom: 1px solid #ddd; padding:10px} .state_box h4.inline{display: inline; border-bottom: none;} .state_box dl{margin:3px 0 0 10px;} .state_box dt{overflow:hidden;color:#2d2d2d; font-size:13px;} .state_box .switch_box{float:right; padding-right:10px; padding-top:5px;} .state_box .detailPushBox{border-top: 1px solid #ddd; margin-top:10px;} .state_box dt strong{float:left;} .state_box dd{font-size:13px; line-height:20px;} .state_box button{display: block; width:38px; height:20px; float:right; background-size:37px !important;} .state_box button.on{background: url('/assets/images/app_on_btn.png') no-repeat 0 2px;} .state_box button.off{background: url('/assets/images/app_off_btn.png') no-repeat 0 2px;} /*** log in ***/ .membership_box.log{width:100%; max-width:1200px;} .title-log{font-size:24px; color:#666666; line-height:38px; font-weight:bold; text-align:left; margin-bottom:20px;} .log-wrap{position:relative; overflow:hidden; margin-bottom:30px; display:flex; min-width:320px;} .log-wrap .log-devide{width:calc(50% - 10px); float:left; border:1px solid #d6d6d6; border-radius:5px; padding:40px;} .log-wrap .log-devide:last-child{margin-left:20px;} .log-wrap .log-devide .la-box{} .log-wrap .log-devide .la-box h4{font-size:24px; color:#666666; font-weight:bold;} .log-wrap .log-devide .la-box.gp h4 span{color:#2a88d1;} .log-wrap .log-devide .la-box.ep h4 span{color:#1c2674;} .log-wrap .log-devide .la-box p{font-size:16px; color:#666666; line-height:22px; padding:35px 0;} .log-wrap .log-devide .la-box .lg-btn-box{overflow:hidden;} .log-wrap .log-devide .la-box .lg-btn-box .btn-la{display:inline-block; border-radius:5px; max-width:184px; width:100%; height:50px; line-height:48px; color:#ffffff; background:#777777; margin:5px 0;} .log-wrap .log-devide .la-box .lg-btn-box .btn-la.gp{background:#2a88d1;} .log-wrap .log-devide .la-box .lg-btn-box .btn-la.ep{background:#1c2674;} .comment-box{margin-top:20px;} .comment-box .btn-click{color:#2a88d1; font-size:14px; display:inline-block; text-decoration:underline; font-weight:bold;} .comment-box .cb-text{color:#2a88d1; font-size:14px; display:inline-block; } .login_sns .btn_logout{padding:8px; background: #57677b; width:100%; border-radius: 50px; color:#fff;margin-top:5px;} .login_sns .login_tit strong{color:#4984d9;} /*login*/ .n_login_wrap{overflow: auto; position: relative;width: 100%; margin: 0 auto; /* min-height: 100%; */display: flex; justify-content: center; align-items: center;} .n_login_wrap .login_box{margin:0 auto; width: 100%; max-width: 1200px; display:table-cell; vertical-align:middle;position: relative;} .n_login_wrap .login_box .login_Enter{padding: 15px 0px 15px; border:1px solid #d6d6d6; width: 100%; margin: 0 auto; border-radius: 5px;background: url('/assets/images/login_box_bg.png') no-repeat #fff; background-position: right 100%; background-size: 15%;} .n_login_wrap .login_text{font-size: 24px; color: #666666; line-height: 38px; font-weight: bold; text-align: left; margin-bottom: 20px;} .n_login_wrap .login_box .login_btn{width: 100%; font-size: 14px; color: #fff; background: #949eb0; line-height:3.5; display: block; text-align: center; border-radius: 5px; font-weight: bold;} .n_login_wrap .login_box .login_btn:hover, .nomal_wrap a:hover{color:#fff; background:#748096;} .n_login_wrap .login_area {display: flex; justify-content: space-between;} .n_login_wrap .login_area_wrap {width: 33%; border-right: 1px solid #d6d6d6; padding-bottom: 35px;} .n_login_wrap .login_area_wrap:last-child {border-right: none;} .n_login_wrap .login_area_wrap .login_wrap_title{font-size:24px; font-weight: bold; padding: 0 30px;text-align:center;padding-top: 35px;} .n_login_wrap .color_font{font-size:24px;color:#1d64c6; font-weight: bold;} .n_login_wrap .color_font_02{font-size:24px;color:#0c3f9e; font-weight: bold;} .n_login_wrap .color_font_03{color:#1c2674!important;} .n_login_wrap .color_back{background:#1d64c6 !important;} .n_login_wrap .color_back:hover{background:#0c51b3 !important;} .n_login_wrap .color_back_02{background:#0c3f9e !important;} .n_login_wrap .color_back_02:hover{background:#043083 !important;} .n_login_wrap .color_back_03{background:#1c2674 !important;} .n_login_wrap .color_back_03:hover{background:#081155 !important;} .n_login_wrap .login_wrap_sub{font-size: 13px; line-height: 1.5;text-align:center;padding: 15px 20px 20px;} .n_login_wrap .nomal_login, .n_login_wrap .citation_login, .n_login_wrap .mobile_login {display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 5px 30px 0px;} .n_login_wrap .mobile_login{border-right: none;} .n_login_wrap .nomal_wrap {display: flex; justify-content: space-between; align-items: stretch; align-content: center;} .n_login_wrap .nomal_wrap a.login_btn{width: 49%;} .n_login_wrap a.down_btn{text-align: center; margin-top:5px; font-size: 13px; color: #4f5458; background: #f7f8fa; padding: 5px 3px; border-radius: 30px; display: inline-block; width: auto; cursor: pointer;} .n_login_wrap a.down_btn:hover{background-color: #d6ddec; color:#4f5458;} .n_login_wrap a.down_btn img{width:13px} .n_login_wrap .citation_login .login_btn{margin-bottom:5px;} /* 화면크기 축소-확대 버튼 */ .fr.zoom {display: flex; align-items: center;} .size_wrap {display: flex; flex-direction: row; align-items: center; margin-left: 5px; padding: 1px 4px; border-radius: 23px;} .size_wrap span {color: #303030;} .size_wrap span.size_txt {padding-right: 6px;} .size_wrap .size_view {margin: 0 4px;} .size_wrap a.size_btn {width: 20px; height: 20px; background: #a4b7c4; border-radius: 2px; position:relative;} .size_wrap a.size_btn:hover {background: #87959f;} .size_view {margin: 0 2px;} .size_wrap a.size_down:after {content: ''; position: absolute; width: 12px; height: 3px; background: #fff; top: 8px; left: 4px;} .size_wrap a.size_up:after {content: ''; position: absolute; width: 13px; height: 3px; background: #fff; top: 8px; left: 4px;} .size_wrap a.size_up:before {content: ''; position: absolute; width: 3px; height: 12px; background: #fff; top: 4px; left: 9px;} /************** login 팝업 ****************/ .n_login_wrap .login-popup_btn {width: 5%;display: inline-block;} .n_login_wrap .login-popup_btn a{color: #fff; font-size: 1.2em; margin:0 !important; padding:0!important;} .n_login_wrap .login-popup_btn a img{height: auto; width: 100%; display: block;} .n_login_wrap .login-popup-area .overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: opacity 200ms; visibility: hidden; opacity: 0; z-index: 900;} .n_login_wrap .login-popup-area .overlay:target {visibility: visible; opacity: 1; background: #0009;} .n_login_wrap .login-popup-area .login-popup {position: absolute; width: 27%; max-width:550px; min-width:480px;height: auto; padding: 0; border-radius: 7px; top: 50%; left: 50%;display: flex; flex-direction: column; justify-content: flex-start; transform: translate(-50%, -50%);background: #fff;transition: opacity .5s, visibility 0s linear .5s; z-index: 1;box-shadow: 3px 3px 18px #020c2994;} .n_login_wrap .login-popup-area .login-popup:target {visibility: visible; opacity: 1; transition-delay: 0s; } .n_login_wrap .login-popup-area .login-popup-close {position: absolute; padding: 10px; max-width: 500px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, .9); } .n_login_wrap .login-popup-area .login-popup .close {position: absolute; right: 10px; top: 0px; padding: 5px; color: #adadad; transition: color .3s; font-size: 2.3em; font-weight:100;} .n_login_wrap .login-popup-area .login-popup .close:hover {color: #959cd1;} .n_login_wrap .login-popup-area .popup-btn {padding: 0; text-align: center; width: 100%;} .n_login_wrap .login-popup-area .popup-btn a{font-size: 14px; line-height:3.3; background: #133883; color: #fff !important; border-radius: 5px;display: flex; align-items: center; justify-content: center;font-weight: bold;} .n_login_wrap .login-popup-area .popup-btn a:hover{background:#0c2c6d} .n_login_wrap .login-popup-area .popup-btn img{width:21px; margin-right: 7px;} .n_login_wrap .linkage_btn span{display: block; color: #fff; font-weight: bold; font-size: 18px; padding-top: 15px;} .n_login_wrap .linkage_btn img{width:75px;} .n_login_wrap .linkage_btn {width: 48.5%; display: flex; flex-direction: column; align-items: center; padding: 25px 0; background: #155e8c; border-radius: 5px;} .n_login_wrap .linkage_btn:hover{background: #0d4c72} .n_login_wrap .linkage_btn_blue{background:#1d86c8 !important} .n_login_wrap .linkage_btn_blue:hover{background: #127bbc !important;} .n_login_wrap .login-popup-area .popup-title {padding: 50px 20px 15px; background: #fff; border-radius: 5px 5px 0 0; color:#666666} .n_login_wrap .login-popup-area .popup-title span{display:block; padding-top: 3px; font-size: 14px; font-weight: 400;} .n_login_wrap .login-popup-area .popup-title p {font-size: 1.7em; text-align: center; font-weight: bold;} .n_login_wrap .popup-contents { height: auto; width: 100%; margin: 20px auto 0; padding: 0 20px; overflow-y: auto; display: flex; flex-direction: row; align-items: center;justify-content: space-between; margin-bottom: 13px;} .n_login_wrap .coment_wrap {width: 100%; margin: 0px auto 0; padding: 0 20px 40px; display: flex; flex-direction: row;align-items: center;} .n_login_wrap .popup-qrcontents {display: flex; flex-direction: column; align-items: center; padding: 0 0 20px 0;} .login-popup-area .popup-contents .login_btn{width:49%;} .pop_login_box{width: 100%; display: flex; flex-direction: column;} .pop_login_box input{width: 100%; font-size: 14px; padding: 5px 9px; border-radius: 2px; margin: 0 0 8px 0; min-height: 37px; outline: none;} /*login 추가*/ .in_login_wrap{overflow: auto; position: relative;width: 100%; margin: 0 auto; min-height: 100%; display: flex; justify-content: center; align-items: center;} .in_login_wrap .login_box{margin:0 auto; width: 100%; max-width: 1200px; display:table-cell; vertical-align:middle;position: relative;} .in_login_wrap .login_box .login_Enter{padding: 15px 0px 15px; border:1px solid #d6d6d6; width: 100%; margin: 0 auto; border-radius: 5px;background: url('/assets/images/login_box_bg.png') no-repeat #fff; background-position: right 100%; background-size: 15%;} .in_login_wrap .login_box .login_Enter:last-child{margin-top:15px;} .in_login_wrap .login_text{font-size: 24px; color: #666666; line-height: 38px; font-weight: bold; text-align: left; margin-bottom: 20px;} .in_login_wrap .login_box .login_btn{width: 100%; font-size: 14px; color: #fff; background: #949eb0; line-height:3.5; display: block; text-align: center; border-radius: 5px; font-weight: bold;} .in_login_wrap .login_box .login_btn:hover, .nomal_wrap a:hover{color:#fff; background:#748096;} .in_login_wrap .login_area {display: flex; justify-content: center;flex-wrap: wrap;} .in_login_wrap .login_area_wrap {width: 49%; border-right: 1px solid #d6d6d6; padding-bottom: 40px;} .in_login_wrap .login_area_wrap:nth-child(even) {border-right: none;} .in_login_wrap .login_area_wrap .login_wrap_title{font-size:24px; font-weight: bold; padding: 0 30px;text-align:center;padding-top: 30px;border-top:1px solid #ddd;} .in_login_wrap .login_area_wrap:nth-child(-n+2) .login_wrap_title{border-top:none;} .in_login_wrap .color_font{font-size:24px;color:#1d64c6; font-weight: bold;} .in_login_wrap .color_font_02{font-size:24px;color:#0c3f9e; font-weight: bold;} .in_login_wrap .color_font_03{color:#1c2674!important;} .in_login_wrap .color_back{background:#1d64c6 !important;} .in_login_wrap .color_back:hover{background:#0c51b3 !important;} .in_login_wrap .color_back_02{background:#0c3f9e !important;} .in_login_wrap .color_back_02:hover{background:#043083 !important;} .in_login_wrap .color_back_03{background:#1c2674 !important;} .in_login_wrap .color_back_03:hover{background:#081155 !important;} .in_login_wrap .color_back_04{background:#2a88d1 !important;} .in_login_wrap .color_back_04:hover{background:rgb(24, 123, 199) !important;} .in_login_wrap .login_wrap_sub{font-size:13.5px;text-align:center;padding: 15px 20px 20px;} .in_login_wrap .nomal_login, .in_login_wrap .citation_login, .in_login_wrap .mobile_login {display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 5px 30px 0px; width: 80%; margin: 0 auto;} .in_login_wrap .mobile_login{border-right: none; margin-top: 38px;} .in_login_wrap .nomal_wrap {display: flex; justify-content: space-between; align-items: stretch; align-content: center;} .in_login_wrap .nomal_wrap a.login_btn{ width: 49%;} .in_login_wrap a.down_btn{text-align: center; width: 80%; margin: 5px auto 0; font-size: 13px; color: #4f5458; background: #f7f8fa; padding: 5px 3px; border-radius: 30px; display: inline-block; cursor: pointer;} .in_login_wrap a.down_btn:hover{background-color: #d6ddec; color:#4f5458;} .in_login_wrap a.down_btn img{width:13px} .in_login_wrap .citation_login .login_btn{margin-bottom:5px;} .in_login_wrap .idpw_input li{list-style: none; margin-bottom: 8px;} .in_login_wrap .idpw_input li:last-child{margin-bottom:0;} .in_login_wrap .idpw_input li input{width:100%; min-height:39px; padding: 5px 10px;} .in_login_wrap ul.idpw_input {width: 75%; margin: 0 auto;} .in_login_wrap .login_btnwrap {width: 70%; margin: 7px auto 0; display: flex; justify-content: center;} .in_login_wrap .login_btnwrap a{margin:0 10px;font-size:13px; position: relative;} .in_login_wrap .login_wrap_sub_02{font-size: 13.5px; text-align: center; padding: 15px 20px 0px;} .in_login_wrap .login_btnwrap a::after{content: ''; position: absolute; width: 1px; height: 16px; background: #ddd; top: 2px; right: -12px;} .in_login_wrap .login_btnwrap a:last-child::after{background:none;} .in_login_wrap .email_login {display: flex; flex-direction: column; justify-content: center; width: 100%; width: 80%; margin: 0 auto;padding: 19px 30px 0px;} .in_login_wrap .login_box .login_btn.in_box {width: 49%;} /*PUSH 알림 목록*/ .push_list {padding:10px; background:#eee;} .push_list h4{color:#000; padding-bottom:5px; font-size:15px;} .push_list ul{background:#fff; padding:5px 10px;} .push_list li {overflow:hidden; border-bottom:1px solid #ddd; padding:8px 0;} .push_list li:last-child{border-bottom:0;} .push_list li .read{color: #aeaeae;} .push_list li strong{float:left; width: 100%;} .push_list li span{float:right;} .mlist_wrap{background:#ededed; padding:10px 0 0 10px;} .mlist_wrap .switch_box{padding:3px 10px;} .mlist_wrap dl {margin:0;} #qa_accodion {border-top:1px solid #626262;} #qa_accodion>li{width:100%;overflow:hidden; border-bottom:1px solid #d3d3d3;} #qa_accodion>li:first-child{margin-top:0;} #qa_accodion .inner{position:relative; overflow:hidden; width:100%; padding:20px; } #qa_accodion .inner>ul{margin:0;} #qa_accodion .item{display:block;position:relative;overflow:hidden; padding:15px 0 15px 20px; min-height:62px;} #qa_accodion .item:before{content:"";display:inline-block;height:auto;vertical-align:middle} #qa_accodion .item:focus, #qa_accodion .item:active, #qa_accodion .item.ov{background: #f8f8f8;border:0;z-index:2;} #qa_accodion .item:hover{background: #eefafb;} #qa_accodion .item:after{content:"";float:right;width:25px;height:auto;background:url(/site/common/images/ui/uia_arr.png) no-repeat 0 50%} #qa_accodion .item.ov:after{background-image:url(/site/common/images/ui/uia_arr_ov.png)} #qa_accodion .item p{float:left; position: relative; width:87%; word-break:keep-all;} #qa_accodion .item b{display:inline-block;position:relative;padding:8px 35px 0; vertical-align:middle;color:#2d2d2d;font-size:18px;font-family:'nsr';font-weight:bold; line-height: 1.4;} #qa_accodion .item strong{float:left; display:block; width:110px;font-size:15px; padding:8px 0px; word-break:keep-all; line-height:1.4;} #qa_accodion .inner{padding-left:163px;} #qa_accodion .question, #qa_accodion .inner .answer{display:inline-block; font-size:30px;font-weight:bold;line-height:1;} #qa_accodion .item.ov .question { color:#2156a4; } #qa_accodion .question{top:6px;color:#959595; position:absolute;} #qa_accodion .inner .answer{float:left; padding-right:15px; color:#5d5d5d; width:36px;} #qa_accodion .inner .faq_cn{margin-top: 0;color: #5d5d5d; float:left; width:95%; word-break:keep-all;} /*앱 평가하기*/ .app_evaluation {padding:25px; text-align: center; width: 400px; margin:10px auto;} .app_evaluation h4{font-size:28px; color: #000;} .app_evaluation p{word-break:keep-all; line-height:1.5; padding:20px;} .app_evaluation dl{border:1px solid #ddd; padding:14px 0 5px; border-radius:3px; background:#f8f8f8; margin:0px 0px 8px;} .app_evaluation dt strong{font-size:28px; padding-left: 8px; color: #000;} .app_evaluation textarea{width:100%; padding: 10px;font-size: 13px;margin-bottom: 10px; height:100px; overflow: auto;} .app_evaluation img{width:150px;} .star_wrap li.on{background: url(/assets/images/star_checked.png) no-repeat; width:30px; height:30px;display:inline-block; background-size:30px;} .star_wrap li{background: url(/assets/images/star.png) no-repeat; width:30px; height:30px;display:inline-block; background-size:30px; cursor:pointer} .app_evaluation a{background:#2e53a4; padding: 12px; display: block; text-align: center;font-weight: bold;color: #fff; border-radius: 3px; font-size:15px;} /* 공청회 */ .p_top_search {width: 100%; display: flex; flex-direction: row; justify-content: space-between;} .p_top_search li {display: flex; justify-content: flex-start; width: 27% !important;} .p_top_search li:nth-child(3) {width:42% !important;} .p_top_search li:nth-child(3) .inpbox {width: 70% !important;} .p_top_search li .optionbox {width: 75% !important;} .p_top_search li:last-child button {margin-left: 0;} /* 국민정책디자인 */ .contetnts_box {width: 100%; display: flex; flex-direction: row;flex-wrap: wrap;} .contetnts_box li {width:25% !important;} .contetnts_box li .optionbox {width: 70% !important;} .contetnts_box li button {margin-left: 0px!important;} .list_box {width: 100%; display: flex; flex-direction: row;flex-wrap: wrap;} .list_box li {width:100% !important;} .list_box li .optionbox {width: 70% !important;} .list_box li button {margin-left: 0px!important;} /* 소통공간 신청 */ .footnote {display: flex; width: 32%; justify-content: space-between; padding-top: 5px;} .footnote li {margin:0 !important; padding:0 !important;} /* 상세 페이지 썸네일 이미지 */ .bbs_cn_thumb {width: 50% !important;} /* 도전한국사회 - 역대수상작 */ .alltime_winner_wrap {min-height: 500px;} .alltime_winner_wrap .w1150 {max-width: 1150px; margin: 50px auto;} .alltime_winner_wrap .contents-cg {display: flex; margin-top: 0px; flex-direction: column; padding: 0;} .alltime_winner_wrap ul.winner_ul {width: 100%; display: flex; flex-direction: column; flex-wrap: wrap;} .alltime_winner_wrap .winner_con_wrap {width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #f5f7f9; padding: 30px; margin-bottom: 20px; border-radius: 10px; box-shadow: 5px 5px 0px #e9ecf0; cursor: pointer;} .alltime_winner_wrap .winner_con_wrap:hover {background: url(/assets/images/win_hover_img.png) no-repeat; background-size: 22%; background-color: #d3e9ff; background-position: 93% -19%; box-shadow: 5px 5px 0px #cbd9ec;} .alltime_winner_wrap .winner_con_wrap:hover .go_wrap a {background: #124c9c; font-weight: bold;} .alltime_winner_wrap .winner_con_wrap:hover .title_wrap p.title {color: #124c9c;} .alltime_winner_wrap .winner_con_wrap_area {width: 70%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start;} .alltime_winner_wrap .year_wrap {background: #005994; padding: 1px 11px; border-radius: 3px; color: #fff; font-weight: bold; font-size: 16px;} .alltime_winner_wrap .title_wrap {padding-left: 15px;} .alltime_winner_wrap .go_wrap a {display: block; padding: 4px 17px; background: #1482cc; color: #ffffff !important; border-radius:30px} .alltime_winner_wrap .winner_con_wrap_area .title_wrap p.title {font-size: 20px; font-weight: 600; padding-bottom: 2px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .alltime_winner_wrap .winner_con_wrap_area .title_wrap p.sub {color: #185782; font-size: 13px; padding-left: 7px;} .alltime_winner_wrap .go_wrap {width: 30%; display: flex; justify-content: flex-end;} .print-btn{background: url(/assets/images/print.png) no-repeat 10px 6px; background-size: 17px; float: right !important; padding: 1px 4px 1px 20px !important; border: 1px solid #ddd; border-radius:50px; margin-bottom:10px; width:99px;} .print-btn strong{margin: 0 10px 10px 10px; font-size: 14px; color:#064298; cursor: pointer;} .print-btn strong:hover{color:#064298;} .print-btn:hover{background: url(/assets/images/print.png) no-repeat 10px 6px #e6ebfc; background-size: 17px;} .view_list_wrap .print-btn{margin-bottom:0px;} .board_detail > li .title_box .print-btn{margin-bottom:0px;} /*--------------------------1275사이즈--------------------------*/ @media (max-width:1275px) { /* 혁신제안톡 */ .suggest_wrap2 {margin: 0; display: flex; flex-wrap: wrap; justify-content: space-around;} .suggest_wrap2 .suggest_box {margin: 0; width: 48.5%; margin: 15px 0 0 0;} .membership_box{padding: 0 15px;} .date_wrap .date_radio{padding-left:0;} } /*--------------------------1150사이즈--------------------------*/ @media (max-width:1150px) { /*헤더*/ body#main .toparea .gnb .topmenu{width:100%; position: absolute;} .toparea .topmenu > ul > li > a{padding:0 6px;} #wrap{ min-width:inherit;} .contentsarea.type2 {width:100%;} /* 회원가입 */ .join_tit {margin: 20px auto;} .join_box .join_btn{width:100%; margin-right:0; padding: 0;} .join_box .join_btn a:last-child{margin-right:0;} .join_box .login_sns{width:100%; margin-top:10px; border-left: 0; border-top: 1px solid #d8d8d8; padding: 0;} .login_sns .box {justify-content: space-between;} .join_box .login_sns a {width:100%;} .gover_login {margin-top: 7px;} /*심사 wrap*/ .maincontents .section1{width:100% !important;} .survey_wrap {width:100% !important; margin:0;} .sub_contents .nav_box .nav {width:100%;} /* .survey_wrap li{width: calc(50% - 20px);} */ .survey_wrap .survey_box a{width:100%; height:100%;} .nomination{width:68%;} /* .nomination.nom2 {width:60%;} */ .guide_link_sub dl {background-size:auto;} .opinion textarea {width:80%;} .board_talk_view .text_box .opinion textarea {width:70%;} .survey_end {width:80%;} /*마이페이지*/ .my_menu_wrap {width:28%;} .my_content {width: 60%;margin:30px 10px;} /*마이페이지-----커뮤니티*/ .community_wrap .c_listbox {width:70%;} /*국민신청 정책실명제*/ .policy_search .search1{width:100% !important;} .policy_search .search2{width:100% !important;} /* Q&A*/ #qa_accodion .item p {width:88%;} .boardlist_top .search_box li .inpbox2 {width:80%;} #kwrd_show{display:inline;} /* 국민정책디자인 */ .contetnts_box li {width:50% !important;} .contetnts_box li label{ width: 12%;} .contetnts_box li .inpbox {width: 65% !important;} .contetnts_box li .optionbox {width: 79% !important;} .boardlist_top .search_box li.w6 {width: 315px;} .boardlist_top .search_box li .inpbox2 {width: 190px !important;} .boardlist_top .mypage_ul li .inpbox2 {width: 68% !important;} .survey_wrap4 .text_wrap {height:180px;} .survey_wrap4 .gv_graph {flex-direction: column;} .survey_wrap4 .gv_graph .graph_text{width:100%;} .survey_wrap4 .gv_graph .graph_wrap{width:100%;} } @media (max-width:1053px){ .boardlist_top .search_box li .inpbox2 { width: 166px !important; } .boardlist_top .search_box li.w6 { width: 300px; } .boardlist_top .mypage_ul li .inpbox2 { width: 68% !important; } } @media (max-width:1045px){ .survey_wrap .thumb {height: 222px;} .boardlist_top .search_box li.w6 { width: 290px; } } @media (max-width:1030px){ /* 국민심사 */ /* .survey_wrap .survey_box { margin: 15px 0 0 0; width: 49%;} */ .survey_wrap {margin: 0px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding: 0 15px;} .boardlist_top .search_box li.search_word { width: 339px; } .boardlist_top .search_box li.s_code { width: 239px; } .boardlist_top .search_box li.w6 { width: 320px; } .boardlist_top .mypage_ul li.search_word{width:100%!important;} .boardlist_top .mypage_ul li label {width: 15%!important;} } @media (max-width:1024px){ .survey_wrap .thumb {height: 210px !important;} /* 상세 페이지 썸네일 이미지 */ .bbs_cn_thumb {width: 100% !important;} .alltime_winner_wrap {min-height: 0px;} } @media (max-width:1016px){ /* 협업매칭플랫폼 */ .matching_date {color: #00bdbe;} /* 공청회 */ .boardlist_top .search_box li:nth-child(3){} .boardlist_top .search_box li.w4 {} .ghm_stepwrap2 .ghm2 .tit{padding:8px 18px 8px 40px;} .ghm_stepwrap2 .ghm1 .tit{background-size: 20px; padding: 8px 18px 8px 36px;} .ghm_stepwrap2 ul li .tit{font-size:20px;} .ghm_stepwrap2 .ghm_all {margin-top: 89px;} div.contents-wrap {padding: 0 20px;} } /*--------------------------1000사이즈--------------------------*/ @media (max-width:1000px) { .government{display:none;} .ghm_stepwrap{margin-left:0px;} .ghm_stepwrap ul,.ghm_stepwrap .step_box{width:100%; margin-bottom:10px; padding:0 0 30px 0; background:url(/assets/images/ghm_next2.png) no-repeat bottom; background-size:20px;} .ghm_stepwrap .ghm_all{width:100%;} .ghm_stepwrap .ghm_all a{font-size:16px; padding:5px;} .ghm_stepwrap ul:last-child {background:none; padding-bottom:0; margin-bottom:0;} /*일반게시판 상세_혁신제안톡 2020-04-09변경 TYPE*/ .ghm_stepwrap2{margin-left:0px;} .ghm_stepwrap2 ul,.ghm_stepwrap2 .step_box{width:100%; margin-bottom:10px; padding:0 0 30px 0; background:url(/assets/images/ghm_next2.png) no-repeat bottom; background-size:20px;} .ghm_stepwrap2 .ghm_all{width:100%; margin-top:0;} .ghm_stepwrap2 .ghm_all a{font-size:16px; padding:5px;} .ghm_stepwrap2 ul:last-child {background:none; padding-bottom:0; margin-bottom:0;} .suggest_wrap2 .suggest_box {width:49%;} .suggest_wrap2 .tit_box .step {float:right; margin:2px 0 5px;} .suggest_wrap2 .bottom li:first-child{margin-left: 0px;} .suggest_wrap2 .bottom ul {display: block;padding-top: 0; overflow: hidden;} .ghm_stepwrap ul li {padding:4px; height:fit-content;} .ghm_stepwrap .ghm3 em{top:16%;} .ghm_stepwrap .ghm3 {min-height: 40px;} .ghm_stepwrap .ghm4 em{top:16%;} .ghm_stepwrap .ghm4 {min-height: 40px;} .ghm_stepwrap a{font-size:16px !important;} /* .nomination{width:85%;} .nomination.nom2 {width:50%;} */ .nomination {width:100%;} .nomination li {width:48%; margin-right:10px;} .nomination li:last-child{margin-right:0;} .nomination li .graph_wrap {width:100%;} .nomination.nom2{width:100%;} .board_talk_view .text_box {padding:20px;} .forum_box .btn_box2 {top:55px;} /*썸네일 심사 wrap*/ .survey_wrap4 .survey_box {width:calc(50% - 20px);} /* 마이페이지 */ .my_menu_wrap{width:100%; padding: 0 10px;} .my_menu_wrap .menu{position:relative; height:120px;} .my_menu_wrap .menu li{width:100%; float:left;} .my_menu_wrap .menu li a{text-align:center;font-size: 14px;} .my_menu_wrap .menu .dapth_2{overflow:hidden; width: 100%;left: 0;padding: 10px; background:#e9f0f6; padding-left: 25px;} .my_menu_wrap .menu .dapth_2 li{border-right:0;margin-right:3px; width:32%;} .my_menu_wrap .menu .dapth_2 li a {border-top:1px solid #ddd; padding:5px 10px; text-align:left;} .my_content {width:95%; padding:20px 10px;} .privacy_info .phone_box{width:100%; display:block;} /* 소통공간 신청 */ .footnote {width: 59%; margin-top:10px;} .foot_box {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .today_schedule .footnote li.color_o2:before {margin-left: 0px;} .today_schedule button {width: 49%;} .today_schedule button.write {width: 49%;} .survey_wrap .thumb {height: 200px;} .boardlist_top .search_box li.w6 {width: 287px !important;} .boardlist_top .search_box li.search_word {width: 350px;} .boardlist_top .search_box li .inpbox2 { width: 146px !important; } .boardlist_top .search_box li label { width: 64px; } .boardlist_top .mypage_ul li .inpbox2 { width: 60%!important; } .boardlist_top ul.mypage_ul_s {display: flex;flex-direction: row; flex-wrap: wrap;} /*.boardlist_top ul.mypage_ul_s li:nth-child(1),.boardlist_top ul.mypage_ul_s li:nth-child(2),.boardlist_top ul.mypage_ul_s li:nth-child(3) {width: 100% !important;}*/ .boardlist_top ul.mypage_ul_s li.search_word {width: 51% !important;} .boardlist_top ul.mypage_ul_s li.s_code {width: 45% !important;} .boardlist_top .mypage_ul_s li.search_word.type3 {width: 100% !important;} .boardlist_top .mypage_ul_s li label {width: 15%!important; max-width: 43px;} } @media (max-width:959px){ .boardlist_top .search_box li.w6 { width: 100% !important; } .boardlist_top .search_box li .inpbox2{ width: 73% !important; } .boardlist_top .mypage_ul li label { width: 13%!important; } .boardlist_top .mypage_ul li .inpbox2 { width: 60% !important; } .boardlist_top .mypage_ul_s li .label_txt { max-width: 80px !important; width: 18%!important; } } @media (max-width:930px){ .survey_wrap .thumb {height: 194px;} } @media (max-width:912px){ .survey_wrap .thumb {height: 180px;} } /*--------------------------908사이즈--------------------------*/ @media (max-width:908px) { .government{display:none;} .depth_6 li { width: 58%;} .display_none{display:none;} /* 혁신제안톡-첫화면 */ .category_list{border:0; border-top:1px solid #ddd;} .category_list a {width:25%; font-size:12px;} .category_list a:nth-child(4n){border-right:1px solid #ddd;} /*.category_list a:last-child{border-bottom:0;}*/ .icon-b_8:before{margin-bottom:-7px;} .suggest_wrap .bottom p {float:inherit;} .suggest_wrap .bottom li:first-child{margin-left: 0px;} .suggest_wrap .bottom ul {display: block;float: inherit;padding-top: 0; overflow: hidden;} .boardlist_top .search_box li .inpbox2 { width: 72%;} /* 혁신제안톡-첫화면2 */ .suggest_wrap2 .suggest_box {width:49%;} .suggest_wrap2 .tit_box .step {float:right; margin:2px 0 5px;} .suggest_wrap2 .bottom li:first-child{margin-left: 0px;} .suggest_wrap2 .bottom ul {display: block;padding-top: 0; overflow: hidden;} .ghm_stepwrap ul li {padding:4px; height:fit-content;} .ghm_stepwrap .ghm3 em{top:16%;} .ghm_stepwrap .ghm3 {min-height: 40px;} .ghm_stepwrap .ghm4 em{top:16%;} .ghm_stepwrap .ghm4 {min-height: 40px;} .ghm_stepwrap a{font-size:16px !important;} /*일반게시판 상세_혁신제안톡 2020-04-09변경 TYPE*/ .ghm_stepwrap2 ul li {padding:4px; height:auto;} .ghm_stepwrap2 .ghm3 em{top:16%;} .ghm_stepwrap2 .ghm3 {min-height: 40px;} .ghm_stepwrap2 .ghm4 em{top:16%;} .ghm_stepwrap2 .ghm4 {min-height: 40px;} .ghm_stepwrap2 a{font-size:16px !important;} .board_talk_view .text_box .opinion textarea {width:69%;} .board_write_tit, .ballot_wrap{padding:20px 10px;} .board_talk_view .user_question .img_box{width:100%} .board_write .form-group .group .form-control2{width:100%} .forum-index-wrap .forum-banner-wrap {position:inherit !important; width:100% !important; top:0 !important;} .maincontents-ncloud .row-small .col{width:100%;} .survey_wrap4 .survey_box .text_box{margin-right:0px;} /*공간안내_테이블*/ .web_table{display:none;} .mobile_table{display:block;} .info_link a{width:32%; float:left; margin:3px;} .view_popup_zone {height:250px;} .view_popup_zone img {width:100%; height:250px;} .view_popup_zone .banner{height:230px;} .view_popup_zone pre{height:20px;} .comment_02{font-size:14px; margin:10px;} /* 국민정책디자인 */ .contetnts_box li .inpbox {width: 60% !important;} } @media (max-width: 880px){ .survey_wrap .thumb {height: 173px;} .view_list_wrap .print-btn{float:left !important; margin-bottom:5px;} .date_wrap .date{flex-direction:column;} } @media (max-width: 820px){ .survey_wrap .thumb {height: 159px;} } @media (max-width: 800px){ .survey_wrap .thumb {height: 154px;} } @media (max-width: 768px){ .survey_wrap .thumb {height: 147px;} .boardlist_top .mypage_ul li label { width: 15%!important; } } /*--------------------------750사이즈--------------------------*/ @media (max-width: 750px) { .government{display:none;} /* 로그인 login_sns */ .membership_box .tab_box .tab_list > li .tab-content {margin-top:100px;} .membership_box .membership_contents .text_box h3 {font-size:20px; margin-bottom:10px;} .membership_box .membership_contents .text_box p {line-height:22px;font-size:14px;} .membership_box .membership_contents .btn_login.type3 {width: 100%;} .login_sns {width:100%;} .login_sns .kakao{background:#fbe300 !important; border-radius: 5px !important;} .login_sns .naver{background:#1ec800 !important; border-radius: 5px !important;} .login_sns .naver span{color: #fff !important;} .login_sns .facebook{background:#3e5d9a !important; border-radius: 5px !important;} .login_sns .facebook span{color: #fff !important;} .login_sns .apple{background:#000 !important; border-radius: 5px !important;} .login_sns .apple span{color: #fff !important;} .login_sns .google{border-radius: 5px !important;} .login_sns .google span{color: #666;} .login_sns .google .icon{border-radius: 5px !important;} .log-wrap{display:block; } .log-wrap .log-devide{width:100%; padding:20px;} .log-wrap .log-devide:last-child{ margin-left:0; margin-top:20px;} .size_wrap{display:none;} /* 회원가입 */ .join_box {margin: 0px auto;} .join_box .join_btn{width:100%; margin-right: 0;} .join_box .join_btn a {width:98%;} .join_box .join_btn a:last-child{margin-right:0;} .join_box .login_sns{width:100%; margin-top:10px;} .join_box .login_sns a {width:100%;} .gover_login .button_wrap {flex-wrap: wrap;} .gover_login .button_wrap a {width: 30%; margin:3px;line-height:1.2;} /* 혁신제안톡-첫화면 */ .category_list a {width:25%;} .suggest_wrap {width:100%; padding:0px; margin:0;} .suggest_wrap .suggest_box{width:100%; margin:0 0 10px;} .suggest_wrap .suggest_box strong {font-size:18px; line-height:26px; height:52px;} /* .boardlist_top .search_box li.search_word {width:55%!important;} */ .boardlist_top .search_box li.s_code {width:43%!important;} .boardlist_top .search_box li .inpbox2 {width:78%!important;} .boardlist_top .search_box li.w6 {width: 100% !important;} .boardlist_top .flat_ul li.search_word{width:100%!important;} .boardlist_top .matching_ul li.search_word{width:100%!important;} /* 혁신제안톡-첫화면2 */ .suggest_wrap2 {width:100%; padding:0px; margin:0;} .suggest_wrap2 .tit_box .step {float:right; margin:0;} .suggest_wrap2 .suggest_box{width:100%; margin:0 0 10px;} .suggest_wrap2 .suggest_box strong {font-size:18px; line-height:26px; height:52px; margin-top:8px;} .suggest_wrap2 .suggest_box .text {margin:8px 0;} /*혁신제안톡_글쓰기*/ .q_wrap {padding:0;} .q_wrap .q_box select {width:32.3% !important;} .q_box2{padding:10px; background: #f3f3f3; border-radius: 5px;} /*심사 wrap*/ .survey_wrap {width:100%; padding:0px; margin:0;} .survey_wrap .survey_box {width:99%; margin:0 0 10px;} .survey_wrap .survey_box.two{width:99%; margin:0 0 10px;} .submit-word {display: block;} .h3_tit h3{padding:0 0 10px;line-height:32px;font-size: 22px;} .h3_tit .text{padding-top:0px;} .survey_wrap3 li .tit{width:83%;} .survey_wrap3 li .tit strong{font-size:20px;} .survey_wrap3 li .right{padding-top:10px;} .survey_wrap3 li .star {padding-top:0px; padding-bottom:5px;} .survey_wrap3 li .check select{margin:15px 10px 0 0;} .opinion a{width:100%;} .survey_wrap3_top li{margin-bottom:5px;} .survey_wrap3_top li:last-child{margin-bottom:0;} .survey_wrap3 .text_box .text2 {padding: 15px 5px;} .survey_wrap3 .comment .comment_list .line {padding:10px;} .survey_wrap3 .comment .comment_list .line .text{padding-bottom:0} .survey_wrap3 .comment .comment_list {padding:0 10px;} .survey_end {width:100%;} .survey_end img{width:36%;} .survey_end .iradio{margin-top:5px;} .count_box {top: -26px;} .vs_wrap {padding-bottom:20px;} .guide_link_sub dl{background:url(/assets/images/main_new/guide_bg.jpg) no-repeat; padding:35px;} .guide_link_sub dt{font-size:20px;} .guide_link_sub dd{width:100%;} /*썸네일 심사 wrap*/ .survey_wrap4 .survey_box {width:100%; margin:5px 0;} .survey_wrap4 .view_page {padding:0;} .survey_wrap4 .vs_wrap .thumb {height:190px;} .survey_wrap4 .vs_wrap .thumb img{height:100%;} .survey_wrap4 .survey_box .text_box{margin-right:0px;} .vs_wrap strong {font-size:16px;} /* 국민참여 안내 */ .guide_link_sub {padding:0 5px; margin-top: 10px;} /* content-tab-menu */ .nav-tab{margin-bottom:40px;} .nav-tab li { display: block; width: 100%; margin-bottom:2px;} .nav-tab li:after { display:none;} .nav-tab li a{background:#f6f6f6; padding: 8px 15px;} .nav-tab li a:after{display:none;} .nav-tab li.on a, .nav-tab li a.on {background:#0067b3; color:#fff;} .nav-tab.category_tab li { width: auto; margin: 0 5px;} .nav-tab.category_tab li.on a:after{display:block;} .tit_nav h1 { text-align: left; padding: 47px 120px 47px 32px; font-size: 2rem;} .tit_nav .container { padding-left: 0; padding-right: 0;} .nav-tab.category_tab {overflow: hidden;background: url(/assets/images/bg_pattern.png) 0 0 repeat;margin-bottom: 30px; display:flex; height:auto; width:100%;} .nav-tab.category_tab li {float:left;margin: 0;border-bottom: 1px solid #fff; display: table-cell; flex:auto; height: 100%;} .nav-tab.category_tab li.on a {background: #0067b3;color:#fff;/* height: 100%; */} .nav-tab.category_tab li a {margin-right:1px; background: #fff;color: #0067b3;padding:8px;font-size:14px;height: 100%;} .nav-tab.category_tab li a:hover{text-decoration: underline;} /* view */ .survey_view_wrap .text_wrap {padding: 20px 10px;} .view_list_wrap{padding: 10px 0px 2px;} .youtubeWrap {width:100%; height:100%; /*min-height:400px;*/} /*심사 리스트*/ .survey_wrap3 li .tit_wrap {padding: 10px 0;} .survey_wrap3 .link li, .survey_wrap3 .file li {padding:5px;} .comment .comment_list .line{padding:0px;} /*일반게시판 상세_혁신제안톡*/ .section_top {padding-bottom:5px;} .board_talk_view .text_box {padding:20px;} .opinion_wrap dl {padding:20px;} .board_talk_view h3 {font-size:20px; line-height:28px; margin:24px 0;} .board_talk_view h3 .on_line {display:block; font-size:16px; padding:4px 14px; margin-bottom: 5px;} .ghm_stepwrap{margin-left:0px;} .ghm_stepwrap ul,.ghm_stepwrap .step_box{width:100%; margin-bottom:10px; padding:0 0 30px 0; background:url(/assets/images/ghm_next2.png) no-repeat bottom; background-size:20px;} .ghm_stepwrap ul li {padding:4px; height:fit-content;} .ghm_stepwrap .ghm_all{width:100%;} .ghm_stepwrap .ghm_all a{font-size:16px; padding:5px;} .ghm_stepwrap ul:last-child {background:none; padding-bottom:0; margin-bottom:0;} /*일반게시판 상세_혁신제안톡 2020-04-09변경 TYPE*/ .ghm_stepwrap2{margin-left:0px;} .ghm_stepwrap2 ul,.ghm_stepwrap .step_box{width:100%; margin-bottom:10px; padding:0 0 30px 0; background:url(/assets/images/ghm_next2.png) no-repeat bottom; background-size:20px;} .ghm_stepwrap2 ul li {padding:4px; height:auto;} .ghm_stepwrap2 .ghm_all{width:100%;} .ghm_stepwrap2 .ghm_all a{font-size:16px; padding:5px;} .ghm_stepwrap2 ul:last-child {background:none; padding-bottom:0; margin-bottom:0;} .ghm_stepwrap2 .ghm_all .all .white_wrap .box {height:auto;} .ghm_stepwrap2 .ghm_all .all .tit{padding:5px !important;} .ghm_stepwrap2 ul li .tit {font-size:16px; padding:5px 18px 5px 45px !important;} .ghm_stepwrap2 .ghm_all .all .box span {font-size:18px;} /*협업이음터 2021-03-15변경 TYPE*/ .ghm_stepwrap3{margin-left:0px;} .ghm_stepwrap3 ul,.ghm_stepwrap .step_box{width:100%; margin-bottom:10px; padding:0 0 30px 0; background:url(/assets/images/ghm_next2.png) no-repeat bottom; background-size:20px;} .ghm_stepwrap3 ul li {padding:4px; height:auto;} .ghm_stepwrap3 .ghm_all{width:100%;} .ghm_stepwrap3 .ghm_all a{font-size:16px; padding:5px;} .ghm_stepwrap3 ul:last-child {background:none; padding-bottom:0; margin-bottom:0;} .ghm_stepwrap3 .ghm_all .all .white_wrap .box {height:auto;} .ghm_stepwrap3 .ghm_all .all .tit{padding:5px !important;} .ghm_stepwrap3 ul li .tit {font-size:16px; padding:5px 18px 5px 45px !important;} .ghm_stepwrap3 .ghm_all .all .box span {font-size:18px;} .nomination {width:100%;} .nomination li {width:48%; margin-right:10px;} .nomination li:last-child{margin-right:0;} .nomination li .graph_wrap {width:100%;} .nomination.nom2{width:100%;} .board_write .form-group .title {width:30%; padding:10px; text-align:left; font-size: 13px;} .board_write .form-group .group {width:100%;} .file_area .file_choice {width:100%;} .board_write .group .group-1 {width:18% !important;} .board_write .group .group-3 {width:100% !important;} .modify_text textarea {width:82%; height:37px;} .modify_text a {width:16%;} .form-group_02{ flex-direction: column;} .board_write .form-group_02 .form-group .group { width: 100%;} .board_write .form-group_02 .form-group label.title { width: 30% !important;} .board_write .form-group_02 .form-group {width: 100%;} .board_write em.point{ margin-left: 2px; font-size: 1em;} .file_area {overflow: hidden; margin: 5px 0; display: flex; flex-direction: column; align-items: flex-start;} /*공간안내*/ .info_link a {width:31%;} .view_popup_zone {height:200px;} .view_popup_zone img {width:100%; height:200px;} .view_popup_zone .banner{height:180px;} .view_popup_zone pre{height:20px;} /*사용자 마이페이지*/ .user_write > ul > li > dl.type1 > dt{float:left; width:33%;} .user_write > ul > li > dl.type1 > dd{float:left; width:67%;} .boardwrite > ul > li > dl > dd .optionbox {width:33%; display:inline-block;} .boardwrite > ul > li > dl > dd .inpbox.w100 {width: calc(33% - 18px) !important;} .my_menu_wrap .menu .dapth_2 li {width:100%;} .my_menu_wrap .menu .dapth_2{overflow:hidden; width: 100%;left: 0;padding: 10px; background:#e9f0f6;} .my_content .community li {margin: 0 0 5px;width: 100%;} .my_content .my_action li {width:100%; margin: 2px 0;} .community_wrap li {width:100%;} .my_content .table-responsive table{width:750px;} .my_content .sugges .text {float:left; width:80%;} .my_content .sugges .text a {width:100%;} /*정책실명제*/ .onlyWeb {display: none;} .onlyMobile { display: block;} /* 협업매칭플랫폼 */ .matching_date {float: left; display: block; width: 100%; margin-top: 10px; color: #00bdbe;} /*마이페이지-----커뮤니티*/ .community_wrap .user_img_box {float:inherit; margin:0 auto 10px;} .community_wrap .c_listbox {float:inherit; width:100%;} /*마이페이지-----등급*/ .level_Wrap .score p {font-size:18px;} .level_list ul {width:100%;} .level_list ul:first-child {border-right:0;} .level_list li{overflow:hidden; border-bottom:1px solid #ddd; padding:5px 0;} .level_list li strong {float:left;width:25%;} .level_list li span{width:75%; display: block; float:left;} .level_list .box2 li:last-child {border-bottom:0;} .my_menu_wrap .menu {height: 160px;} /*Q&A*/ #qa_accodion .item strong {padding:0; width:100%;} #qa_accodion .item p {width:100%;} #qa_accodion .inner {padding:10px 20px;} #qa_accodion .inner p {width:100%;} /* 국민정책디자인 */ .contetnts_box li .optionbox {width: 70% !important;} .contetnts_box li label {width: 22% !important;} .contetnts_box li .inpbox {width: 48% !important;} .opin_area textarea {width: 91%;} .opin_area a {margin-top: 17px !important;line-height: 30px;border-radius: 3px;} .footnote {width:70%;} /*공모전공고*/ .survey_wrap .thumb {height: 490px!important;} .boardlist_top .mypage_ul li.search_word {width: 100%!important;} .boardlist_top .mypage_ul li .inpbox2 {width: 68%!important;} .boardlist_top ul.mypage_ul_s {display: flex; flex-direction: column;flex-wrap: wrap;} .boardlist_top ul.mypage_ul_s li.search_word {width: 100% !important;} .boardlist_top ul.mypage_ul_s li.s_code {width: 100% !important;} .boardlist_top .mypage_ul_s li.search_word.type3 {width: 100% !important;} .boardlist_top .mypage_ul_s li label {width: 15%!important; max-width: 43px;} /* 역대 수상작 */ .alltime_winner_wrap .winner_con_wrap_area .title_wrap p.title {min-height: 55px;} } @media (max-width:725px) { .survey_wrap .thumb {height: 472px !important;} } @media (max-width:700px) { .survey_wrap .thumb {height: 455px !important;} } @media (max-width:670px) { .survey_wrap .thumb {height: 436px;} } @media (max-width:650px) { .survey_wrap .thumb {height: 422px !important;} .boardlist_top .mypage_ul li .inpbox2 { width: 60%!important;} } /*--------------------------600사이즈--------------------------*/ @media (max-width:600px) { .survey_wrap .survey_box strong{height:51px;} /*공간안내*/ .view_popup_zone {height:180px;} .view_popup_zone img {width:100%; height:180px;} .view_popup_zone .banner{height:150px;} .view_popup_zone pre{height:30px;font-size: 11px;} .btn6 {min-width: auto; padding: 0 20px;font-size: 14px;} .level_Wrap .score_img {text-align:center; float:inherit;} .level_Wrap .score {float:inherit; width:100%; text-align:center;} .level_list li strong {width:40%;} .level_list li span{width:60%;} .modal-dialog {max-height:inherit;} .facebook:hover{background:#fff;color:#3e5d9a;line-height: 25px;} .login_sns .facebook:hover{background:#3e5d9a;color:#3e5d9a;line-height: 25px;} .youtube:hover{background:#ffffff;line-height: 25px;} .opinion{padding:10px;} .opinion strong span {display:inline;} /* 공청회 */ .p_top_search {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;} .p_top_search li {width:100%!important; flex-start;} .p_top_search {width: 100%; display: flex; flex-direction: column;} .p_top_search li:nth-child(3) {width: 100% !important;} .p_top_search li .optionbox {width: 100% !important;} /* 국민정책디자인 */ .contetnts_box li {width: 100% !important;} .contetnts_box li .inpbox {width: 49% !important;} .opinion textarea {width:100%; margin:0;} .footnote {width: 85%;} .survey_wrap .thumb {height: 390px !important;} } @media (max-width:550px) { .survey_wrap .thumb {height: 355px !important;} .board_talk_view .info_box .right{float:left;} } /*--------------------------510사이즈--------------------------*/ @media (max-width:510px) { /*마이페이지-----등급*/ .level_Wrap .level_tit {padding: 10px;} level_Wrap .score {padding:10px 0; width:100%;} .level_Wrap .score_img {float:inherit;text-align: center;} .level_Wrap .score p {text-align: center;word-break: keep-all;} .level_Wrap .point {margin: 0 auto; width:100%; text-align:center;} .level_list {padding:5px 0;} .level_list ul {padding:0 10px;} .level_list li {min-height:50px;} .level_list li span {line-height:50px;} .footnote {width:95%;} .survey_wrap .thumb {height: 328px !important;} } @media (max-width:450px) { .survey_wrap .thumb {height: 288px !important;} } @media (max-width:425px) { .survey_wrap .thumb {height: 270px !important;} } /*--------------------------400사이즈--------------------------*/ @media (max-width:400px) { /* 자동로그아웃 팝업창 */ .logout_pop {width:100%;} /*앱 평가하기*/ .app_evaluation{width:100%;} .app_evaluation h4 {font-size:25px;} .app_evaluation p {padding:15px 0;} .main_img {height:108px;} .main_img .title h2 {margin:0 !important;; padding:10px 0 0 !important;} .view_popup_zone {height:170px;} .view_popup_zone img {height:170px;} .view_popup_zone .banner{height:130px;} .view_popup_zone pre{height:40px;font-size: 10px;} .btn6 {font-size: 12px;} .level_list li span {line-height: 20px;} .level_Wrap .score_img img{width:70px;} .survey_wrap .thumb {height: 254px !important;} } @media (max-width:375px) { .survey_wrap .thumb {height: 238px !important;} } @media screen and (max-width:307px){ .survey_wrap .thumb {height: 200px !important;} } /********** 서브페이지 공통 ***********/ .d_none{display: none;} .sub_top {width:100%;height:210px;position: relative;overflow: hidden;background-color:#009ae9;} /*.sub_top .sv-ob{height:100%; position: relative;}*/ .sub_top .sv-ob { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; } .sub_top.propose {background-color:#009ae8;} .sub_top.survey {background-color:#00aebc;} .sub_top.contest {background-color:#00b1e2;} .sub_top.hearing {background-color:#00afc4;} .propose .sv-ob{ background-image: url('/assets/images/propose-banner.png'); } .survey .sv-ob{ background-image: url('/assets/images/survey-banner.png'); } .contest .sv-ob{ background-image: url('/assets/images/contest-banner.png'); } .hearing .sv-ob{ background-image: url('/assets/images/hearing-banner.png'); } /* 가로 화면(landscape)일 경우 배경 이미지 변경 */ @media (orientation: portrait) { .propose .sv-ob { background-image: url('/assets/images/propose-banner_m.png'); } .survey .sv-ob { background-image: url('/assets/images/survey-banner_m.png'); } .contest .sv-ob { background-image: url('/assets/images/contest-banner_m.png'); } .hearing .sv-ob { background-image: url('/assets/images/hearing-banner_m.png'); } } .sub_top .sv_bg1{height: 100%; background:url('/assets/images/sub-back-ob01.png') no-repeat 5% center; position: absolute; left:60px; top: 0px; animation: up-down 3s infinite ease-in-out alternate; width:150px; background-size: 70%;} .sub_top .sv_bg2{ height: 100%; background:url('/assets/images/sub-back-ob02.png') no-repeat 100% bottom; position: absolute; right:20px; bottom:-63px; animation:left-right 4s infinite ease-in-out alternate; width:300px; background-size: 64%;} .sub_top .txt{max-width: 1150px; height: 100%; margin: 0 auto; text-align: center;} .sub_top .txt .sub-title{width:100%; height:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; animation-name:fadeInUp; animation-duration:.7s;} .sub_top .txt .sub-title span.sub_txt {text-align: center; line-height: 1.5; padding-top: 10px; font-size: 14px;} .sub_top .txt .sub-title span:first-child{font-size:40px;color: #ffffff;font-weight: 600;padding-bottom: 15px;z-index: 9;} .sub_top .txt .sub-title span:nth-child(2){font-size:18px;color: #f7f7f7;z-index: 9; font-weight:300;} .sub_top .w1150{max-width:1150px;margin: 50px auto;} @keyframes fadeInUp{ from{transform: translatey(90px);} to{transform: translatey(0px); opacity:0;} } @keyframes up-down{ from{transform: translatey(0px);} to{transform: translatey(-20px);} } @keyframes left-right { from{ right:65px; } to{right: 130px; } } /*공모전 상단*/ .bg_blue {background:linear-gradient(180deg, #f7fbff, #e5efff)} .bg_blue .txt .sub-title span:first-child {color: #001a4e;} .bg_blue .txt .sub-title span:nth-child(2) {color: #6e7c8d;} .bg_blue .txt .sub-title span.sub_txt {color: #97b3d5;} /*정책제안 상단*/ .bg_green {background:linear-gradient(-20deg, #007eac 0%, #58c6b0 100%)} .bg_green .txt .sub-title span:first-child {color: #fff;} .bg_green .txt .sub-title span:nth-child(2) {color: #fff;} .bg_green .txt .sub-title span.sub_txt {color: #fff;} .bg_green .sv_bg1{height: 100%; background:url('/assets/images/sub-back-gr01.png') no-repeat 5% center; position: absolute; left:60px; top: 0px; animation: up-down 3s infinite ease-in-out alternate; width:150px; background-size: 70%;} .bg_green .sv_bg2{ height: 100%; background:url('/assets/images/sub-back-gr02.png') no-repeat 100% bottom; position: absolute; right:20px; bottom:-80px; animation:left-right 4s infinite ease-in-out alternate; width:300px; background-size: 64%;} /*정책참여 상단*/ .bg_pink{background: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%)} .bg_pink .txt .sub-title span:first-child {color: #fff;} .bg_pink .txt .sub-title span:nth-child(2) {color: #fff;} .bg_pink .txt .sub-title span.sub_txt {color: #fff;} .bg_pink .sv_bg1{height: 100%; background:url('/assets/images/sub-back-pk01.png') no-repeat 5% center; position: absolute; left:60px; top: 0px; animation: up-down 3s infinite ease-in-out alternate; width:150px; background-size: 70%;} .bg_pink .sv_bg2{ height: 100%; background:url('/assets/images/sub-back-pk02.png') no-repeat 100% bottom; position: absolute; right:20px; bottom:-80px; animation:left-right 4s infinite ease-in-out alternate; width:300px; background-size: 64%;} /*열린소통포럼 상단*/ .bg_yellow{ background: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);} .bg_yellow .txt .sub-title span:first-child {color: #fff;} .bg_yellow .txt .sub-title span:nth-child(2) {color: #fff;} .bg_yellow .txt .sub-title span.sub_txt {color: #fff;} .bg_yellow .sv_bg1{height: 100%; background:url('/assets/images/sub-back-yl01.png') no-repeat 5% center; position: absolute; left:60px; top: 0px; animation: up-down 3s infinite ease-in-out alternate; width:150px; background-size: 70%;} .bg_yellow .sv_bg2{ height: 100%; background:url('/assets/images/sub-back-yl02.png') no-repeat 100% bottom; position: absolute; right:20px; bottom:-80px; animation:left-right 4s infinite ease-in-out alternate; width:300px; background-size: 64%;} /*도전한국*/ .bg_sky{background:linear-gradient(to right, #48c6ef 0%, #6f86d6 100%);} .bg_sky .txt .sub-title span:nth-child(2) {color: #fff;} .bg_sky .txt .sub-title span.sub_txt {color: #fff;} .bg_sky .sv_bg1{height: 100%; background:url('/assets/images/sub-back-sk01.png') no-repeat 5% center; position: absolute; left:60px; top: 0px; animation: up-down 3s infinite ease-in-out alternate; width:150px; background-size: 70%;} .bg_sky .sv_bg2{ height: 100%; background:url('/assets/images/sub-back-sk02.png') no-repeat 100% bottom; position: absolute; right:20px; bottom:-80px; animation:left-right 4s infinite ease-in-out alternate; width:300px; background-size: 64%;} /*참여정보*/ .bg_navy{ background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)} .bg_navy .txt .sub-title span:first-child {color: #fff;} .bg_navy .txt .sub-title span:nth-child(2) {color: #fff;} .bg_navy .txt .sub-title span.sub_txt {color: #fff;} .bg_navy .sv_bg1{height: 100%; background:url('/assets/images/sub-back-nv01.png') no-repeat 5% center; position: absolute; left:60px; top: 0px; animation: up-down 3s infinite ease-in-out alternate; width:150px; background-size: 70%;} .bg_navy .sv_bg2{ height: 100%; background:url('/assets/images/sub-back-nv02.png') no-repeat 100% bottom; position: absolute; right:20px; bottom:-80px; animation:left-right 4s infinite ease-in-out alternate; width:300px; background-size: 64%;} /************** 공모전 수상후보작 팝업 ****************/ .contest-popup_btn {width: 5%;display: inline-block;} .contest-popup_btn a{color: #fff; font-size: 1.2em; margin:0 !important; padding:0!important;} .contest-popup_btn a img{height: auto; width: 100%; display: block;} .contest-popup-area {display:none;} .contest-popup-area .overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: opacity 200ms; z-index: 999; background:rgba(0, 0, 0, 0.7);} .contest-popup-area .overlay:target {visibility: visible; opacity: 1;} .contest-popup-area .contest-popup {position: absolute; width: 50%; height: auto; max-height: 95%; padding: 0; border-radius: 7px; top: 50%; left: 50%;display: flex; flex-direction: column; justify-content: flex-start; transform: translate(-50%, -50%);background: #fff;transition: opacity .5s, visibility 0s linear .5s; z-index: 1;box-shadow: 3px 3px 12px #020c29c2;} .contest-popup-area .contest-popup:target {visibility: visible; opacity: 1; transition-delay: 0s;} .contest-popup-area .contest-popup-close {position: absolute; padding: 10px; max-width: 500px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, .9);} .contest-popup-area .contest-popup .close {position: absolute; right: 10px; top: 14px; padding: 5px; color: #dcdeed; transition: color .3s; font-size: 2.5em; line-height: .6em; font-weight: bold;} .contest-popup-area .contest-popup .close:hover {color: #959cd1;} .contest-popup-area .coment_area {width: 82%;} .contest-popup-area .popup-btn {padding: 0; text-align: center; width: 18%;} .contest-popup-area .popup-btn a{font-size: 16px; background: #3a53c9; border: 1px solid #3a53c9; color: #fff !important; padding: 36px 5px; border-radius: 0 5px 5px 0; display: block; height: 100%;} .contest-popup-area .popup-btn a:hover{background: rgb(5, 32, 113)} .contest-popup-area .popup-title {padding: 14px 20px; background: #3a53c9; border-radius: 5px 5px 0 0; color:#fff} .contest-popup-area .popup-title p {font-size: 1.7em; text-align: center; font-weight: 600;} .popup-contents {width: 95%; margin: 0px auto 0; padding: 0 10px; overflow-y: auto;overflow-y: auto; max-height: 735px;} #popupWrkCn_title {font-size: 1.2em; font-weight: 600; text-align: center; width: 95%; margin: 10px auto;} .popup-contents p{font-size:16px;} .contest-popup-area .contest-popup .popup-contents img {width: 100%; padding-top: 0px !important; margin:0 auto; display: block;} .coment_wrap {width: 100%; margin: 0px auto 0; padding: 0 30px; display: flex; flex-direction: row;align-items: stretch;} .contest-popup-area textarea{width: 100%; height: 7em; resize: none; border: 1px solid #cccccc;display: block;border-radius: 5px 0 0 5px; height: 100px !important; min-height: 100px !important; padding:10px;} .contest-popup-area textarea::placeholder {color: #b0b0b0; font-size:1em;} .coment_title {width: 93%; margin: 0 auto 0; font-size: 1.2em; font-weight: bold; padding: 30px 0px 10px;} .coment_title span {font-size: 0.85em; padding-left: 4px;} .popup_close {width: 100%; display: flex; align-items: center; justify-content: center; margin: 20px auto 20px;} .popup_close a {padding: 5px 35px; background: #9a9fa6; color: #fff !important; margin-right: 10px; font-size: 1.2em; border-radius: 3px;} .popup_close a:hover {background: #898f97;} .contest-popup .opinion_redtxt{padding:0 40px;} /* .contest-popup-area .popup-title {padding: 20px 20px; background: #1a278f; border-radius: 5px 5px 0 0; color:#fff} */ /* .contest-popup-area .popup-title p {font-size: 2em; text-align: center; font-weight: 600;} */ /* .popup-contents {height: 440px; width: 96%; margin: 40px auto 0; overflow-y: auto;} */ /* .contest-popup-area .contest-popup .popup-contents img {width: 90%!important; padding-top: 0px !important; margin:0 auto; display: block;} */ /************** 공모전 페이지 시작 ****************/ .sub-contest .w1150 {max-width: 1150px; margin: 50px auto;} .sub-contest .w1150 .tab{width:100%;} .tab_wrap {border-bottom: 2px solid #122997; min-width: 304px;display: flex; flex-direction: row;} .tab_wrap a{display: block; border: 2px solid #ffffff; border-bottom: none;border-radius: 5px 5px 0 0; padding: 7px 23px 7px; margin-right: 5px;color: #333333; font-size: inherit;} .sub-contest .w1150 input#tab1, input#tab2, input#tab3, input#tab4{display: none;} .sub-contest .w1150 .tab_wrap label {font-size:1.25em;/*line-height: 1.3;padding: 10px 23px 10px; */text-align: center;color: #333333; border-right:none; font-weight: 600;} .board-search .search_box li label {float: left; margin-right:8px; font-size: 14px; font-weight: 600; line-height: 35px; width:60px;} .con-datetxt { padding-bottom: 10px; } .sub-contest .w1150 label a:hover {cursor: pointer; font-weight: 600;color: #333333;} .sub-contest .w1150 .tab_wrap a.on {font-weight: 600; position: relative; background: #fff; z-index: 1; border: 2px solid #122997; border-bottom: none;} .sub-contest .w1150 .board-search .tab_wrap label{font-size: 1.15em; font-weight: 600; padding-right: 15px; color:#333; border-right: none; padding-left: 0;} .sub-contest .tab-content {width: 100%;display: none;} .sub-contest #tab1:checked ~ .sub-contest #content1, .sub-contest #tab2:checked ~ .sub-contest #content2, .sub-contest #tab3:checked ~ .sub-contest #content3, .sub-contest #tab4:checked ~ .sub-contest #content4 {display: flex; margin-top: 0px;} .sub-contest select, .sub-contest input[type="text"], .sub-contest input[type="date"] {min-height: 33px; line-height: 1.5; height: 33px; padding: 3px 10px; font-size:0.95em; cursor: pointer; margin-right:5px; min-width:130px;} .sub-contest select:hover, .sub-contest textarea:hover, .sub-contest input[type="text"]:hover, .sub-contest input[type="date"]:hover {border:1px solid #172893 !important;} .sub-contest select:focus, .sub-contest textarea:focus, .sub-contest input[type="text"]:focus, .sub-contest input[type="date"]:focus{border:1px solid #172893 !important; outline: none;} .sub-contest input::placeholder{color: #c4c5c6 !important;font-weight:100;} .sub-contest input[type="text"].datepicker { border-radius: 3px; color: #555; margin-right: 5px; width: 25%; font-size: 14px; } .sub-contest .board-search{width:100%; background: #f8f9fb; padding:25px;margin:0 0 20px 0; min-width: 304px;} .sub-contest .board-search ul {display: flex; flex-direction: row; justify-content: space-between;} .sub-contest .board-search li {display: flex; flex-direction: row;align-items: center; width:70%;} .sub-contest .board-search .search-area{display: flex; flex-direction: row;align-items: center;width:100%;} .sub-contest .board-search .search-area .searchkey {width: 18%; border-radius:3px; margin-right: 5px;outline: none;appearance:none; background: url('/assets/images/select_arrow.svg') no-repeat 92% 50%; background-size:7% 30%; background-color: #FFF; } .sub-contest .board-search .search-area input.search-txt {width: 82%; border-radius: 3px 0 0 3px; border: 1px solid #d0d3d9; outline: none;} .sub-contest .board-search .search-area .btn_search{width:80px; background: #2a88d1; border: none; color: #fff; height: 100%; padding: 0 20px; border-radius: 0 5px 5px 0;} .sub-contest .board-search .search-area .btn_search:hover{background: #0a62a7;} .sub-contest .board-search .search-area input.search-txt:focus{border:1px solid #e46363;} .sub-contest .board-search li p {font-size: 1.15em; font-weight: 600;padding-right: 15px;} .sub-contest .board-search li p span{font-size: 1em; color:#172893; font-weight: 600;} .sub-contest .board-search .optionbox{display: flex;} .sub-contest .contest-wrap .contest-con .con-date {display: flex;align-items: flex-start;justify-content: space-between; flex-direction: column;} .sub-contest .contest-wrap .contest-con .con-date .con-datetxt span:first-child {color: #29292a;} .sub-contest .contest-wrap .contest-con .con-banner img {width: 100%; height: auto; display: block;} .sub-contest .contest-wrap .contest-con .con-txt {padding:15px 20px 30px; border-top: 1px solid #f7f7f7;} .sub-contest .contest-wrap .contest-con .con-date .state-area{color: #fff; padding: 3px 20px; border-radius: 0; font-size: 14px; text-align: center; display: block;} .sub-contest .contest-ing{background: #ff2a42;} .sub-contest .contest-join{background: #880013; margin-left:3px;} .sub-contest .contest-complete{background: #464e5e;} .sub-contest .contest-open{background: #f95fd3;} .sub-contest .contest-plan{background: #ff9a0a;} .sub-contest .contest-before{background: #52bb3f;} .sub-contest .contest-wrap .contest-con .con-date .date {/* font-weight: 100; */font-size: 1em; letter-spacing: -.4px; color: #29292a;} .sub-contest .contest-wrap .contest-con .con-title {height:85px; padding: 10px 0;} .sub-contest .contest-wrap .contest-con .con-title .title {font-size: 1.5em; word-wrap: break-word; color: #000; font-weight: 600;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .sub-contest .contest-wrap .contest-con .con-info {padding: 15px 0 0 0; display: flex; flex-direction: row; align-items: center; border-top: 1px solid #e7e7e7;} .sub-contest .contest-wrap .contest-con .con-info img{width: 17px; margin-right: 3px;} .sub-contest .contest-wrap .contest-con .con-info span:first-child{font-size:1em;} .sub-contest .contest-wrap .contest-con .con-info span.info {width: 79% !important; margin: 0 !important; color:#29292a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;} .sub-contest input.searchtxt {width: 82%; border-radius: 3px 0 0 3px; border: 1px solid #d0d3d9; outline: none;margin-right:0;} .sub-contest .contest-wrap .contest-con .con-info span.info_wrap {width: 32% !important; display: flex; flex-direction: row; justify-content: flex-end;} .sub-contest .contest-wrap .contest-con .con-info .info_wrap span {width: auto; display: flex; justify-content: flex-end; flex-direction: row; margin-left: 10px; color:#ababab; align-items: center;font-size:0.9em;} .sub-contest .tab-content-row {width: 100%; display: none;} .sub-contest .tab-content-row ul{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;} .sub-contest .tab-content-row ul li{margin-right:12px;} .sub-contest .tab-content-row ul li:nth-child(3n+0){margin-right:0;} .sub-contest .tab-content-row .contest-wrap {width: 32.5%; margin-bottom: 15px;} .sub-contest .tab-content-row .contest-wrap .contest-con {display: flex; flex-direction: column; justify-content: flex-start; box-shadow: 0px 0px 10px #ebebeb; position:relative; border-radius: 3px; border: 1px solid #dedede;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-state{position:absolute; top: 0; left: 0; display: flex; flex-direction: row;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-title .title {font-size: 22px; word-wrap: break-word; color: #000; font-weight: 600; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner { width: 100%; height: 253px; display: table-cell; overflow: hidden;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-txt {width: 100%; padding: 13px 20px 15px; display: flex; flex-direction: column; justify-content: space-around;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-info {padding: 5px 0 0 0; display: flex; flex-direction: row; align-items: center; border-top: none; justify-content: space-between;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-title {height: 60px; padding:3px 0 0;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-txt .sub-txt {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top:4px; font-size: 0.95em; color: #909090; display: none;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-info span.info { width: 65% !important; margin: 0 !important; color: #29292a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-info span.info p{width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;} .sub-contest .tab-content-row a:hover .con-banner img {transform: scale(1.1); transition: .6s; opacity: .9;} .sub-contest .tab-content-row a:hover .con-txt .con-title .title{color:#172893;} .sub-contest .tab-content-row a:hover .con-txt .con-info span{color:#172893;} .sub-contest .tab-content-row a:hover .con-txt .con-info span img{filter: invert(80%) sepia(300%) saturate(5054%) hue-rotate(232deg) brightness(82%) contrast(87%);} .sub-contest .tab-content-row a:hover {border: 1px solid #a2a9c1 !important; box-shadow: 0px 0px 10px #cdd1f1 !important;} /************** 공모전 세부페이지 시작 ****************/ .sub-contest .contest-detail {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .sub-contest .contest-detail .detail-wrap {width: 100%;display: flex;justify-content: space-between;background: #ffffff;/* border-radius: 7px; */margin:20px 0;border-bottom: 1px solid #cccccc;} .sub-contest .contest-detail .detail-banner {width: 34%;} .sub-contest .contest-detail .detail-banner img {width: 100%; display: block;} .sub-contest .contest-detail .detail-info {width: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: 10px;} .sub-contest .contest-detail .detail-info .info-state .state-area{color: #fff; padding:5px 13px 5px 12px; border-radius: 3px; font-size: 0.9em; text-align: center;} .sub-contest .contest-detail .detail-info .info-state .ing {background: #ff9c44;} .sub-contest .contest-detail .detail-info .info-title {font-size:29px; font-weight: 600; padding:0 0px 10px; color:#164d9d; line-height: 34px; width:75%;} .sub-contest .contest-detail .detail-info .info-contents{display: flex; flex-direction: column-reverse; justify-content: flex-end;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt {display:flex; flex-wrap: wrap; flex-direction: column;padding-top: 5px; position: relative; width: 100%;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt .print-btn {position:absolute; right:0;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul.b_txt {justify-content: flex-start;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul li span {/* font-weight: 100; */font-size: 14px;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul li span:first-child {font-weight: 600;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul.b_txt li {font-size: 1.1em; padding:0px 15px 0 0;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul.b_txt li:first-child {padding-bottom:3px;} /* .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul.b_txt li span {font-weight:100;} */ .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul.b_txt li span:first-child {color:#333; font-weight: 600; padding-right:5px;} .sub-contest .contest-detail .detail-info .contetns-sns li a img{width:30px; display: block;} .sub-contest .contest-detail .detail-info .contetns-sns {position: relative;} .sub-contest .contest-detail .detail-info .contetns-sns ul {display: flex; flex-direction: row; justify-content: flex-end;} .sub-contest .contest-detail .detail-info .contetns-sns li a{border-radius: 4px; display: block; background:#fff; margin-left:2px;} .sub-contest .contest-detail .detail-info .contetns-sns li a:hover{background:#fff;} .sub-contest .contest-detail .detail-info .contetns-sns li a.naver img{filter: invert(53%) sepia(99%) saturate(1669%) hue-rotate(106deg) brightness(96%) contrast(98%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.kakao img{filter: invert(59%) sepia(98%) saturate(696%) hue-rotate(17deg) brightness(153%) contrast(100%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.facebook img{filter: invert(33%) sepia(10%) saturate(3281%) hue-rotate(183deg) brightness(60%) contrast(87%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.twitter img{filter: invert(47%) sepia(96%) saturate(1536%) hue-rotate(163deg) brightness(97%) contrast(101%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.link-url img{filter: invert(24%) sepia(10%) saturate(1894%) hue-rotate(170deg) brightness(30%) contrast(85%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.naver img:hover{filter: invert(70%) sepia(103%) saturate(1669%) hue-rotate(106deg) brightness(96%) contrast(98%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.kakao img:hover{filter: invert(65%) sepia(98%) saturate(696%) hue-rotate(17deg) brightness(153%) contrast(100%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.facebook img:hover{filter: invert(53%) sepia(10%) saturate(3281%) hue-rotate(183deg) brightness(60%) contrast(87%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.twitter img:hover{filter: invert(57%) sepia(96%) saturate(1536%) hue-rotate(163deg) brightness(77%) contrast(90%);} .sub-contest .contest-detail .detail-info .contetns-sns li a.link-url img:hover{filter: invert(30%) sepia(10%) saturate(1894%) hue-rotate(170deg) brightness(15%) contrast(95%);} .sub-contest .contest-detail .info-top{display:flex;justify-content: space-between;} .sub-contest .contest-detail .info-top .contetns-txt ul li{padding: 0px 0px 0 15px;} .sub-contest .w1150 .tab{width:100%;} .sub-contest .w1150 .detail-tab {width: 100%; margin:0px 0 0;} .sub-contest .w1150 .detail-tab input#tab1, input#tab2, input#tab3{display: none;} .sub-contest .w1150 .detail-tab label {font-size:1.25em;line-height: 1.3;text-align: center;color: #333333; border-right:none;} .sub-contest .w1150 .detail-tab .tab2 span{padding: 3px 15px; background: #e9eff5; color: #344659; border-radius: 15px; font-size: 0.6em; display: inline-block; vertical-align: middle;} .sub-contest .w1150 .detail-tab label:hover {cursor: pointer;color:#7791b7;font-weight: 600;} .sub-contest .w1150 .detail-tab input:checked + label {font-weight: 600; color: #122997; position: relative; background: #fff; z-index: 1;border: 3px solid #122997; border-bottom: none; border-radius: 5px 5px 0 0;} /*.sub-contest .w1150 .detail-tab input:checked + label::before{content:'';width:5px;height:5px;background:#122997;position: absolute;border-radius: 50px;left: 5px;}*/ .sub-contest .detail-tab .tab-content {width: 100%;display: none;/*border-top:3px solid #002e9f;*/padding: 0px 5px;} #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {display: flex; margin-top: 0px; flex-direction: column;padding:0;} .sub-contest .w1150 .detail-tab .tab-txt p{color:#343434;font-size:14px;line-height: 1.8;} .sub-contest .detail-tab .tab-content img{width:100%;} .sub-contest .detail-tab .tab-content .toggle_btn {border: none; position: relative; cursor: pointer; color: #ffffff; background-color: #aeb6c0; width: 11%; padding: 9px 5px 7px 5px; display: flex; align-items: center; justify-content: center;} .sub-contest .detail-tab .tab-content .toggle_btn::before{content: ''; width: 0px; position: absolute; top: 0; left: -17px; height: 0px; border-top: 37px solid #aeb6c0; border-left: 17px solid transparent; border-right: 1px solid #aeb6c0;} .sub-contest .detail-tab .tab-content .toggle_btn::after{content: ''; width: 0px; position: absolute; top: 0; right: -17px; height: 0px; border-top: 37px solid #aeb6c0; border-right: 17px solid transparent; border-left: 1px solid #aeb6c0;} .sub-contest .detail-tab .tab-content .btn_arrow {width: 13px; padding: 0;} .sub-contest .detail-tab .tab-content .btn_area {display: flex; justify-content: center;} .sub-contest .detail-tab .tab-content .con_btn{padding-right: 5px;} .sub-contest .w1150 .detail-tab .form_area label {font-size: 1.2em;font-weight: 600; color: #1a1a1a;padding: 0;} .sub-contest .w1150 .detail-tab .form_area label span{font-size: 1em;color:#5e5e5e;font-weight: 600;padding:0 25px;} .sub-contest .tab-content .form_area {margin: 5px 0 30px; width:100%;} .sub-contest .tab-content .form_area .award_txt ul{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .sub-contest .tab-content .form_area .award_txt ul li {display: flex; align-items: center;padding: 20px 0; width:50%;} .sub-contest .tab-content .form_area .award_txt .award_pick_title .content_num{font-size: 1em; color: #5e5e5e; font-weight: 600; padding: 0 0 0 15px; width: 20%;} .sub-contest .tab-content .form_area .award_txt .award_pick_title { width: 70%; display: flex; align-items: center;} .sub-contest .tab-content .form_area .award_txt .bottom ul{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .sub-contest .tab-content .form_area .award_txt .bottom ul li {display: flex; align-items: center;padding: 20px 0; width:50%;} .sub-contest .tab-content .form_area .award_txt .bottom ul.opinion_click { /* position: relative; */ display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 0; justify-content: flex-end;align-items: center;} /*.sub-contest .tab-content .form_area .award_txt .bottom .opinion_click li:first-child{background: url(/assets/images/like2.png) no-repeat 0 5px; background-size: 14px; padding-left: 30px; justify-content: flex-end; width: 8%;}*/ .sub-contest .tab-content .form_area .award_txt .bottom .opinion_click li.like img{width:16px !important;} .sub-contest .tab-content .form_area .award_txt .bottom .opinion_click li{border: none; box-shadow: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; text-align: right; margin-right: 10px; width: auto;} .sub-contest .tab-content .form_area .award_txt .bottom .opinion_click li a{display:inline-block;} .sub-contest .tab-content .form_area .award_txt .bottom .opinion_click li a img {width: 16px; height: auto; padding: 0; margin-right: 6px;} .sub-contest .tab-content .form_area .award_txt .award_pick_title label {font-size: 17px; font-weight: 600; color: #1a1a1a; padding: 0; text-overflow: ellipsis; width: 94%; text-align: left; display: flex; align-items: center; flex-direction: row; justify-content: flex-start;} span.award_pick_label {padding: 0 0 0 10px !important; width: 90% !important; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} span.award_pick_label.on {color: #3a53c9 !important;} span.award_pick_label a:hover{color:#0053ff} span.award_pick_label a{font-size: 17px;} .sub-contest .tab-content .form_area .award_txt .cnddt_wrk_list .bottom {width: 53%;} .sub-contest .w1150 .detail-tab .form_area input:checked + label {border-bottom: none;} .sub-contest .tab-txt a{color:#2d7fd5} .sub-contest .tab-txt a:hover{color:#0177f5;text-decoration: underline;} .sub-contest .tab-txt strong{margin-top:20px;} .sub-contest .tab-txt {padding:0 0 30px 0; width:100%; height: fit-content;border-bottom: 1px solid #d1d1d1; min-height: 150px;} .sub-contest .tab-txt .txt-title{font-weight: 600; display: block;font-size:1.1em;} .sub-contest .tab-txt .award-contents {/*padding-bottom: 30px;*/} .sub-contest .tab-txt p.tab-txt-title {font-size: 16px !important; font-weight: 600; margin: 20px 0 5px;} .sub-contest .tab-txt p:last-child{padding-bottom:20px !important;;} .sub-contest .award_download{color: #555555; text-decoration: none; border-bottom: 1px solid #dedede; padding: 10px 7px; display: block;} .sub-contest .award_download img{width:18px !important; display: inline-block; padding-top: 0 !important;margin-right: 5px;} .sub-contest a.award_download{color: #555555; text-decoration: none; border-bottom: 1px solid #dedede; padding: 10px 7px; display: block;} /*.sub-contest a.award_download:last-child{border-bottom: 1px solid #dedede;}*/ .sub-contest a.award_download img{width:18px !important; display: inline-block; padding-top: 0 !important;margin-right: 5px;} .sub-contest a.award_download:hover{color:#172893!important;text-decoration: none;} .sub-contest a.award_download:hover img{filter: invert(100%) sepia(300%) saturate(5054%) hue-rotate(232deg) brightness(82%) contrast(87%);} .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap {width: 100% !important; height: 248px; display: block; overflow: hidden; } .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap img{width: 100%; height: auto; display: block;} .sub-contest .tab-content .result_wrap .result_view{width: 100%; /*display: block;*/ color: #343434; /*height:fit-content;*/display: flex; flex-direction: column; justify-content: space-between; height: 100%;} .sub-contest .tab-content .result_wrap .tabBlock{display: flex; flex-direction: column; flex-wrap: wrap;cursor: pointer;} .sub-contest .tab-content .result_wrap .tabBlock a:hover{color:#3a53c9;} /* 공모전 수상후보작 - 의견작성 */ .sub-contest .tab-content .result_wrap .btnwrkOpnnCol {display: flex; width: 50%; float: left; padding: 10px 15px 0px;} .sub-contest .tab-content .result_wrap .wrk_opnn_end {padding: 2px 10px; background: #7c7c7d; color: #fff; border-radius: 3px;} .sub-contest .tab-content .form_area .award-result ul.result_area li:hover .result_title{background:#3a53c9!important;} .sub-contest .tab-content .form_area .award-result ul.result_area li:hover .content_num{color:#fff!important;} .sub-contest .tab-content .form_area .award-result ul.result_area li:hover {border: 2px solid #3a53c9;} .sub-contest .tab-content .form_area .award-result ul.result_area li:hover .result_view{color:#3a53c9;} .sub-contest .reply_area .reply_vote a:hover{color:#0053ff;} .sub-contest .tab-content .form_area .award-result ul.result_area li .opinion_click li a:hover{color:#3a53c9;font-weight:bold;} .sub-contest .tab-content span.result_title{width: 22%; display: block; background: #e15b4f; text-align: center; color: #fff !important; padding: 5px 0px; font-size: 1em; border-radius: 3px; font-weight: bold;} .sub-contest .tab-content span.result_box{padding: 15px 15px 0;font-size: 1.4em;font-weight: 600; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .sub-contest .tab-content .form_area .award-result ul.result_area {display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-top: 15px;} .sub-contest .tab-content .form_area .award-result ul.result_area li{width: 32%;position: relative; margin-right: 15px; margin-top: 20px;display: block; background: #fff; color: #343434; box-shadow: 0px 0px 10px #ebebeb; border-radius: 3px; border: 2px solid #ededed; padding: 0 0 15px 0px;} .sub-contest .tab-content .form_area .award-result ul.result_area li:nth-child(3n+0){margin-right:0;} .sub-contest .tab-content .form_area .award-result ul.result_area li ul.opinion_click {/* position: relative; */ display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 10px 15px 0; justify-content: flex-end; align-items: center;} .sub-contest .tab-content .form_area .award-result ul.result_area li ul.opinion_click.end {flex-wrap: inherit; width: 50%; float: left; padding: 10px 5px 0px;} /*.sub-contest .tab-content .form_area .award-result ul.result_area li .opinion_click li:first-child{background: url(/assets/images/like2.png) no-repeat 0 5px; background-size: 14px; padding-left: 30px; justify-content: flex-end; width: 8%;}*/ .sub-contest .tab-content .form_area .award-result ul.result_area li .opinion_click li{border: none; box-shadow: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; text-align: right; margin-right: 10px; width: auto;} .sub-contest .tab-content .form_area .award-result ul.result_area li .opinion_click li a{display:inline-block;} .sub-contest .tab-content .form_area .award-result ul.result_area li .opinion_click li img {width: 16px !important; height: auto; padding: 0; margin-right: 6px;} ul.opinion_click li.like{cursor: default;} .sub-contest .w1150 .detail-tab .form_area li .result_title{background: #f6f6f6;color: #172893;padding: 10px 15px;border-radius: 1px;display: block;} .sub-contest .w1150 .detail-tab .form_area li .result_title span{vertical-align: middle;font-weight: 100;font-size: 1em;padding: 0 10px;} /* .sub-contest .w1150 .detail-tab .form_area input[type="radio"] {vertical-align: middle; appearance: none; border: max(2px, 0.1em) solid #c5c5c5; border-radius: 50%; background: #f5f5f5; width: 1.25em; height: 1.25em; transition: border 0.5s ease-in-out;} */ .sub-contest .w1150 .detail-tab .form_area input[type="radio"] {display:none;} .sub-contest .w1150 .detail-tab .form_area input[type="radio"]:checked {border: 0.4em solid #3a53c9;} .sub-contest .w1150 .detail-tab .form_area input[type="radio"]:focus-visible {outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) dotted #3a53c9;} .sub-contest .w1150 .detail-tab .form_area input[type="radio"]:hover {box-shadow: 0 0 0 max(4px, 0.2em) rgb(202, 202, 202); cursor: pointer;} .sub-contest .w1150 .detail-tab .form_area input[type="radio"]:disabled {background-color: lightgray; box-shadow: none; opacity: 0.7;cursor: not-allowed;} .sub-contest .w1150 .detail-tab .form_area input[type="radio"]:disabled + span {opacity: 0.7; cursor: not-allowed;} .sub-contest .w1150 .detail-tab .form_area input:checked + label{color:#3a53c9;} .sub-contest .w1150 .detail-tab .form_area .award-result .result_area .award-select {border: 2px solid #3a53c9; box-shadow: 0px 0px 10px #bebcff;} .sub-contest .w1150 .detail-tab .form_area .award-result .result_area .award-select .result_title {border: 1px solid #3a53c9;background: #3a53c9;color: #fff !important;} .sub-contest .w1150 .detail-tab .form_area .award-result .result_area .award-select .content_num{color: #fff !important;} .sub-contest .w1150 .detail-tab .form_area .award-result .result_area .award-select .result_box{color: #3a53c9;} .sub-contest .w1150 .detail-tab .form_area .award-result .result_area .award-select input[type="radio"]:checked {border: 0.4em solid rgb(255, 255, 255); background: #3a53c9;} .sub-contest .w1150 .detail-tab .form_area .award-result .result_area .award-select input[type="radio"]:hover {box-shadow: 0 0 0 max(4px, 0.2em) rgb(191, 209, 234); cursor: pointer;} .sub-contest .w1150 .detail-tab .form_area .award-result .result_area .award-select .result_title span {color:#fff !important} .sub-contest .detail-tab .tab-content .award-btn-wrap {width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0px auto; padding: 30px 0;} .sub-contest .detail-tab .tab-content .award-btn-wrap a{padding: 5px 23px; color: #fff; margin-right: 10px; font-size: 1.2em; border-radius: 3px;} .sub-contest .detail-tab .tab-content .award-btn-wrap a.go-vote{background: #ff9a0a;} .sub-contest .detail-tab .tab-content .award-btn-wrap a.time-end{background: #9a9fa6} .sub-contest .detail-tab .tab-content .award-btn-wrap a.go-list{background: #ff9a0a} .sub-contest .detail-tab .tab-content .award-btn-wrap a.go-vote:hover{background: #ff890a} .sub-contest .detail-tab .tab-content .award-btn-wrap a.time-end:hover{background: #898f97} .sub-contest .detail-tab .tab-content .award-btn-wrap a.go-list:hover{background: #ff890a} .sub-contest .w1150 .detail-tab .tab-txt .award-result p{width: 100%; text-align: center; font-size: 2em; font-weight: 600; margin-top: 20px;} .sub-contest .tab-candidate .award-contents{padding:30px 0 0 0;} .sub-contest .tab-candidate a.award_download:last-child{border-bottom: 0;} .sub-contest .tab-candidate {padding: 0;} .p5{padding:0 5px;} .contest-progress {width: 100%;/* margin:0 auto 20px; */padding: 40px 0 50px;} .contest-progress ul{display: flex;width: 100%;justify-content: space-between;} .contest-progress ul li{width: 30%; height: 57px; position:relative;display: flex;align-items: center;background:#e7edf9;border-radius: 0 30px;padding: 10px;justify-content: center;} /*.contest-progress ul li::after{content: '';display: block;position: absolute;width: 148%;border-top: 2px solid #e5e5e5;top:47%;right:-90%;z-index: 1;}*/ .contest-progress ul li:last-child::after{content: ''; border-top:none;} .contest-progress .pro_num {width:10%;background:#b8c7e4; text-align: center;font-size: 1.15em;padding: 0.27em 0;border-radius: 50px;color:#fff; font-weight: 600;z-index: 2;} .contest-progress .pro_title {font-size:1.3em;font-weight: 600;padding:0px 10px 0px 0px;color:#92addc;z-index: 2;} .contest-progress .pro_sub {width:25%;text-align:center; border-radius:50px; font-size:1.2em;background: #e7e7e7;padding: 4px 0 4px;color: #979797; z-index: 2; font-weight: 600;} .contest-progress .pro_sub img{height:45%;margin-left:3px;} /*.contest-progress ul li.completion {background: #adb8d1;}*/ /*.contest-progress ul li.completion > .pro_num{background: #284568;color: #fff;}*/ /*.contest-progress ul li.completion > .pro_title{color: #dee6ef;}*/ .contest-progress ul li.completion > .pro_sub{background: #cad3e6;color: #fff;} .contest-progress ul li.progress-ing, .contest-progress ul li.completion, .contest-progress ul li.progress_arrow, .contest-progress ul li.progress-min{min-width: 100px;} .contest-progress ul li.progress-ing{background: #164d9d;} .contest-progress ul li.progress-ing > .pro_num{background: #ffffff;color: #164d9d;} .contest-progress ul li.progress-ing > .pro_title{color: #ffffff;} .contest-progress ul li.progress-ing > .pro_sub{background: #ffffff;color: #164d9d;/*border: 2px solid #ffffff;*/ box-shadow: 5px 3px 6px #0000003d;} .contest-progress ul li.completion::after{border-top: 2px solid #b6bec8;} .sub-contest .tab-content .award-title {font-size: 2em; text-align: center; font-weight: 600;margin-top: 30px;} .sub-contest .tab-content .award-title-right {text-align: right; color: #da4709; font-weight: 600;} .sub-contest .award-view .view-area {display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;} .sub-contest .award-view .view-area a.view_wrap {width: 32%; display: block; background: #fff; color: #343434; margin-top: 25px; box-shadow: 0px 0px 10px #ebebeb; border-radius: 3px; border: 2px solid #f3f3f3; padding: 0; position: relative; margin-right: 13px; display: flex; align-items: center; flex-direction: column; justify-content: flex-start;} .sub-contest .award-view .view-area a.view_wrap:hover > .view_box_txt span{color:#3a53c9;} .sub-contest .award-view .view-area a.view_wrap:hover{border:2px solid #3a53c9} .sub-contest .award-view .view-area a.view_wrap:nth-child(3n+0){margin-right:0;} .sub-contest .award-view .view-area a.view_wrap span.img_wrap{display: block; width: 100%; /* height: auto; */ height: 248px; overflow: hidden;} .sub-contest .award-view .view-area a.view_wrap img{padding:0px;display: block;} .sub-contest .award-view .view-area span.view_title {display: block;border: 1px solid #3a53c9; background: #3a53c9; text-align: center; color: #fff !important; padding: 8px 25px;font-weight:100!important; font-size: 1.2em; border-radius: 3px 3px 0 0; font-weight: bold;} .sub-contest .award-view .view-area span.view_box {padding: 30px 20px 30px; font-size: 1.4em; font-weight: 600; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; text-align: left;} .sub-contest .reply_area {width: 100%; min-width: 294px;} .sub-contest .reply_area .reply_top .total_reply span{font-weight: bold; color: #4251bf;} .sub-contest .reply_area .reply_top {width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 10px 0; border-bottom: 2px solid #3f52c4;} /* .sub-contest .reply_area .reply_filter a:last-child{padding-left: 12px;margin-left: 8px;position: relative;} */ .sub-contest .reply_area .reply_filter a:hover{color:#4251bf; font-weight:bold;} /* .sub-contest .reply_area .reply_filter a:last-child::before{content: ''; position: absolute; background: #ddd; width: 1px; height: 15px; top: 1px; left: 1px;} */ .sub-contest .reply_area .reply_contents {width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 13px 20px 13px 15px; border-bottom: 1px solid #e6e6e6;flex-wrap: wrap;position: relative;} .sub-contest .reply_area .reply_info {width: 100%; display: flex; justify-content: space-between;} .sub-contest .reply_area .reply_txt {width: 80%;} .sub-contest .reply_area .reply_vote {width: 7%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end;} .sub-contest .reply_area .reply_vote a.reply_like, .reply_vote a.reply_bad {display: flex; flex-direction: row; align-items: center; justify-content: flex-end;font-size: 14px;margin-left: 10px;} .sub-contest .reply_area .reply_vote a.reply_like:hover, .reply_vote a.reply_bad:hover{font-weight:bold;} .sub-contest .reply_area .reply_txt ul { display: flex; flex-direction: row; justify-content: flex-start;align-items: center;} .sub-contest .reply_area .reply_txt ul li:first-child {font-weight: bold; font-size: 1em;} .sub-contest .reply_area .reply_txt ul li:last-child {padding-left: 9px; font-size: 0.88em; color: #b3b3b3; margin-left: 8px;position: relative;} /* .sub-contest .reply_area .reply_txt ul li:last-child::before{content: ''; position: absolute; background: #ddd; width: 1px; height: 12px; top: 4px; left: 1px;} */ .sub-contest .reply_area .reply_vote img{width: 19px; padding-right: 3px;} .sub-contest .reply_area .reply_coment {padding: 10px 0 0; font-size: 1.1em; overflow: hidden; word-wrap: break-word; width: 100%;} .sub-contest .reply_area .reply_coment .opinion_lock_icon {width: 14px; height: 22px; margin-left: 5px;} .sub-contest .reply_area .reply_coment .opinion_lock_icon img {width: 14px; margin-bottom: 5px;} .sub-contest .contest-detail .opinion_wrap{width:100%} .sub-contest .contest-detail .opinion_wrap .coment_title{width: 100%; padding: 0 10px 10px;} .sub-contest .contest-detail .opinion_wrap .coment_wrap{padding: 0 0 15px 0;} .sub-contest .contest-detail .tab-txt .text_wrap{margin-bottom: 45px;} .sub-contest .contest-detail .opinion_wrap .coment_area {width: 82%;} .sub-contest .contest-detail .opinion_wrap .coment_area textarea {width: 100%; height: 100px !important; min-height: 100px !important; resize: none; border: 1px solid #cccccc; display: block; border-radius: 5px 0 0 5px; padding: 10px 15px;} .sub-contest .contest-detail .opinion_wrap .popup-btn {padding: 0; text-align: center; width: 18%;} .sub-contest .contest-detail .opinion_wrap .popup-btn a:hover {background:#2841b8;} .sub-contest .contest-detail .opinion_wrap .popup-btn a {font-size: 1.2em; background: #3a53c9; border: 1px solid #3a53c9; color: #fff !important; padding: 36px 0px; border-radius: 0 5px 5px 0; display: block; height: 100%;} .sub-contest .contest-detail .paging {margin: 30px 0;} .button_area {text-align: center;} .button_area .btn {height: 30px;line-height: 30px;padding: 0 30px;} /* a.pop_close {background: url('/images/icon_category_c.png') 0 0 no-repeat;background-size: 100%;} */ .btn_register {display:inline-block; width:365px; line-height:50px; background:#064298; background-size:200% 100%; background-position:right bottom; transition:all ease .3s; text-decoration:none; color:#ffffff; font-weight:bold; border-radius:10px; font-size:18px; animation:scaleBounce 1s alternate infinite;} .btn_register::before {content:''; display:inline-block; background:url(/images/ico_register.png) no-repeat center; width:50px; height:47px; vertical-align:-27%;} .btn_register:hover {padding:5px !important; color:#ffffff;} @keyframes scaleBounce { from {transform:scale(.9)} to {transform:scale(1.0)} } hr.tab_line { border-top: 2px solid #002e9f; margin: 0; opacity: 10; position: relative; top: 4.5px; z-index: 0; display: block; width: 100%; } .contest-progress ul li.progress_arrow{ width: 2.5%; background: none; min-width: 10px; border-radius: 0; padding: 0;} .contest-progress ul li.progress_arrow img{width:100%;} .ribbon { width: 39%; height: 106px; overflow: hidden; position: absolute; } .ribbon::before, .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #3a53c9; } .ribbon span { position: absolute; display: block; width: 156px; padding: 7px 0; background-color: #3a53c9; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; /* font: 700 18px/1 'Lato', sans-serif; */ text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; font-size: 18px; font-weight: bold; } .ribbon-top-left { top: -8px; left: -8px; } .ribbon-top-left::before, .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left::before { top: 0px; right: 36px; } .ribbon-top-left::after { bottom: 0; left: 0; } .ribbon-top-left span { right: 23px; top: 16px; transform: rotate(-45deg); } .sub-contest .award-view .view-area span.view_box_txt{ width: 100%; padding: 70px 17px 25px; } .sub-contest .award-view .view-area span.view_box_txt span{ height: 54px; display: block; font-size: 1.4em; font-weight: 600; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100% !important; margin: 0 auto; } .tape_type { position: absolute; left: -10px; top: 9px; z-index: 1; } .tape_type::before { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #25347b; } .tape_type span { display: block; width: auto !important; padding: 8px 20px 8px 20px; background-color: #3a53c9; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: left; font-size: 16px; font-weight: 600; box-shadow: 0 1px 2px #27272780; } .tape_type-top::before { border-bottom-color: transparent; border-left-color: transparent; } .tape_type-top::before { bottom: 32px; left: 0px; } .tape_type-top::after{ border-left-width: 5px !important; border-right-color: transparent!important; border-right-width: 11px !important; } .tape_type-top::after{ content: ""; position: relative; display: block; bottom: 38px; border: 21px solid #2138a0; z-index: -1; right: -89%; width: 12%; } .tape_type-top2 { width: 86%; } .tape_type-top2::before { border-bottom-color: transparent; border-left-color: transparent; } .tape_type-top2::before { top: 61px; left: 0px; } .tape_type-top2 span { left: -10px; top: 9px; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 5px 20px 4px 20px; } .tape_type-top2::after{ border-left-width: 0px !important; border-right-color: transparent!important; border-right-width: 13px !important; } .tape_type-top2::after{ content: ""; position: relative; display: block; bottom: 57px; border: 31px solid #2138a0; z-index: -1; right: -93%; width: 9%; } .sub-contest .w1150 .detail-tab a.on::after { left: 0; content: ''; position: absolute; background: #fff; border-bottom: 7px solid #fff; width: 100%; bottom: -2px; } .sub-contest .w1150 .tab_wrap a.on::after { left: 0; content: ''; position: absolute; background: #fff; border-bottom: 7px solid #fff; width: 100%; bottom: -4px; } .br_m{display:none;} /*도전한국사회*/ .challenge_wrap_area .w1150 {max-width: 1150px; margin: 50px auto; padding: 0 20px;} .challenge_wrap_area .contents-cg{ display: flex; margin-top: 0px; flex-direction: column; padding: 0;} .challenge_wrap_area ul.challenge_wrap { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;margin-top: 15px;} .challenge_wrap_area ul.challenge_wrap.two { width: 900px; margin: 0 auto;} .challenge_wrap_area ul.challenge_wrap li.challenge_box { width: 32.3%; margin-bottom: 15px; display: flex; flex-direction: column; justify-content: flex-start; margin-right: 15px;border: 1px solid #dedede;border-radius: 3px;box-shadow: 0px 0px 10px #ebebeb;} .challenge_wrap_area ul.challenge_wrap li.challenge_box.two {width: calc(48% - 20px);} .challenge_wrap_area ul.challenge_wrap li.challenge_box:hover { border: 1px solid #064298;box-shadow: 0px 0px 10px #b4c0e3;} .challenge_wrap_area ul.challenge_wrap li.challenge_box:nth-child(3n+0){margin-right:0;} /* .challenge_wrap_area ul.challenge_wrap li.challenge_box a.challenge_box_con {border: 1px solid #dedede;border-radius: 3px;box-shadow: 0px 0px 10px #ebebeb;} */ .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {overflow: hidden; height: 256px;} .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb img{width:100%; display: block;} .challenge_wrap_area .text_box{width: 100%;display: flex; flex-direction: column; justify-content: space-around;} .challenge_wrap_area .text_box .con-date {font-weight: 500; font-size: 16px;padding: 5px 0; letter-spacing: -.4px; padding-bottom: 5px; background: #2a4ba4;color:#fff; text-align: center;} .challenge_wrap_area .text_box .con-date .date{font-weight: bold;} .challenge_wrap_area .text_box .con-date.gone{background: #d0d0d0;color: #fff;} .challenge_wrap_area .text_box .con-date.before{background: #25a383;color: #fff;} .challenge_wrap_area .text_box .con-title { height: 73px; padding: 10px 20px 0;} .challenge_wrap_area .text_box .con-title .title{font-size: 21px; line-height: 29px; word-wrap: break-word; color: #000; font-weight: 600; } .challenge_wrap_area .text_box .con-title .title a{font-size:21px;display:inline-block;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .challenge_wrap_area ul.challenge_wrap li.challenge_box.gone .thumb img{filter: grayscale(100%);} .challenge_wrap_area .solution_btn { padding: 2px 10px; background: linear-gradient(0deg, #3365cf, #2666ec); color: #fff; border-radius: 3px;} .challenge_wrap_area .solution_btn.regist_at {background:#365aa7;} .challenge_wrap_area .solution_btn.gone {background:#7c7c7d;} .challenge_wrap_area .solution_btn.before {background:#25a383;} .challenge_wrap_area .text_box .con-info {display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between;align-items: center;padding: 10px 20px 20px;} .challenge_wrap_area .text_box .con-info .heart_btn {display: flex;align-items: center;z-index: 0; display: inline-block;} .challenge_wrap_area .text_box .con-info .heart_btn img{margin-right:5px;} .challenge_wrap_area .text_box .con-info .heart_btn:hover{font-weight: bold; cursor: pointer;} /* .challenge_wrap_area ul.challenge_wrap li.challenge_box a.challenge_box_con:hover {border: 1px solid #064298;box-shadow: 0px 0px 10px #b4c0e3;} */ .challenge_wrap_area ul.challenge_wrap li.challenge_box a:hover .thumb img {transform: scale(1.1); transition: .6s; opacity: .9;} .challenge_wrap_area ul.challenge_wrap li.challenge_box a:hover .text_box .con-title .title{color:#172893;} .challenge_wrap_area .page-item{color:#172893;} .challenge_surveywrap{max-width:1150px;margin:0px auto 5px !important;} .contents-wrap .text_wrap img{width:100%; margin-bottom: 15px;} /*도전한국사회 서브페이지*/ .challenge_wrap_area {clear: both;} .challenge_wrap_area h3.sub_cg_title { width: 100%; font-size: 28px; text-align: center; color: #064298; padding: 30px 0 30px;} .challenge_wrap_area .agree_content_area {margin-bottom: 45px;} .challenge_wrap_area .agree_content {background: #fbfbfb; padding: 30px; border-top: 2px solid #064298; margin: 10px 0;} .challenge_wrap_area span.title_before {font-weight: bold; padding: 0 20px 0 13px;} .challenge_wrap_area .agree_content span {display: block; text-indent: -16px; padding-left: 16px; padding-bottom: 10px;color:#666} .challenge_wrap_area .agree_content span:last-child{padding-bottom:0;} .challenge_wrap_area .mb0{margin-bottom:0;} .challenge_wrap_area .agree_title{font-weight: bold; color:#666;font-size:15px;} .challenge_wrap_area .agree_title .title_before, .challenge_wrap_area .info_title .title_before{font-size:15px;position: relative;color:#333;} .challenge_wrap_area .agree_title .title_before::before, .challenge_wrap_area .info_title .title_before::before{position: absolute; content: ''; width: 4px; height: 4px; background: #064298; top: 37%; left: 1%;} .challenge_wrap_area .agree_title .title_before::after{position: absolute; content: ''; width: 1px; height: 18px; background: #a8a8a8; top: 6%; right: 10px;} .challenge_wrap_area .agree_content_area .agree_info{ display: flex; flex-direction: row;background:#f4f7f9;padding:15px 15px 15px 30px; margin-bottom: 10px;} .challenge_wrap_area .agree_content_area .agree_info label{margin-right:10px;color:#666;} .challenge_wrap_area .agree_content_area .agree_info input[type=text].info_name{width:65%;margin-right:0px;} .challenge_wrap_area .agree_content_area .agree_info input[type=tel]{width: 15%;} .challenge_wrap_area select, .challenge_wrap_area textarea, .challenge_wrap_area input[type=text], .challenge_wrap_area input[type='tel']{min-height:31px; line-height:2; height:31px; padding: 5px 10px; border:1px solid #d9d9d9;} .challenge_wrap_area select::placeholder, .challenge_wrap_area textarea::placeholder, .challenge_wrap_area input[type=text]::placeholder, .challenge_wrap_area input[type='tel']::placeholder{font-size: 13px; color: #dedcdc !important;} .challenge_wrap_area input[type=radio]:disabled, .challenge_wrap_area textarea:disabled, .challenge_wrap_area select:disabled, .challenge_wrap_area input[type=text]:disabled{background: #f6f6f6;box-shadow: none;; cursor: default;} .challenge_wrap_area .info_content {background: #fbfbfb; color:#666; padding: 0px; border-top: 2px solid #064298; margin: 10px 0;} .challenge_wrap_area .agree_label{font-weight: bold;font-size:15px;} .challenge_wrap_area .l_con {width: 24.5%; ; text-align: center;} .challenge_wrap_area .r_con {background: #fff; width: 80%;} .challenge_wrap_area .l_con, .challenge_wrap_area .r_con, .challenge_wrap_area .l_colspan, .challenge_wrap_area .l_con_sub, .challenge_wrap_area .r_con_sub {padding: 15px} .challenge_wrap_area .challenge_btn_area{width: 100%; display: flex; justify-content: center;} .challenge_wrap_area .challenge_btn_area .save_btn, .challenge_wrap_area .challenge_btn_area .remove_btn, .challenge_wrap_area .challenge_btn_area .cancle_btn{padding: 8px 35px; margin-right: 10px;color:#fff;border-radius: 2px;} .challenge_wrap_area .challenge_btn_area .save_btn{background:#064298;} .challenge_wrap_area .challenge_btn_area .save_btn:hover{background:#043171;} .challenge_wrap_area .challenge_btn_area .remove_btn{background:color: #fff; background: #bf2f2f;;} .challenge_wrap_area .challenge_btn_area .remove_btn:hover{background:#a42424;} .challenge_wrap_area .challenge_btn_area .cancle_btn{background:#848688; margin-right:0;} .challenge_wrap_area .challenge_btn_area .cancle_btn:hover{background:#626364;} .challenge_wrap_area .info_row {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; align-items: center; border-bottom: 1px solid #f2f2f2;} .challenge_wrap_area .row_con, .challenge_wrap_area .row_con_f{ display: flex; flex-direction: row; justify-content: flex-start; border-bottom: 1px solid #f2f2f2;} .challenge_wrap_area .l_colspan{width:15%;text-align: center; min-width: 85px;} .challenge_wrap_area .r_colspan{width:85%;border-left: 1px solid #f2f2f2;} .challenge_wrap_area .r_con_sub{width:10%;text-align: center;} .challenge_wrap_area .agree_content_area .l_colspan{min-width:100px !important;} .challenge_wrap_area .row_con_f_vw {display: flex; flex-direction: row; align-items: flex-start;} .challenge_wrap_area .row_con_f_vw .r_con_sub {width: 18.5%; min-width: 94px;} .challenge_wrap_area .row_con_f .row_con_f_vw .l_con_sub {width: 82%;min-width: 380px;} .challenge_wrap_area .l_con_sub{width:90%;background: #fff;display: flex; align-items: center; flex-wrap: wrap;} .challenge_wrap_area .l_con_sub select{margin-left:5px; line-height: 1;} .challenge_wrap_area .row_con_f .l_con_sub{width:40%} .challenge_wrap_area .row_con_f .l_con_sub input[type='tel']{width:25%} .challenge_wrap_area .row_con_f .l_con_sub .form_w200, .challenge_wrap_area .row_con_f .l_con_sub select {width:30%} .challenge_wrap_area .row_con_h {border-bottom: none;line-height: 40px; align-items: center;} .challenge_wrap_area .row_con_h .l_con_sub{ min-height: 82px;} .challenge_wrap_area .bbn{border-bottom:none;} .challenge_wrap_area input[type=text].adress {width:95%;} .challenge_wrap_area .assort label{margin-right:15px;} .challenge_wrap_area .assort label span { vertical-align: middle;} .challenge_wrap_area [type="radio"] {vertical-align: middle; margin-right:5px;appearance: none; border: max(2px, 0.1em) solid f6f6f6; border-radius: 50%; width: 1.25em; height: 1.25em; background:#fff;} .challenge_wrap_area [type="radio"]:hover { box-shadow: 0 0 0 max(4px, 0.2em) lightgray; cursor: pointer;} .challenge_wrap_area [type="radio"]:checked {border: 0.4em solid #064298;} .challenge_wrap_area [type="radio"]:focus-visible {outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) dotted 064298;} .challenge_wrap_area .file_btn {background: #848484; padding: 7px 13px 7px; color: #fff; border-radius: 3px 0 0 3px; margin-right: 0; font-size: 13px;} .challenge_wrap_area .file_btn:hover{background: #646464;} .challenge_wrap_area p.q_txt {font-weight: bold;margin-bottom:7px;} .challenge_wrap_area .q1 span{color:#666} .challenge_wrap_area .q_txt_sub{font-size:13px;color:#838383; margin-left: 10px;} .challenge_wrap_area .q1 {margin-bottom:15px;} .challenge_wrap_area .q1 label{margin-right:22px;margin-bottom:5px;font-size: 14px; width: 30%; display: inline-block;} .challenge_wrap_area .q2 input[type=text], .challenge_wrap_area [type=text].txt100{width:95%;} .challenge_wrap_area .txtarea textarea{width:95%;height:140px;} .challenge_wrap_area .sub_lab{margin-right:10px;} .challenge_wrap_area .sub_name{margin-right:30px;} .challenge_wrap_area .file_area input[type=text]{border-radius: 0 3px 3px 0;} .challenge_wrap_area .plus_btn, .challenge_wrap_area .minus_btn{position:relative; display: inline-block; text-align: center; width: 23px; height: 23px; background-color: #4978bc; color: #fff; vertical-align: middle; font-size: 26px; border-radius: 3px; line-height: 24px; margin-left: 3px;cursor:pointer} .challenge_wrap_area .minus_btn{font-size:20px;background:#848688;} .challenge_wrap_area .minus_btn:hover{background:#565656} .challenge_wrap_area .plus_btn::before{position: absolute; content: ''; width: 2px; height: 15px; background: #ffffff; top: 17%; right: 11px;} .challenge_wrap_area .plus_btn::after{position: absolute; content: ''; width: 15px; height: 2px; background: #ffffff; top: 46%; right: 4px;} .challenge_wrap_area .minus_btn::before{position: absolute; content: ''; width: 16px; height: 2px; background: #ffffff; top: 45%; right: 4px;} .challenge_wrap_area .p5{padding:0 3px;} .challenge_wrap_area .plus_btn:hover {background:#2b5ca3;} .challenge_wrap_area .num_insert {display: flex; flex-direction: row;} .challenge_wrap_area .num_img {width: 15%;} .challenge_wrap_area .num_img img {width: 100%;} .challenge_wrap_area .num_txt {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 15px;} .challenge_wrap_area .num_txt p {margin-bottom: 4px; color: #838383; font-size: 13px;} .challenge_wrap_area .img_input {display: flex; flex-direction: row; align-items: stretch;} .challenge_wrap_area .img_input input[type=text]{border-radius: 0 3px 3px 0;} .challenge_wrap_area .icon_area{width:6.1%;cursor:pointer;background-color:#c8c8c8;border-radius: 3px 0 0 3px;} .challenge_wrap_area .icon_area:hover{background-color:#ababab;} .challenge_wrap_area .icon_area img{width:100%; display: block;} .challenge_wrap_area .star_point{position: relative;} .challenge_wrap_area .star_point::after{position: absolute; content: '*'; width: 0; height: 0; color: #db0101; font-weight: bold; top: -25%;right: -3%;} .challenge_wrap_area p.info_title {display: flex; justify-content: space-between;align-items: flex-end;} .challenge_wrap_area .title_after{position: relative;font-size: 12px; color: #666;} .challenge_wrap_area .title_after::before{position: absolute; content: '*'; width: 0; height: 0; color: #db0101; font-weight: bold; top: -4%; left: -6%;} .btn-adres{padding: 7px 12px; margin-left: 1px; color: #fff; border-radius: 2px; background: #848688;} .challenge_wrap_area .con-info-wrap { width: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: row;} .challenge_wrap_area .con-info-wrap a{margin-right:5px;} .challenge_wrap_area .text_wrap{max-width:1150px;margin:0 auto;} .challenge_wrap_area .pop_content_area .input-group { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .challenge_wrap_area .pop_content_area input[type=text].form-control { min-height: 31px; line-height: 2; height: 40px; padding: 5px 10px; margin-right: 0px; } .challenge_wrap_area .pop_content_area .btn { min-width: 80px; height: 40px; padding: 0 25px; margin: 0px 1px 0 0; line-height: 42px; display: inline-block; text-align: center; font-family: inherit; border-radius: 3px; color:#fff; } .challenge_wrap_area .pop_content_area .input-group-append .btn:hover { background: #043171; } .challenge_wrap_area .pop_content_area .input-group-append .btn { background: #064298; } .challenge_wrap_area .pop_content_area .input-group-append .btn:last-child:hover { background: #626364; } .challenge_wrap_area .pop_content_area .input-group-append .btn:last-child{ background: #848688; margin-right: 0; } .challenge_wrap_area .info_row .file_area{margin:0;} .challenge_wrap_area .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; display: flex; flex-direction: row; justify-content: center; } .challenge_wrap_area .modal-title { margin: 0; line-height: 1.3; text-align: center; font-size: 23px; } .challenge_wrap_area .modal-footer .cancle_btn { padding: 10px 35px; background: #848688; border-radius: 3px; color: #fff;} .challenge_wrap_area .pop_content_area #juso_list { overflow-y: auto; height: 410px; border: 1px solid #ddd; padding: 15px 25px; } .challenge_wrap_area .pop_content_area a.list-group-item.list-group-item-action.flex-column.align-items-start { border-bottom: 1px solid #ddd; width: 97%; display: block; padding: 6px 0 6px; } .challenge_wrap_area .d-flex.w-100.justify-content-between { font-size: 16px; } .challenge_wrap_area ul#juso_pager { display: flex; justify-content: center; padding-top: 20px; } .challenge_wrap_area ul#juso_pager .previous{ background: url(/images/arrow_pre.png) no-repeat 50%; } .challenge_wrap_area ul#juso_pager .next { background: url(/images/arrow_next.png) no-repeat 50%; } .challenge_wrap_area ul#juso_pager .disabled{ display:none; } .warning_msg { color: #db0101; font-weight: 600; } .challenge_wrap_area .m_on{display:none;} .challenge_wrap_area .row_con_h .r_con_sub{padding:0;} .challenge_wrap_area ul#teamMberArea {width: 100%;min-width: 230px;} .challenge_wrap_area ul#teamMberArea li.team_mber {width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;} .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con {width: 40%;} .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con:last-child {width: 50%;} .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con input[type=text] {width:66%} .suggest_wrap3 > li .sw3-box .text-kind {text-align: left !important} /* 개선의견요청 공개-비공개 리스트 */ .lock_icon {width: 14px; height: 22px; margin-left: 5px;} .mobile_only .lock_icon img {padding-bottom: 7px;} .lock_icon img {width: 14px;padding-bottom: 0px;} .improve_point {margin-top: 50px;} .improve_point em {color: #ef4153;font-weight: 600;} .improve-pswrd {width: 20% !important; min-width: 350px;} .improve_popup {width: 100%;display: flex;align-items: center;justify-content: center;margin: 18px auto 18px;} .improve_popup .btn_confirm {padding: 5px 30px;background: #2a88d1;color: #fff !important;margin: 5px;font-size: 1.2em;border-radius: 3px;} .improve_popup .btn_cancel {padding: 5px 30px;background: #9a9fa6;color: #fff !important;margin: 5px;font-size: 1.2em;border-radius: 3px;} .improve_popup a:hover {background: #898f97;} .improve-pswrd .popup-con-in{padding-top: 17px;} .improve-pswrd .popup-insert{width: 100%; height: 39px; margin-top: 10px; padding: 3px 10px; outline: none; font-size: 14px;} .improve-pswrd .popup-con-title{display: none;} .password_insert{width: 70%; display: inline-block; padding-left: 30px;} .password_insert .password_insert_title{font-weight: 600;} .form-group .password_insert .password_insert_input{width:30% !important; font-size:13px !important; padding: 3px 7px !important; margin-left: 3px;} /* 프린트 팝업 */ .print_header{margin-bottom: 30px; display: flex; width: 100%; border-bottom: 1px solid #d6d6d6; padding: 5px; justify-content: space-between;} .print_header .logo_area{width:20%;} .print_header .logo_area img{width:80px;} .print_header .btn_area{width:30%;text-align: right;} .print_header .btn{width: 13%; height: 30px; line-height: 30px; padding: 0 12px; border: 1px solid #d6d6d6; font-size: 0.9em; } .print_header .btn:hover{background: #fbfbfb; color: #000;cursor: pointer;} .btn.as_print::before { display: inline-block; width: 20px; height: 20px; vertical-align: top; margin: 4px 2px 0 0; background-size: 20px; background-image: url('/assets/images/icons/service-icon-1.png'); content: ''; } .print_container .text_wrap{ border-bottom: 1px solid #ddd; padding: 25px 20px;} .print_footer{margin: 15px; text-align: center; width: 100%;} .print_footer .btn{width: 13%; height: 30px; line-height: 30px; padding: 0 12px; border: 1px solid #d6d6d6; font-size: 0.9em;} .print_footer .btn:hover{background: #fbfbfb; color: #000;cursor: pointer;} @media print{ .btn_area{display: none;} .print_footer{display: none;} .print_container{font-size:0.96em;} .sub-contest a.award_download{font-size: 0.8em !important;} .sub-contest .contest-detail .detail-info .info-title { font-size: 24px; width: 100%;} .sub-contest .contest-detail .info-top { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt {padding-right: 10px;} .sub-contest .contest-detail .detail-info .info-contents { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;} .w1150{padding:0 !important; } .epilogue_font .detail-info .contetns-txt ul li:first-child{padding-left:0 !important;} .epilogue_font .detail-info .contetns-txt ul li span{font-size:0.7em !important;} .epilogue_font .info-title {font-size:1.52em !important;} .epilogue_font p{font-size:0.74em !important;} .sub-contest .award-view .view-area a.view_wrap{width: 31%;} .sub-contest .tab-content .form_area .award-result ul.result_area li{width: 31%;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap{ height: 150px;} .sub-contest .tab-content span.result_box{font-size:0.95em !important;} .sub-contest .award-view .view-area span.view_box_txt span{font-size:0.95em !important;} .board_talk_view h3 .on_line{color:#fff; background:#208376;font-size:18px; border-radius:50px; padding:7px 14px; margin-right:5px;display: inline;} } /*-------------------- 반응형 --------------------*/ @media screen and (max-width:1500px) { .contest-popup-area .contest-popup {width: 60%;} } @media screen and (max-width:1200px) { /* .sub-contest .w1150 {padding: 0 25px;} */ .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner {width: 100%; height: 237px;} .sub-contest .tab-content-row .contest-wrap {width: 32%;} .sub-contest .contest-detail .info-top .contetns-txt ul li:first-child{padding-left:0;} .contest-popup-area .contest-popup {width: 80%;} .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb{height: 237px;} .contentsarea.type2 {padding: 30px 20px;} .text_wrap{ border-bottom: 1px solid #ddd; padding: 25px 20px;} .challenge_wrap_area ul.challenge_wrap li.challenge_box { width: 32%; margin-right: 13px;} .challenge_surveywrap {padding: 0 20px;} .challenge_intro{width:100%;} .alltime_winner_wrap .w1150 {padding: 0px 20px;} .alltime_winner_wrap .winner_con_wrap:hover {background-size: 23%; background-position: 93% -34%;} .improve-pswrd {width: 40% !important;} } @media screen and (max-width:1140px) { .mo_none {display: none;} .n_login_wrap .login_area_wrap {width: 50%; } .n_login_wrap .login_area {display: flex; justify-content: center;} .in_login_wrap .nomal_login{padding: 5px 15px 0px;} } @media screen and (max-width:1100px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height:216px;} .sub-contest .board-search ul {flex-direction: column; flex-wrap: wrap;} .sub-contest .board-search li {width: 100%;} .sub-contest .board-search .search-area {width: 100%; margin: 5px auto 0;} .sub-contest .board-search .search-area .btn_search {padding: 8px 20px;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul {padding-bottom: 0px;} .contest-progress .pro_num {width: 24%; padding: 0.15em 0;} .row_con_f {display: flex; flex-direction: column !important;} .row_con_f_vw { display: flex; flex-direction: row; align-items: center;} .challenge_wrap_area .row_con_f .l_con_sub { width: 90%;} .challenge_wrap_area .row_con_f_vw:first-child{border-bottom:1px solid #f3f3f3;} .challenge_wrap_area .row_con_f_vw .r_con_sub,.challenge_wrap_area .r_con_sub { width: 10%; min-width: 76px;} .challenge_wrap_area .row_con_f .row_con_f_vw .l_con_sub {width: 90%; min-width: 380px;} .challenge_wrap_area .l_con { width: 25%;min-width: 82px;} } @media screen and (max-width:1025px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 210px;} .sub-contest .tab-content .contest-wrap {width: 49%;} .sub-contest .w1150 .detail-tab .tab-txt span.result_title {width: 45%;} .sub-contest .detail-tab .tab-content .toggle_btn {width: 15%;} .contest-progress .pro_title {font-size: 1.27em;padding: 0px 5px 0px 0px;} .boardlist_top .mypage_ul_s li .label_txt {width: 15%!important; max-width: 56px;} } @media screen and (max-width:1017px) { .sub_top .txt .sub-title span:first-child {font-size: 28px;} .sub_top .txt .sub-title span:nth-child(2) {font-size: 13px; line-height: 1.5; padding: 0 23px;} } @media screen and (max-width:1010px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap {height: 201px;} .contest-progress .pro_sub {/*padding: 3px 0px; font-size: 1em;*/ width: 30%;} } @media screen and (max-width:1001px) { .challenge_wrap_area .row_con_h .l_con_sub {min-height: 108px;} .boardlist_top .mypage_ul_s li .label_txt2 {width: 18% !important; min-width: 60px;} .alltime_winner_wrap .winner_con_wrap:hover {background-size: 26%; background-position: 89% -36%;} .sub-contest .contest-detail .detail-info .info-title {font-size: 29px; width: 100%;} .sub-contest .contest-detail .info-top {display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start;} .sub-contest .contest-detail .detail-info .info-contents .contetns-txt {padding-right: 10px;} .sub-contest .contest-detail .detail-info .info-contents {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;} .mo_email {width: 60% !important; border-right: none !important; border-bottom: 1px solid #d6d6d6;} } @media screen and (max-width:970px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 188px;} .challenge_wrap_area .q1 label {width: 43%;} .challenge_wrap_area .text_box .con-date {font-size: 15px;} } @media screen and (max-width:951px) { .sub-contest .board-search .search-area input.search-txt {width: 68%;} .sub-contest .board-search .search-area .searchkey {width: 23%;} .sub-contest .board-search ul {display: flex;flex-direction: row;flex-wrap: wrap; justify-content: space-between;} .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 185px;} .btn_register {width:95%; margin:5px 0;} .btn_notice {width:95%; margin:5px 0;} .challenge_wrap_area .sub_lab {margin-right: 5px;} } @media screen and (max-width:930px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 190px;} } @media screen and (max-width:900px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 183px;} .sub-contest .tab-content .form_area .award_txt ul{flex-direction: column;} .sub-contest .tab-content .form_area .award_txt ul li{width:100%;} /* .sub-contest .contest-detail .detail-info .info-title { width: 70%;} */ } @media screen and (max-width:894px) { .sub-contest .tab-content .result_wrap .wrk_opnn_end {font-size: 13px;} .in_login_wrap a.down_btn{width:95%;} } @media screen and (max-width:885px) { .challenge_wrap_area ul.challenge_wrap li.challenge_box {width: 100%; margin-right: 0;} .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 552px;} .challenge_wrap_area .text_box .con-date {font-size: 17px;} .boardlist_top .mypage_ul_s li .label_txt {width: 18%!important;} .alltime_winner_wrap .winner_con_wrap:hover {background-size: 27%; background-position: 87% -66%;} } @media screen and (max-width:850px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap {height: 173px;} .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 481px;} .contest-popup-area .popup-btn a {padding: 35px 11px;font-size: 1em;} .contest-popup-area .popup-btn {width: 20%;} .contest-progress .pro_sub {width: 32%; font-size: 1.1em; padding: 3px 0;} } @media screen and (max-width:820px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap{height: 166px;} .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 481px;} .sub-contest .tab-content .form_area .award-result ul.result_area li {margin-right: 10px;} } @media screen and (max-width:815px) { .alltime_winner_wrap .winner_con_wrap:hover {background-size: 30%;} } @media screen and (max-width:803px) { .challenge_wrap_area .l_con {width: 26%;} } @media screen and (max-width:800px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap {height: 160px;} .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb {height: 481px;} .sub-contest .reply_area .reply_vote { width: 10%;} .contest-popup-area .coment_area { width: 75%; } .contest-popup-area .popup-btn a{ padding: 36px 0; } .contest-popup-area .popup-btn { width: 25%;} .sub-contest .contest-wrap .contest-con .con-info img {width: 11px;} .contest-progress .pro_title {font-size: 1.2em;} .boardlist_top .search_box li label { width: 62px; } } @media screen and (max-width:778px){ .contest-progress .pro_sub {width: 31%;} .form-group .password_insert .password_insert_input { width: 55% !important;} } @media screen and (max-width:778px) { .in_login_wrap .login_area_wrap { width: 100%; border-right: none; } .mo_email { width: 100% !important; } } @media screen and (max-width: 769px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap { height: 154px; } .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 481px; } .sub-contest .contest-detail .detail-info .info-title { font-size: 24px; } .sub-contest .tab-content-row .contest-wrap .contest-con .con-txt { padding: 20px 20px !important; } .contest-progress .pro_sub { width: 29%; font-size: 1em; padding: 2px 0; } .challenge_wrap_area .q1 label { width: 100%; } .challenge_wrap_area .m_on { display: block; } .challenge_wrap_area .l_con { width: 26.5%; min-width: 85px; padding: 11px; } .challenge_wrap_area .po_fir::after { top: 49% !important; right: -4% !important; } .challenge_wrap_area .po_sec::after { top: 69% !important; right: -4% !important; } } @media screen and (max-width: 751px) { .sub-contest .tab-content-row .contest-wrap { width: 100%; margin-right: 0; min-width: 304px; } .sub-contest .tab-content-row ul li { margin-right: 10px; } .sub-contest .tab-content-row ul li:nth-child(3n+0) { margin-right: 0px; } .sub-contest .w1150 { padding: 0 20px; margin: 25px auto; } .sub-contest .w1150 label { font-size: 1.1em; } .sub-contest .board-search { background: #f8f9fb; padding: 15px 20px; margin: 0px 0 10px; } .sub-contest .board-search li p, .sub-contest .w1150 .board-search label { font-size: 0.9em; } .sub-contest .board-search .search-area .searchkey { font-size: 0.9em; min-width: 85px; } select, textarea, input[type=text] { min-height: 33px; height: 33px; } .boardlist_top ul.mypage_ul_s li.search_word .group .datepicker { width: 81px !important; } .sub-contest .board-search .search-area { width: 100%; } .sub-contest .board-search .search-area .btn_search { min-height: 33px; font-size: 0.9em; } .sub-contest .w1150 .detail-tab .tab-txt span.result_box { font-size: 1.2em; } .sub-contest .tab-content-row .contest-wrap .contest-con .con-txt { width: 65%; padding: 20px 20px; } .sub-contest .contest-wrap .contest-con .con-date { align-items: flex-start; flex-direction: column; justify-content: space-between; } .sub-contest .tab-content-row .contest-wrap .contest-con { flex-direction: column; } .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap { width: 100%; height: 481px; } .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 481px; } .sub-contest .tab-content-row .contest-wrap .contest-con .con-txt { width: 100%; padding: 20px 20px; } .sub-contest .tab-content .form_area .award-result ul.result_area li, .sub-contest .award-view .view-area a.view_wrap { width: 100%; margin-right: 0; } .sub-contest .tab-content .award-title { font-size: 1.7em; } .contest-progress .pro_title { font-size: 1.2em; } .contest-progress ul li { height: 50px; padding: 0px; } .sub-contest .contest-detail .detail-info .info-title { font-size: 24px; width: 100%; } .sub-contest .contest-detail .info-top { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; } .sub-contest .contest-detail .detail-info .info-contents .contetns-txt { padding-right: 10px; } .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul.b_txt li:first-child { padding-bottom: 0px; } .contest-progress .pro_sub img { height: 35%; margin-left: 3px; } .sub-contest .contest-detail .detail-info .info-contents { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .tape_type-top2 { width: 55%; } .modal-dialog { width: auto; } .button_area .btn { font-size: 11px; height: 20px; line-height: 20px; padding: 0 15px; min-width: 60px; } .challenge_wrap_area .agree_content_area .agree_info { flex-direction: column; align-items: flex-start; } .challenge_wrap_area .agree_content_area .agree_info .agree_info_wv:first-child { margin-bottom: 10px; } .challenge_wrap_area .num_insert { display: flex; flex-direction: column; } .challenge_wrap_area .num_img { width: 70%; max-width: 150px; } .challenge_wrap_area .num_txt { padding-left: 5px; } .challenge_wrap_area .icon_area { min-width: 27px; } .challenge_wrap_area .icon_area img { min-width: 27px; } .alltime_winner_wrap .winner_con_wrap_area .title_wrap p.title { -webkit-line-clamp: 2; } .alltime_winner_wrap .go_wrap { width: 100%; } .alltime_winner_wrap .winner_con_wrap_area { width: 100%; } .alltime_winner_wrap .winner_con_wrap { flex-direction: column; padding: 25px; } .alltime_winner_wrap .winner_con_wrap:hover { background-size: 40%; } } @media screen and (max-width: 735px) { .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 481px; } .challenge_wrap_area .l_con { width: 28.5%; min-width: 176px; } .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con input[type=text] { width: 63%; } } @media screen and (max-width: 713px) { .sub-contest .contest-detail { flex-direction: column; } .sub-contest .contest-detail .detail-banner { width: 100%; } .sub-contest .detail-tab .tab-content .toggle_btn { width: 16%; } .sub-contest .w1150 .detail-tab .form_area label { font-size: 1.1em; } .sub-contest .tab-content .form_area ul li { padding: 15px 0; } .sub-contest .detail-tab .tab-content .con_btn { font-size: 0.8em; } .sub-contest .w1150 .detail-tab .form_area label span { padding: 0 10px; } .sub_top { width: 100%; height: 170px; } .sub_top .sv_bg1 { height: 61%; left: 13px; top: -14px; width: 72px; background-size: 98%; } .sub_top .sv_bg2 { height: 100%; right: 29px; bottom: -72px; width: 165px; background-size: 68%; } .sub-contest .detail-tab .tab-content .toggle_btn::before { border-top: 32px solid #afb6bf; } .sub-contest .detail-tab .tab-content .toggle_btn::after { border-top: 32px solid #afb6bf; } .sub-contest .tab-txt a.result_wrap { width: 100%; } .sub-contest .w1150 .detail-tab .tab-txt span.result_box { font-size: 1.1em; } .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 454px; } .reply_box .score2 { padding: 2px 0 1px 20px; background-size: 18px; } } @media screen and (max-width: 680px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 433px; } .sub-contest .reply_area .reply_vote { width: 12%; } .sub-contest .w1150 .detail-tab { width: 100%; } .contest-progress .pro_title { padding: 0px 0px 0px 0px; line-height: 1.6; } .contest-progress ul li { height: 70px; padding: 0px; flex-direction: column; } .contest-progress .pro_sub { width: 33%; min-width: 62px; padding: 1px 0px; font-size: 0.95em; } .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con { width: 42%; } .challenge_wrap_area .text_box .con-date { font-size: 14px; } .boardlist_top .search_box li.s_code { width: 100% !important; } .boardlist_top .search_box li.search_word { width: 100% !important; } .boardlist_top .search_box li .inpbox2 { width: 70% !important; } .boardlist_top .search_box li.w6 { width: 100% !important; } .boardlist_top .mypage_ul li .inpbox2 { width: 60% !important; } .print-btn { float: left !important; } .print-btn strong { font-size: 13px; } .sub-contest .contest-detail .detail-info .info-contents .contetns-txt .print-btn { position: inherit; } .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul { justify-content: flex-start; } } @media screen and (max-width: 650px) { .sub-contest .board-search li:nth-child(2) { padding-bottom: 10px; width: 100%; justify-content: flex-start; } .sub-contest .w1150 .board-search label { padding-right: 5px; width: 13%; text-align: left; font-size: 0.95em; } .sub-contest .w1150 .board-search li > input[type=date] { width: 43.5%; } .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 413px; } .contest-progress .pro_sub img { height: 30%; margin-left: 3px; } .contest-progress ul li { border-radius: 0 20px; } .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con { width: 44%; } .alltime_winner_wrap .winner_con_wrap:hover { background-size: 35%; background-position: 82% 190%; } } @media screen and (max-width: 625px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 396px; } .sub-contest .contest-detail .opinion_wrap .popup-btn a { font-size: 1.1em; } .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con { width: 46%; } } @media screen and (max-width: 611px) { .coment_wrap { flex-wrap: wrap; padding: 0 15px; } .contest-popup-area .coment_area, .contest-popup-area .popup-btn { width: 100%; } .contest-popup-area textarea { border-radius: 5px 5px 0 0; height: 60px !important; min-height: 60px !important; } .contest-popup-area .popup-btn a { padding: 7px 5px; border-radius: 0 0 5px 5px; } .popup_close a { font-size: 1em; } .coment_title { padding: 10px 0px 5px; } .challenge_wrap_area .agree_content_area .agree_info input[type=tel] { width: 21%; } .challenge_wrap_area .agree_content_area .agree_info, .challenge_wrap_area .agree_content { padding: 15px; } .boardlist_top .mypage_ul li label { width: 19% !important; } .boardlist_top .mypage_ul li .inpbox2 { width: 57% !important; } .improve_popup a { font-size: 1em; } } @media screen and (max-width: 610px) { .sub-contest .detail-tab .tab-content .toggle_btn { width: 18%; } .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con { width: 50%; } } @media screen and (max-width: 600px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 379px; } .sub-contest .contest-detail .opinion_wrap .coment_area { width: 76%; } .sub-contest .contest-detail .opinion_wrap .popup-btn { width: 24%; } .boardlist_top .search_box li .inpbox2 { width: 64% !important; } .boardlist_top .mypage_ul li .inpbox2 { width: 57% !important; } } @media screen and (max-width: 590px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 373px; } .challenge_wrap_area .l_con { width: 37.5%; } .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con input[type=text] { width: 60%; } .boardlist_top .mypage_ul_s li:nth-child(2) label { width: 11% !important; } .improve_popup .btn_confirm { padding: 5px 25px; } .improve_popup .btn_cancel { padding: 5px 25px; } } @media screen and (max-width: 578px) { .form-group .password_insert .password_insert_input { width: 49% !important; padding-left: 23px; } } @media screen and (max-width: 560px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 353px; } .challenge_wrap_area .row_vw { display: flex; flex-direction: column !important; } .challenge_wrap_area .row_vw .r_colspan { width: 100%; border-left: none; } .challenge_wrap_area .row_vw .l_colspan { width: 100%; border-bottom: 1px solid #f2f2f2; } .challenge_wrap_area .row_con_f .row_con_f_vw .l_con_sub { min-width: 245px; } .challenge_wrap_area .wrap100 { width: 100% !important; } .challenge_wrap_area .q_txt_sub { margin-left: 0px; } .challenge_wrap_area .agree_content_area .r_con { background: #fff; width: 80%; min-height: 71px; display: flex; flex-direction: column; justify-content: center; } .challenge_wrap_area .l_con { width: 10%; min-width: 76px; } .boardlist_top .matching_ul li.search_word .inpbox { width: 64%; } } @media screen and (max-width: 551px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 352px; } .sub-contest .reply_area .reply_vote { width: 17%; } .sub-contest .w1150 a label { font-size: 1.1em; line-height: 1.3; } .alltime_winner_wrap .winner_con_wrap:hover { background-size: 38%; background-position: 75% 160%; } .improve_popup .btn_confirm { padding: 5px 18px; } .improve_popup .btn_cancel { padding: 5px 18px; } .password_grp { display: flex; flex-direction: column; } .password_insert { width: 100%; padding-left: 0px; } .form-group .password_insert .password_insert_input { width: 57% !important; } } @media screen and (max-width: 530px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 332px; } .sub-contest .contest-detail .detail-info .contetns-sns li a { margin-left: 3px; } .sub-contest .contest-detail .detail-info .contetns-sns li:first-child a { margin-left: 0; } .contest-progress .pro_title { font-size: 1.1em; } .boardlist_top .flat_ul li.search_word .inpbox { width: 55%; } .boardlist_top .matching_ul li.search_word .inpbox { width: 60%; } } @media screen and (max-width: 511px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 310px; } .sub-contest .contest-detail .detail-info .info-contents .contetns-sns { width: 45%; } .sub-contest .w1150 .board-search li > input[type=date] { width: 38%; } .sub-contest .contest-detail .detail-info .contetns-sns ul { display: flex; flex-direction: row; justify-content: flex-start; } .info-contents { align-items: flex-start !important; flex-direction: column !important; margin: 5px 0 0; } } @media screen and (max-width: 501px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 293px; } } @media screen and (max-width: 495px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 307px; } .info-contents { align-items: flex-start; flex-direction: column; margin: 5px 0 0; } .sub-contest .contest-detail .detail-info .info-contents .contetns-sns { width: 45%; margin: 0px; } .alltime_winner_wrap .winner_con_wrap_area { flex-direction: column; align-items: flex-start; } .alltime_winner_wrap .title_wrap { padding-left: 0px; margin-top: 5px; } .alltime_winner_wrap .go_wrap { margin-top: 15px; } .alltime_winner_wrap .winner_con_wrap:hover { background-size: 53%; background-position: 84% 227%; } } @media screen and (max-width: 480px) { .sub-contest .board-search li p { font-size: 1.0em; } .sub-contest .tab-content .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 210px; } .sub .txt .sub-title { padding: 0 15px; } .sub-contest .tab-content .contest-wrap .contest-con .con-txt { padding: 15px 20px 15px; } .sub-contest .contest-detail .detail-info .info-title { font-size: 22px; padding-bottom: 0; } .sub-contest .w1150 .detail-tab label { font-size: 1.1em; } .sub-contest .detail-tab .tab-content .toggle_btn { width: 23%; } .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner. .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap { height: 298px; } .sub-contest .w1150 .board-search label { width: 15%; } .coment_wrap { flex-direction: column; flex-wrap: wrap; padding: 0 15px; } .contest-popup-area .coment_area, .contest-popup-area .popup-btn { width: 100%; } .contest-popup-area textarea { border-radius: 5px 5px 0 0; } .contest-popup-area .popup-btn a { padding: 5px 28px; border-radius: 0 0 5px 5px; font-size: 1em; } .popup_close a { font-size: 1em; } .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul li span { font-size: 12px; } .sub-contest .contest-detail .opinion_wrap .coment_area { width: 100%; } .sub-contest .contest-detail .opinion_wrap .coment_area textarea { border-radius: 5px 5px 0 0; } .sub-contest .contest-detail .opinion_wrap .popup-btn { width: 100%; } .sub-contest .contest-detail .opinion_wrap .popup-btn a { padding: 7px 5px; border-radius: 0 0 5px 5px; } .sub-contest .contest-detail .detail-info .info-contents_b .contetns-txt_b ul.b_txt li { font-size: 12px; } .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul li span { font-size: 12px; } .sub-contest .modify_text a { width: 25%; } .coment_title { width: 90%; } .contest-progress ul li.completion .pro_sub { width: 50%; } .sub_top .txt .sub-title span:nth-child(2) { font-size: 13px; line-height: 1.5; } .sub-contest .board-search .search-area .btn_search { padding: 8px 10px; min-width: 45px; } .total_reply { width: 100%; min-width: 180px; padding-bottom: 0px !important; } .reply_filter { width: 46%; display: flex; align-items: flex-end; justify-content: flex-end; min-width: 130px; } .section_top { display: flex; justify-content: flex-end; } .searchopinion { min-width: 85px; } .contest-popup-area .popup-title p { font-size: 1.3em; } .contest-popup-area .popup-title { padding: 10px 20px; } .contest-popup-area .contest-popup .close { top: 9px; font-size: 2.2em; } .contentsarea .write_btn_group .btn_dot { right: 9px; top: 1px; } .comment .comment_list .reply_box .name_box_wrap .name_box { display: flex; flex-direction: column; width: 65%; align-items: flex-start; } .comment .comment_list .reply_box .name_box_wrap .name_box em { display: none; } .comment .comment_list .reply_box .name_box_wrap .opinion_click { padding-top: 2px; } .boardlist_top .mypage_ul li label { width: 22% !important; } .notice-table .nt-text { max-height: 33px; } .login-popup-area .popup-contents .login_btn { width: 100% !important; margin-bottom: 5px; } } @media screen and (max-width: 468px) { .sub-contest input.searchtxt { width: 61%; } .challenge_wrap_area .pop_content_area .btn { padding: 0 16px; } .challenge_wrap_area ul#teamMberArea li.team_mber { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-top: 1px dotted #ddd; padding: 10px 0; } .challenge_wrap_area ul#teamMberArea li.team_mber:first-child { border-top: none; padding-top: 0; } .challenge_wrap_area ul#teamMberArea li.team_mber:last-child { padding-bottom: 0; } .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con { width: 100%; } .challenge_wrap_area ul#teamMberArea li.team_mber .team_mber_con:last-child { width: 100%; } .boardlist_top .matching_ul li { width: 100% !important; } .boardlist_top .search_box li label { width: 17% !important; } .boardlist_top .mypage_ul li label { width: 22% !important; } .boardlist_top .mypage_ul li .inpbox2 { width: 51% !important; } } @media screen and (max-width: 465px) { .alltime_winner_wrap .winner_con_wrap:hover { background-size: 53%; background-position: 84% 146%; } .improve_popup .btn_confirm { padding: 5px 15px; } .improve_popup .btn_cancel { padding: 5px 15px; } } @media screen and (max-width: 455px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 280px; } .tape_type-top2 { width: 80%; } .challenge_wrap_area .pop_content_area input[type=text].form-control { width: 35%; } .btn_wrap p { text-align: center; } .view_list_wrap li { display: block; float: left !important; } .boardlist_top .search_box li .inpbox2 { width: 56% !important; } .boardlist_top .mypage_ul li .inpbox2 { width: 46% !important; } .my_content { padding: 20px 0px; } } @media screen and (max-width: 444px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 272px; } .contest-progress { width: 100%; padding: 30px 0 40px; } .sub-contest .contest-detail .detail-info .info-contents { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .sub-contest .reply_area .reply_contents { padding: 13px 5px 13px 5px; } .improve_popup { display: flex; flex-direction: row; justify-content: center; } .improve_popup .btn_confirm { padding: 5px 30px; } .improve_popup .btn_cancel { padding: 5px 30px; } .improve-pswrd .popup-insert { font-size: 13px; } } @media screen and (max-width: 421px) { .sub-contest .reply_area .reply_info { width: 100%; display: flex; justify-content: space-between; align-items: center; } .sub-contest .reply_area .reply_txt ul { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .sub-contest .reply_area .reply_txt ul li:last-child { padding-left: 0; margin-left: 0; } .boardlist_top .flat_ul li.search_word .inpbox { width: 50%; } .n_login_wrap .login_area_wrap { width: 100%; min-width: 283px; } } @media screen and (max-width: 415px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 246px; } .sub-contest .w1150 .board-search label { width: 17%; } .sub-contest .reply_area .reply_vote { width: 17%; } .contest-progress ul li { border-radius: 0 15px; } .boardlist_top .search_box li label { width: 18% !important; letter-spacing: -.5px; } .boardlist_top .search_box li:nth-child(2) label { width: 18% !important; } .boardlist_top .matching_ul li.search_word .inpbox { width: 52%; } .boardlist_top .flat_ul li label { width: 19% !important; } .boardlist_top .mypage_ul li:nth-child(2) label { width: 26% !important; } .boardlist_top .mypage_ul_s li:nth-child(2) label { width: 13% !important; } } @media screen and (max-width: 410px) { .alltime_winner_wrap .winner_con_wrap { width: 100%; } .alltime_winner_wrap .winner_con_wrap:hover { background-size: 53%; background-position: 84% 126%; } } @media screen and (max-width: 400px) { .sub_top .txt .sub-title span:first-child { font-size: 22px; padding-bottom: 5px; } .contest-progress ul li.completion .pro_sub { width: 55%; } .contest-progress .pro_title { font-size: 1em; } .contest-progress ul li { border-radius: 0 15px; height: 60px; } .sub-contest .tab-content .award-title-right { margin-right: 0; font-size: 12px; min-width: 273px; } .form-group .password_insert .password_insert_input { width: 47% !important; } } @media screen and (max-width: 391px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 230px; } .sub-contest .contest-detail .detail-info .info-contents .contetns-txt ul.b_txt li { font-size: 1em; } .challenge_wrap_area .row_con_f .l_con_sub .form_w200, .challenge_wrap_area .row_con_f .l_con_sub select { width: 29%; } .btn-adres { padding: 7px 8px; font-size: 13px; } .challenge_wrap_area .l_con, .challenge_wrap_area .r_con, .challenge_wrap_area .l_colspan, .challenge_wrap_area .l_con_sub, .challenge_wrap_area .r_con_sub { padding: 10px; letter-spacing: -.9px; } .view_list_wrap { padding-top: 0; margin-bottom: 6px; } .sns_dot1 { margin: 0 0 10px 4px; } .view_list_wrap li a { margin: 0 10px 5px 10px; } } @media screen and (max-width: 385px) { .sub-contest .contest-detail .detail-info .info-contents .contetns-sns { width: 55%; } .sub-contest .w1150 .detail-tab .form_area label span { padding: 0 5px; } .sub-contest .w1150 .detail-tab .form_area label { font-size: 1em; } .sub-contest .tab-content .form_area ul li { padding: 13px 0; } .sub-contest .w1150 .board-search label { width: 18%; } .sub-contest .tab-content span.result_box { font-size: 1.2em; } .sub-contest .detail-tab .tab-content .award-btn-wrap a { padding: 5px 20px; } .category-name { line-height: 1.3; } } @media screen and (max-width: 376px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banne, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 219px; } .sub-contest .detail-tab .tab-content .award-btn-wrap a { padding: 5px 18px; } .boardlist_top .search_box li .inpbox2 { width: 52% !important; } .boardlist_top .mypage_ul li .inpbox2 { width: 44% !important; } .boardlist_top .mypage_ul_s li:nth-child(2) label { width: 13% !important; } .in_login_wrap ul.idpw_input { width: 100%; } .n_login_wrap .login_area_wrap .login_wrap_title { padding: 0 20px; } .in_login_wrap .email_login { padding: 19px 0px 0px; width: 100% } .in_login_wrap .login_btnwrap { width: 100%; } .in_login_wrap .login_wrap_sub_02 { padding: 15px 0px 0px; } } @media screen and (max-width: 361px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 209px; } .sub-contest .w1150 .board-search label { width: 20%; } .sub_top .txt .sub-title span:nth-child(2) { font-size: 13px; line-height: 1.3; } .tab_wrap a { padding: 7px 20px 7px; } } @media screen and (max-width: 347px) { .sub-contest .tab-content-row .contest-wrap .contest-con .con-banner, .sub-contest .tab-content .result_wrap .tabBlock_wrap .imgbox_Wrap, .sub-contest .award-view .view-area a.view_wrap span.img_wrap, .challenge_wrap_area ul.challenge_wrap li.challenge_box .thumb { height: 206px; } .sub-contest .board-search .search-area .searchkey { min-width: 70px; } .sub-contest .detail-tab .tab-content .award-btn-wrap a { padding: 5px 12px; } .tab_wrap a { padding: 7px 15px 7px; } .boardlist_top .search_box li.w6 { min-width: 320px !important; } } /*반응형*/ @media screen and (max-width: 1250px) { } @media screen and (max-width: 1200px) { .n_login_wrap .login_wrap_sub { font-size: 13px; text-align: center; padding: 15px 4px 20px; } } @media screen and (max-width: 1007px) { .n_login_wrap .login_area_wrap .login_wrap_title { font-size: 21px; padding: 0 30px; padding-top: 25px; } .n_login_wrap .login_area_wrap { padding-bottom: 31px; } .n_login_wrap .login_wrap_sub { font-size: 12px; text-align: center; padding: 15px 0px 20px; } .n_login_wrap .nomal_login, .n_login_wrap .citation_login, .n_login_wrap .mobile_login, .in_login_wrap .email_login { padding: 5px 15px 0px; } } @media screen and (max-width: 915px) { .n_login_wrap .login_area { display: flex; justify-content: space-between; flex-direction: column; padding: 0 20px; } .n_login_wrap .login_area_wrap { width: 100%; border-right: none; } .n_login_wrap .login_area_wrap:last-child { border-bottom: none; } .n_login_wrap .nomal_login, .n_login_wrap .citation_login, .n_login_wrap .mobile_login, .in_login_wrap .email_login { width: 60%; margin: 0 auto; min-width: 400px; } } @media screen and (max-width: 778px) { .in_login_wrap ul.idpw_input { width: 59%; margin: 0 auto; min-width: 370px; } } @media screen and (max-width: 551px) { .n_login_wrap .login-popup-area .login-popup { width: 92%; min-width: 300px; } } @media screen and (max-width: 480px) { .n_login_wrap .nomal_login, .n_login_wrap .citation_login, .n_login_wrap .mobile_login, .in_login_wrap .email_login { width: 60%; margin: 0 auto; min-width: 283px; } .n_login_wrap .popup-contents { flex-direction: column; } .n_login_wrap .linkage_btn { width: 100%; margin-bottom: 15px; } .in_login_wrap ul.idpw_input { min-width: 283px; width: 100%; } .in_login_wrap .login_wrap_sub_02 { padding: 15px 0 0; } .in_login_wrap .login_btnwrap { width: 100%; } } .text_wrap img{ max-width: 100%; height: auto; }