@charset "UTF-8";

.header {z-index: 9999 !important;}

/* sub_common */
.sub_each {margin-bottom:60px;}
.sub_each:last-of-type {margin-bottom:0;}
.sub_tit1 {position:relative; padding-top: 13px; margin-bottom:35px; padding-bottom:10px; color:#333; font-size:1.6em; font-weight:500;}
.sub_tit1:after {content:''; display:block; position:absolute; left:0; top:0; width:32px; height:5px; background: url('/images/sub/sub_tit1.jpg') no-repeat center/100%;}
.sub_tit2 {margin-bottom:12px; font-size: 1.2em; font-weight: 500;}
.down_btn {display: inline-block; height: 45px; line-height: 43px; padding: 0 15px; margin-right: 10px; border: 1px solid #e44c4c; color: #e44c4c; font-size: 1.067em; text-align: center;}
.down_btn:last-child {margin-right: 0;}
.down_btn:before {display: inline-block; content:''; width: 17px; height: 21px; margin-right: 10px; margin-top: -7px; background: url('/images/sub/down_ico.png') no-repeat center/contain; vertical-align: middle;}

/* sub_layout */
.contents {margin-top: 42px;}
.sub_left {float: left; width: 242px; margin-bottom: 60px;}
.sub_left .sub_left_tit {height: 114px; background-color: #1957aa; text-align: center;}
.sub_left .sub_left_tit:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.sub_left .sub_left_tit span {display: inline-block; max-width: 90%; color: #fff; font-size: 1.6em; font-weight: 500; text-align: left; vertical-align: middle; -ms-word-break: keep-all; word-break: keep-all;}
.sub_left .sub_left_menu > li {display: table; width: 100%; border-bottom: 1px solid #e2e2e2;}
.sub_left .sub_left_menu > li a {display: table-cell; position: relative; height: 54px; padding: 18px 15px; padding-right: 40px; color: #403f3f; font-size: 1.067em; font-weight: 350; vertical-align: top;}
.sub_left .sub_left_menu > li a:after {display: inline-block; content:''; position: absolute; right: 18px; top: 19px; width: 18px; height: 18px; background: url('/images/sub/sub_left_menu.png') no-repeat center;
-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s;  -webkit-transition-property: transform; transition-property: transform;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.sub_left .sub_left_menu > li.on a {background-color: #eef3ff; color: #161f35; font-weight: 500;}
.sub_left .sub_left_menu > li a:hover{color: #161f35; font-weight: 500;}
.sub_left .sub_left_menu > li.on a:after {background-image: url('/images/sub/sub_left_menu_on.png');}
.sub_left .sub_left_menu > li a:hover:after{background-image: url('/images/sub/sub_left_menu_on.png'); -webkit-transform: translateX(4px); transform: translateX(4px);}
.sub_right {float: right; width: calc(100% - 242px); padding-left: 4.6%;}
.sub_rtop {margin-bottom: 70px; padding-top: 35px; padding-bottom: 26px; border-bottom: 2px solid #161f35;}
.sub_rtop .sub_top_tit {float: left; font-family: 'NanumSquare'; font-size: 2.4em; font-weight: 700;}
.sub_rtop .bread_box {float: right; margin-top: 20px;}
.sub_rtop .bread_box .breadcrumb {overflow: hidden;}
.sub_rtop .bread_box .breadcrumb > li {float: left;}
.sub_rtop .bread_box .breadcrumb > li:after {display: inline-block; content:''; width: 7px; height: 9px; margin: 0 10px; background: url('/images/sub/breadcrumb_arr.png') no-repeat center;}
.sub_rtop .bread_box .breadcrumb > li:last-child:after {display: none;}
.sub_rtop .bread_box .breadcrumb > li.home img {margin-top: -2px; vertical-align: middle;}
.sub_con {padding-bottom:60px;}





.greeting_wrap .greeting_img {position: relative; margin-top: -30px; margin-bottom: 25px;}
.greeting_wrap .greeting_img .inner {float: left; }
.greeting_wrap .greeting_img .img_box + .inner {margin-top: 40px; padding-left: 40px; max-width: 50%;}
.greeting_wrap .greeting_img .t1 {margin-bottom: 10px; font-family: 'NanumSquare'; font-size: 1.6em;}
.greeting_wrap .greeting_img .t2 {margin-bottom: 40px; line-height: 1.5; font-family: 'NanumSquare'; font-size: 1.867em; font-weight: 700;}
.greeting_wrap .greeting_img .t3 {font-size: 1.067em; font-weight: 500;}
.greeting_wrap .greeting_img .t3 .name {font-size: 1.250em;}
.greeting_wrap .greeting_img .img_box {float: right; max-width: 50%;}
.greeting_wrap .greeting_txt p {line-height: 1.4; color: #404040; margin-bottom: 20px; font-weight: 350; text-align: justify; letter-spacing: -0.5px;}
.greeting_wrap .greeting_txt p:last-child {margin-bottom: 0;}


.establish_wrap .txt_box {margin-top: 70px;}
.establish_wrap .txt_box .tit {margin-bottom: 30px; font-size: 1.6em; font-weight: 500; text-align: center;}
.establish_wrap .txt_box .tit:before {display: inline-block; content:''; width: 24px; height: 57px; margin-right: 30px; background: url('/images/sub/establish_tit01.png') no-repeat center/contain; vertical-align: middle;}
.establish_wrap .txt_box .tit:after {display: inline-block; content:''; width: 24px; height: 57px; margin-left: 30px; background: url('/images/sub/establish_tit02.png') no-repeat center/contain; vertical-align: middle;}
.establish_wrap .txt_box .check_list {max-width: 810px; margin: 0 auto;}
.establish_wrap .txt_box .check_list > li {position: relative; padding-left: 35px; margin-bottom: 20px; line-height: 1.5; -ms-word-break: keep-all; word-break: keep-all;}
.establish_wrap .txt_box .check_list > li:last-child {margin-bottom: 0;}
.establish_wrap .txt_box .check_list > li:before {display: inline-block; content:''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url('/images/sub/establish_check.png') no-repeat center/contain;}

.step_wrap {padding-top: 30px;}


.history_wrap {padding-top: 10px;}
.history_box {padding-bottom:80px; background:url('/images/sub/his_line.jpg') center 0 repeat-y;}
.his_row {max-width:700px; margin:0 auto 70px;}
.his_row:last-child {margin-bottom:0;}
.his_row .his_lr {position:relative; z-index:1; float:left; width:50%; padding-top:40px;}
.his_row:nth-child(odd) .his_lr {padding-right:20px; text-align: right;}
.his_row:nth-child(even) .his_lr {float:right; padding-left:20px;}
.his_row .year {position:absolute; top:-21px; z-index:1; width:100px; font-size:2em; background-color:#FFF; color:#0082c8; font-weight:700; text-align:center;}
.his_row:nth-child(odd) .his_lr .year {right:2px;}
.his_row:nth-child(even) .his_lr .year {left:2px;}
.his_row .year:after {content:""; display:block; position:absolute; top:50%; z-index:1; width:14px; height:14px; margin-top:-6px; background-color:#0082c8; border-radius:7px;}
.his_row:nth-child(odd) .his_lr .year:after {right:-9px;}
.his_row:nth-child(even) .his_lr .year:after {left:-9px;}
.his_month_box {display:table; width:100%; margin-bottom:20px; border-collapse:collapse; table-layout:fixed; font-size:1.13em;}
.his_month_box:last-child {margin-bottom:0;}
.his_month_box .month {float: left; width:55px; color:#0082c8; font-weight:700;}
.his_month_box .list {float: left; width: calc(100% - 55px); padding-left:5px;}
.his_row:nth-child(odd) .his_month_box .month {float: right;}
.his_row:nth-child(odd) .his_month_box .list {float: right; padding-left: 0; padding-right: 5px;}
.his_month_box .list li {position: relative; margin-bottom:5px; /*padding-left:12px;*/ word-break: keep-all;}
/* .his_month_box .list li:before {display: inline-block; content:''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background-color: #0082c8;} */
.his_month_box .list li:last-child {margin-bottom:0;}
.his_row .add_img_box {float:left; width:50%; padding-top:40px; text-align:center;}


.judge_list > li {float: left; width: 15.83%; margin-right: 1%; margin-bottom: 3.3%;}
.judge_list > li:nth-child(6n) {margin-right: 0;}
.judge_list > li a {display: block; position: relative; border: 1px solid #ececec;}
.judge_list > li .img_box {position: relative; padding-bottom: 129%; background-color: #f7f7f7; text-align: center;}
.judge_list > li .img_box .inner_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0;}
.judge_list > li .img_box .inner_box img {vertical-align: middle;}
.judge_list > li .hover_box {position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; padding: 15px 0; background-color: rgba(25, 87, 170, 0.85); color: #fff;
-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.judge_list > li .hover_box .sort {position: absolute; left: 8px; top: -9px; width: 29px; height: 29px; line-height: 29px; background-color: #51a024; font-size: 12px; text-align: center;}
.judge_list > li .hover_box .name {padding: 0 10px; font-size: 1.2em; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.judge_list > li .hover_box .affiliation {padding: 0 15px; opacity: 0; visibility: hidden; margin-top: 25px; margin-bottom: 30px; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.judge_list > li .hover_box .affiliation .each {display: inline-block;}
.judge_list > li .hover_box .affiliation .each:after {display: inline-block; content:''; width: 1px; height: 14px; margin-left: 8px; margin-right: 5px; margin-top: -2px; background-color: #717171; vertical-align: middle;}
.judge_list > li .hover_box .affiliation .each:last-child:after {display: none;}
.judge_list > li .hover_box .w_bar_list {opacity: 0; visibility: hidden; padding: 0 20px; max-height: 87px; overflow: hidden;
-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.judge_list > li .hover_box .w_bar_list > li {position: relative; padding-left: 12px; margin-bottom: 5px; opacity: 0.65; font-size: 0.933em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.judge_list > li .hover_box .w_bar_list > li:last-child {margin-bottom: 0;}
.judge_list > li .hover_box .w_bar_list > li:before {display: inline-block; content:'-'; position: absolute; left: 0; top: 0;}
.judge_list > li a:hover .hover_box {height: 100%; padding-top: 35px;}
.judge_list > li a:hover .hover_box .affiliation {opacity: 1; visibility: visible;}
.judge_list > li a:hover .hover_box .w_bar_list {opacity: 1; visibility: visible;}

.judge_wrap .judge_list {margin-top: -30px;}
.judge_wrap .view_box {margin: 60px auto; padding: 0 30px;}
.judge_wrap .view_box .img_box {position: relative; float: left; width: 31.6%; padding-bottom: 38%; border: 1px solid #ececec;}
.judge_wrap .view_box .img_box .inner_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center;}
.judge_wrap .view_box .img_box .inner_box img {vertical-align: middle;}
.judge_wrap .view_box .txt_box {float: right; width: calc(100% - 31.6%); padding-top: 25px; padding-left: 10%;}
.judge_wrap .view_box .txt_box .name {padding-bottom: 15px; margin-bottom: 20px; border-bottom: 2px solid #0082c8; font-size: 2em; font-weight: 500;}
.judge_wrap .view_box .txt_box .info_list > li {position: relative; min-height: 19px; margin-bottom: 15px; padding-left: 60px; color: #575757; font-weight: 350;}
.judge_wrap .view_box .txt_box .info_list > li span {position: absolute; left: 0; top: 0; color: #3e3e3e; font-weight: 500;}
.judge_wrap .view_box .txt_box .info_list > li .profile > li {margin-bottom: 5px;}
.judge_wrap .view_box .txt_box .info_list > li .profile > li:last-child {margin-bottom: 0;}
.judge_wrap .view_box .txt_box .info_list > li .contact > li {position: relative; min-height: 19px; padding-left: 35px; margin-bottom: 5px;}
.judge_wrap .view_box .txt_box .info_list > li .contact > li:last-child {margin-bottom: 0;}
.judge_wrap .view_box .txt_box .info_list > li .contact > li em {position: absolute; left: 0; top: 0;}
.judge_wrap .btn_wrap {border-top: 1px solid #e7e7e7;}



.schedule_wrap .date_box {margin-bottom: 50px; text-align: center;}
.schedule_wrap .date_box .arr_btn {display: inline-block; width: 37px; height: 37px; border: 1px solid #e7e7e7; border-radius: 50%; vertical-align: middle;}
.schedule_wrap .date_box .arr_btn.prev {background: url('/images/sub/schedule_prev.png') no-repeat center;}
.schedule_wrap .date_box .arr_btn.next {background: url('/images/sub/schedule_next.png') no-repeat center;}
.schedule_wrap .date_box .date {display: inline-block; padding: 0 40px; font-size: 2.4em; vertical-align: middle;}
.schedule_wrap .sort_list {overflow: hidden; margin-bottom: 20px;}
.schedule_wrap .sort_list > li {position: relative; float: left; padding-left: 18px; margin-right: 24px; font-size: 0.933em; font-weight: 350;}
.schedule_wrap .sort_list > li:last-child {margin-right: 0;}
.schedule_wrap .sort_list > li:before{display: inline-block; content:''; position: absolute; left: 0; top: 4px; width: 11px; height: 11px;}
.schedule_wrap .sort_list > li.blue {color: #1b49ba;}
.schedule_wrap .sort_list > li.blue:before {background-color: #1b49ba;}
.schedule_wrap .sort_list > li.red {color: #e44c4c;}
.schedule_wrap .sort_list > li.red:before {background-color: #e44c4c;}
.schedule_wrap .sort_list > li.green {color: #52b16f;}
.schedule_wrap .sort_list > li.green:before {background-color: #52b16f;}
.schedule_wrap .sort_list > li.holiday:before {background-color: #fbd4d4;}
.schedule_wrap .calendar_table {width: 100%; border-collapse: collapse;}
.schedule_wrap .calendar_table th, .schedule_wrap .calendar_table td {border: 1px solid #d9d9da;}
.schedule_wrap .calendar_table th {height: 39px; color: #fff; background-color: #9d9ca0;}
.schedule_wrap .calendar_table th:first-child {background-color: #dd444c;}
.schedule_wrap .calendar_table th:last-child {background-color: #1784c8;}
.schedule_wrap .calendar_table td {height: 101px; padding: 10px 12px; vertical-align: top;}
.schedule_wrap .calendar_table td:first-child {background-color: #e7f2f9;}
.schedule_wrap .calendar_table td.holiday {background-color: #fbd4d4;}
.schedule_wrap .calendar_table td .num {display: block; margin-bottom: 15px; color: #999; font-size: 12px;}
.schedule_wrap .calendar_table td .sort {display: block;position: relative; padding-left: 15px; margin-bottom: 5px; font-size: 0.933em; font-weight: 350;}
.schedule_wrap .calendar_table td .sort:last-child {margin-bottom: 0;}
.schedule_wrap .calendar_table td .sort:before {display: inline-block; content:''; position: absolute; left: 0; top: 4px; width: 11px; height: 11px;}
.schedule_wrap .calendar_table td .sort.blue {color: #1b49ba;}
.schedule_wrap .calendar_table td .sort.blue:before {background-color: #1b49ba;}
.schedule_wrap .calendar_table td .sort.red {color: #e44c4c;}
.schedule_wrap .calendar_table td .sort.red:before {background-color: #e44c4c;}
.schedule_wrap .calendar_table td .sort.green {color: #52b16f;}
.schedule_wrap .calendar_table td .sort.green:before {background-color: #52b16f;}
.schedule_wrap .calendar_list {border-top: 2px solid #d9d9da;}
.schedule_wrap .calendar_list > li {display: table; width: 100%; padding: 25px 0; border-bottom: 1px dashed #d9d9da; table-layout: fixed;}
.schedule_wrap .calendar_list > li .date {display: table-cell; width: 100px; text-align: center;}
.schedule_wrap .calendar_list > li .date .year {margin-bottom: 5px;}
.schedule_wrap .calendar_list > li .date .day {font-size: 1.33em; font-weight: 500;}
.schedule_wrap .calendar_list > li .txt {display: table-cell; padding-left: 20px; vertical-align: middle;}
.schedule_wrap .calendar_list > li .txt p {display: inline-block; margin: 0 5px;}
.schedule_wrap .calendar_list > li .txt .sort {display: inline-block; position: relative; padding-left: 15px; margin-bottom: 5px; font-size: 0.933em; font-weight: 350;}
.schedule_wrap .calendar_list > li .txt .sort:last-child {margin-bottom: 0;}
.schedule_wrap .calendar_list > li .txt .sort:before {display: inline-block; content:''; position: absolute; left: 0; top: 4px; width: 11px; height: 11px;}
.schedule_wrap .calendar_list > li .txt .sort.blue {color: #1b49ba;}
.schedule_wrap .calendar_list > li .txt .sort.blue:before {background-color: #1b49ba;}
.schedule_wrap .calendar_list > li .txt .sort.red {color: #e44c4c;}
.schedule_wrap .calendar_list > li .txt .sort.red:before {background-color: #e44c4c;}
.schedule_wrap .calendar_list > li .txt .sort.green {color: #52b16f;}
.schedule_wrap .calendar_list > li .txt .sort.green:before {background-color: #52b16f;}


.find_wrap .find_box {display: table; width: 100%; margin-bottom: 60px; table-layout:fixed;}
.find_wrap .find_box .map_box {display: table-cell; width: 42%; vertical-align: middle; text-align: center;}
.find_wrap .find_box .map_box path {cursor: pointer;}
.find_wrap .find_box .map_box text {cursor: pointer;}
.find_wrap .find_box .sch_box {display: table-cell; padding: 60px 5.5%; background-color: #fafafa; vertical-align: middle; text-align: center;}
.find_wrap .find_box .sch_box .tit {margin-bottom: 15px; font-size: 1.6em;font-weight: 500;}
.find_wrap .find_box .sch_box .tit em {color: #0082c8;}
.find_wrap .find_box .sch_box .txt {margin-bottom: 35px; color: #7f7e7e; font-size: 0.933em; font-weight: 350;}
.find_wrap .find_box .sch_box .row {display: table; width: 100%; margin-bottom: 4px;}
.find_wrap .find_box .sch_box .row .slt_box {display: table-cell; padding-right: 4px; vertical-align: top;}
.find_wrap .find_box .sch_box .row .slt_box:last-child {padding-right: 0;}
.find_wrap .find_box .sch_box .row .slt_box select {width: 100%; height: 45px; padding-left: 10px; color: #a5a5a5; border: 1px solid #d7d7d7; background-color: #fff; font-family: inherit; font-size: 1em;}
.find_wrap .find_box .sch_box .row .input_box {display: table-cell; vertical-align: top;}
.find_wrap .find_box .sch_box .row .input_box input {width: 100%; height: 45px; padding: 0 10px; border: 1px solid #d7d7d7; font-family: inherit; font-size: 1em;}
.find_wrap .find_box .sch_box .row .input_box input::-webkit-input-placeholder {color: #a5a5a5;}
.find_wrap .find_box .sch_box .row .input_box input::-moz-placeholder {color: #a5a5a5;}
.find_wrap .find_box .sch_box .row .input_box input:-ms-input-placeholder {color: #a5a5a5;}
.find_wrap .find_box .sch_box .row .input_box input:-moz-placeholder {color: #a5a5a5;}
.find_wrap .find_box .sch_box .sch_btn {width: 154px; margin-top: 35px; background-image: none; float: none;}

.office_list {border-top: 1px solid #1f1f1f;}
.office_list > li {display: table; width: 100%; border-bottom: 1px solid #dfdfdf; table-layout: fixed; color: #404040;}
.office_list > li .num {display: table-cell; width: 85px; vertical-align: middle; text-align: center;}
.office_list > li .txt_box {display: table-cell; padding: 15px 0; padding-left: 10px; vertical-align: top;}
.office_list > li .txt_box .tit {margin-bottom: 10px; font-size: 1.067em; font-weight: 500;}
.office_list > li .txt_box .address {float: left; font-weight: 350;}
.office_list > li .txt_box .address .sort {display: inline-block; width: 93px; height: 26px; line-height: 26px; margin-right: 10px; margin-top: -1px; margin-bottom: 3px; background-color: #f3f3f3; border-radius: 20px; vertical-align: middle; text-align: center;}
.office_list > li .txt_box .info {float: right; font-weight: 350;}
.office_list > li .txt_box .info .each:after {display: inline-block; content:'ㅣ'; margin: 0 5px; margin-top: -2px; vertical-align: middle;}
.office_list > li .txt_box .info .each:last-child:after {display: none;}

.login_wrap .login_top {margin-bottom: 30px; margin-top: -50px; text-align: center; -ms-word-break: keep-all; word-break: keep-all;}
.login_wrap .login_top .tit {margin-bottom: 20px; font-size: 2em;}
.login_wrap .login_top .tit em {font-weight: 700;}
.login_wrap .login_top .t1 {margin-bottom: 5px; color: #3a3a3a; font-size: 1.2em; font-weight: 350;}
.login_wrap .login_top .t2 {color: #888888; font-size: 1.067em; font-weight: 350;}
.login_wrap .login_top .t2 em {font-weight: 500;}
.login_wrap .login_top .t2 .fc_black {color: #3a3a3a;}
.login_wrap .check_box {margin-top: 20px; padding-left: 90px;}
.login_wrap .check_box .chk_each {margin-right: 10px;}
.login_wrap .check_box .chk_each:last-child {margin-right: 0;}
.login_wrap .check_box .chk_each label {display: inline-block; padding-left: 35px; color: #8a8a8a; font-weight: 350;}
.login_wrap .check_box .chk_each .vchkbox {top: -4px; width: 26px; height: 26px; border-radius: 50%; border-color: #e7e7e7; background: #fff url('/images/sub/login_check.png') no-repeat center;}
.login_wrap .check_box .chk_each input:checked + label .vchkbox {border-color: #0082c8; background-image: url('/images/sub/login_checked.png');}
.login_wrap .btn_box {margin-top: 30px; text-align: center;}
.login_wrap .btn_box span {display: inline-block; margin-right: 10px; color: #3b3b3b; font-size: 1.2em; font-weight: 350;}
.login_wrap .btn_box .common_btn.find {min-width: 128px; height: 40px; line-height: 38px; border-color: #0082c8; background-color: #fff; color: #0082c8; font-size: 1.067em; font-weight: 400;}
.login_wrap .btn_box .common_btn.find:hover {background-color: #0082c8; color: #fff;}



.resolution_wrap .board_list .tit a {color: #1d1d1d; font-weight: 500;}
.resolution_wrap .board_list .tit .period {margin-top: 5px; color: #1d1d1d;}
.resolution_wrap .board_list .sort .state {display: inline-block; width: 72px; height: 31px; line-height: 31px; border-radius: 20px; color: #fff; font-size: 0.867em; text-align: center;}
.resolution_wrap .board_list .sort .state.state1 {background-color: #0082c8;}
.resolution_wrap .board_list .sort .state.state2 {background-color: #929699;}
.resolution_wrap .board_list .sort .state.state3 {background-color: #e4190f;}
.resolution_wrap .board_list .sort .state:after {display: inline-block; content:''; width: 5px; height: 8px; margin-left: 5px; background: url('/images/sub/resolution_arr.png') no-repeat center; vertical-align: middle;}
.resolution_wrap .board_list .check .ok {color: #0082c8; font-weight: 500;}
.resolution_wrap .board_list .check .not {color: #e4190f; font-weight: 500;}
.resolution_wrap .board_view_top {padding: 0 20px 20px;}
.resolution_wrap .board_view_top .tit .state {display: inline-block; width: 72px; height: 31px; line-height: 31px; margin-right: 12px; margin-top: -2px; border-radius: 20px; color: #fff; font-size: 13px; font-weight: 400; text-align: center; vertical-align: middle;}
.resolution_wrap .board_view_top .tit .state.state1 {background-color: #0082c8;}
.resolution_wrap .board_view_top .tit .state.state2 {background-color: #929699;}
.resolution_wrap .board_view_top .tit .state.state3 {background-color: #e4190f;}
.resolution_wrap .board_view_top .tit .peroid {display: inline-block; font-size: 17px; font-weight: 350; vertical-align: middle;}
.resolution_wrap .board_view_top .info .each .check.ok {color: #0082c8; font-weight: 400;}
.resolution_wrap .board_view_top .info .each .check.not {color: #e4190f; font-weight: 400;}
.resolution_wrap .vote_box {padding-top: 40px; border-top: 1px solid #eaeaea; text-align: center;}
.resolution_wrap .vote_box .tit {margin-bottom: 15px; font-size: 1.733em; font-weight: 500;}
.resolution_wrap .vote_box .txt {margin-bottom: 40px; color: #ea0202; font-weight: 350;}
.resolution_wrap .vote_box .btn_box {position: relative; margin-bottom: 50px;}
.resolution_wrap .vote_box .btn_box > div {float: left; width: calc(50% - 12.5px); margin-right: 25px;}
.resolution_wrap .vote_box .btn_box > div:last-child {margin-right: 0;}
.resolution_wrap .vote_box .btn_box > div button {width: 100%; height: 73px; border: 1px solid #1d1d1d; background-color: #fff; font-size: 1.33em; font-weight: 500;}
.resolution_wrap .vote_box .btn_box > div button:hover {border-width: 2px; border-color: #0082c8;}
.resolution_wrap .vote_box .btn_box > div.checked button {background-color: #0082c8; border-color: #0082c8; color: #fff;}
.resolution_wrap .vote_box .btn_box > div.checked button:before {display: inline-block; content:''; width: 24px; height: 24px; margin-right: 10px; margin-top: -5px; background: url('/images/sub/vote_checked.png') no-repeat center/contain; vertical-align: middle;}
.resolution_wrap .vote_box .btn_box > div .textarea_box {position: relative; height: 0; border: 1px solid #0082c8; opacity: 0; visibility: hidden; overflow: hidden; 
-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;}
.resolution_wrap .vote_box .btn_box > div.checked .textarea_box {height: auto; padding-bottom: 30px; opacity: 1; visibility: visible;}
.resolution_wrap .vote_box .btn_box > div textarea {height: 75px; padding: 15px; border: 0; background-color: #fff; resize:none; outline: none; color: #3a3a3a; font-family: inherit; font-size: 1em; font-weight: 350;}
.resolution_wrap .vote_box .btn_box > div .t1 {position: absolute; right: 15px; bottom:8px; color: #ea0202; text-align: left;}
.resolution_wrap .vote_box .btn_box > div .t1 em {display: inline-block; margin-right: 5px; vertical-align: sub;}
.resolution_wrap .vote_box .btn_wrap {margin-bottom: 50px; padding-top: 0;}
.resolution_wrap .vote_box .btn_wrap .common_btn.point2 {min-width: 154px; height: 45px; line-height: 43px; font-size: 1.133em; font-weight: 400;}
.resolution_wrap .vote_box.complete .tit {margin-bottom: 30px;}
.resolution_wrap .vote_box.complete .btn_box > div {float: none; max-width: 438px; width: auto; margin: 0 auto;}
.resolution_wrap .vote_box.complete .btn_box > div button {background-color: #0082c8; border-color: #0082c8; color: #fff; cursor: default;}
.resolution_wrap .vote_box.complete .btn_box > div button:before {display: inline-block; content:''; width: 24px; height: 24px; margin-right: 10px; margin-top: -5px; background: url('/images/sub/vote_checked.png') no-repeat center/contain; vertical-align: middle;}
.resolution_wrap .vote_box.complete .btn_box > div .textarea_box {height: auto; opacity: 1; visibility: visible;}
.resolution_wrap .vote_box.complete.result .btn_box > div {max-width: 100%;}
.resolution_wrap .vote_box.complete.result .btn_box > div .textarea_box {padding: 65px 25px; border-color: #dddddd; font-size: 1.067em; font-weight: 350; word-break: keep-all;}
.resolution_wrap .vote_box.complete.result .btn_box > div .textarea_box .t2 {line-height: 1.5; margin-bottom: 55px; font-family: 'NanumSquare'; font-size: 1.875em; font-weight: 700;}
.resolution_wrap .vote_box.complete.result .btn_box > div .textarea_box .t3 {width: 102px; height: 35px; line-height: 35px; margin: 0 auto 25px; background-color: #e9e9e9; font-weight: 500; text-align: center; border-radius: 20px;}


.state_wrap .board_list .state .state1 {color: #f01111; font-weight: 500;}
.state_wrap .board_list .state .state2 {color: #fa9300; font-weight: 500;}
.state_wrap .board_list .state .state3 {color: #aaaaaa; font-weight: 500;}
.state_wrap .board_list .state .state4 {color: #0082c8; font-weight: 500;}


.state_view_wrap .board_write {margin-bottom: 60px; border-top: 1px solid #dfdfdf;}
.state_view_wrap .comment_box .tit {margin-bottom: 25px; font-size: 1.33em; font-weight: 500;}


.debate_wrap .board_list .tit a {padding-right: 35px;}
.debate_wrap .board_list .tit a .number {position: absolute; right: 0; top: 2px; color: #0082c8;}
.debate_wrap .view_tit {margin-bottom: 25px; font-size: 1.6em; font-weight: 500;}
.debate_wrap .info_list {margin-bottom: 20px; overflow: hidden; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.debate_wrap .info_list > li {position: relative; float: left; width: 25%; padding: 18px 10px; font-weight: 350; text-align: center;}
.debate_wrap .info_list > li:after {display: inline-block; content:''; position: absolute; right: 0; top: 14px; width: 1px; height: 29px; background-color: #dfdfdf;}
.debate_wrap .info_list > li:last-child:after {display: none;}
.debate_wrap .info_list > li p {display: inline-block; position: relative; padding-left: 60px; text-align: left; -ms-word-break: break-word; word-break: break-word;}
.debate_wrap .info_list > li:last-child p {padding-left: 50px;}
.debate_wrap .info_list > li b {position: absolute; left: 0; top: -2px; font-size: 1.067em; font-weight: 500;}
.debate_wrap .comment_box {margin-top: 40px;}

.restore_wrap .board_list td {opacity: 0.5;}
.restore_wrap .board_list td.check {opacity: 1;}


.target_wrap .abs_bull_list > li {line-height: 1.5; margin-bottom: 15px; color: #404040; font-weight: 350; -ms-word-break: keep-all; word-break: keep-all;}
.target_wrap .abs_bull_list > li:last-child {margin-bottom: 0;}
.target_wrap .list2 {margin-top: 5px;}
.target_wrap .list2 > li {margin-bottom: 5px;}
.target_wrap .list2 > li:last-child {margin-bottom: 0;}

.stats_wrap .state_box {margin: 20px 0;}
.stats_wrap .state_box span {display:inline-block; position: relative; padding-left: 20px; margin-right: 10px;}
.stats_wrap .state_box span:last-child {margin-right: 0;}
.stats_wrap .state_box span:before {display: inline-block; position: absolute; left: 0; top: 1px; content:''; width: 15px; height: 16px;}
.stats_wrap .state_box span.sort1:before {background-color: #e42d1f;}
.stats_wrap .state_box span.sort2:before {background-color: #0082c8;}
.stats_wrap .state_box span.sort3:before {background-color: #47c83e;}
.stats_wrap .sch_box {padding: 35px 20px; background-color: #fafafa;}
.stats_wrap .sch_box .row {display: table; width: 100%; max-width: 629px; margin: 0 auto 12px; table-layout: fixed;}
.stats_wrap .sch_box .row:last-child {margin-bottom: 0;}
.stats_wrap .sch_box .row .square {display: table-cell; width: 32px; vertical-align: middle;}
.stats_wrap .sch_box .row .square:before {display: inline-block; content:''; width: 15px; height: 16px;}
.stats_wrap .sch_box .row .square.red:before {background-color: #e42d1f;}
.stats_wrap .sch_box .row .square.blue:before {background-color: #0082c8;}
.stats_wrap .sch_box .row .slt_box {display: table-cell; padding-right: 10px; vertical-align: middle;}
.stats_wrap .sch_box .row .slt_box select, .stats_wrap .sch_box .row .slt_box input {width: 100%; height: 45px; float: left; padding-left: 10px; margin-right: 1%; border: 1px solid #d7d7d7; background-color: #fff; color: #a5a5a5; font-family: inherit; font-size: 1em; font-weight: 350;}
.stats_wrap .sch_box .row .slt_box select:last-child {/* width: 40%; */ margin-right: 0;}
.stats_wrap .sch_box .row .slt_box:last-child {padding-right: 0;}
.stats_wrap .sch_box .row .btn_box {display: table-cell; width: 180px; vertical-align: middle;}
.stats_wrap .sch_box .row .btn_box a {display: inline-block; float: left; width: calc(50% - 2px); height: 45px; line-height: 43px; margin-right: 4px; color: #fff; font-size: 1.133em; text-align: center;
-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.stats_wrap .sch_box .row .btn_box a:last-child {margin-right: 0;}
.stats_wrap .sch_box .row .btn_box .select_btn {background-color: #0082c8; border: 1px solid #0082c8;}
.stats_wrap .sch_box .row .btn_box .select_btn:hover {background-color: #fff; color: #0082c8;}
.stats_wrap .sch_box .row .btn_box .reset_btn {background-color: #727779; border: 1px solid #727779;}
.stats_wrap .sch_box .row .btn_box .reset_btn:hover {background-color: #fff; color: #727779;}


.upload_wrap iframe {width: 100% !important;}

.loading_box {text-align: center;}
.loading_box i {font-size: 4em;}

.no_result {margin-top: 30px; padding: 70px 0; background-color: #fafafa; text-align: center;}
.no_result i {font-size: 45px;}
.no_result p {margin-top: 10px; font-size: 1.5em; font-weight: 300;}
.no_result p b {font-weight: 500;}