@charset "utf-8";

/*#header {position:relative; background:#fff; top:auto; padding:3rem 0; border-bottom:1px solid #e8e8e8; }
#header h1 a {color:#222; }
#header h1 a::before {background-position:0 100%;}
#header h1 a::after {background:#000;}
#nav .depth1 > li > a {color:#222;}
#naviOpen, #navOpen { background-position:0 100%; border:1px solid #999; }

#snav {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden; }
#snav h2 { position:relative; float:left; text-transform:uppercase; font-size:1.8rem; line-height:6rem; padding-right:6rem;}
#snav h2::before { content:''; position:absolute; top:35%; right:3rem; width:1px; height:30%; background:#ccc;}
#snav ul { float:left; }
#snav ul li {float:left; margin:0 2rem 0 0; }
#snav ul li a { position:relative; display:block; font-size:1.7rem; padding:1.75rem 0; }
#snav ul li a.on, #snav ul li a:hover {font-weight:600;}
#snav ul li a.on::before,
#snav ul li a:hover::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#111;}
#snav ul li a .blank{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap;
text-indent:-9999px; width:13px; height:13px; margin-left:4px; background:url('/Main/Images/new/ko/common/blank.png') no-repeat right center;}
@media all and (max-width:768px){
  #snav ul { margin:1.2rem 0;}
  #snav ul li {margin:0 1rem 0 0; }
  #snav ul li a {padding:0.7rem 1.5rem;}
  #snav ul li a.on::before,
  #snav ul li a:hover::before {display:none;}
  #snav ul li a.on, #snav ul li a:hover {background:#5955d9; color:#fff; border-radius:2rem;}
}
@media all and (max-width:480px){
  #snav h2 {display:none;}
}*/

#contents { padding:6rem 0; }

/*dataset*/
.dataset > * {background:#fff; padding:3rem;}
/*.dataset dl {margin-bottom:1.5rem;}*/
.dataset dl dt {font-family:'NotoSansKR', sans-serif; font-size:1.9rem; font-weight:600;}
.dataset dl dt span {font-size:1.7rem; font-weight:400;}
.dataset dl dd {overflow:hidden;}
.dataset dl dd span {color:#ea4d00;}
.dataset .cont1 {border:1px solid #2dcc99; margin-bottom:1.5rem;}
.dataset .cont1 dt {margin-bottom:1.5rem;}
.dataset .cont1 dd a {position:relative; display:block; float:left; width:16.66%; text-transform: uppercase; padding:0.2rem 1rem 0.2rem 3.5rem;}
.dataset .cont1 dd a::before {content:''; position:absolute; left:0; top:0; width:3rem; height:3rem; background:url('/Main/Images/new/data/sub/datasetIcon.png') no-repeat 0 0/auto 200%; }
.dataset .cont1 dd a.icon2::before {background-position:50% 0;}
.dataset .cont1 dd a.icon3::before {background-position:100% 0;}
.dataset .cont1 dd a.icon4::before {background-position:0 100%;}
.dataset .cont1 dd a.icon5::before {background-position:50% 100%;}
.dataset .cont1 dd a.icon6::before {background-position:100% 100%;}
.dataset .cont2 { border:1px solid #5955d9; margin-bottom:1.5rem;}
.dataset .cont2 dt {margin-bottom:1.5rem;}
.dataset .cont2 dt a { position:relative; display:inline-block; background:#5955d9; color:#fff; font-size:1.5rem; font-weight:400; padding:0.5rem 1.5rem 0.5rem 3.5rem; border-radius:2rem; margin-left:1rem; vertical-align:top;  }
.dataset .cont2 dt a::before {content:''; position:absolute; left:1.5rem; top:1rem; width:1rem; height:0.5rem; border-bottom:3px solid #fff; border-left:3px solid #fff; transform:rotate(-45deg);}
.dataset .cont2 dd a { position:relative; display:block; float:left; width:20%; padding:0.2rem 1rem 0.2rem 1.5rem;}
.dataset .cont2 dd a::before {content:''; position:absolute; left:0; top:1rem; width:3px; height:3px; border:2px solid #5955d9; border-radius:50%;}
.dataset .search { position:relative; text-align:right; }
.dataset .search h3 { position:absolute; left:0; top:0; margin:0 !important;}
.dataset .search select { font-size:1.4rem; line-height:3.5rem; height:3.5rem; border:1px solid #d1d1d1; padding: 0 30px 0 1rem;}
.dataset .search .input {border:1px solid #212045; overflow:hidden; margin:2rem 0 3rem; }
.dataset .search .input input {float:left; width:calc(100% - 6rem); height:6rem; line-height:6rem; padding:0 1rem; border:0;}
.dataset .search .input a { display:block; float:right; width:6rem; height:6rem; background:#212045 url('/Main/Images/new/data/sub/searchIcon.png') no-repeat center; text-align:left; text-indent:-9999px;}
.dataset .list {border-top:3px solid #212045; margin:2rem 0 4rem;}
.dataset .list a {display:block; padding:2rem; border-bottom:1px solid #d4d4d4; overflow:hidden;}
.dataset .list a:hover { background:#edf2f6; }
.dataset .list a div { margin-bottom:1.5rem; }
.dataset .list a div span {display:inline-block; color:#fff; background:#35388c; border:1px solid #35388c; font-size:1.4rem; padding:0.3rem 1rem; text-transform:uppercase; margin-right:0.5rem; border-radius:0.6rem;}
.dataset .list a div span.type {color:#fff; background:#0b855e; border:1px solid #0b855e;}
.dataset .list a div p {display:inline-block; font-size:1.7rem;font-weight:600;}
.dataset .list a > p { float:left; margin-right:4rem; font-size:1.5rem;}
.dataset .list a > p strong {margin-right:2rem;}
@media all and (max-width:1023px){
  .dataset .cont1 dd a, .dataset .cont2 dd a {width:33.33%;}
  .dataset .cont1 dd a:nth-child(3n+1), .dataset .cont2 dd a:nth-child(3n+1) {clear:both;}
}
@media all and (max-width:768px){
  .dataset .cont1 dd a, .dataset .cont2 dd a {width:50%;}
  .dataset .cont1 dd a:nth-child(3n+1), .dataset .cont2 dd a:nth-child(3n+1) {clear:none;}
  .dataset .cont1 dd a:nth-child(2n+1), .dataset .cont2 dd a:nth-child(2n+1) {clear:both;}
  .dataset .list a div p {display:block; margin:1rem 0 0;}
}
@media all and (max-width:480px){
  .dataset .search {text-align:left;}
  .dataset .search h3 {position:relative; }
  .dataset .search .input{margin:1rem 0 3rem;}
  .dataset .search select{margin:1rem 0 0 0;}
  .dataset .list a {padding:2rem 0;}
  .title_wrap .total span{display:block;}
  .dataset > * {background:#fff; padding:2rem;}

}

.paging {text-align:center;}
.paging a {display:inline-block; border:1px solid #eee; padding:0 0.5rem; min-width:3rem; line-height:3rem; font-size:1.4rem; color:#666; margin:0.2rem;}
.paging a.on, .paging a:hover {background:#212045; color:#fff;}

.title_wrap {position:relative;}
.title_wrap .total {font-weight:600; font-family:"NotoSansKR", sans-serif; font-size:2rem; color:#2e2957;}
.title_wrap .total span {font-weight:normal; font-size:1.7rem; color:#222;}
.title_wrap .total strong {font-weight:normal; color:#ea4d00;}
.title_wrap .more {position:absolute; right:0; top:0.2rem;}



.charter {padding:0.5rem; background: rgb(193,128,46);
background: linear-gradient(-120deg, rgba(193,128,46,1) 0%, rgba(217,158,61,1) 35%, rgba(238,198,96,1) 70%, rgba(246,223,128,1) 100%);}
.charter > div {position:relative; padding:5rem 7rem; background:#fff;}
.charter > div .obj {position:absolute; display:block; width:60px; height:59px; background:url('/Main/Images/new/data/sub/charter_02.png') no-repeat;}
.charter > div .obj.topL {top:-0.5rem; left:-0.5rem; background-position:0 0;}
.charter > div .obj.topR {top:-0.5rem; right:-0.5rem; background-position:-60px 0;}
.charter > div .obj.btmL {bottom:-0.5rem; left:-0.5rem; background-position:0 -59px;}
.charter > div .obj.btmR {bottom:-0.5rem; right:-0.5rem; background-position:-60px -59px;}
.charter > div .title {font-weight:600; font-size:3.5rem; letter-spacing:-1.7px; text-align:center;}
.charter > div .emp {position:relative; margin:4.5rem 0 0 0; padding:4.5rem 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font-weight:500;}
.charter > div .emp:before,
.charter > div .emp:after {content:''; position:absolute; left:50%; width:49px; height:33px; margin-left:-25px; background:url('/Main/Images/new/data/sub/charter_01.gif') no-repeat;}
.charter > div .emp:before {top:-16.5px;}
.charter > div .emp:after {bottom:-16.5px; background-position-y:-33px;}
.charter > div .emp p {letter-spacing:-1px;}
.charter > div .list {padding:2rem 0;}
.charter > div .list li {margin:2.5rem 0;}
.charter > div .list li:last-child {margin-bottom:0;}
@media all and (max-width:1023px) {
    .charter > div {padding:5rem 3rem;}
    .charter > div .obj {width:50px; height:49px; background-size:100px;}
    .charter > div .obj.topR {background-position:-50px 0;}
    .charter > div .obj.btmL {background-position:0 -49px;}
    .charter > div .obj.btmR {background-position:-50px -49px;}
}
@media all and (max-width:768px) {
    .charter > div .title {font-size:3rem;}
}


.ul_dept1 {margin:0.5rem 0 0.5rem 1.5rem;}
.ul_dept1 > li {position:relative; margin:1rem 0; padding-left:1.5rem;}
.ul_dept1 > li:before {content:''; position:absolute; top:0.7rem; left:0; width:3px; height:3px; border:2px solid #5955d9; border-radius:50%;}
.ul_dept2 {margin:1rem 0 1.5rem 0.6rem;}
.ul_dept2 > li {position:relative; margin:0.5rem 0; padding-left:1.5rem; color:#666;}
.ul_dept2 > li:before {content:''; position:absolute; top:1.1rem; left:0; width:6px; height:2px; background:#9e9e9e;}

.ol_dept1 {margin:0.5rem 0 0.5rem 1.5rem; list-style:none;}
.ol_dept1 > li {position:relative; margin:1rem 0; padding-left:2rem;}
.ol_dept1 > li span:first-of-type {position:absolute; left:0;}
.ol_dept2 {margin:1rem 0 1.5rem 0.6rem; list-style:none;}
.ol_dept2 > li {position:relative; margin:0.5rem 0; padding-left:2.3rem;}
.ol_dept2 > li span:first-of-type {position:absolute; left:0;}

.point {margin-bottom:1.5rem; padding:1rem 1.5rem; color:#1f1ab7; background:#f0f3f8; text-align:center; font-family:'NotoSansKR', sans-serif; font-size:1.7rem;}

.table_wrap {overflow-x:auto; margin-top:15px;}
.table_style {border-collapse:separate; border-top:2px solid #4b4b4b; margin-left:-1px; width:100%; }
.table_style thead th {background:#f5f5f5; padding:15px 10px; border-left:1px solid #c4c4c4 !important; border-bottom:1px solid #c4c4c4 !important; text-align:center; font-weight:600; border:none;}
.table_style tbody th {background:#fafafa; font-weight:600;}
.table_style th {font-size:1.05em;}
.table_style tbody td, .table_style tfoot td {background:#fff;}
.table_style tbody th, .table_style tbody td {border-left:1px solid #d4d4d4 !important; border-bottom:1px solid #d4d4d4 !important; text-align:center; padding:12px 1%; word-break:break-all; border:none;}
.scroll_txt {display:none;}
@media all and (max-width:768px){
	.scroll_tb {position:relative;}
	.table_style.scroll {width:768px; position:relative;}
	.scroll_txt {display:block; background:url('/Main/Images/new/ko/contents/scroll_txt.png') no-repeat 5px center; padding-left:30px;}
	.scroll_txt ~ .table_wrap {margin-top:10px;}
}


.guide_box dl {padding:3rem 4rem 3rem 25rem; border:none; background:url('/Main/Images/new/data/sub/box_bg1.png') no-repeat 3rem center #f0f3f8;}
.guide_box.survey dl {background:url('/Main/Images/new/data/sub/top_box_sul.png') no-repeat 3rem center #f0f3f8; margin-bottom:3rem;}
.guide_box dt {font-size:2.2rem !important; font-weight:600;}

@media all and (max-width:768px){
	.guide_box dl {padding:3rem 4rem; background-image:none;}
	.guide_box.survey dl {background-image:none;}
}

@media all and (max-width:480px){
	.guide_box {padding:0;}
	.guide_box dl {padding:30rem 2rem 2rem 2rem; border:none; background:url('/Main/Images/new/data/sub/box_bg1.png') no-repeat center 1.5rem #f0f3f8;}
	.guide_box.survey dl {padding:27rem 2rem 2rem 2rem; background:url('/Main/Images/new/data/sub/top_box_sul.png') no-repeat center 1.5rem #f0f3f8;}
}


.btn_style_wrap {margin:2rem 0;}
.btn_style_wrap_li {margin-top:0.7rem;}
.btn_style {display:inline-block; overflow:hidden; margin:0.2rem; background:#5955d9; color:#fff !important; text-transform:uppercase; font-size:1.5rem; /*font-weight:600;*/ border-radius:0.6rem;}
.btn_style span {display:inline-block; position:relative; padding:0.9rem 5.3rem 0.9rem 1.3rem;}
.btn_style span:before {content:''; position:absolute; top:0; right:0; width:4rem; height:100%; background:url('/Main/Images/new/data/sub/btn_sprh.png') no-repeat center/300% auto;}
.btn_style.down span:before {background-position:0 0;}
.btn_style.view span:before {background-position:50% 0;}
.btn_style.blank span:before {background-position:100% 0;}
.btn_style:hover {/*background-color:#212045;*/ color:#fff;}
a.text_blank, a.text_link, a.list_link {background:url('../img/common/blank_b.png') no-repeat right center; padding-right:1.7rem; color:#fff;}
a.text_blank:hover, a.text_link:hover, a.list_link:hover {color:#fff; text-decoration:underline;}


.bod_topheader {display:none;}

.cont3 h3{margin:50px 0 10px 5px;}
.cont3 h4{margin-left:15px;}

.bbsWrite input[type=text], input[type=password] {border:none; border-bottom:1px solid #d8d8d8 !important; width:50% !important;}

/*¼³¹®Á¶»ç*/
.btnArea{text-align:center;margin:30px 0 0 0;}
.btnArea .blue{background:#5955d9;color:#fff;border:none;}
.btnArea .lg{height:4.1rem;font-size:1.5rem;border-radius:5rem;}
.btnArea .btn{width: 100px;display:inline-flex;justify-content:center;align-items:center;margin:0 0.3rem;padding:0 1rem;border-radius:0.6rem;}
.sul_title{background:#f0f3f8 url('/Main/Images/new/data/sub/top_box_sul.png') no-repeat 50px center;text-align:left;font-size:20px;font-weight:700; overflow:hidden;border:0px solid #e7ebf4;padding:20px; padding: 4rem 4rem 4rem 25rem;margin-bottom:50px;}
.poll_content{font-weight:normal;font-size:15px;padding:20px 0 0; }
.poll_q_wrap {font-weight:600; background:#f0f3f8; padding:10px 15px; font-size:1.1em;}
@media all and (max-width:768px){
	.sul_title{background:none; background:#f0f3f8; padding-left:25px; margin-bottom:50px;}
}
.poll_02 {overflow:hidden; padding:20px; margin-bottom:30px;}
.poll_02 li {position:relative; float:left; width:48%; padding-left:3rem; margin:5px 0;}
.poll_02 li span {position:absolute; left:0;}
.poll_03 {overflow:hidden; padding:20px; margin-bottom:30px;}
.poll_03 li {position:relative; float:left; width:33%; padding-left:3rem; margin:5px 0;}
.poll_03 li span {position:absolute; left:0;}
@media all and (max-width:860px){
	.poll_02 li{float:none; width:100%;}
}
@media all and (max-width:560px){
	.poll_02, .poll_03 {padding:20px 0;}
	.poll_02 li{float:none; width:100%;}
	.poll_03 li{width:50%;}
}
label{display:inline !important; font-size:1.08em;}
input[type=checkbox], input[type=radio]{vertical-align:middle; width:18px; height:18px; margin:0;}
textarea {word-wrap:break-word; font-family:"NotoSansKR", sans-serif; margin-top:30px;}