@charset "utf-8";
@import url("font.css");
/* style reset */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-print-color-adjust: exact; -moz-print-color-adjust: exact;}

body {width:100%; overflow-x:hidden; color: #666; font-size: 16px; font-family: 'PretendardGOV'; line-height: 26px;}
a {cursor:pointer; color: #666; font-size: 16px; text-decoration:none;}
em, address, i {font-style:normal}
caption, legend {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;  overflow: hidden; clip: rect(0,0,0,0); border: 0;}
hr {display:none}
select {border-radius:0}
button {cursor:pointer; background:transparent; border:0; vertical-align:middle; font-family: 'ns';}
/*button:focus {outline: none;}*/
pre {white-space:pre-line; word-break:break-all}
img {border:0}
input.txt, .optionbox select, .calenbox .input_type {width: 100%; height: 100%; background-color:#fff; border:0; border-radius:0}
input.txt:focus {outline: 2px solid #005fcc; outline-offset: 1px;}
input.file {padding:0; background:#fff; border:0; border-radius:0}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}
/*input::-ms-clear {display:none}*/
input::-webkit-input-placeholder {color:#999 !important; font-weight: 600;}
input:-moz-placeholder {color:#999 !important; font-weight: 600;}
input::-moz-placeholder {color:#999 !important; font-weight: 600;}
input:-ms-input-placeholder {color:#999 !important; font-weight: 600;}

textarea {overflow-x:hidden; overflow-y:auto; resize:none; background:#fff}
textarea::-webkit-input-placeholder {color:#585959 !important;}
textarea:-moz-placeholder {color:#585959 !important;}
textarea::-moz-placeholder {color:#585959 !important;}
textarea:-ms-input-placeholder {color:#585959 !important;}
img, input, button, select, textarea {vertical-align:middle}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse}

.transparents-layer {display: none;}

.btn {min-width:100px; height:45px; padding: 0 15px; font-family: 'ns'; line-height: 45px; font-family: 'nsB'; display:inline-block; text-align:center;}
.btn2 {min-width:100px; padding: 3px 45px 3px 15px; color: #fff; font-family: 'nsB'; background: url('/images/button_arrow.png') right 20px center no-repeat #2f76c2; border-radius: 3px;}
.btn3 {min-width:70px; height:35px; padding: 0 15px; line-height: 35px; font-size:17px; font-weight:500; margin-left:5px;}
.btn4 {width:45px; height:45px; border: 1px solid #898989; background-position: center center; background-repeat: no-repeat; font-size: 0; text-indent: -999px;}
.btn5 {min-width:65px; height:25px; padding: 0 10px; line-height: 25px; font-size: 13px; font-family: 'nsB';}
.btn6 {min-width:150px; height:40px; margin:2px 1px; line-height:40px; border-radius: 5px; display:inline-block; text-align:center; font-family:inherit; background:#fff; color:#064298; border: 2px solid #064298;} 
.btn6:hover {background:#064298; color:#fff;}
.btn_search {width: 68px; height: 35px; color: #fff; font-size: 15px; background: #2a88d1;}
.btn_list {min-width: 70px; height: 35px; color: #444; font-family: 'nsB'; border: 1px solid #c2c2c2;}
.btn_link {color: #fff; padding: 0 46px 0 20px; background: url('/images/icon_link2.png') right 20px center no-repeat #2a88d1;}
.btn_white {color: #666; background: #fff; border: 1px solid #717171;}
.btn_white2 {color: #2a88d1; background: #fff; border: 1px solid #2a88d1;}
.btn_gray {color: #fff; background: #848484;}
.btn_gray2 {color: #fff; background: #717171;}
.btn_blue {color: #fff; background: #2a88d1;}
.btn_green {color: #fff; background: #2d894e;}
.btn_red {color: #fff; background: #bf2f2f;}
.btn_prev {background-image: url('/images/arrow_pre3.png');}
.btn_next {background-image: url('/images/arrow_next3.png');}


.f_w {font-weight: 600 !important;}
.f_w400 {font-weight: 400 !important;}
.p_r {position: relative !important;}

.ab_r3 {position: absolute; right: 0;}
.d_block {display: block;}
.d_inblock {display: inline-block;}
.d_none {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.d_table {display: table;}
.d_cell {display: table-cell; vertical-align: middle}

.color_r {color: #f54c4c !important;}
.color_b {color: #2a88d0 !important;}
.color_o {color: #ee5a12 !important;}
.color_o2 {color: #fda100 !important;}
.bg_blue {background: #3079d4;}
.bg_green {background: #51ab38;}
.bg_red {background: #da3034;}
.bg_gray {background: #959595;}
.bg_mint {background: #00ADAA;}

.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mb2 {margin-bottom:2px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt33 {padding-top:33px !important}
.pt40 {padding-top:40px !important}
.pb10 {padding-bottom:10px !important}
.pb40 {padding-bottom:40px !important}
.w80 {width: 80px !important}
.w100 {width: 100px !important}
.w200 {width: 200px !important}
.w300 {width: 300px !important}
.w350 {width: 350px !important}
.w400 {width: 400px !important}
.w500 {width: 500px !important}
.w600 {width: 600px !important}
.w_25 {width: 25% !important}
.w_30 {width: 30% !important}
.w_35 {width: 35% !important}
.w_100 {width: 100% !important}
.h100 {height: 100px !important}

.al {text-align: left !important;}
.ac {text-align: center!important;}
.ar {text-align: right!important;}

.cl_bo {clear: both !important;}
.f_l {float: left !important;}
.f_r {float: right !important;}
.over_h {overflow: hidden !important;}
.wb_keep {word-break: keep-all !important;}

.vb{vertical-align:bottom!important;}

dl.skipnavi {position:relative;z-index: 500;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

.introAct {text-align: center; font-weight: bold; font-size: 15px; }

/*서브*/

.nav_menu {position: relative; height: 45px; border-bottom: 1px solid #d8d8d8; background: #fff;}
.nav_menu .list {width: 1240px; margin: 0 auto;}
.nav_menu .list > li {float: left; border-right: 1px solid #d8d8d8;}
.nav_menu .list > li:first-child {border-left: 1px solid #d8d8d8;}
.nav_menu .list > li a {display: block; padding: 13px 10px; line-height: 18px; word-break: keep-all;}
.nav_menu .list li .dropdown button {padding: 0 15px; line-height: 45px; color: #000;}
.nav_menu .list li .dropdown button span {padding-right: 25px;background: url('/images/nav_arrow.png') right center no-repeat;}
.nav_menu .nav_slide {position: relative; display: none; padding: 0 20px;}
.nav_menu .nav_slide li {}
.nav_menu .nav_slide li a {display: block; text-align: center; height: 60px; line-height: 60px; font-size: 12px; font-family: 'ns';}
.nav_menu .nav_slide li a span.on {padding: 5px 12px; color: #fff; background: #2a88d1; border-radius: 20px;}
.nav_menu .nav_slide .slick-arrow {position: absolute; top: 50%; width: 7px; height: 12px; transform: translateY(-50%); background-position: 0 0; background-repeat: no-repeat; font-size: 0; text-indent: -999px;background-size: 100%;}
.nav_menu .nav_slide .slick-prev {left: 10px; background-image: url('/images/arrow_nav_prev.png');}
.nav_menu .nav_slide .slick-next {right: 10px; background-image: url('/images/arrow_nav_next.png');}
.top_bar_fix{z-index: 1000; position:fixed; top:0; left:0; width:100%;}

.sub_contents {width: 100%;position: relative; overflow: hidden;}
.sub_contents .nav_box {width: 100%; height: 40px; margin-bottom: 50px; background: #fafafa; border-bottom: 1px solid #e5e5e5;}
.sub_contents .nav_box .nav {width: 1150px; margin: 0 auto; line-height: 40px; text-align: right;}
.sub_contents .nav_box .nav * {font-size: 14px;}
.sub_contents .nav_box .nav img {padding: 0 15px;}
/* .contentsarea { min-height: 500px; padding:30px 0; overflow-x:visible} */
.contentsarea { min-height: 500px; padding:30px 0; overflow-x:visible}
/*
.contentsarea.type2 {width:1150px; margin:0px auto;}
.contentsarea.type3 {width:1150px; margin:0px auto; padding: 0 0 30px }
*/
.contentsarea.type2 {max-width: 1150px; margin: 0px auto; width: calc(100% - 20px);}
.contentsarea.type3 {max-width: 1150px; margin: 0px auto; width: calc(100% - 20px); padding: 0 0 30px }
.contentsarea.registerform {margin: 50px auto;}

/*서브공통*/
.contents_title {display: none; text-align: center; margin-top: 35px; margin-bottom: 35px;}
#contents-5b09943ef58640828e3b3038c9152939 .contents_title,
#contents-bd297becb7024400a04e7daca2e40c42 .contents_title,
#contents-1de8feff76f34e1ca1806751cb5be105 .contents_title,
#contents-5b6ae34a94304e60ad9a007cad787ea6 .contents_title,
#contents-8509304f092e4a44b731176fc462c8f2 .contents_title,
#contents-d38db77cf0314bd5a5181f8cd8fc1908 .contents_title,
#contents-bc68adee2b3444af9b210a5f65735fa3 .contents_title,
#contents-c00759b0f6a34b9caa2065c3c3cab63c .contents_title,
#contents-e66d18fad59243d8bd71afc6bdacd011 .contents_title { display:block; }

.contents_title h2 {color: #333; font-size: 35px; line-height:35px;}
.contents_title h4 {display: inline-block; padding: 10px 0; margin-top: 15px; font-size: 13px; line-height: 20px; border-top: 1px solid #dedede;}
h3.h3 {position: relative; display: block; color: #000; font-size: 22px; padding-left: 24px; margin-bottom: 30px; background: url('/images/icon_h3.png') 0 4px no-repeat;}
h4.h4 {padding-left: 15px; margin-bottom: 20px; color: #000; font-size: 18px; background: url('/images/icon_h4.png') 0 6px no-repeat;}
h5.h5 {padding-left: 10px; color: #000; font-size: 15px; background: url('/images/icon_h5.png') 0 8px no-repeat;}
.list_type {overflow: hidden; padding-left: 5px;}
.list_type li {padding-left: 14px; background: url('/images/icon_dot.png') 0 10px no-repeat;}
.list_type li span {color: #000; font-weight: 600;}
.list_type2 {overflow: hidden;}
.list_type2 > li {padding-left: 12px; line-height: 28px; background: url('/images/icon_dot3.png') 0 10px no-repeat; word-break:keep-all;}
.list_type2 > li .bold {color: #444; font-weight: 600;}
a.link {color: #0f6fb9; font-weight: 600;}
.box_type {padding: 20px; background: #f8f8f8;}
.text_type {font-size: 13px; line-height: 20px;}

#load {position: fixed; z-index: 120; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.2);}
.lds-css {position: fixed; z-index:125; left: 50%; top: 50%; margin-top: -25px; margin-left:-25px;}
.lds-spin {
  position: relative;
}
.lds-spin div > div {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #3066aa;
  -webkit-animation: lds-spin 0.8s linear infinite;
  animation: lds-spin 0.8s linear infinite;
}
.lds-spin div:nth-child(1) > div {
  left: 152px;
  top: 82px;
  -webkit-animation-delay: -0.685714285714286s;
  animation-delay: -0.685714285714286s;
}
.lds-spin > div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 170px 100px;
  transform-origin: 170px 100px;
}
.lds-spin div:nth-child(2) > div {
  left: 125.64428614000002px;
  top: 136.72820374px;
  -webkit-animation-delay: -0.571428571428571s;
  animation-delay: -0.571428571428571s;
}
.lds-spin > div:nth-child(2) {
  -webkit-transform: rotate(51.42857142857143deg);
  transform: rotate(51.42857142857143deg);
  -webkit-transform-origin: 143.64428614000002px 154.72820374px;
  transform-origin: 143.64428614000002px 154.72820374px;
}
.lds-spin div:nth-child(3) > div {
  left: 66.42353462px;
  top: 150.24495384px;
  -webkit-animation-delay: -0.457142857142857s;
  animation-delay: -0.457142857142857s;
}
.lds-spin > div:nth-child(3) {
  -webkit-transform: rotate(102.85714285714286deg);
  transform: rotate(102.85714285714286deg);
  -webkit-transform-origin: 84.42353462px 168.24495384px;
  transform-origin: 84.42353462px 168.24495384px;
}
.lds-spin div:nth-child(4) > div {
  left: 18.932179240000004px;
  top: 112.37186173px;
  -webkit-animation-delay: -0.342857142857143s;
  animation-delay: -0.342857142857143s;
}
.lds-spin > div:nth-child(4) {
  -webkit-transform: rotate(154.28571428571428deg);
  transform: rotate(154.28571428571428deg);
  -webkit-transform-origin: 36.93217924px 130.37186173px;
  transform-origin: 36.93217924px 130.37186173px;
}
.lds-spin div:nth-child(5) > div {
  left: 18.932179240000004px;
  top: 51.628138269999994px;
  -webkit-animation-delay: -0.228571428571429s;
  animation-delay: -0.228571428571429s;
}
.lds-spin > div:nth-child(5) {
  -webkit-transform: rotate(205.71428571428572deg);
  transform: rotate(205.71428571428572deg);
  -webkit-transform-origin: 36.93217924px 69.62813827px;
  transform-origin: 36.93217924px 69.62813827px;
}
.lds-spin div:nth-child(6) > div {
  left: 66.42353462px;
  top: 13.755046160000006px;
  -webkit-animation-delay: -0.114285714285714s;
  animation-delay: -0.114285714285714s;
}
.lds-spin > div:nth-child(6) {
  -webkit-transform: rotate(257.14285714285717deg);
  transform: rotate(257.14285714285717deg);
  -webkit-transform-origin: 84.42353462px 31.755046160000006px;
  transform-origin: 84.42353462px 31.755046160000006px;
}
.lds-spin div:nth-child(7) > div {
  left: 125.64428614000002px;
  top: 27.271796260000002px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spin > div:nth-child(7) {
  -webkit-transform: rotate(308.57142857142856deg);
  transform: rotate(308.57142857142856deg);
  -webkit-transform-origin: 143.64428614000002px 45.27179626px;
  transform-origin: 143.64428614000002px 45.27179626px;
}
.lds-spin div:nth-child(8) > div {
  left: 152px;
  top: 82px;
  -webkit-animation-delay: 0.114285714285714s;
  animation-delay: 0.114285714285714s;
}
.lds-spin > div:nth-child(8) {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-origin: 170px 100px;
  transform-origin: 170px 100px;
}
.lds-spin {
  width: 50px !important;
  height: 50px !important;
  -webkit-transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
  transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
}
/*탭메뉴*/
.tab_box {position: relative; width: 100%; display: block; overflow: hidden; background: url('/images/line_tab.png') 0 56px repeat-x;}
.tab_box .tab_list {position: relative; display: block; overflow: hidden; margin: 0 auto; padding: 0;}
.tab_box .tab_list > li {display: block;}
.tab_box .tab_list > li > a {position: absolute; padding: 15px 25px; top: -2px; font-size: 22px; font-weight: 600;width:19%;text-align:center;}
.tab_box .tab_list > li.active > a, .tab_box .tab_list > li > a:hover {color: #2a88d1; border-bottom: 3px solid #2a88d1;}
.tab_box .tab_list > li .tab-content {margin-top: 80px;}
.tab_box .tab_list > li .tab-content.type2 {margin-top: 87px;}
.tab_box .tab_list > li .tab-content .tab-pane {display: none;}
.tab_box .tab_list > li.active .tab-content .tab-pane {display: block;}

.content_tab_box {position: relative; overflow: visible; background: url('/images/line_tab.png') 0 59px repeat-x; margin-top: -120px;     height: 60px;}
.content_tab_box .tab_list { min-height:60px; }
.content_tab_box .tab_list > li > a {position: absolute; display: block; left: 0; top: 0; padding: 15px 0; color: #999; font-size: 22px; font-weight: 600; text-align: center;}
.content_tab_box .tab_list > li.active > a {color: #2a88d1; border-bottom: 4px solid #2a88d1;}
.content_tab_box.tab2 .tab_list > li > a {width: 50%;}
.content_tab_box.tab2 .tab_list > li:nth-child(2) > a {left: 50%;}
.content_tab_box.tab3 .tab_list > li > a {width: 33.33%;}
.content_tab_box.tab3 .tab_list > li:nth-child(2) > a {left: 33.33%;}
.content_tab_box.tab3 .tab_list > li:nth-child(3) > a {left: 66.66%;}
.content_tab_box .tab_list li .tab-pane {display: none; margin-top: 120px;}
.content_tab_box .tab_list li.active .tab-pane {display: block;}

.forum_box .tab_box .tab_list {width: 960px;}
.forum_box .tab_box .tab_list > li > a.title1 {left: 0;}
.forum_box .tab_box .tab_list > li > a.title2 {left: 24%;}
.forum_box .tab_box .tab_list > li > a.title3 {left: 48%;}
.forum_box .tab_box .tab_list > li > a.title4 {left: 72%;}

.content_tab_box .tab_list > li .btn_tool .arrow_box {top:-105px!important;}

.membership_box .tab_box {background: none}
.membership_box .tab_box .tab_list {width: 100%;}
.membership_box .tab_box .tab_list > li > a {top: 0; padding: 28px 0; width: 50%; text-align: center; font-weight: 400; font-size: 18px; border-top: 1px solid #d7d7d7; border-bottom: 3px solid #2a88d1;}
.membership_box .tab_box .tab_list > li > a.title1 {left: 0; border-left: 1px solid #d7d7d7;}
.membership_box .tab_box .tab_list > li > a.title2 {left: 50%; border-right: 1px solid #d7d7d7;}
.membership_box .tab_box .tab_list > li.active > a {font-weight: 600; border: 3px solid #2a88d1; border-bottom: 0;}
.membership_box .tab_box .tab_list > li.active > a.title1 {left: 0;}
.membership_box .tab_box .tab_list > li.active > a.title2 {left: 50%;}
.membership_box .tab_box .tab_list > li .tab-content {margin-top: 155px;}

.archive_box .tab_box {width: 100%; text-align: center;}
.archive_box .tab_box .tab_list {overflow: hidden; display: inline-block; width: auto; margin: 0 auto;}
.archive_box .tab_box .tab_list_m {display: none;}
.archive_box .tab_box .tab_list > li {float: left;padding: 0 20px;}
.archive_box .tab_box .tab_list > li > a {position: relative; display: block; left: 0;}
.archive_box .tab_box .tab_list.tab_list_box2 {display: block;}
.archive_box .tab_box .tab_list.tab_list_box2 > li {width: 50%; padding: 0;}
.archive_box .tab_box .tab_list.tab_list_box2 > li a {font-size: 18px;}
.tab_box .tab_list.tab_list_box2 > li.active > a, .tab_box .tab_list.tab_list_box2 > li > a:hover {color: #29b1a5; border-bottom: 3px solid #29b1a5;}


.tab-list { position:relative; height:60px; margin-bottom:40px; border-bottom:1px solid #ddd; }
.tab-list > li { float:left; width:50%; position:relative; height:60px; }
.tab-list > li > a {position: absolute; display: block; left: 0; top: 0; right:0; padding: 15px 0; color: #666; font-size: 22px; font-weight: 600; text-align: center;}
.tab-list > li.active > a {color: #2a88d1; border-bottom: 4px solid #2a88d1;}

.tab-list2 { position:relative; height:60px; margin-bottom:40px; border-bottom:1px solid #ddd; }
.tab-list2 > li { float:left; width:33.3333%; position:relative; height:60px; }
.tab-list2 > li > a {position: absolute; display: block; left: 0; top: 0; right:0; padding: 15px 0; color: #666; font-size: 22px; font-weight: 600; text-align: center;}
.tab-list2 > li.active > a {color: #2a88d1; border-bottom: 4px solid #2a88d1;}

.tab-list3 { position:relative; height:60px; margin-bottom:40px; border-bottom:1px solid #ddd; }
.tab-list3 > li { float:left; width:25%; position:relative; height:60px; }
.tab-list3 > li > a {position: absolute; display: block; left: 0; top: 0; right:0; padding: 15px 0; color: #666; font-size: 22px; font-weight: 600; text-align: center;}
.tab-list3 > li.active > a {color: #2a88d1; border-bottom: 4px solid #2a88d1;}

.archive_box .board_detail {width: 100%; margin: 0 auto;}
.archive_box .archive_list {width: 1240px; margin: 0 auto;}
.movie_box {overflow: hidden}
.movie_box > ul {overflow: hidden;}
.movie_box > ul > li {float: left; height: 500px;}
.movie_box li.movie {width: 900px;}
.movie_box li.movie iframe {width: 100%; height: 100%;}
.movie_box li.list {width: calc(100% - 900px);}
.movie_box li.list {background: #222;}
.movie_box li.list h3 { padding: 0 20px; color: #fff; height: 50px; line-height: 50px;}
.movie_box li.list .play_list {overflow-y: auto; height: 450px; padding: 20px; border-top: 1px solid #777;}
.movie_box li.list .play_list li {margin-bottom: 15px;}
.movie_box li.list .play_list li a {overflow: hidden; display: block; }
.movie_box li.list .play_list li a > div {float: left;}
.movie_box li.list .play_list li a > div.img {position: relative; width: 70px; height: 45px;}
.movie_box li.list .play_list li a > div.img img, .movie_box img {max-width: 100%; width: auto; min-height: 45px;}
.movie_box li.list .play_list li.active a > div.img:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #ff0000; background: url('/images/icon_play2.png') center center no-repeat;}
.movie_box li.list .play_list li a > div.text {padding-left: 10px; width: calc(100% - 70px); white-space: inherit; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 22px; max-height: 44px;}
.movie_box .movie_text {position: relative; padding: 30px; color: #333; border: 1px solid #ccc;}
.movie_box .movie_text h3 {font-size: 22px; margin-bottom: 10px;}
.movie_box .movie_text .play {position: absolute; right: 30px; bottom: 30px; padding-left: 30px; line-height: 21px; background: url('/images/icon_play3.png') 0 0 no-repeat;}
.board_detail dl .play {padding-left: 35px; text-align: left; background: url('/images/icon_play3.png') 10px center no-repeat;}
.board_detail .data_list li > dl > dd .title {display: block; font-size: 18px; color: #000; padding-right: 40px;}
.board_detail .data_list li .name_box {right: 20px; top: 16px;}

/*소개*/
.introduce_box {text-align: center;}
.introduce_box h4 {font-size: 18px; margin-bottom: 20px;}
.introduce_box img {display: inline-block; max-width: 100%;}
/*소개*/
.info_box img {display: inline-block; max-width: 100%;}
.info_box p {margin-bottom: 20px;}
.info_box .point {font-size: 20px; margin-bottom: 50px;}
.info_box .line {padding: 0 5px;}
.info_box .slogan {overflow: hidden;}
.info_box .slogan li {float:left; width:33.3%; padding: 0 10px; text-align: center; border-right:1px solid #b7b7b7;}
.info_box .slogan li:last-child {border-right:0;}
.info_box .slogan .btn{padding:0; min-width:220px;}
.info_box .slogan .btn_wrap{padding: 50px 0 0;}

/*공공서비스디자인*/
.table_search_area {display: flex;justify-content: space-between; align-items: center;}
.tab_list_02{display:flex; justify-content: space-around; border-bottom:1px solid #ddd; padding:15px 0; margin-bottom: 25px;}
.tab_list_02 li {width:25%; text-align:center;}
.tab_list_02 li a{font-size:20px;font-weight: 600; text-align: center; color: #999; padding: 15px 0;}
.tab_list_02 li.active > a {color: #2a88d1; border-bottom: 4px solid #2a88d1;}

.label_wrap{display:flex; justify-content: flex-start;flex-wrap: wrap;}
.label_wrap label{width:auto !important;}

/*열린소통포럼*/
.forum_wrap2{overflow:hidden; width:100%;}
.forum_tit2{width:100%;}
.forum_wrap2 .forum_box{width:50%; float:left;}

.forum_box .select_forum {position: relative; width: 960px; min-width: 960px; margin: 0 auto;}
.forum_box .select_forum select.year {z-index: 100; position: absolute;  padding: 0 50px 0 20px; width: 125px; height: 55px; color: #666; font-size: 14px; border: 0; border-right: 1px solid #c1c1c1; background: url('/images/arrow_select4.png') right 20px center no-repeat;}
.forum_box .select_forum select.year option:checked, .forum_box .select_forum select.year option:hover {color: #444; background: #f3f3f3;}
.forum_box .select_forum .info {position: absolute; left: 151px; top: 17px; width: 70px; height: 30px; color: #fff; font-size: 15px; text-align: center; line-height: 30px; font-family: 'ns'; border-radius: 30px;}
.forum_box .select_forum .info.ing {background: #e30c0c;}
.forum_box .select_forum .info.end {background: #6e7787;}
.forum_box .select_forum .info.schedule {background: #ffa507;}
.forum_box .select_forum .dropdown {width: 100% !important; height: 55px; border: 1px solid #b2b1b1; box-shadow: 1px 1px 1px #ccc;}
.forum_box .select_forum .dropdown button { width: 100%; height: 100%; font-size: 20px; font-weight: 600; text-align: left; background-image: url('/images/arrow_select_down.png'); background-position: right 20px center; background-repeat: no-repeat;}
.forum_box .select_forum .dropdown button span {display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.forum_box .select_forum .dropdown.open button {background-image: url('/images/arrow_select_up.png');}
.forum_box .select_forum .dropdown button .dropdown-label {padding: 0 60px 0 24%;}
.forum_box .select_forum .dropdown .dropdown-menu {top: 54px; background: #444c53; }
.forum_box .select_forum .dropdown .dropdown-menu li {border-bottom: 1px solid #33393e; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.12);}
.forum_box .select_forum .dropdown .dropdown-menu li a {display: block; padding: 10px 30px; color: #fff;}
.forum_box .select_forum .dropdown .dropdown-menu li a:focus, .forum_box .select_forum .dropdown .dropdown-menu li a:hover {background: #444c53;}
.forum_box .select_forum h3 {padding: 0px; color: #065396; font-size: 23px; width: 100%; margin: 0 !important; clear: both !important;}
.forum_box .select_forum .share {padding: 10px 0;float: right !important; background: url(/images/front/share3.png) right 6px no-repeat;background-size: 13px; background-origin:content-box;}
.forum_box .select_forum .share a:hover {color: #666;}
.forum_box .movie_box {margin-bottom: 10px; background: #f3f3f3;}
.forum_box .movie_box > div {position: relative; overflow: hidden; width: 960px; height: auto; margin: 0 auto; border: 1px solid #c3c3c3; background-color: #fff; background-image: url('/images/bg_movie1.png'); background-position: 0 0; background-repeat: repeat-x;}
.forum_box .movie_box .youtubeWrap {position: relative; width: 100%; height: auto;}
.forum_box .movie_box .type2 .youtubeWrap {float: left; width: 720px;}
.forum_box .movie_box .youtubeWrap button {position: absolute; left: 0; height: 100%; width: 100%; background: url('/images/icon_play.png') center center no-repeat rgba(0, 0, 0, 0.7); }
.forum_box .movie_box .youtubeWrap img {width: 100%;}
.forum_box .movie_box > div .movie_list {display: none; float: left; width: calc(100% - 720px); height: 405px; overflow-y: auto; background: #fff; border-left: 1px solid #c3c3c3;}
.forum_box .movie_box > .type2 .movie_list {display: block;}
.forum_box .movie_box > div .movie_list li {overflow: hidden; border-bottom: 1px solid #c3c3c3;}
.forum_box .movie_box > div .movie_list li a {display: block; padding: 10px; font-size: 12px; line-height: 18px; text-align: left;}
.forum_box .movie_box > div .movie_list li.on a, .forum_box .movie_box > div .movie_list li:hover a {color: #333; font-weight: 600; background: #e4e7eb;}
.forum_box .movie_box .movie_layer {z-index: 900; display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 50%; margin-top: -75px; padding: 15px; width: 300px; height: 150px; text-align: center; background: #fff; border: 5px solid #b8b8b8;}
.forum_box .movie_box .movie_layer .inpbox {margin: 5px 0 10px; width: 100%; height: 35px; border: 1px solid #b8b8b8;}
.forum_box .movie_box .movie_layer .inpbox input.txt {padding: 0 10px}

/*개요*/
.forum_box .summary_box {padding-top: 0px;}
.forum_box .summary_box img { max-width:100%; }
.forum_box .share_box {display: block; text-align: right; margin-top: 20px; padding-top: 20px; border-top: 1px solid #c2c2c2;}
.forum_box .share_box .btn_list {float: left;}
.forum_box .share_box > ul {position: relative; display: inline-block;}
.forum_box .share_box > ul > li {float: left; margin-left: 10px;}
.forum_box .share_box > ul > li > button {width: 35px; height: 35px; border-radius: 35px; border: 1px solid #e4e4e4; font-size: 0; text-indent: -999px; background-position: center center; background-repeat: no-repeat;}
.forum_box .share_box > ul > li .btn_empathy {width: 35px;}
.forum_box .share_box > ul > li .btn_empathy input[type=checkbox] + label {width: 35px; font-size: 0; padding: 0; text-indent: -999px;}
.forum_box .share_box > ul > li .btn_empathy input[type=checkbox] + label:before {position: relative; width: 35px; height: 35px; border-radius: 35px; border: 1px solid #e4e4e4; background-image: url('/images/icon_empathy_off.png'); background-position: center center;}
.forum_box .share_box > ul > li .btn_empathy input[type=checkbox]:checked + label:before {background-image: url('/images/icon_empathy_on.png');}
.forum_box .share_box > ul > li .btn_empathy.favicon input[type=checkbox] + label:before {background-image: url('/images/icon_favicon_off.png');}
.forum_box .share_box > ul > li .btn_empathy.favicon input[type=checkbox]:checked + label:before {background-image: url('/images/icon_favicon_on.png');}

.forum_box .share_box > ul > li > button.btn_share {background-image: url('/images/icon_share.png');}

/*181219 수정 및 추가*/
.forum_box .share_box > ul > li > .sns_box {display: none; overflow: hidden; position: absolute; right: 0; top: -50px; padding:0 5px !important; height:inherit; width:228px; border: 1px solid #e4e4e4; border-radius: 30px; background: #fff;}
.forum_box .share_box > ul > li > .sns_box li {float: left;padding: 5px;}
.forum_box .share_box > ul > li > .sns_box li button{width:32px; height:32px;}
.forum_box .share_box > ul > li > .sns_box li .print {background-image: url('/images/icon_print.png');}
.forum_box .share_box > ul > li > .sns_box li .link {background-image: url('/images/icon_link.png'); display:block; position:inherit;}
.forum_box .share_box > ul > li > .sns_box li .print,
 .forum_box .share_box > ul > li > .sns_box li .link {width:32px; height:32px; border:1px solid #e2e2e2; border-radius:32px; background-position:center center; background-repeat:no-repeat; bottom:6px;}

.forum_box .btn_box {display: block; text-align: center;}
.forum_box .btn_box2 {position: absolute; top: 75px; right: 0;}
.forum_box .btn_box button {width: 300px; height: 45px; color: #fff; font-size: 22px; font-family: 'ns'; background: #2a88d1;}
.forum_box .btn_box2 button {width: 200px; height: 45px; color: #fff; font-size: 22px; font-family: 'ns'; background: #2a88d1;}
.forum_box .btn_box button.end {background: #7d7d7d;}

/*토론*/
.comment-content-wrap { padding-top: 0px; font-size: 14px; padding-bottom: 0px; border-bottom: 1px solid #ccc; margin: 20px 0; }
.comment-content-wrap img { max-width:100%; margin-bottom:10px; }

.discussion_list {/*padding: 30px 20px 0 0; max-height: 550px; overflow-y: scroll;*/padding:0;}
.discussion_list .comment {
        margin: 30px 0;
}
.discussion_list > li {margin-bottom: 20px;}
.discussion_list li .discussion_box .name {color: #404040; font-size: 14px; font-family: 'ns';}
.discussion_list li .discussion_box .text {font-size: 18px;}
.discussion_list li .discussion_box .text li {overflow: hidden; margin-top: 10px;}
.discussion_list li .discussion_box .text li:first-child {margin-top: 0;}
.discussion_list li .discussion_box .text li .btn_empathy.on {color: #db565b; background-image: url('/images/icon_empathy_on2.png');}
.discussion_list li .discussion_box .date {color: #777; font-size: 12px; padding-left: 10px;}
.speech_bubble {position: relative; float: left; max-width: calc(100% - 70px);}
.discussion_list li.right .discussion_box {text-align: right;}
.discussion_list li.right .discussion_box .text li .btn_empathy {text-align: right; margin-right: 10px; }
.discussion_list li.left .discussion_box .text li .btn_empathy {margin-left: 10px;}
.discussion_list li.right .discussion_box .date {color: #777; font-size: 12px; text-align: right; padding-right: 10px;}
.discussion_write {position: relative; overflow: hidden; margin-top: 10px;}
.discussion_write .inpbox {overflow: hidden; float: left; height: 37px; border: 1px solid #dbdbdb; border-radius: 40px;}
.discussion_write .inpbox.nickname {display: none; width: 190px; margin-right: 10px;}
.discussion_write .inpbox.write {width: 100%;}
.discussion_write .inpbox input {padding: 0 50px 0 20px; ime-mode:active;}
.discussion_write button {position: absolute; right: 3px; top: 3px; width: 31px; height: 31px; border-radius: 31px; border: 2px solid #2c89d1; background: url('/images/icon_write2.png') center center no-repeat;}
.speech_bubble .bg {position: absolute; top: 0; height: 8px; background-position: 0 0; background-repeat: no-repeat;}
.speech_bubble .text {display: block; padding: 10px 20px; font-size: 18px;}
.speech_bubble.type1 {padding-right: 7px; float: right;}
.speech_bubble.type1 .bg {right: 0; width: 7px; background-image: url('/images/bg_speech_bubble2.png');}
.speech_bubble.type1 .text {color: #000; background: #b0dbfd; border-radius: 10px 0 10px 10px;}
.speech_bubble.type2 {padding-left: 7px;}
.speech_bubble.type2 .bg {left: 0; width: 7px; background-image: url('/images/bg_speech_bubble.png');}
.speech_bubble.type2 .text {color: #444; background: #f3f3f3; border-radius: 0 10px 10px 10px;}
.speech_bubble.type3 {margin-top: 10px; padding-left: 7px; max-width: 100%; width: 100%; }
.speech_bubble.type3 .bg {z-index: 100; left: 0; width: 8px; background-image: url('/images/bg_speech_bubble3.png');}
.speech_bubble.type3 > a {display: block; padding: 15px 20px; width: 100%; background: #f3f3f3; border: 1px solid #e1e1e1; border-radius: 0 10px 10px 10px;}
/*타임라인*/
.data_list li > dl > dd.type2 {}
.data_list li > dl > dd.type2 .title {padding-right: 20px;}
.data_list li > dl > dd.type2 .name_box {right: 10px;}

/*자료실*/
.forum_box .data_list {overflow-y: scroll; padding:0px; max-height: 550px; }
.data_list li {padding: 15px 0; margin-top: 10px; border: 1px solid #c2c2c2;}
.data_list li.official_line {border: 1px solid #2a88d1;}
.data_list li > dl {display:flex; flex-wrap: nowrap; align-items: center;}
.data_list li > dl > dt {width: 10%; max-width:55px;  color: #555; font-size: 14px; text-align: center; border-right: 1px solid #c2c2c2; }
.data_list li > dl > dt .d_table {width: 100%; height: 100%;}
.data_list li > dl > .dd1 {width: 80%; font-size: 18px; font-weight: 600; font-family: 'ns'; display: flex; align-items: center; margin-left: 20px;}
.data_list li > dl > .dd1 .title {display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; padding-right:0;}
.data_list li > dl > .dd1 .title span {padding: 5px 10px; margin-right: 10px; color: #fff; font-size: 13px; background: #ef8803; border-radius: 30px;}
.data_list li > dl > .dd2 {width: auto; font-size: 18px; font-weight: 600; font-family: 'ns'; }
.data_list li .name_box {text-align: center; font-family: 'ns'; margin: 0; display: flex; align-items: center; flex-direction: column;}
.data_list li .name_box .name {color: #555; font-weight: 600; line-height: 20px;}
.data_list li.official_line .name_box .name {padding-left: 23px; background: url('/images/icon_name.png') 6px 3px no-repeat;}
.data_list li .name_box .date {color: #999; font-size: 14px;}
.data_list li button {width: 38px; height: 38px; border-radius: 38px; border: 1px solid #c3c3c3; background: url('/images/icon_download.png') center center no-repeat;}

/*열린소통포럼 목록*/
.forum_box .data_list.list {overflow-y: inherit; padding: 0; max-height: 100%; width: 960px; margin: 0 auto;}
.forum_box .data_list.list li > dl > dd .title {width: 100%; padding-right: 20px;}
.forum_box .data_list.list li > dl > dd .title span {padding: 0; margin-right: 20px; color: #555; font-size: 16px; background: #fff; border-radius: 0;}
.forum_box .data_list.list li .name_box {position: absolute; right: 20px; top: 16px; text-align: center; font-family: 'ns';}
.forum_box .data_list.list li .name_box .name {color: #555; font-weight: 600; line-height: 20px;}
.forum_box .data_list.list li .name_box .date {color: #999; font-size: 14px; font-weight: 400;}

/*좋아요 공통*/
.btn_empathy {position: relative; display: inline-block; width: auto; font-size: 12px;}
.btn_empathy input[type=checkbox] {display: none !important;}
.btn_empathy input[type=checkbox] + label{cursor: pointer; position: relative; padding-left: 20px; font-size: 13px; line-height: 13px; color: #aaacaf;}
.btn_empathy input[type=checkbox] + label span {}
.btn_empathy input[type=checkbox] + label:before {content: ""; display: inline-block; width: 14px; height: 12px; position: absolute; left: 0; bottom: 1px; background-image: url('/images/icon_empathy_off2.png'); background-position: left 0 top 0; background-repeat: no-repeat;}
.btn_empathy input[type=checkbox]:checked + label:before {content: "";color: #db565b; background-image: url('/images/icon_empathy_on2.png');}
.btn_empathy input[type=checkbox]:checked + label span {color: #db565b;}

.total_detail .tab_box {position: relative; width: 100%;display: block; overflow: hidden;}
.total_detail .tab_box > li > a {position: absolute; width: 80px; height: 32px; top: 0; color: #0362b8; line-height: 30px; text-align: center; border: 1px solid #3984cc;}
.total_detail .tab_box > li.active > a {position: relative; z-index: 10; color: #fff; font-weight: 600; background: #3984cc;}
.total_detail .tab_box > li > a.title1 {left: 0px;}
.total_detail .tab_box > li > a.title2 {left: 79px;}
.total_detail .tab_box > li > a.title3 {left: 158px;}
.total_detail .tab_box > li.active .tab-content {margin-top: 42px; height: 98px;}
.total_detail .tab_box > li .tab-content .tab-pane {display: none;}
.total_detail .tab_box > li.active .tab-content .tab-pane {display: block;}

/*공간신청*/
.space_room_box {overflow: hidden; width: 1150px; margin: 0 auto;}
.space_room_box > ul {overflow: hidden; max-height: 920px; display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.space_room_box > ul > li {position: relative; float: left; overflow: hidden; }
.space_room_box > ul > li:nth-child(1) {width: calc(100% - 340px);}
.space_room_box > ul > li:nth-child(2) {width: 320px; margin-left: 20px; padding-bottom: 55px;}
.today_schedule {position: relative;}
.today_schedule .month {position: relative; padding: 30px 0; display:flex; align-items:center; justify-content:center; gap: 10px }
.today_schedule .month > button { top: 30px;width: 30px; height: 30px; background-color: #fff; background-repeat: no-repeat; background-position: center center }
.today_schedule .month .btn_prev {left: 30%; background-image: url('/images/arrow_pre2.png'); }
.today_schedule .month .btn_prev span {text-indent: -99999px; font-size: 0;}
.today_schedule .month .btn_next {right: 30%; background-image: url('/images/arrow_next2.png');}
.today_schedule .month .btn_next span {text-indent: -99999px; font-size: 0;}
.today_schedule .month h3 { color: #444; font-size: 17px; text-align: center; font-weight: 600; display:flex; align-items:center }
.today_schedule .month h3 select { height: 28px; padding: 0 30px 0 6px; line-height: 1.4; text-align:right }
.today_schedule table.tbl_cal {width: 100%; table-layout: fixed; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}
.today_schedule table.tbl_cal th {height: 46px; font-size: 18px; vertical-align: middle; text-align: center; background: #fff; border-bottom: 1px solid #dcdcdc;}
.today_schedule table.tbl_cal th.sat {border-right: 1px solid #dcdcdc;}
.today_schedule table.tbl_cal th.sat, .today_schedule table td.sat a {color: #0f6fb9 }
.today_schedule table.tbl_cal th.sun, .today_schedule table td.sun a {color: #da0009 }
.today_schedule table.tbl_cal td {position: relative; overflow: hidden; z-index: 80; vertical-align: top; height: 120px; color: #5f5f5f; border: 1px solid #dcdcdc;}
.today_schedule table.tbl_cal td.today > a > span {color: #fff; background: #4984d9; border-radius: 30px;}
.today_schedule table.tbl_cal td.choice a {background: #fff;}
.today_schedule table.tbl_cal td.new {color: #989898;}
.today_schedule table.tbl_cal td a {position: relative; display: inline-block; width: 100%; height: 100%;}
.today_schedule table.tbl_cal td > a > span, .today_schedule table.tbl_cal td.new > span {display: inline-block; position: relative; top: 5px; left: 5px; width: 25px; height: 25px; text-align: center; font-weight: 600;}
.today_schedule table.tbl_cal td ul {position: relative; overflow: hidden; padding: 0 2px; top: 8px; }
.today_schedule table.tbl_cal td.choice ul {overflow: hidden; padding: 0 1px; margin-top: -1px;}
.today_schedule table.tbl_cal td ul li {overflow: hidden; height: 16px; margin-bottom: 1px;}
.today_schedule table.tbl_cal td a ul li span {display: block; overflow: hidden; padding: 0 0 0 5px; white-space:nowrap; text-overflow: ellipsis; word-wrap:normal; line-height: 18px; color: #6a4f00; font-size: 12px; font-family: 'Dotum';}
.today_schedule table.tbl_cal td ul li span.list1 {color: #fff; background: #4984d9;}
.today_schedule table.tbl_cal td ul li span.list2 {background: #ffdf7f;}
.today_schedule table.tbl_cal td .more {position: absolute; bottom: 1px; display: block;width: calc(100% - 2px); height: 16px; margin: 0 1px; background: url('/images/icon_more.png') center center no-repeat #9f9f9f;}
 .today_schedule ul.tbl_cal li.today > a > span {color: #fff; background: #4984d9; border-radius: 30px;}
.today_schedule ul.tbl_cal li.choice a {background: #fff;}
.today_schedule ul.tbl_cal li.new {color: #989898;}
.today_schedule ul.tbl_cal li a {position: relative; display: inline-block; width: 100%; height: 100%;}
.today_schedule ul.tbl_cal li > a > span, .today_schedule ul.tbl_cal li.new > span {display: inline-block; position: relative; top: 5px; left: 5px; width: 25px; height: 25px; text-align: center; font-weight: 600;}
.today_schedule ul.tbl_cal li ul {position: relative; overflow: hidden; padding: 0 2px; top: 8px; }
.today_schedule ul.tbl_cal li.choice ul {overflow: hidden; padding: 0 1px; margin-top: -1px;}
.today_schedule ul.tbl_cal li ul li {overflow: hidden; height: 16px; margin-bottom: 1px;}
.today_schedule ul.tbl_cal li a ul li span {display: block; overflow: hidden; padding: 0 0 0 5px; white-space:nowrap; text-overflow: ellipsis; word-wrap:normal; line-height: 18px; color: #27446f; font-size: 12px; font-family: 'Dotum';}
.today_schedule ul.tbl_cal li ul li span.list1 {color: #fff; background: #da0009;}
.today_schedule ul.tbl_cal li ul li span.list2 {background: #97bbee;}
.today_schedule ul.tbl_cal li ul li span.list2.list-sub-5 { background:#f5c4ad; }
.today_schedule ul.tbl_cal li .more {position: absolute; bottom: 1px; display: block;width: calc(100% - 2px); height: 16px; margin: 0 1px; background: url('/images/icon_more.png') center center no-repeat #9f9f9f;}

.today_schedule table.tbl_cal td ul.type2 li span {color: #fff;}
.today_schedule table.tbl_cal td ul.type2 li:nth-child(1) span {background: #1967bd;}
.today_schedule table.tbl_cal td ul.type2 li:nth-child(2) span {background: #2f7ed5;}
.today_schedule table.tbl_cal td ul.type2 li:nth-child(3) span {background: #4993e5;}
.today_schedule table.tbl_cal td ul.type2 li:nth-child(4) span {background: #60b6e8;}

.today_schedule .foot_box {position: relative; overflow: hidden; padding-bottom: 20px;}
.today_schedule button {padding: 0 20px; height: 35px; color: #fff; text-align: center; line-height: 35px; background: #2a88d1;}
.today_schedule button.write {padding-left: 0px; width: 180px; background: url('/images/icon_more.png') right 20px center no-repeat #2a88d1;} /*height: 35px; color: #fff; text-align: left; line-height: 35px;*/
.today_schedule .footnote {float:right; right: 0; top: 5px;}
.today_schedule .footnote li {float: left; margin-left: 10px; font-size: 16px; font-weight: 600; padding-left: 20px;}
.today_schedule .footnote li.color_b {color: #4984d9; background: url('/images/icon_title1.png') 0 center no-repeat;}
.today_schedule .footnote li.color_o {color: #698bd1; background: url('/images/icon_title2.png') 0 center no-repeat;}

.today_schedule .footnote li.color_f2 {color: #da0009; }
.today_schedule .footnote li.color_f2:before { content:''; width:15px; height:15px; background:#da0009; display:inline-block; margin-right:5px; vertical-align: middle; }
.today_schedule .footnote li.color_b2 {color: #4984d9; }
.today_schedule .footnote li.color_b2:before { content:''; width:15px; height:15px; background:#97bbee; display:inline-block; margin-right:5px; vertical-align: middle; }
.today_schedule .footnote li.color_o2 {color: #fda100 ; }
.today_schedule .footnote li.color_o2:before { content:''; width:15px; height:15px; background:#f5c4ad; display:inline-block; margin-right:5px; vertical-align: middle; }

.today_detail.modal {display: block; position: absolute; right: 0; overflow-y: auto; transform: translateX(0); left: 0; float: right; width: 320px; height: calc(100% - 55px);}
.today_detail.modal.type2 {height: 100%;}
.today_detail.type2.modal {height: 100%; padding: 0 !important; background: #f2f7fd;}
.today_detail {overflow: hidden; border: 1px solid #d1d1d1;background: #fcf9ef;}
.today_detail .btn_modal {display: none;}
.today_detail .date_box .color_b {background: #f2f7fd;}
.today_detail .date_box .color_f2 {background: #fcefef;}

.today_detail .date_box .color_o {overflow-y: auto;}
.today_detail .date_box h3 {display: block; font-size: 16px; height:32px; font-weight: 600; padding: 4px 0 0 25px; background-color: #fff; background-position: 20px center; background-repeat: no-repeat; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.today_detail .date_box .color_b h3 { /*border-top: 0px solid #d1d1d1;*/ }
.today_detail .date_box .color_b h3:before { content:''; width:15px; height:15px; background:#4984D9; display:inline-block; margin-right:5px; vertical-align: middle; margin-left:-20px; }
.today_detail .date_box .color_f2 h3 {color: #da0009; }
.today_detail .date_box .color_f2 h3:before { content:''; width:15px; height:15px; background:#da0009; display:inline-block; margin-right:5px; vertical-align: middle; margin-left:-20px; }
.today_detail .date_box .color_b2 h3 {color: #4984d9; }
.today_detail .date_box .color_b2 h3:before { content:''; width:15px; height:15px; background:#97bbee; display:inline-block; margin-right:5px; vertical-align: middle; margin-left:-20px; }
.today_detail .date_box .color_o2 h3 {color: #fda100 ; }
.today_detail .date_box .color_o2 h3:before { content:''; width:15px; height:15px; background:#f5c4ad; display:inline-block; margin-right:5px; vertical-align: middle; margin-left:-20px; }

.today_detail .date_box .list {padding: 20px;}
.today_detail .date_box .list > li {margin-bottom: 15px;}
.today_detail .date_box .list > li:last-child {margin-bottom: 0;}
.today_detail .date_box .list > li h4 {padding-left: 10px; color: #000; background: url('/images/icon_dot2.png') 0 10px no-repeat;}
.today_detail .date_box .list > li .s_list {padding-left: 11px;}
.today_detail .date_box .list > li .s_list li, .today_detail .date_box .list > li .s_list li a {font-size: 14px; color: #20457b; line-height: 18px;}
.today_detail .date_box .list > li .s_list li a {text-decoration: underline;}
.today_detail .date_box .list > li button {margin: 10px 0 0 10px;}
.btn_modal2 { display: block; padding: 3px 15px; color: #fff; font-size: 16px; background: #666; float:right; margin-top:-15px;}

.prearnge_detail.modal {z-index: 999; display: none; float: none; left: 0; top: 0; width: 320px; height: 400px !important; margin: 15px; padding: 0 !important;}
.prearnge_detail .btn_modal {margin-top:3px;position: absolute; z-index: 1000; height:25px; right: 7px; display: block; padding: 0 15px; color: #fff; font-size: 12px; background: #666;}
.prearnge_detail.modal.type2 {height: 100%;}
.prearnge_detail.type2.modal {height: 100%; padding: 0 !important; background: #f2f7fd;}
.prearnge_detail {overflow: hidden; border: 1px solid #d1d1d1;background: #fcf9ef;}
.prearnge_detail .btn_modal {display: none;}
.prearnge_detail .date_box .color_b {background: #f2f7fd;}
.prearnge_detail .date_box .color_f2 {background: #f2f7fd;}
.prearnge_detail .date_box .color_o {overflow-y: auto;}
.prearnge_detail .date_box h3 {display: block; font-size: 16px; height:32px; font-weight: 600; padding: 4px 0 0 25px; background-color: #fff; background-position: 20px center; background-repeat: no-repeat; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.prearnge_detail .date_box .color_b h3 { /*border-top: 0px solid #d1d1d1;*/ }
.prearnge_detail .date_box .color_b h3:before { content:''; width:15px; height:15px; background:#4984D9; display:inline-block; margin-right:5px; vertical-align: middle; margin-left:-20px; }
.prearnge_detail .date_box .color_b2 h3 {color: #4984d9; }
.prearnge_detail .date_box .color_b2 h3:before { content:''; width:15px; height:15px; background:#97bbee; display:inline-block; margin-right:5px; vertical-align: middle; margin-left:-20px; }
.prearnge_detail .date_box .color_o2 h3 {color: #fda100 ; }
.prearnge_detail .date_box .color_o2 h3:before { content:''; width:15px; height:15px; background:#f5c4ad; display:inline-block; margin-right:5px; vertical-align: middle; margin-left:-20px; }

.prearnge_detail .date_box .list {padding: 20px;}
.prearnge_detail .date_box .list > li {margin-bottom: 15px;}
.prearnge_detail .date_box .list > li:last-child {margin-bottom: 0;}
.prearnge_detail .date_box .list > li h4 {padding-left: 10px; color: #000; background: url('/images/icon_dot2.png') 0 10px no-repeat;}
.prearnge_detail .date_box .list > li .s_list {padding-left: 11px;}
.prearnge_detail .date_box .list > li .s_list li, .prearnge_detail .date_box .list > li .s_list li a {font-size: 14px; color: #20457b; line-height: 18px;}
.prearnge_detail .date_box .list > li .s_list li a {text-decoration: underline;}
.prearnge_detail .date_box .list > li button {margin: 10px 0 0 10px;}

/*공간안내*/
.view_box {text-align: center;}
.view_box img {display: inline-block;}
.flexslider.slider {display: none; position: fixed; padding: 0 !important; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; border: 1px solid #000; background: rgba(0, 0, 0, 0.7);}
.flexslider.slider .slides {position: relative; top: 100px; width: 1200px; margin: 0 auto; text-align: center;}
.flexslider.slider .slides .slick-track {margin: 0;}
.flexslider.slider .slides .slick-track .slick-slide > div {width: 1200px;}
.flexslider.slider .slides li {text-align: center;}
.flexslider.slider .slides li img {display: inline-block; max-width: 1200px; max-height: 780px;}
.flexslider.slider .close {position: absolute; z-index: 1000; left: 50%; transform: translate(-50%); top: 25px; width: 61px; height: 61px; background: url('/images/icon_close.png') 0 0 no-repeat;}
.flexslider.slider.in {display: block;}
.flexslider.list ul.slides {overflow: hidden; width: 100% !important}
.flexslider.list ul.slides > li {width: 33.33% !important; padding: 0 5px; float: left; overflow: hidden;}
.flexslider.list ul.slides > li img {width: 100%; height: auto;}

.slides2 { }
.slides2 li { margin-bottom:20px; }
.slides2 li img { max-width:100%; }
.slides2 h6 { font-size:16px; margin-top:10px; }

.buttons-wrap { text-align:center; border-top:1px solid #ccc; padding-top:40px; }
.buttons-wrap .btn + .btn { margin-left:15px; }

/*오시는길*/
.map_box {width: 100%;}
.map_box .root_daum_roughmap {width: 100%;}
.map_box .root_daum_roughmap .wrap_map {height: 500px !important;}
.traffic_box {border-top: 1px solid #dcdcdc;}
.traffic_box > li {border-bottom: 1px solid #dcdcdc;}
.traffic_box li dl {width: 100%; display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.traffic_box li dl dt {position: relative; width: 160px; background: #f6f7f8;}
.traffic_box li dl dt, .traffic_box li dl dd {float: left;}
.traffic_box li dl dt > span {position: absolute; padding-top: 70px; width: 62px; left: 50%; transform: translateX(-50%); top: 50%; margin-top: -45px; color: #1880d1; font-weight: 600; text-align: center; background-repeat: no-repeat; background-position: center 0;}
.traffic_box li dl dt > span.subway {background-image: url('/images/icon_subway.png');}
.traffic_box li dl dt > span.bus {background-image: url('/images/icon_bus.png');}
.traffic_box li dl dd {padding: 20px; width: calc(100% - 160px); min-height: 120px;}
.traffic_box li dl dd .bus_list {padding: 15px 0 10px;}
.traffic_box li dl dd .bus_list li {margin-bottom: 5px;}
.traffic_box li dl dd .bus_list li span {padding: 5px 15px; margin-right: 12px; color: #fff; border-radius: 25px;}

.root_daum_roughmap .cont { display:none !important; } /* added ncloud */

/*제안하기 설문투표*/
.survey_box {border-bottom: 1px solid #e4e4e4;}
.survey_box .survey_all {display: inline-block; color: #2a88d1; border-bottom: 1px solid #c2c2c2;}
.survey_box .survey_all span {font-weight: 600; margin-right: 10px;}
.survey_box .survey_list {overflow: hidden; display: block; margin: 20px 0;}
.survey_box .survey_list .question_title {overflow: hidden; margin-bottom: 20px;}
.survey_box .survey_list .question_title dt {float: left; display: inline-block; width: 110px; height: 35px; color: #fff; font-size: 18px; font-weight: 600; line-height: 35px; text-align: center; border-radius: 35px; background: #479ddf;}
.survey_box .survey_list .question_title dd {float: left; width: calc(100% - 110px); padding: 5px 0 0 12px; color: #000; font-size: 20px; font-weight: 600; line-height: 28px;}
.survey_box .survey_list .question_list {display: block; margin-bottom: 20px;}
.survey_box .survey_list .question_list > li {overflow:hidden;}
.survey_box .survey_list .question_list.num li {width: calc(100% - 30px); height: 30px; list-style: decimal; list-style-position: inherit; text-align: left; margin-left: 30px;}
.survey_box .survey_list .question_list > li .text {float: left; width: 50%; margin: 0; padding: 0;}
.survey_box .survey_list .question_list > li .iradio {float: left; width: 50%; margin: 0; padding: 0 0 0 30px;}
.survey_box .survey_list .question_list > li .iradio input.radio {display: none;}
.survey_box .survey_list .question_list > li .iradio label {padding: 0;}
.survey_box .survey_list .question_list > li .question_check {float: left; width: 50%; margin: 0; padding: 0;}
.survey_box .survey_list .question_list > li .question_check input[type=checkbox] {display: none;}
.survey_box .survey_list .question_list > li .question_check input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; padding: 0 0 0 30px; height: 32px; color: #444; font-size: 15px;}
.survey_box .survey_list .question_list > li .question_check input[type=checkbox]+ label:before {content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 3px; background-image: url('/images/icon_radio_off.png'); background-position: 0 0; background-repeat: no-repeat;}
.survey_box .survey_list .question_list > li .question_check input[type=checkbox]:checked + label:before {background-image: url('/images/icon_radio_on.png');}

.survey_box .survey_list .question_list > li .percent {float: left; width: 50%;}
.survey_box .survey_list .question_list > li .percent li {padding: 6px 0; list-style: none;}
.survey_box .survey_list .question_list > li .percent li dl {overflow: hidden; line-height: 20px; padding-right: 60px;}
.survey_box .survey_list .question_list > li .percent li dl dt {float: left; padding-right: 20px; width: 100px; color: #444; font-size: 15px; font-weight: 600; text-align: right;}
.survey_box .survey_list .question_list > li .percent li dl dd {position: relative; float: left; width: calc(100% - 100px);}
.survey_box .survey_list .question_list > li .percent li dl dd .bar {height: 20px;}
.survey_box .survey_list .question_list > li .percent li dl dd .bg1 {background: #43a7e0;}
.survey_box .survey_list .question_list > li .percent li dl dd .bg2 {background: #a6a9ab;}
.survey_box .survey_list .question_list > li .percent li dl dd .bg3 {background: #d3d3d3;}
.survey_box .survey_list .question_list > li .percent li dl dd .percent_num {position: absolute; top: 0; margin-left: 5px;}
.survey_box .survey_list .question_list > li textarea {padding: 10px; width: 100%; height: 100px;}

/*참여하기*/
.participation_box {overflow: hidden; padding-bottom: 10px; border-bottom: 1px dashed #e1e1e1;}
.participation_box dt, .participation_box dd {float: left; min-height: 45px;}
.participation_box dt {width: calc(100% - 200px);}
.participation_box dd {width: 200px; text-align: right;}
.participation_box dd button {color: #fff; padding: 0 46px 0 20px; background: url('/images/icon_link2.png') right 20px center no-repeat #2a88d1;}

/*국민생각함*/
.think_box {overflow: hidden; margin-bottom: 40px; background: url('/images/line_think.png') 0 86px no-repeat; background-size: 100% 1px;}
.think_box > li {float: left; width: 33.33%;}
.think_box > li .story {position: relative; margin-bottom: 15px; width: 100%; height: 64px; color: #444; font-weight: 600; line-height: 64px; text-align: center; border: 1px solid #e4e4e4; }
.think_box > li .story span {display: inline-block; padding-left: 30px; background-position: left center; background-repeat: no-repeat;}
.think_box > li.step1 .story {position: relative; z-index: 15; border-right: 0;}
.think_box > li.step1 .story span {background-image: url('/images/icon_think1.png');}
.think_box > li.step1 .story:before {content: ""; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; border-left: 20px solid #fff; border-top: 31px solid transparent; border-bottom: 31px solid transparent;}
.think_box > li.step2 .story {position: relative; z-index: 14; border-right: 0;}
.think_box > li.step2 .story span {background-image: url('/images/icon_think2.png');}
.think_box > li.step2 .story:after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 20px solid #e4e4e4; border-top: 31px solid transparent; border-bottom: 31px solid transparent;}
.think_box > li.step2 .story:before {content: ""; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; border-left: 20px solid #fff; border-top: 31px solid transparent; border-bottom: 31px solid transparent;}
.think_box > li.step3 .story {position: relative; z-index: 13;}
.think_box > li.step3 .story span {background-image: url('/images/icon_think3.png');}
.think_box > li.step3 .story:after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 20px solid #e4e4e4; border-top: 31px solid transparent; border-bottom: 31px solid transparent;}
.think_box > li.active .story {color: #fff; background: #f9a24d;}
.think_box > li.active .story:before {content: ""; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; border-left: 20px solid #f9a24d; border-top: 31px solid transparent; border-bottom: 31px solid transparent;}
.think_box > li .list {overflow: hidden;}
.think_box > li.step2 .list li, .think_box > li.step3 .list li {padding-left: 15px;}
.think_box > li .list.type2 li {float: left; width: 50%;}
.think_box > li .list.type3 li {float: left; width: 33.33%;}
.think_box > li .list.type4 li {float: left; width: 25%;}
.think_box > li .list.type5 li {float: left; width: 20%;}
.think_box > li .list li a {display: block;}
.think_box > li .list li span {display: block; width: 15px; height: 15px; border-radius: 15px;}
.think_box > li .list li span.default {background: #b1b1b1;}
.think_box > li .list li span.choice {background: url('/images/icon_arrow4.png') center center no-repeat #000;}
.think_box > li .list li span.none {border: 2px solid #b1b1b1; background: #fff;}
.think_box > li.step3 .list li:last-child .box {background: #fff;}
.think_box > li .list li .date {padding: 3px 0; font-size: 13px; line-height: normal}
.think_box > li .list li p {overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 44px; color: #333; font-size: 15px; line-height: 22px;}

/*시민참여예산*/
.budget_box {margin-bottom: 30px;}
.budget_box h3 {margin-bottom: 15px; color: #333; font-size: 16px;}
.budget_box > ul {overflow: hidden; padding: 20px 0; background: #daebea;}
.budget_box > ul > li {float: left; overflow: hidden; height: 80px; text-align: center;}
.budget_box > ul.type1 > li {width: calc(16.66% - 40px);}
.budget_box > ul.type2 > li {width: calc(20% - 40px);}
.budget_box > ul > li:first-child {margin-left: 20px;}
.budget_box > ul > li:last-child {margin-right: 20px;}
.budget_box > ul > li a, .budget_box > ul > li .d_table {overflow: hidden; display: table; width: 100%; height: 80px; color: #555; font-size: 13px; line-height: 17px; font-weight: 600; background: #fff; border: 1px solid #a8d8d2;}
.budget_box > ul > li a:hover, .budget_box > ul > li.active a {color: #fff; background: #009994; border: 1px solid #009994;}
.budget_box > ul > li a .d_cell {width: 100%; height: 100%;}
.budget_box > ul > li.line {width: 40px;}
.budget_box > ul > li.line img {display: inline-block; padding-top: 30px;}
/*시민참여예산 상세*/
.budget_box.view h3 {text-align: center;}
.budget_box.view h3 span {padding: 0 20px 10px 20px; color: #017785; border-bottom: 1px solid #009994;}
.budget_box.view > ul {background: #fff;}
.budget_box.view > ul > li a {color: #009994; font-size: 24px; line-height: 24px;}
.budget_box.view > ul > li .d_table {color: #8dcacf; font-size: 24px; line-height: 24px;}
.budget_box.view > ul > li a:hover, .budget_box > ul > li.active a {color: #fff;}
.budget_box.view > ul > li p.s_text {font-size: 15px;}
/*회원가입*/
.member_top {overflow: hidden; margin-bottom: 60px;}
.member_top li {float: left; padding-left: 40px; width: 25%; height: 70px; text-align: center; font-size: 18px; line-height: 70px; border: 1px solid #d7d7d7; background-repeat: no-repeat;}
.member_top li.icon1 {background-image: url('/images/icon_step1.png'); background-position: 59px center;}
.member_top li.icon2 {background-image: url('/images/icon_step2.png'); background-position: 66px center;}
.member_top li.icon3 {background-image: url('/images/icon_step3.png'); background-position: 62px center; border-left: 0;}
.member_top li.icon4 {background-image: url('/images/icon_step4.png'); background-position: 69px center; border-left: 0;}
.member_top li.on {color: #2a88d0; font-weight: 600; border: 2px solid #2a88d0 !important;}
.member_top li.icon1.on {background-image: url('/images/icon_step1_on.png');}
.member_top li.icon2.on {background-image: url('/images/icon_step2_on.png');}
.member_top li.icon3.on {background-image: url('/images/icon_step3_on.png');}
.member_top li.icon4.on {background-image: url('/images/icon_step4_on.png');}
.member-btn-box{margin:30px auto; font-size:0; width:100%; max-width:400px; box-sizing:border-box; border:1px solid #d7d7d7;}
.member-btn-box .member-btn-log{display:inline-block; width:50%; height:70px; color:#666666; box-sizing:border-box; font-size:22px;  line-height:70px; text-align:center; text-decoration:none; font-weight:bold; background-color:#ffffff}
.member-btn-box .member-btn-log:nth-child(1){border-right:1px solid #d7d7d7;}
.member-btn-box .member-btn-log:hover,
.member-btn-box .member-btn-log.active{background-color:#2a88d0; color:#ffffff;}
.member_box {position: relative;}
.member_pri {display: block; height: 200px; overflow-y: scroll; padding: 25px; background: #f6f6f8; border-top: 2px solid #b7bdc6; border-bottom: 1px solid #b7bdc6;}
.member_pri * {color: #555; font-size: 15px; line-height: 24px;}
.member_pri h3 {font-size: 16px; color: #333;}
.member_pri h4 {font-weight: 600;}
.member_pri ul.num li {padding-left: 17px; text-indent: -17px;}
.member_pri ul.symbol li {padding-left: 10px; text-indent: -10px;}
.member_pri table {padding-left: 0; text-indent: 0;}
.member_box .h3_box h3.h3 {margin-bottom: 10px;}
.member_box .check_box {}
.member_box .check_box.all {padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #e4e4e4;}
.member_box .check_box.bottom {padding-top: 10px; margin-bottom: 30px; border-top: 1px solid #e4e4e4;}
.member_btn {text-align: center; margin-top: 100px;}
.member_btn button {width: 290px; height: 70px; font-size: 24px; color: #898989; background: #e6e6e6; border: 1px solid #d5dadd; border-radius: 3px;}
.member_btn button.active {color: #fff; background: #4f4382; border: 1px solid #372d63;}
.member_step2 {overflow: hidden;}
.member_step2 > li {float: left; width: 50%; padding: 0 20px;}
.member_step2 > li:nth-child(2) {border-left: 1px solid #e4e4e4;}
.member_step2 > li h3 {margin-bottom: 30px; color: #000; font-size: 22px; text-align: center;}
.member_step2 > li .btn_box {margin-top: 150px; text-align: center;}
.member_step2 > li .btn_box button {width: 240px; height: 45px;}
.member_step2 > li .sns_box {display: inline-block;margin-top: 30px;}
.member_step2 > li .sns_box li {display: inline-block; padding: 0 25px;}
.member_step2 > li .sns_box li a {display: block;}
.member_step2 > li .sns_box li a img {margin-bottom: 15px;}
.member_step4 {word-break: keep-all;}
.member_step4 .text_box {padding: 120px 10px 0; background: url('/images/icon_membership.png') center 0 no-repeat;}
.member_step4 .result_box {margin: 30px auto; padding: 20px; width: 400px; background: #fafafa;}
.member_step4 .result_box .list_type li span {color: #666; font-weight: 600; margin-right: 5px;}
.member_step4 button {margin: 0 10px; width: 160px;}

/*검색팝업*/
.new-modal{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index: 999999;}
.new-popup{width:100%; max-width:810px; height:auto; border:1px solid #707070; position:fixed; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); background:#ffffff;}
.new-popup *{box-sizing:border-box;}
.new-popup .popup-header{width:100%; height:70px; background:#2a88d0; padding:0 20px; position:absolute; top:0; left:0;}
.new-popup .popup-header h4{line-height:68px; font-size:20px; color:#ffffff; font-weight:bold; margin:0;}
.new-popup .popup-content{width:100%; height:500px; padding:20px; margin-top:70px; overflow-y:scroll;}
.new-popup .popup-content .popup-title{font-size:18px; color:#666666; padding-left:25px; position:relative;}
.new-popup .popup-content .popup-title::before{position:absolute; top:0px; left:0; display:inline-block; content:''; width:20px; height:20px; background:url(/images/front/popup-title-ico.png) center no-repeat; background-size:contain;}
.new-popup .popup-content .popup-search{width:100%; border:1px solid #d7d7d7; padding:15px 20px; margin-top:20px; overflow:hidden; position:relative;}
.new-popup .popup-content .popup-search .popup-search-in{width:calc( 100% - 100px);}
.new-popup .popup-content .popup-search dl{width:100%; overflow:hidden; padding:5px 0; position:relative;}
.new-popup .popup-content .popup-search dl dt{float:left; display:block; width:110px; color:#666666; font-size:16px; position:relative; padding-left:20px; line-height:35px;}
.new-popup .popup-content .popup-search dl dt::before{content:''; display:inline-block; width:5px; height:5px; background:#666666; position:absolute; border-radius:5px; left:10px; top:15px;}
.new-popup .popup-content .popup-search dl dd{float:left; display:block;  padding:0; overflow:hidden; width:calc(100% - 110px);}
.new-popup .popup-content .popup-search dl dd select{width:100%; border-radius:5px; border:1px solid #d7d7d7; height:35px;}
.new-popup .popup-content .popup-search dl dd input{height:35px; border:1px solid #d7d7d7; border-radius:5px; width:100%;}
.new-popup .popup-content .popup-search dl.devide1{width:50%;}
.new-popup .popup-content .popup-search dl.devide2 dd{width:calc(50% - 110px);}
.new-popup .popup-content .popup-search .btn-popup-search{width:80px; height:45px; line-height:45px; text-align:right; padding-right:13px; display:inline-block; position:relative; background:#2a88d0; color:#ffffff; border-radius:5px; letter-spacing:2px; display:inline-block; position:absolute; bottom:20px; right:20px;}
.new-popup .popup-content .popup-search .btn-popup-search::before{content:''; position:absolute; top:50%; transform:translateY(-50%); letter-spacing:2px; width:20px; height:20px; left:13px; background:url(/images/front/search-ico.png) center no-repeat;}
.popup-table{width:100%; overflow:hidden; margin-top:30px;}
.popup-table table{width:100%;}
.popup-table table thead{background:#2a88d0;}
.popup-table table thead th{color:#ffffff; height:45px; text-align:center; border:1px solid #dadada; font-size:16px; line-height:18px;}
.popup-table table tbody tr{cursor:pointer;}
.popup-table table tbody td{height:45px; text-align:center; border:1px solid #dadada; font-size:16px; color:#666666; line-height:18px; padding:0 5px;}
.popup-table table tbody td:nth-last-child(1){text-align:left; padding-left:10px;}
.popup-table table tbody td.non-data{text-align:center;}
.popup-table table tbody td.hide{display:none;}
.popup-table table tbody td a{color:#666666;}
.popup-table table tbody td a:hover{text-decoration:underline;}
.popup-table-page-box{width:100%; overflow:hidden; margin-top:20px; text-align:center;}
.popup-table-page-box .btn-page{color:#666666; font-size:16px; padding:0 5px; display:inline-block;}
.popup-table-page-box .btn-page.prev-10{width:15px; height:16px; background:url(/images/front/prev-10-ico.png) center no-repeat; vertical-align:-10%;}
.popup-table-page-box .btn-page.prev{width:8px; height:16px; background:url(/images/front/prev-ico.png) center no-repeat; vertical-align:-10%;}
.popup-table-page-box .btn-page.next{width:8px; height:16px; background:url(/images/front/next-ico.png) center no-repeat; vertical-align:-10%;}
.popup-table-page-box .btn-page.next-10{width:15px; height:16px; background:url(/images/front/next-10-ico.png) center no-repeat; vertical-align:-10%;}
.popup-footer{width:100%; height:50px; padding:0 20px; vertical-align:middle; background:#e3e3e3; position:relative;}
.popup-footer .btn-popup-close{font-size:16px; color:#666666; padding:5px 15px; background:#ffffff; position:absolute; top:50%; transform:translateY(-50%); right:20px; border:1px solid #dadada;}


/*로그인*/
.membership_box {margin: 0 auto; width: 690px;}
.membership_box .membership_contents {width: 100%; text-align: center;}
.membership_box .membership_contents .text_box {margin-bottom: 50px;}
.membership_box .membership_contents .text_box h3 {font-size: 20px;}
.membership_box .membership_contents .text_box p {line-height: 28px;}
.membership_box .membership_contents fieldset.login_box {overflow: hidden; margin: 0 auto 40px; display: block; width:100%;}
.membership_box .membership_contents fieldset.login_box input {width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 15px; font-weight: 600; padding: 0 15px; margin-bottom: 15px; border: 1px solid #d2d2d2;}
.membership_box .membership_contents fieldset.login_box input:focus {outline: 2px solid #005fcc; outline-offset: 1px; border: 1px solid #2a88d1;}
.membership_box .membership_contents fieldset.login_box input::-webkit-input-placeholder {color:#666 !important; font-size: 14px; font-weight: 400;}
.membership_box .membership_contents fieldset.login_box input:-moz-placeholder {color:#666 !important; font-size: 14px; font-weight: 400;}
.membership_box .membership_contents fieldset.login_box input::-moz-placeholder {color:#666 !important; font-size: 14px; font-weight: 400;}
.membership_box .membership_contents fieldset.login_box input:-ms-input-placeholder {color:#666 !important; font-size: 14px; font-weight: 400;}
.membership_box .membership_contents ul.login_box {overflow: hidden;}
.membership_box .membership_contents ul.login_box li {float: left; padding: 0 5px; width: 33.33%;}
.membership_box .membership_contents ul.login_box li button {padding-left: 45px; width: 100%; height: 53px; color: #444; font-weight: 600; border-radius: 53px; border: 3px; border-style: solid; background-position: 2px center; background-repeat: no-repeat; background-size: 43px;}
.membership_box .membership_contents ul.login_box li button.facebook {background-image: url('/images/icon_facebook.png'); border-color: #355890;}
.membership_box .membership_contents ul.login_box li button.naver {background-image: url('/images/icon_naver.png'); border-color: #2ec531;}
.membership_box .membership_contents ul.login_box li button.kakaotalk {background-image: url('/images/icon_kakaotalk.png'); border-color: #fbe03b;}
.membership_box .membership_contents .login_join {margin-top: 30px; padding-top: 30px; text-align: center; border-top: 1px solid #d7d7d7;}
.membership_box .membership_contents .login_join .btn_join {padding: 0 15px 5px 0; color: #2a88d1; font-weight: 600; background: url('/images/arrow_next3.png') right 2px no-repeat; background-size: 8px; border-bottom: 1px solid #2a88d1;}
.membership_box .membership_contents .id_search {display: inline-block; overflow: hidden;}
.membership_box .membership_contents .id_search li {float: left; font-size: 15px;}
.membership_box .membership_contents .id_search li a {display: block; padding: 0 10px; font-size: 15px;}
.membership_box .membership_contents fieldset.login_box.type2 {width: 405px;}
.membership_box .membership_contents fieldset.login_box.type2 > label {display: block; float: left; width: 110px; height: 40px; line-height:40px; text-align: left; color: #444; font-size: 14px; font-weight: 600;}
.membership_box .membership_contents fieldset.login_box.type2 > input {width: calc(100% - 110px) !important; text-align: left !important;}
.membership_box .membership_contents fieldset.login_box.type2 input, .membership_box .membership_contents fieldset.login_box.type2 select {float: left; padding: 0 10px; border-radius:6px; height: 40px; width: 70px; font-weight: 400; text-align: center; line-height: 40px;}
.membership_box .membership_contents fieldset.login_box.type2 select {color: #4d4d4d; font-size: 13px; margin-bottom: 15px; border: 1px solid #d2d2d2; background: url('/images/arrow_select2.png') right 5px center no-repeat;}
.membership_box .membership_contents fieldset.login_box.type2 .phon_box {overflow: hidden; width: calc(100% - 110px); text-align: left;}
.membership_box .membership_contents fieldset.login_box.type2 .phon_box span {float: left; width: 10px; text-align: center;}
.membership_box .membership_contents fieldset.login_box.type2 .phon_box button {margin-left: 5px; margin-bottom: 15px; width: 60px; height: 28px; font-size: 14px;}
.membership_box .membership_contents fieldset.login_box.type2 .phon_box.type2 input {width: calc(100% - 65px) !important; text-align: left !important;}
.membership_box .membership_contents .result_box {margin: 0 auto 30px; width: 400px; height: 100px; background: #fafafa;}
.membership_box .membership_contents .search_btn_box {margin: 0 auto; width: 410px;}
.membership_box .membership_contents .search_btn_box button {width: calc(50% - 10px) !important;}
.membership_box .membership_contents .btn_login {width: 100%; margin-top: 15px; height: 60px; color: #fff; font-size: 20px; font-weight: 600; background: #2a88d1;}
.membership_box .membership_contents .btn_login.type2 {width: 340px; height: 45px; font-size: 16px;}
.membership_box .membership_contents .btn_login.type3 {width: 340px; height: 45px; color: #2a88d1; font-size: 16px; border: 1px solid #2a88d1; background: #fff;}
.membership_box .membership_contents fieldset.login_box.type3 {padding: 20px 20px 10px; width: 500px; font-size: 14px; border: 1px solid #e4e4e4; }
.membership_box .membership_contents fieldset.login_box.type3 label {float: left; width: 130px; text-align: left; color: #444; font-size: 14px; font-weight: 600;}
.membership_box .membership_contents fieldset.login_box.type3 input {padding: 0 5px; margin-bottom: 10px; width: calc(100% - 130px); height: 28px; line-height: 28px; border: 0; border-bottom: 1px solid #e4e4e4;}

/*통합검색*/
.total_search_box .search_top {padding: 30px 20px; background: #fafafa;}
.total_search_box .search_top .search_box {position: relative; margin: 0 auto; width: 520px; height: 43px;}
.total_search_box .search_top .search_box input {padding: 0 50px 0 10px; width: 100%; height: 100%; color: #000; font-weight: 600; border: 2px solid #66635e;}
.total_search_box .search_top .search_box button {position: absolute; right: 1px; top: 2px; width: 39px; height: 39px; background: url('/images/icon_search2.png') center center no-repeat #66635e; font-size: 0; text-indent: -999px;}
.total_search_box .search_top .search_box:hover input {border: 2px solid #2a88d0;}
.total_search_box .search_top .search_box:hover button {background-color: #2a88d0;}
.total_search_box .search_top dl {overflow: hidden; margin-top: 20px; padding: 20px 10px 0; border-top: 1px solid #e6e6e6;}
.total_search_box .search_top dl dt {float: left; width: 90px; font-size: 14px; font-weight: 600;}
.total_search_box .search_top dl dd {float: left; width: calc(100% - 90px);}
.total_search_box .search_top dl dd ul {overflow: hidden;}
.total_search_box .search_top dl dd ul li {overflow: hidden; float: left; width: 14%; height: 30px;}
.total_search_box .search_top dl dd ul li a {color: #0361aa; font-size: 14px; line-height: 30px;}
.total_search_box .search_text {margin: 30px 0; font-size: 20px; font-weight: 600;}
.total_search_box .search_text .black {color: #000;}
.total_search_box .search_choice {position: absolute; overflow: hidden; right: 0; top: 0;}
.total_search_box .search_choice li {float: left;}
.total_search_box .search_choice li.line {margin: 0 10px;}
.total_search_box .search_choice li button {font-size: 15px;}
.total_search_box .search_choice li button.active {font-weight: 600;}
.total_search_box h3 {display: block; padding: 0 20px; height: 43px; font-size: 16px; line-height: 43px; background: #fafafa; border-top: 2px solid #9b9b9b; border-bottom: 1px solid #c6c6c7;}
.total_search_box h3 span {margin-right: 5px; color: #000;}
.total_search_box .search_list {margin-bottom: 20px;}
.total_search_box .search_list > li {padding: 25px 20px; border-bottom: 1px solid #e4e4e4;}
.total_search_box .search_list li a {position: relative; display: block;}
.total_search_box .search_list li a h4 {overflow: hidden; margin-bottom: 5px; width: calc(100% - 90px); font-size: 18px; text-overflow: ellipsis; white-space: nowrap;}
.total_search_box .search_list li a h4 b {color: #017cd2; font-weight: 800;}
.total_search_box .search_list li a .date {position: absolute; right: 0; top: 0; font-size: 15px;}
.total_search_box .search_list li a p {display: block; overflow: hidden; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 24px; max-height: 48px; font-weight: 600;}
.total_search_box .search_list li a p b {color: #017cd2; font-weight: 800;}
.total_search_box .search_list li a ul {float: right;}
.total_search_box .search_list li a ul li {float: left; font-size: 15px;}
.total_search_box .search_list li a ul li.line {margin: 0 5px;}
.total_search_box .search_more {padding-right: 15px; width: 100px; height: 45px; color: #fff; font-family: 'nsB'; background: url('/images/icon_arrow3.png') right 20px center no-repeat #2a88d1;}
.total_search_box .real_time_box h4 {margin-bottom: 5px; color: #000;}
.total_search_box .real_time_box .list {overflow: hidden; padding: 15px 20px; background: #fafafa; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.total_search_box .real_time_box .list * {overflow: hidden; height: 24px; color: #000; line-height: 24px; font-size: 15px; font-weight: 600;}
.total_search_box .real_time_box .list li {margin: 5px 0; float: left; width: 20%; list-style: decimal; list-style-position: inside;}


/*개인정보처리방침*/
.privacy_box {width:1150px; margin: 0px auto;}
.privacy_box h2{line-height: 60px; height: 65px; text-align: left; background: #fff; color: #333; font-size: 20px !important; font-weight: normal; padding: 0; margin-top: 25px; text-align: center;}
.privacy_box h1{line-height: 60px; height: 65px; text-align: center; background: #fff; color: #333; font-size: 23px !important; font-weight: bold; margin: 30px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.privacy_box h3 {font-size: 18px;}
.privacy_box h4 {text-align: center; font-size: 16px; font-weight: 600; padding: 5px 0;color: #666;}
.privacy_box h5 {font-size: 14px; font-weight: 600; padding: 5px 0;}
.privacy_box .box{margin:30px 0;}
.privacy_box .box h3{padding-bottom:5px;}
.privacy_box .txt{font-size: 16px; font-weight: 600; padding: 5px 0; color: #666;text-align: center;}
.privacy_box {font-size: 15px; line-height: 30px;}
.privacy_box .implement_list {margin: 10px 0 30px;}
.privacy_box .implement_list li {padding-left: 15px; text-indent: 0; background: url('/images/icon_dot.png') 5px 13px no-repeat;}
.privacy_box .color {color: #ee3852; font-weight: 600;}
.privacy_box a:hover {color: #005da9;}
.privacy_box .top-txt{font-size:16px; line-height:24px;}
.privacy_box .default, .privacy_box .default li {padding-left: 0 !important; text-indent: 0 !important;}
.privacy_box ul.symbol > li {padding-left: 11px; text-indent: -11px;font-size:16px;line-height: 28px;}
.privacy_box ul.num > li {padding-left: 20px; text-indent: -20px;}
.privacy_box ul li table {padding-left: 0; text-indent: 0;}
.privacy_box ul li table th {text-align: center;}
.privacy_box ul li, .privacy_box p, .privacy_box a{font-size:15px;line-height: 30px;}
.privacy_content_box2 p{text-indent: -18px;}
.privacy_box ul.tid0 li{text-indent:0 !important; padding-left:0 !important;}
.privacy_content_box .sub-txt {font-size: 17px !important; font-weight: 600; padding-bottom: 5px; color: #666; text-align: left;}

.privacy_box ul.mb30 li {text-indent: -20px; padding-left: 20px;color:#373b40}

.privacy_box .box01 {padding: 20px; border: 1px solid #ddd; line-height: 25px; margin-bottom: 20px;color:#373b40}

.privacy_box .cnt_list {width: 100%; padding:20px 5% 0 5%; margin: 10px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between; border: 1px solid #d9d9d9; box-sizing: border-box;}

.privacy_box .cnt_list li {width: 45%; margin-bottom:40px; position: relative; box-sizing: border-box;}

.privacy_box .cnt_list li a { color:#444; font-weight: 400;font-size:14px; box-sizing: border-box; /* padding-left: 35px */; height: 25px; display: block; line-height:1.8;}
/*
.privacy_box .cnt_list li:first-child a {background: url(/images/privacy_02.svg)no-repeat 0 0; background-size:contain;}
.privacy_box .cnt_list li:nth-child(2) a {background: url(/images/privacy_03.svg)no-repeat 0 0; background-size: contain;}
.privacy_box .cnt_list li:nth-child(3) a {background: url(/images/privacy_10.svg)no-repeat 0 0; background-size: contain;}
.privacy_box .cnt_list li:nth-child(4) a {background: url(/images/privacy_05.svg)no-repeat 0 0;background-size: contain;}
.privacy_box .cnt_list li:nth-child(5) a {background: url(/images/privacy_04.svg)no-repeat 0 0;background-size: contain;}
.privacy_box .cnt_list li:nth-child(6) a {background: url(/images/privacy_09.svg)no-repeat 0 0;background-size: contain;}
.privacy_box .cnt_list li:nth-child(7) a {background: url(/images/privacy_07.svg)no-repeat 0 0;background-size: contain;}
.privacy_box .cnt_list li:nth-child(8) a {background: url(/images/privacy_10.svg)no-repeat 0 0;background-size: contain;}
.privacy_box .cnt_list li:nth-child(9) a {background: url(/images/privacy_15.svg)no-repeat 0 0; background-size: contain;}
.privacy_box .cnt_list li:nth-child(10) a {background: url(/images/privacy_10-2.svg)no-repeat 0 0; background-size: contain;}
.privacy_box .cnt_list li:nth-child(11) a {background: url(/images/privacy_16.svg)no-repeat 0 0; background-size: contain;}
.privacy_box .cnt_list li:nth-child(12) a {background: url(/images/privacy_06.svg)no-repeat 0 0; background-size:contain;}
.privacy_box .cnt_list li:nth-child(13) a {background: url(/images/privacy_14.svg)no-repeat 0 0;background-size: contain;}
.privacy_box .cnt_list li:nth-child(14) a {background: url(/images/privacy_14-2.svg)no-repeat 0 0;background-size: contain;}
.privacy_box .cnt_list li:nth-child(15) a {background: url(/images/privacy_17.svg)no-repeat 0 0;background-size: contain;}
*/
.privacy_box .termsWrap .tit01.ac {margin-top: 50px;}

.privacy_box .privacy_label {display: inline-block; width: calc(100% + 28px); padding: 0; margin: 0px -14px -5px -14px !important; box-sizing: border-box;}

.privacy_box .privacy_label .label_box { float: left; width: calc(33% - 28px); box-sizing: border-box; margin: 5px 14px; padding: 10px; text-align: center; border: 1px solid #dcdcdc; height: 148px;position: relative;}

.privacy_box .privacy_label .label_box:hover {    border: 1px solid #4d74c2; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}

.privacy_box .privacy_label .label_box .label_layer { display: none; position: absolute; box-sizing: border-box; border-radius: 8px;  background-color: #fff; border: 1px solid #ccd8e6; width: 580px; z-index: 999; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.privacy_box .privacy_label .label_box:hover .label_layer{display: block;}

.privacy_box .privacy_label .label_box .label_layer .label_desc_top {width: 100%; box-sizing: border-box; padding: 10px; background-color: #526faa; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.privacy_box .privacy_label img {height:90px;}


.privacy_box .label_desc_top p {font-weight: 800;color: #fff;text-align: left;}

.privacy_box .label_desc_btm {padding: 15px 20px;text-align: left;}
.privacy_box .label_layer.num0{top: 10%; left: -30%;}
.privacy_box .label_layer.num1{top: 10%; right: -30%;}
.privacy_box .label_layer.num2 {top: 10%; right: -30%;}
.privacy_box .label_layer.num3 {top: 10%;left: -30%;}
.privacy_box .label_layer.num4 {top: 10%;right: -30%;}
.privacy_box .label_layer.num5 {top: 10%;right: -30%;}

.privacy_box .label_desc_btm p {font-size: 15px; line-height: 23px; color:#666666;}
.privacy_box .org_text{color:#b81613 ;padding: 0px 0 10px;}

.privacy_box .tbl-type01 {color:#444; position: relative; width: 100%; border-top: 1px solid #5e6b83; margin-top: 10px; letter-spacing: -1px;}
.privacy_box .tbl-type01 th {padding: 7px;font-size: 15px; border-left: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background: #f5f5f5; color: #333;text-align: center; line-height:1em; font-weight:800;}
.privacy_box .tbl-type01 td {padding:8px; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;line-height: 1.5;text-align: center;}
.privacy_box .tbl-type01 td .desc_tit {font-weight: 500; font-size: 15px; color: #1647aa; word-break: keep-all; letter-spacing: -0.5px; line-height: 1.5rem !important;}
.privacy_box .tbl-type01 td:last-child, .privacy_box .tbl-type01 th:last-child{border-right: 1px solid #dcdcdc;}

.privacy_box .label_desc_btm .tbl-type01 td .desc_cnt {color: #333; font-size: 14px; line-height: 1.6rem !important;}

.privacy_box .list_icon {margin-right:10px;}
.privacy_box .list_icon img {vertical-align: middle; height: 35px;}
.tab-pane .board_detail .content ul {padding: 0;}
.board_detail li > .name, .board_detail li > .file, .board_detail li > .link {
    padding: 10px 20px 25px;}

@media (max-width:1400px) {
.privacy_box .label_layer.num0{top: 10%; left: -17%;}
.privacy_box .label_layer.num2 {top: 10%; right: -17%;}
.privacy_box .label_layer.num3 {top: 10%;left: -17%;}
.privacy_box .label_layer.num5 {top: 10%;right: -17%;}
}

@media (max-width:1200px) {
.privacy_box .label_layer.num0{top: 10%; left: 0%;}
.privacy_box .label_layer.num2 {top: 10%; right: 0%;}
.privacy_box .label_layer.num3 {top: 10%;left: 0%;}
.privacy_box .label_layer.num5 {top: 10%;right: 0%;}
}

@media (max-width:1150px) {
 .privacy_box{width:100%;padding: 0 20px;}
 .privacy_box .label_layer.num1 {top: 10%; right: -50%;}
 .privacy_box .label_layer.num4 {top: 10%; right: -50%;}

}



@media (max-width:940px) {
.cnt_list{padding:10px;}

}

@media (max-width:850px) {
 .privacy_box .label_layer.num1 {top: 10%; right: -70%;}
 .privacy_box .label_layer.num4 {top: 10%; right: -70%;}
 

}

@media (max-width:750px) {
.privacy_box .label_layer.num1 { top: 10%; right: -95%;}
.privacy_box .label_layer.num4 { top: 10%; right: -95%;}
}

@media (max-width:695px) {
.privacy_box .privacy_label {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center;}
.privacy_box .privacy_label .label_box {width: 95%; margin: 5px 0; padding: 20px 10px; height: auto;}
.privacy_box .label_layer.num0 {left: 2%;}
.privacy_box .label_layer.num1 {right: 2%;}
.privacy_box .label_layer.num2 {right: 2%;}
.privacy_box .label_layer.num3 {top: -40%;left: 2%;}
.privacy_box .label_layer.num4 {right: 2%;}
.privacy_box .label_layer.num5 {right: 2%;}
.privacy_box .privacy_label .label_box .label_layer {width: 95%;}
.privacy_box .cnt_list {flex-direction: column;}
.privacy_box .cnt_list li {width: 100%;}
}

@media (max-width:630px) {
    .cnt_list{padding:10px;}
    .cnt_list li {width: 100%;}
    
    
 }

/* tootip 추가 */
.btn_tool {position: relative; display: inline-block;     vertical-align: middle; margin-bottom: -12px;     margin-top: -17px;}
.btn_tool span {display: inline-block; width: 35px; height:35px; cursor: pointer; box-sizing:border-box; text-align:center; line-height:33px; font-weight:bold; background:#ffffff; color:#444444; border-radius:50px; font-size:18px; border:2px solid #00909e;}
.btn_tool span:hover{background:#00909e; color:#ffffff}
.btn_tool .arrow_box { display: none; position: absolute;   width: 140px; height:90px; padding: 10px; left: 50%;     bottom: 44px; transform:translateX(-50%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  background: #efefef;  color: #1d1d1d; font-size: 14px; text-align:center; border:2px solid #00909e; font-weight:bold!important; line-height:16px; box-sizing:border-box!important;}
.btn_tool .arrow_box:after { position: absolute;  bottom: -20px; left: 50%;   width: 0; height: 0; margin-left: -10px; border: solid transparent;   border-color: rgba(51, 51, 51, 0); border-bottom-color: #00909e;   border-width: 10px; pointer-events: none; content: " "; transform: rotate(180deg);}
.btn_tool span:hover + p.arrow_box {display: block;}

@media screen and (max-width:600px) {
.privacy_box h1{height:auto;    line-height: 36px;padding-bottom: 18px;}
    .privacy_box .tbl-type01 th{line-height: 1.3; vertical-align: middle; padding: 10px 7px 8px;}
}



@media screen and (max-width:500px) {
	.btn_tool.arrow_right .arrow_box{left:-36%}
	.btn_tool.arrow_right .arrow_box:after {left:98px;}
}
@media screen and (max-width:1150px) {
/* .contentsarea.type3 { width:100%;} */
}
@media screen and (max-width:1017px) {

	.btn_prev {background-image: url('/images/arrow_pre3_m.png'); background-size: 11px;}
	.btn_next {background-image: url('/images/arrow_next3_m.png'); background-size: 11px;}

	.nav_menu {z-index: 90; height: auto; border-bottom: 0px solid #d8d8d8; box-shadow: 3px 3px 10px #ccc;}
	.nav_menu .list {display: none;}
	.nav_menu .nav_slide {display: block;}
	.sub_contents {padding-top: 0;}
	.sub_contents .nav_box {margin-bottom: 30px; padding: 0 10px;}
	.sub_contents .nav_box .nav {width: 100%;}
	.contentsarea {	width: 100%; float: none; /* padding: 20px 10px; */}
	/* .contentsarea.type2 {width: 100%;} */
	
	.contents_title {margin-bottom: 5px; padding: 0 10px;}
	.contents_title h2 {font-size: 25px;}

	/*탭메뉴*/
	.forum_box .tab_box {position: relative; width: 100%; display: block; overflow: hidden; background: url('/images/line_tab.png') 0 56px repeat-x;}
	.forum_box .tab_box .tab_list {width: 100%;}
	.forum_box .tab_box .tab_list > li > a {width: 25%; text-align: center;}
	.forum_box .tab_box .tab_list > li > a.title1 {left: 0;}
	.forum_box .tab_box .tab_list > li > a.title2 {left: 25%;}
	.forum_box .tab_box .tab_list > li > a.title3 {left: 50%;}
	.forum_box .tab_box .tab_list > li > a.title4 {left: 75%;}
	.forum_box .tab_box .tab_list > li .tab-content {margin-top: 57px;}
	.forum_box .tab_box .tab_list > li .tab-content.type2 {margin-top: 87px; padding: 0 10px;}
	.forum_box .tab_box .tab_list > li .tab-content .tab-pane {display: none;}
	.forum_box .tab_box .tab_list > li.active .tab-content .tab-pane {display: block;}

	/*공공서비스디자인*/
	.tab_list_02 li a {font-size: 16px;}

	/*열린소통포럼*/
	.forum_box {padding-top: 10px;}
	.forum_box .select_forum {width: 100% !important; min-width: 100% !important;}
	.forum_box .select_forum .dropdown {width: 100% !important;}
	.forum_box .select_forum .dropdown button {width: 100%;}
	.forum_box .select_forum h3 {padding: 10px 20px; font-size: 20px; }
	.forum_box .select_forum .share {padding: 10px 5px 0 0; color: #666;}
	.forum_box .movie_box > div {width: 100%; height: auto; text-align: center;}
	.forum_box .movie_box .youtubeWrap {float: none; width: 100% !important;}
	.forum_box .movie_box > div > img {display: inline-block; width: auto; max-height: 400px;}
	.forum_box .movie_box > div .movie_list {position: relative; float: none; width: 100%; height: auto; max-height: 116px; border-left: 0;}

	/*개요*/
	.forum_box .summary_box {padding: 10px;}
	.forum_box .share_box {padding: 10px 10px 0;}
	.forum_box .share_box > ul > li > .sns_box {display: none; overflow: hidden; position: absolute; right:-20px; top: inherit; bottom:75px; z-index:9; padding: 0 5px; width: auto; border: 1px solid #e4e4e4; border-radius: 30px; background: #fff;}
	.forum_box .share_box > ul > li > .sns_box li {float: none;padding: 5px;}
	.forum_box .btn_box {display: block; text-align: center;}

	.flexslider.slider .slides {width: 780px;}
	.flexslider.slider .slides .slick-track .slick-slide > div {width: 780px;}
	.flexslider.slider .slides li img {max-width: 780px; max-height: 500px;}

	.forum_box .share_box > ul > li .btn_empathy input[type=checkbox] + label:before {background-image: url('/images/icon_empathy_off_m.png'); background-size: 17px;}
	.forum_box .share_box > ul > li .btn_empathy input[type=checkbox]:checked + label:before {background-image: url('/images/icon_empathy_on_m.png');}

	.btn_empathy input[type=checkbox] + label:before {background-image: url('/images/icon_empathy_off2_m.png'); background-size: 14px;}
	.btn_empathy input[type=checkbox]:checked + label:before {background-image: url('/images/icon_empathy_on2_m.png');}
	/*토론*/
	.forum_box {-ms-overflow-style: none;}
	.forum_box ::-webkit-scrollbar {display:none;}
	.discussion_list {padding: 30px 10px 0;}
	.discussion_write {padding: 10px; margin-top: 10px; background: #2a88d1;}
	.discussion_write button {right: 13px; top: 13px;}
	.discussion_write button {background: url('/images/icon_write2_m.png') center center no-repeat; background-size: 14px;}
	.discussion_list li .discussion_box .text li .btn_empathy.on {background-image: url('/images/icon_empathy_on2_m.png'); background-size: 14px;}

	/*타임라인*/
	.forum_box .timeline_list {padding: 30px 10px 0;}
	.forum_box .timeline_list > li > dl{overflow: hidden; padding: 0 2px 2px 0;}
	.forum_box .timeline_list > li > dl dt{width: 125px;}
	.forum_box .timeline_list > li > dl dd{width: calc(100% - 125px);}

	/*자료실*/
	.forum_box .data_list {overflow-y: scroll; padding-right: 20px; max-height: 550px; }
	.data_list li {padding: 15px 0; margin-top: 10px; border: 1px solid #c2c2c2;}
	.data_list li.official_line {border: 1px solid #2a88d1;}
	.data_list li > dl {display:flex; flex-wrap: nowrap; align-items: center;}
	.data_list li > dl > dt {width: 10%; color: #555; font-size: 14px; text-align: center; border-right: 1px solid #c2c2c2; }
	
	.data_list li > dl > dt .d_table {width: 100%; height: 100%;}
	.data_list li > dl > .dd1 {width: 80%; font-size: 18px; font-weight: 600; font-family: 'ns'; display: flex; align-items: center; margin-left: 20px;}
	.data_list li > dl > .dd1 .title {display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; padding-right: 15px;}
	.data_list li > dl > .dd1 .title span {padding: 5px 10px; margin-right: 10px; color: #fff; font-size: 13px; background: #ef8803; border-radius: 30px;}
	.data_list li > dl > .dd2 {width: 10%; margin: 0; padding: 0;}
	.data_list li .name_box {text-align: center; font-family: 'ns'; margin: 0 auto; display: flex; align-items: center; flex-direction: column;}
	.data_list li .name_box .name {color: #555; font-weight: 600; line-height: 20px;}
	.data_list li.official_line .name_box .name {padding-left: 23px; background: url('/images/icon_name.png') 6px 3px no-repeat;}
	.data_list li .name_box .date {color: #999; font-size: 14px;}
	.data_list li button {width: 38px; height: 38px; border-radius: 38px; border: 1px solid #c3c3c3; background: url('/images/icon_download.png') center center no-repeat;}
/* 	.forum_box .data_list {padding: 0 10px 10px; background: #f2f3f7;} */
/* 	.forum_box .data_list li {background: #fff;} */
/* 	.forum_box .data_list li > dl {overflow: hidden; padding-right: 60px;} */
/* 	.forum_box .data_list li > dl > dt {width: 70px; font-size: 14px;} */
/* 	.forum_box .data_list li > dl > dd {padding-left: 10px; width: calc(100% - 70px); font-size: 16px;} */
/* 	.forum_box .data_list li > dl > dd .title {padding-right: 0; margin-top: 5px;} */
/* 	.forum_box .data_list li > dl > dd .title span {padding: 5px; margin-right: 5px; font-size: 11px;} */
/* 	.forum_box .data_list li .name_box {overflow: hidden; position: relative; right: inherit; top: 0; text-align: left;} */
/* 	.forum_box .data_list li.official_line .name_box .name {padding-left: 20px;} */
/* 	.forum_box .data_list li .name_box .date {position: absolute; right: 0; top: -3px;} */
/* 	.forum_box .data_list li button {position: absolute; right: 10px; top: 50%; margin-top: -19px;} */

	/*열린소통포럼 목록*/
	.forum_box .data_list.list {width: 100%; background: #ebeef2; padding: 10px;}
	.forum_box .data_list.list li > dl {padding-right: 10px;}
	.forum_box .data_list.list li > dl > dd .title {padding-right: 0;}
	.forum_box .data_list.list li > dl > dd .title span {display: block;}
	.forum_box .data_list.list li .name_box {position: absolute; right: 20px; top: 16px; text-align: center; font-family: 'ns';}
	.forum_box .data_list.list li .name_box .name {color: #555; font-weight: 600; line-height: 20px;}
	.forum_box .data_list.list li .name_box .date {position: relative; top: 5px;}

	/*공간신청*/
	.space_room_box {width: 100%;}
	.space_room_box div.pl20 {padding-left: 0 !important;}
	.space_room_box > ul > li:nth-child(1) {width: 100%}
	.space_room_box > ul > li:nth-child(2) {width: 320px; margin-left: 20px; padding-bottom: 55px;}
	.today_schedule {width: 100%; float: none;}
	.today_schedule .month {padding: 20px;}
	.today_schedule .month > button {top:20px;}
	.today_schedule .month .btn_prev {left: 10%;}
	.today_schedule .month .btn_next {right: 10%;}
	.today_schedule .month h3 {font-size: 20px;}
	.today_schedule table.tbl_cal th {font-size: 14px;}
	.today_schedule table.tbl_cal td a {font-size: 12px;}
	.today_schedule table.tbl_cal td > a > span, .today_schedule table.tbl_cal td.new > span {top: 0; left: 2px; width: 18px; height: 18px; line-height: 18px;}
	.today_schedule .foot_box {margin-top: 5px; padding-bottom: 20px;}
	.today_schedule .footnote {top: 0;}
	.today_schedule .footnote li {float: left; margin-left:0; margin-left: 20px; font-size: 16px; font-weight: 600; padding-left: 20px;}
	.today_schedule .footnote li.color_o2:before { margin-left:-20px; }

	.today_detail.modal {z-index: 999; display: none; position: fixed; float: none; left: 0; top: 0; width: 100%; height: 100% !important; margin: 0; padding: 0 !important;}
	.today_detail.type2.modal{width:80%; height: 80% !important; left:50%; top:50%!important; transform:translate(-50%, -50%); }
	.today_detail .btn_modal {margin:4px 9px 0 0; position: fixed; z-index: 1000; height: 22px; right: 10px; display: block; padding: 0 15px; color: #fff; font-size: 12px; background: #666;}
	.prearnge_detail.modal {z-index: 999; position: fixed; float: none; left: 0; top: 0; width: 100%; height: 100% !important; margin: 0; padding: 0 !important;}
	.prearnge_detail .btn_modal {margin:4px 9px 0 0; position: fixed; z-index: 1000; height: 22px; right: 10px; display: block; padding: 0 15px; color: #fff; font-size: 12px; background: #666;}

	/*공간안내*/
	.view_box img {max-width: 100%;}
	.flexslider .view_img {width: 100%; height: auto;}
	.flexslider.slider .flex-viewport img {height: auto;}
	.flexslider.list ul.slides {overflow: hidden;}

	.archive_box .tab_box {overflow: inherit; background: none;}
	.archive_box .tab_box .tab_list {display: none;}
	.archive_box .tab_box .tab_list.tab_list_box2 {display: block;}
	.archive_box .tab_box .tab_list_m {display: block; position: relative; z-index: 999;}

	.archive_box .tab_box .tab_list_m .dropdown {width: 100% !important; height: 55px; border: 1px solid #b2b1b1; box-shadow: 1px 1px 1px #ccc;}
	.archive_box .tab_box .tab_list_m .dropdown button {width: 100%; height: 100%; font-size: 20px; font-weight: 600; text-align: left; background-image: url('/images/arrow_select_down2.png'); background-position: right 20px center; background-repeat: no-repeat;}
	.archive_box .tab_box .tab_list_m .dropdown button span {display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
	.archive_box .tab_box .tab_list_m .dropdown.open button {background-image: url('/images/arrow_select_up2.png');}
	.archive_box .tab_box .tab_list_m .dropdown button .dropdown-label {padding: 0 60px 0 20px;}
	.archive_box .tab_box .tab_list_m .dropdown .dropdown-menu {top: 54px; background: #444c53; }
	.archive_box .tab_box .tab_list_m .dropdown .dropdown-menu li {border-bottom: 1px solid #33393e; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.12);}
	.archive_box .tab_box .tab_list_m .dropdown .dropdown-menu li a {display: block; padding: 10px 20px; color: #fff;}
	.archive_box .tab_box .tab_list_m .dropdown .dropdown-menu li a:focus, .archive_box .tab_box .tab_list_m .dropdown .dropdown-menu li a:hover {background: #444c53;}
	.archive_box .tab_box .tab_list_m h3 {padding: 30px 10px; color: #065396; font-size: 28px;}

	.archive_box .tab_box .tab_list_m option {height: 55px; color: #fff; background: #444c53;}
	.archive_box .tab_box .tab_list_m option:after {padding: 10px 30px;}
	.archive_box .archive_detail, .archive_box .archive_list {width: 100%;}
	.archive_box .archive_detail .movie_box > ul > li {float: none;}
	.archive_box .archive_detail .movie_box li.movie {width: 700px; height: 392px; margin: 0 auto;}
	.archive_box .archive_detail .movie_box li.list {width: 100%; margin-top: 20px;}
	.archive_box .archive_detail .movie_box li.list .paly_list {height: 250px;}
	.archive_box .archive_detail .movie_box .movie_text {padding: 20px 10px;}
	.archive_box .archive_detail .movie_box .movie_text .play {right: 10px; bottom: 20px;}
	.archive_box .archive_list .data_list li > dl {padding-right: 10px;}
	.archive_box .archive_list .data_list li > dl > dd .title {display: block; font-size: 18px; color: #000; padding-right: 0;}
	.archive_box .archive_list .data_list li .name_box {position: relative; right: inherit; top: 0; text-align: left;}

	.movie_box > ul > li {height: auto;}
	.movie_box li.list .play_list {height: auto;}

	.budget_box > ul {padding: 15px 0;}
	.budget_box > ul > li {margin: 5px 0;}
	.budget_box > ul > li {width: calc(31.33% - 40px) !important;}
	.budget_box > ul > li.line {width: 40px !important;}
	.budget_box > ul > li:first-child, .budget_box > ul > li:nth-child(7) {margin-left: 20px;}
	.budget_box > ul > li:last-child {margin-right: 0;}

	/*회원가입*/
	.member_top li {padding-left: 0;padding-top: 35px; height: 90px;}
	.member_top li.icon1 {background-position: center 13px;}
	.member_top li.icon2 {background-position: center 18px;}
	.member_top li.icon3 {background-position: center 10px;}
	.member_top li.icon4 {background-position: center 16px;}
	.member_btn {text-align: center; margin-top: 100px;}
	.member_step2 > li {float: none; width: 100%; padding: 0 0px;}
	.member_step2 > li:nth-child(2) {margin-top: 30px; padding-top: 30px; border-left: 0; border-top: 1px solid #e4e4e4;}
	.member_step2 > li .btn_box {margin-top: 30px;}
	.member_step2 > li .btn_box button {display: block; margin: 5px auto;}
	.member_step2 > li .sns_box {display: inline-block; margin-top: 30px;}
	.member_step2 > li .sns_box li, .membership_contents .sns_box li {padding: 0 10px;}
	.member_step2 > li .sns_box li a img, .membership_contents .sns_box li a img {width: 60px;}

	.total_search_box .search_more {background: url('/images/icon_arrow3_m.png') right 20px center no-repeat #2a88d1; background-size: 7px}
	.total_search_box .search_top .search_box button {background: url('/images/icon_search2_m.png') center center no-repeat #66635e; background-size: 17px;}

	.col-lg-9 img.d_inline {width:100%;}
	.tab-pane .boardlist > ul {padding: 0;}
 	.tab-pane .board_detail { border-top: 2px solid #337dc6; padding: 0;}
 	.tab-pane .boardlist > ul { padding-left: 0px;}
 	.tab-pane .boardlist > ul > li .name {padding-left: 0;    display: flex; align-items: center;}
 	.tab-pane .boardlist > ul > li > a {display: block; padding: 15px 5px 30px;}
 	.tab-pane .boardlist > ul > li .name li:last-child {margin-right: 0; background: #ddd; padding: 5px 10px; border-radius: 20px;}
 	.tab-pane .board_detail li .name dt {font-weight: 800; margin: 0px; width:13%;}
 	.tab-pane .board_detail li .name dd {margin: 0px;     width: 35%;}
 	.tab-pane .board_detail li.name {padding: 15px 20px; border-bottom: 1px solid #e4e4e4; display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 0;}
 	.tab-pane .board_detail li .file li{ padding: 0;}
	
}
@media screen and (min-width:320px) and (max-width:784px){
	.box_type {padding: 10px; font-size: 14px;}

	.forum_box .btn_box button {width: calc(50% - 3px);}

	/*공공서비스디자인*/
	.tab_list_02{display:flex;flex-direction: column;}
	.tab_list_02 li a {font-size: 16px;padding: 5px; display: block;}
	.tab_list_02 li {width: 100%;}

	/*소개*/
	.info_box .list_type2 .f_w {display: block;}
	.info_box .line {display: none;}
	.info_box .slogan li {float: none; width: 100%; padding: 30px; text-align: center; border-bottom: 1px solid #b7b7b7; border-right:0;}
	.info_box .slogan li:last-child{padding-top: 0; border:0px;}

	/*오시는길*/
	.map_box .root_daum_roughmap .wrap_map {height: 300px !important;}
	.traffic_box li dl dt {background: none; text-align: center;}
	.traffic_box li dl dt, .traffic_box li dl dd {float: none; padding: 20px 0 0; width: 100%;}
	.traffic_box li dl dt > span {position: relative; display: inline-block; padding-top: 70px; left: inherit; transform: translateX(0); top: 0; margin-top: 0px;}
	.traffic_box li dl dd {min-height: auto;}
	.traffic_box li dl dd .bus_list {padding: 15px 0 10px;}
	.traffic_box li dl dd .bus_list li {margin-bottom: 5px;}
	.traffic_box li dl dd .bus_list li span {padding: 5px 15px; margin-right: 12px; color: #fff; border-radius: 25px;}
	.archive_box .archive_detail .movie_box li.movie {width: 420px; height: 235px;}

	.flexslider.slider .slides {width: 620px;}
	.flexslider.slider .slides .slick-track .slick-slide > div {width: 620px;}
	.flexslider.slider .slides li img {max-width: 620px; max-height: 350px;}

	/*국민생각함*/
	.think_box {background: url('/images/line_think.png') 7px 0 no-repeat; background-size: 1px 100%;}
	.think_box > li {float: none; width: 100%;}
	.think_box > li .story {height: 45px; line-height: 45px; background: #fff;}
	.think_box > li.step1 .story, .think_box > li.step2 .story {border-right: 1px solid #e4e4e4;}
	.think_box > li .story:before, .think_box > li .story:after {display: none}
	.think_box > li.active .story {border: 1px solid #f9a24d;}
	.think_box > li.step2 .list li, .think_box > li.step3 .list li {padding-left: 0;}
	.think_box > li .list.type2 li, .think_box > li .list.type3 li, .think_box > li .list.type4 li, .think_box > li .list.type5 li {float: none; width: 100%;}
	.think_box > li .list li a {display: block;}
	.think_box > li .list li .box {position: relative; padding: 0 0 20px 25px;}
	.think_box > li .list li .box span {position: absolute; left: 0; top: 0;}
	.think_box > li .list li .date {padding: 0 0 3px;}
	.think_box > li .list li p {line-height: 15px;}

	/*로그인*/
	.membership_box .tab_box .tab_list > li > a {padding: 15px 0; border-bottom: 2px solid #2a88d1;}
	.membership_box .tab_box .tab_list > li.active > a {border: 2px solid #2a88d1; border-bottom: 0;}
	.membership_box .tab_box .tab_list > li .tab-content {margin-top: 100px;}

	.membership_box {padding: 0 10px; width: 100%;}
	.membership_box .membership_contents .text_box {margin-bottom: 20px;}
	.membership_box .membership_contents fieldset.login_box {margin: 0 auto 20px; width: 100%;}
	.membership_box .membership_contents ul.login_box li {padding: 0 5px; margin-bottom: 10px;}
	.membership_box .membership_contents ul.login_box li button {padding-left: 0;}
	.membership_box .membership_contents ul.login_box li a img {width: 60px;}
	.membership_box .membership_contents fieldset.login_box.type2 {width: 100%;}
	.membership_box .membership_contents fieldset.login_box.type2 > label {width: 90px;}
	.membership_box .membership_contents fieldset.login_box.type2 > input {width: calc(100% - 90px) !important;}
	.membership_box .membership_contents fieldset.login_box.type2 .phon_box {width: calc(100% - 90px);}
	.membership_box .membership_contents fieldset.login_box.type2 .phon_box span {width: 15px;}
	.membership_box .membership_contents .login_join {margin-top: 30px;}
	.membership_box .membership_contents .result_box {margin: 0 auto 20px; padding: 0 10px; width: 100%; word-break: break-all;}
	.membership_box .membership_contents .search_btn_box {width: 100%;}
	.membership_box .membership_contents .btn_login {width: 100%;}
	.membership_box .membership_contents .btn_login.type2 {width: 100%;}
	.membership_box .membership_contents fieldset.login_box.type3 {padding: 10px 10px 0; width: 100%;}
	.membership_box .membership_contents fieldset.login_box.type3 label {float: none; width: 100%; display: block;}
	.membership_box .membership_contents fieldset.login_box.type3 input {float: none; padding: 0; width: 100%;}
	.member_pri {padding: 10px;}
	
	/*기관코드검색팝업*/
	.new-popup{height:500px;  width:calc(100% - 20px); margin:0 auto;}
	.new-popup .popup-header{height:45px;}
	.new-popup .popup-header h4{font-size:16px; height:40px; line-height:40px;}
	.new-popup .popup-content{padding:15px; overflow-y:scroll; margin-top:45px; height:403px;}
	.new-popup .popup-content .popup-title{font-size:16px;}
	.new-popup .popup-content .popup-title::before{top:-2px;}
	.new-popup .popup-content .popup-search{padding:10px;}
	.new-popup .popup-content .popup-search .popup-search-in{width:100%;}
	.new-popup .popup-content .popup-search dl{width:100%!important; padding:0;}
	.new-popup .popup-content .popup-search dl dt{display:block; width:100%; padding:5px 20px 5px; font-size:14px;}
	.new-popup .popup-content .popup-search dl dt::before{top:20px; }
	.new-popup .popup-content .popup-search dl dd{width:100%!important;  padding:5px 0; font-size:14px;}
	.new-popup .popup-content .popup-search .btn-popup-search{width:100%; position:relative; right:unset; bottom:0; margin-top:20px; text-align:center; padding-left:20px;}
	.new-popup .popup-content .popup-search .btn-popup-search:before{top:50%; left:50%; transform:translateY(-50%) translateX(-50px);}
	.popup-table table thead th{font-size:14px;}
	.popup-table table tbody td{font-size:14px;}
	
	
	/*통합검색*/
	.total_search_box .search_top {padding: 15px 10px;}
	.total_search_box .search_top .search_box {width: 100%;}
	.total_search_box .search_top dl {margin-top: 15px; padding: 15px 0 0;}
	.total_search_box .search_top dl dt {float: none;}
	.total_search_box .search_top dl dd {float: none; width: 100%;}
	.total_search_box .search_top dl dd ul li {width: 25%; height: 30px;}
	.total_search_box .search_text {margin: 30px 0 10px;}
	.total_search_box .search_choice {position: relative; float: right; margin-bottom: 10px;}
	.total_search_box h3 {padding: 0 10px;}
	.total_search_box .search_list > li {padding: 10px;}
	.total_search_box .search_list li a h4 {font-size: 16px;}
	.total_search_box .real_time_box h4 {margin-bottom: 5px; color: #000;}
	.total_search_box .real_time_box .list {padding: 15px 10px;}
	.total_search_box .real_time_box .list li {width: 25%;}
	
	 /*자료실*/
	.forum_box .data_list {overflow-y: scroll; padding-right: 0px; max-height: 550px; }
	.data_list li {padding: 15px; margin-top: 20px; border: 1px solid #c2c2c2;}
	.data_list li.official_line {border: 1px solid #2a88d1;}
	.data_list li > dl {display:flex; flex-wrap: nowrap; align-items: center;    flex-direction: column;    margin: 0;}
	.data_list li > dl > dt {width: 10%;color: #555; font-size: 14px; text-align: center; border-bottom: 1px solid #c2c2c2; border-right:none; margin-bottom: 15px;}
	.data_list li > dl > dt .d_table {width: 100%; height: 100%;}
	.data_list li > dl > .dd1 {width: 100%; font-size: 18px; font-weight: 600; font-family: 'ns'; display: flex; align-items: center; margin-left: 0px; flex-direction: column;}
	.data_list li > dl > .dd1 .title {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; padding-right: 0px;  text-align: center;}
	.data_list li > dl > .dd1 .title span {padding: 5px 10px; margin-right: 10px; color: #fff; font-size: 13px; background: #ef8803; border-radius: 30px;}
	.data_list li > dl > .dd2 { width: 10%; padding-left: 0px; margin-left: 0px; text-align: center;  margin-top: 15px;}
	.data_list li .name_box {text-align: center; font-family: 'ns'; margin: 0 auto;  display: flex;  align-items: center;  flex-direction: row;  width: 100%;  justify-content: center;}
	.data_list li .name_box .name {color: #555; font-weight: 600; line-height: 20px; }
	.data_list li.official_line .name_box .name {padding-left: 23px; background: url('/images/icon_name.png') 6px 3px no-repeat; padding-right: 10px;}
	.data_list li .name_box .date {color: #999; font-size: 14px;}
	.data_list li button {width: 30px; height: 30px; border-radius: 38px; border: 1px solid #c3c3c3; background: url(/images/icon_download.png) center center no-repeat;  background-size: 57%;}

}
@media screen and (min-width:320px) and (max-width:640px){
	/*탭메뉴*/
	.forum_box .tab_box {position: relative; width: 100%; display: block; overflow: hidden; background: url('/images/line_tab.png') 0 31px repeat-x;}
	.forum_box .tab_box .tab_list > li {display: block;}
	.forum_box .tab_box .tab_list > li > a {padding: 0 0 5px; font-size: 16px;}
	.forum_box .tab_box .tab_list > li .tab-content {margin-top: 30px;}
	.forum_box .tab_box .tab_list > li .tab-content.type2 {margin-top: 67px;}
	.forum_box .tab_box .tab_list > li .tab-content .tab-pane {display: none;}
	.forum_box .tab_box .tab_list > li.active .tab-content .tab-pane {display: block; padding: 10px;}
	.discussion_list { padding: 15px 0px 0;}
	.forum_box .summary_box {padding: 0px;}
	.forum_box .tab_box .tab_list > li.active .tab-content #tab3 {padding: 0 10px;}
    
	.content_tab_box {background: url('/images/line_tab.png') 0 49px repeat-x;  margin-top:-70px;}
	.content_tab_box .tab_list > li > a {padding: 10px 0; font-size: 18px; font-weight: 600; text-align: center;}
	.content_tab_box .tab_list li .tab-pane {margin-top: 70px;}


	.flexslider.slider .slides {width: 320px;}
	.flexslider.slider .slides .slick-track .slick-slide > div {width: 320px;}
	.flexslider.slider .slides li img {max-width: 320px; max-height: 250px;}

	.discussion_write .inpbox {float: none;}
	.discussion_write .inpbox.nickname {width: 100%; margin: 0 0 10px 0;}
	.discussion_write .inpbox.write {width: 100%;}
	.discussion_write button {right: 13px; top: inherit; bottom: 13px; }

	/*제안하기 설문투표*/
	.survey_box .survey_list {overflow: hidden; display: block; margin: 20px 0;}
	.survey_box .survey_list .question_title dt {float: none;}
	.survey_box .survey_list .question_title dd {float: none; width: 100%; padding: 10px 0 0 0;}
	.survey_box .survey_list .question_list.num li {height: auto;}
	.survey_box .survey_list .question_list > li .iradio {float: none; width: 100%; margin: 0; padding: 0 0 0 30px;}
	.survey_box .survey_list .question_list > li .text {float: none; width: 100%;}
	.survey_box .survey_list .question_list > li .question_check {float: none; width: 100%; margin: 0; padding: 0;}
	.survey_box .survey_list .question_list > li .percent {float: none; width: 100%;}
	.survey_box .survey_list .question_list > li .percent li {padding: 10px 0;}
	.survey_box .survey_list .question_list.num > li .percent li {margin: 0 0 0 -30px;}
	.survey_box .survey_list .question_list > li .percent li dl dt {padding-right: 10px; width: 80px;}
	.survey_box .survey_list .question_list > li .percent li dl dd {width: calc(100% - 80px);}

	/*참여하기*/
	.participation_box dt, .participation_box dd {float: none; min-height: auto;}
	.participation_box dt {width: 100%;}
	.participation_box dd {width: 100%; text-align: right;}
	.participation_box dd button {margin-top: 10px;}

	.budget_box > ul {padding: 10px;}
	.budget_box > ul > li {float: none; width: 100% !important;}
	.budget_box > ul > li.line {width: 100% !important; height: 30px;}
	.budget_box > ul > li.line img {padding-top: 0; transform: rotate(90deg) !important;-ms-transform: rotate(90deg) !important; -webkit-transform: rotate(90deg) !important;}
	.budget_box > ul > li:first-child, .budget_box > ul > li:nth-child(7) {margin-left: 0;}
	.budget_box > ul > li:last-child {margin-right: 0;}

	/*회원가입*/
	.member_top {margin-bottom: 20px;}
	.member_top li {display: table; padding: 0 5px; height: 55px; font-size: 13px; line-height: 18px; word-break: keep-all; background: none !important; }
	.member_top li span {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
	.member-btn-box .member-btn-log{font-size:14px; height:40px; line-height:40px;}
	.total_search_box .real_time_box .list li {width: 33.33%;}
	
	.tab-list2 { position:relative; height:50px; margin-bottom:40px; }
	.tab-list2 > li { float:left; width:33.3333%; position:relative; height:60px; }
	.tab-list2 > li > a {position: absolute; display: block; left: 0; top: -7px; right:0; padding: 15px 0; color: #999; font-size: 16px; font-weight: 600; text-align: center;}
	.tab-list2 > li.active > a {color: #2a88d1; border-bottom: 4px solid #2a88d1;}
	
	.tab-list3 { position:relative; height:50px; margin-bottom:40px; }
	.tab-list3 > li { float:left; width:25%; position:relative; height:60px; }
	.tab-list3 > li > a {position: absolute; display: block; left: 0; top: -7px; right:0; padding: 15px 0; color: #999; font-size: 16px; font-weight: 600; text-align: center;}
	.tab-list3 > li.active > a {color: #2a88d1; border-bottom: 4px solid #2a88d1;}
	
	.tab-pane .boardlist > ul > li {overflow: hidden; border-bottom: 1px solid #e4e4e4; padding: 7px 0;}
	.boardlist > ul {padding: 0;}
	.tab-pane .board_detail li .name dt {width: 20%;}
	.tab-pane .board_detail li .name dd {width: 70%;}
}

@media screen and (min-width:320px) and (max-width:480px){
	.forum_box .select_forum {padding: 10px; margin-top: 40px !important; background: #ebeef2;}
	.forum_box .select_forum select.year {width:100%; left: 50%; top: -45px; transform: translateX(-50%); height: 35px; border: 1px solid #c1c1c1;}
	.forum_box .select_forum .info {left: 10px; top: 12px; width: 50px; height: 20px; font-size: 12px; line-height: 20px;}
	.forum_box .select_forum .dropdown {height: 30px; box-shadow: 0px 1px #fff; border: 0;}
	.forum_box .select_forum .dropdown button {width: 100%; padding-bottom: 10px; font-size: 16px; background-position: right 0px top 1px; border-bottom: 1px solid #c3c5c8; background-size: 20px;}
	.forum_box .select_forum .dropdown button .dropdown-label {padding: 0 20px 0 60px;}
	.forum_box .select_forum .dropdown .dropdown-menu {top: 30px; min-width: 100%; margin-left: 0;}
	.forum_box .select_forum .dropdown .dropdown-menu li a {padding: 10px;}
	.forum_box .select_forum h3 {padding: 10px 10px 0; color: #065396; font-size: 16px;}
	.forum_box .btn_box2 {position: relative; top: auto; margin-top: 10px;}
	.forum_box .btn_box2 button {font-size: 16px; width: 100%; height: 35px;}
	.forum_box .movie_box .youtubeWrap {}
	.forum_box .movie_box > div > img {max-height: 250px;}

	.traffic_box li dl dd .bus_list li span {display: block; padding: 0; width: 60px; height: 25px; line-height: 25px; text-align: center;}

	.flexslider.list ul.slides > li {width: 100% !important; padding: 5px; float: none;}
	.archive_box .archive_detail .movie_box li.movie {width: 100%; height: 168px;}

	.space_room_box > ul {max-height: 960px;}
	.today_schedule button:nth-child(2) {width: calc(50% - 10px); margin-left: 5px;}
	.today_schedule button.write {width: 50%;}

	.member_step4 .result_box {width: 100%;}
	.membership_box .membership_contents fieldset.login_box.type2 input, .membership_box .membership_contents fieldset.login_box.type2 select {width: calc(30.33% - 13px);}
	.membership_box .membership_contents fieldset.login_box.type2 .phon_box button {margin-left: 0; width: 100%;}
	.membership_box .membership_contents fieldset.login_box.type2 .phon_box.type2 input {width: 100% !important;}

	.total_search_box .search_top dl dd ul li {width: 50%;}
	.total_search_box .real_time_box .list li {width: 50%;}
}


@media screen and (min-width:320px) and (max-width:360px){
	.forum_box .btn_box button {width: 100%; height: 40px; font-size: 16px;}
	.membership_box .membership_contents .id_search li a {padding: 0 5px;}
	.member_step4 button {margin: 0 5px; width: 130px;}
}

@keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

/* 20260824 pub update */
#header-2026 { border-bottom:1px solid #dadde6 }
#searchLoadingImg {position:absolute;left:45%;top:50%;z-index:1200;}