@charset "utf-8";

/*서브 메뉴*/
#content .side_lnb_box {display: none;}
#content .sub_tit_bg {width: 100%; height: 170px; background: url('/ko/img/main/top_bg.jpg'); position: absolute; /*top:130px; left:0;*/}
#content .sub_tit_bg .logo_warp {width: 1200px; margin: 0 auto;}
#content .sub_tit_bg .tit_logo {width: 536px; height: 170px; background: url('/ko/img/sub/sub_sj2.png') no-repeat 60% center; float: right; margin-right: 17px; opacity:0.5;}
#container {width: 1200px; margin: 0 auto; padding-top:40px; position: relative; z-index: 10;}
#snb_snb01 {float: left; width: 220px; }
#snb_snb01 .tit_01 {height: 130px; background: url('/ko/img/sub/sub_tit_bg.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_01 h2 {font-size: 28px; line-height: 50px;}
#snb_snb01 .tit_01 .s_title {font-size: 11px; font-weight: 200; text-transform: uppercase;}
.snb_snb02 .depth01 > li {width: 220px; border: 1px solid #ddd; margin-bottom: 5px;}
.snb_snb02 .depth01 > li > a {display: block; width: 219px; height: 43px; line-height: 43px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color: #666; font-size: 15px; letter-spacing:-0.07em; font-weight: 400; padding: 0 20px;}
.snb_snb02 .depth01 > li > a.more { padding: 0 40px 0 20px; background: url('/ko/img/sub/nav_plus.png') no-repeat 184px center;}
.snb_snb02 .depth01 > li > a:hover {text-decoration: underline;}
.snb_snb02 .depth01 > li > a[target="_blank"] { background: url('/ko/img/sub/snb_blank.png') no-repeat 184px center !important;}
.snb_snb02 .depth01 .depth02 {padding: 12px 0; background: #ededed; display: none;}
.snb_snb02 .depth01 .depth02 li {padding:7px 10px 7px 30px; background: url('/ko/img/sub/nav_arrow.png') no-repeat 15px 14px;}
.snb_snb02 .depth01 .depth02 li a {color:#444; font-size: 15px; line-height:20px; letter-spacing:-1px;}
.snb_snb02 .depth01 .depth02 li a[target="_blank"] { padding-right: 18px; background: url('/ko/img/sub/ico_blank.png') no-repeat right 2px !important;}
.snb_snb02 .depth01 .depth02 li.on a,.snb_snb02 .depth01 .depth02 li a:hover {font-weight: 600; border-bottom: 1px solid #444;}
.snb_snb02 .depth01 > li.on > a {background: #555 url('/ko/img/sub/nav_on.png') no-repeat right center; color:#fff; padding-right: 20px;}
.snb_snb02 .depth01 > li.on > a[target="_blank"] {color:#666;}
.snb_snb02 .depth01 > li.on > .depth02 {display: block;}
@media all and (max-width:1023px){
	#content .sub_tit_bg .tit_logo  {display:none;}
}

/*서브_컨텐츠_타이틀_공통*/
#sub_cont_warp {width: 980px; float: right;}
.sub_tit {width: 100%; overflow: hidden; background: url('/ko/img/sub/tit_bg.png'); padding: 30px 40px 20px 40px;}
.sub_tit .page_tit {font-size: 32px; padding-bottom: 20px;}
.sub_tit .location_area ul {float: left;}
.sub_tit .location_area ul li {float: left;}
.sub_tit .location_area .location li {margin-right: 15px; font-size: 15px;}
.sub_tit .location_area .location li a {text-decoration: underline;}
.sub_tit .location_area .location li span { background: url('/ko/img/sub/ico_arrow.png') no-repeat left center; padding-left: 20px;}
.sub_tit .location_area .location li.on {font-weight: 600;}
.sub_tit .location_area .util {float: right;}
.sub_tit .location_area .util li {margin-left: 5px;}

a.open_inf { display:inline-block; font-size:11px; color:#555; border:1px solid #ccc; padding:5px; background:#fff; margin-left:10px; background:#fff; border-radius:3px;}
a.open_inf span { background:#fff url('/ko/img/sub/open_inf.gif') no-repeat left 1px; padding-left:15px;}

.sub_tab2 {border:1px solid #ddd; background:#f5f5f5; padding:15px 30px; margin-bottom:30px;}
.sub_tab2 ul {overflow:hidden;}
.sub_tab2 ul li { float: left; background:url('/ko/img/sub/tab02_dot.gif') no-repeat left 5px; padding-left:10px; width:25%; font-size:13px; letter-spacing:-0.08em !important; line-height:16px; margin:5px 0;}
.sub_tab2 ul li a { color:#666; }
.sub_tab2 ul li.on a { color:#0066b3; text-decoration: underline;}
.sub_tab2 ul li a:hover { color:#0066b3; text-decoration: underline;}
.sub_tab2 ul li a[target="_blank"] { background:url('/ko/img/sub/ico_blank.png') no-repeat right 2px; padding-right:15px;}
.sub_tab2 ul li.on a[target="_blank"], .sub_tab2 ul li a[target="_blank"]:hover { background:url('/ko/img/sub/ico_blank_b.png') no-repeat right 2px; padding-right:15px; text-decoration: underline;}

.sub_tab3 {overflow:hidden; border:1px solid #0066b3; background:#fff; padding:15px 20px; margin-bottom:30px;}
.sub_tab3 a { float:left; font-size:13px; color:#444; padding:0 15px; background:url('/ko/img/sub/dash_line.gif') no-repeat center right;}
.sub_tab3 a.on,
.sub_tab3 a:hover {font-weight:600; color:#0066b3; font-weight:600; text-decoration:underline;}


/*서브_컨텐츠_본문_공통*/
#sub_cont {padding: 23px 0 40px 40px; color:#555555; line-height: 25px; font-size: 15px;}
#sub_cont h3.hidden {display:none;}
#sub_cont .h4 {font-size: 20px; font-weight: 600; color:#222222; background: url('/ko/img/sub/ico_tit.png') no-repeat left 5px; padding-left: 30px; margin: 20px 0;}
#sub_cont > .h4:first-child {margin-top:0;}
#sub_cont .h5 {font-size: 18px; font-weight: 600; color:#1077c4; background: url('/ko/img/sub/h5_bl.jpg') no-repeat left 4px; padding-left: 25px; margin-left: 10px; margin-top: 20px;}
/*#sub_cont > .h5 {margin-top:0;}*/
.h5_ul {margin-left: 20px;}
.h5_ul > li {margin-top: 10px; font-size: 15px; color:#555555; font-weight: 400; background: url('/ko/img/sub/ico_bl02.png') no-repeat left 11px; padding-left: 10px;}
/*
.h5_ul li p {font-size: 15px; color:#555555; font-weight: 400; background: url('/ko/img/sub/ico_bl02.png') no-repeat left 11px; padding-left: 10px;}
*/
.h6_ul {margin:7px 0 0 7px;}
.h6_ul li {font-size: 14px; color:#555555; padding-left: 10px; background: url('/ko/img/sub/ico_bl03.png') no-repeat left 10px; margin-left: 10px; font-weight: 400;}
.h6_ul li span {font-weight: 600;}
.h6_ul li ul li {background: none; padding-left: 0; margin-left: 0;}

.h6_ul_ul {margin:2px 0 8px 5px;}
.h6_ul_ul li {position:relative; padding-left:13px !important; font-size:13px; line-height:1.7;}
.h6_ul_ul li:before {content:''; position:absolute; top:10px; left:0; width:6px; height:1px; background:#555555;}
.tb1_st1 td.taL .h6_ul {margin-left:0;}
.tb1_st1 td.taL .h6_ul li {margin-left:0;}

.t_left{text-align:left;}

#sub_cont .iframe {border:0; margin:0; width:100%; height:1150px; overflow:scroll;}
a.link span {padding-right:19px; background:url('/ko/img/sub/snb_blank.png') no-repeat right center;}

/*서브_박스*__box넓이높이값에따라 포인트가하단에 고정됨*/
.box {position: relative; border: 2px solid #dddddd;}
.box::after {content:''; position:absolute; right:-2px; bottom:-2px; width:100px; height:70px; border-right:2px solid #0066B3; border-bottom:2px solid #0066B3; }
.box .border_point { display:none; position: absolute; right: -2px; bottom: -2px; background: url('/ko/img/sub/border_point.png'); width: 100px; height: 70px; z-index: 10;}
.box1 {padding: 20px 40px; margin-bottom: 30px;}
.box1 div {overflow: hidden;}
.box1 div img {float: left;}
.box1 div dl {margin-left: 150px; margin-top: 10px;}
.box1 div dl dt {font-size: 20px; color:#0066b3; font-weight: 600; margin-bottom: 10px;}
.half_box {overflow:hidden;}
.half_box > div {float:left; width:49%; margin-left:2%;}
.half_box > div:first-child {margin-left:0;}
.third_box {overflow:hidden;}
.third_box > div {float:left; width:31.5%; margin-left:1%;}
.third_box > div:first-child {margin-left:0;}

/*파일다운로드받기아이콘*/
.file_down {display: inline-block;height: 46px; border: 1px solid #ddd; border-radius: 5px;margin:0 20px 0 0; line-height: 45px; font-weight: 600; background: #ededed url('/ko/img/sub/ico_file.png') no-repeat 20px center !important; padding: 0 20px 0 55px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.ai_down {display: inline-block; width: 138px; height: 46px; border: 1px solid #ddd; border-radius: 5px;margin:0 20px 0 0; line-height: 45px; font-weight: 600; background: #ededed url('/ko/img/sub/ico_ai.png') no-repeat 20px center; padding-left: 55px;}
.saeol_down {display: inline-block;height: 46px; border: 1px solid #ddd; border-radius: 5px;margin:0 20px 0 0; line-height: 45px; font-weight: 600; background: #ededed url('/ko/img/sub/saeol.png') no-repeat 20px center; padding: 0 20px 0 55px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.gb_down {display: inline-block;height: 46px; border: 1px solid #ddd; border-radius: 5px;margin:0 20px 0 0; line-height: 45px; font-weight: 600; background: #ededed url('/ko/img/sub/gb_icon.gif') no-repeat 20px center; padding: 0 20px 0 65px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.pdf {display: inline-block;height: 46px; border: 1px solid #ddd; border-radius: 5px;margin:0 20px 0 0; line-height: 45px; font-weight: 600; background: #ededed url('/ko/img/sub/pdf.png') no-repeat 20px center; padding: 0 20px 0 55px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.hwp {display: inline-block;height: 46px; border: 1px solid #ddd; border-radius: 5px;margin:0 20px 0 0; margin-left:10px; line-height: 45px; font-weight: 600; background: #ededed url('/ko/img/sub/hwp.png') no-repeat 20px center; padding: 0 20px 0 55px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

.update_info {text-align:right; font-size:13px; margin:0 5px 10px 0;}
.update_info span {display:inline-block; background:url('/ko/img/sub/update_img.gif') no-repeat left 9px; padding-left:16px;}

/*평가하기*/
.cont_foot {margin-top: 40px;}
.cont_foot .top { border: 1px solid #ccc; background: #f3f3f3; text-align:center; padding:10px 10px 2px;}
.cont_foot .top div { display:inline-block;}
.cont_foot .top div a { display:inline-flex; align-items:center; font-size:14px;}
.cont_foot .top div img{ margin-right:15px; }
.cont_foot .info {border: 1px solid #ccc; margin-top: 5px;}
.cont_foot .info .info_line {padding: 7px 20px; overflow: hidden;}
.cont_foot .info dl {float: left; color:#303030; line-height: 17px; padding: 5px 0;}
.cont_foot .info dl dt {float: left; padding:0px 20px 0px 20px;background: url('/ko/img/sub/foot_ico01.png') no-repeat left center; font-weight: 800; font-size: 14px; border-right: 1px solid #cccccc;}
.cont_foot .info dl dd {float: left; padding-left: 20px; font-weight: 400; font-size: 14px;}
.cont_foot .info .info_line01 {border-bottom: 1px dashed #ccc;}
.cont_foot .info .info_line01 .click {float: right;}
.cont_foot .info .info_line01 .click a {
    display: block; float:left;
    background: #ebebeb; /* Old browsers */
    background: -webkit-linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    background: -o-linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    background: linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    width: 108px; height: 28px; border-radius: 5px; border: 1px solid #bfbfbf; font-weight: 600; text-align: center; line-height: 26px; font-size: 13px;}
.cont_foot .info .info_line01 .click a.top02 {
    display: block; float: left;
    background: #6c6c6c; /* Old browsers */
    background: -webkit-linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    background: -o-linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    background: linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    width: 59px; height: 28px;  padding-left:10px; border-radius: 5px; border: 1px solid #bfbfbf;
    font-weight: 600; line-height: 26px; font-size: 13px; color:#fff; text-transform: uppercase;margin-left: 5px; cursor: pointer;
}
.cont_foot .info .info_line01 .click a.top02 img {margin: 0 0 3px 7px;}
.cont_foot .info .info_line02 dl dd {font-size: 14px;}
.cont_foot .info .info_line02 form {float: right; font-size: 13px;}
.cont_foot .info .info_line02 form ul {float: left;}
.cont_foot .info .info_line02 form ul li {float: left; line-height: 27px; margin-right: 10px;}
.cont_foot .info .info_line02 form ul li label {padding-left: 5px;}
.cont_foot .info .info_line02 form .regBtn {
    float: left; width: 58px; height: 28px; border-radius: 5px; border: 1px solid #004e89; color:#fff; font-weight: 600; font-size: 13px; padding-bottom: 5px;
    background: #0066b3; /* Old browsers */
    background: -webkit-linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
    background: -o-linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
    background: linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
}


/*서브탭-공통*/
.sub_tab {margin-bottom: 40px;}
.sub_tab ul {overflow: hidden;}
.sub_tab ul li {float: left; width:25%; padding:3px;}
.sub_tab ul li a {display:flex; align-items:center; height: 46px; line-height:1.3; border: 1px solid #ddd; padding-left: 15px; background: url('/ko/img/sub/tab01_ico.png') no-repeat 95% center; cursor: pointer; font-size: 14px; letter-spacing:-0.07em; margin-left: -1px; padding-right: 35px;}
.sub_tab ul li.on a,  .sub_tab ul li:hover a {background: #0066b3 url('/ko/img/sub/tab02_ico.png') no-repeat 95% center; color:#fff; border: 1px solid #0066b3; text-decoration:underline;}
.sub_tab ul li a[target="_blank"] { background:url('/ko/img/sub/snb_blank.png') no-repeat 93% center !important; }
.sub_tab ul li.on a[target="_blank"], .sub_tab ul li a[target="_blank"]:hover { background: #0066b3 url('/ko/img/sub/snb_blank_w.png') no-repeat 93% center !important;  text-decoration:underline;}


/*테이블_스타일01*/
.tb1_st1 {width: 100%; border-top: 2px solid #555; /* border-bottom: 1px solid #ccc; */ text-align: center; font-size: 15px; color:#555; margin-left:-1px;}
.tb1_st1 thead {background: #f3f3f3;}
.tb1_st1 thead tr th {font-weight: 600; color: #555; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 10px 5px;}
.tb1_st1 tbody tr th {font-weight: 600; color: #555; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 10px 5px; background: #f3f3f3;}
.tb1_st1 tbody tr td {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 10px 15px; font-weight: 400; background:#fff;}
.tb1_st1 .last {border-right: 0;}

.tb1_st1 tbody tr td ul.h5_ul {margin-left:0;}
.tb1_st1 tbody tr td ul.h5_ul li {margin-top:0;}

.tb1_st3 {width: 100%; border-top: 2px solid #555; /* border-bottom: 1px solid #ccc; */ text-align: center; font-size: 15px; color:#555; margin-left:-1px;}
.tb1_st3 thead {background: #f3f3f3;}
.tb1_st3 thead tr th {font-weight: 600; color: #555; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 10px 5px;}
.tb1_st3 tbody tr th {font-weight: 600; color: #555; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 10px 5px; background: #f3f3f3;}
.tb1_st3 tbody tr td {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px 10px; font-weight: 400;}
.tb1_st3 .last {border-right: 0;}
.tb1_st3 .file_down {margin-right:0; height:30px; line-height:30px;}

/*테이블_스타일02*/
.tb_wrap {overflow-x: auto; margin-top: 10px;}
.tb1_st1 .tb1_st2 tr th {background: #f3f3f3; border-right: 1px solid #ccc; border-bottom:  1px solid #ccc; font-weight: 600; color:#555; padding: 10px 5px;}
.tb1_st1 .tb1_st2 tr td {text-align: left; padding: 10px 5px 10px 15px; vertical-align: top;}
.tb1_st1 .tb1_st2 tr td span {font-weight: 600;}
.tb1_st2 .tb_list > li {background: url('/ko/img/sub/ico_bl02.png') no-repeat left 11px; padding-left: 10px;}
.tb1_st2 .tb_list02 li {background: url('/ko/img/sub/ico_bl03.png') no-repeat left 11px; padding-left: 7px;}
.bg_green {background:#d3dfe9;}
.bg_green_bar {position:relative; padding-left:40px; margin-top:10px;}
.bg_green_bar::before {content:''; display:block; position:absolute; left:0; top:8px; width:30px; height:10px; background:#d3dfe9;}

/* 조직도 테이블 */
.tbl_dept {table-layout:fixed !important; word-break:normal !important; line-height:1.3;}

/*박스스타일*/
.sub_box {border:1px solid #ddd; background:#f5f5f5; padding:15px 30px; margin-bottom:30px;}
.sub_box02 {border:1px solid #dae2e9; background:#f3f8fc; padding:15px 30px; margin-bottom:30px;}

/*이미지100%*/
.img100 {max-width: 100%;}

/* 1024px */
@media all and (min-width:1024px){
  #content .sub_tit_bg { min-width:1240px; }
}

/*태블릿*/
@media all and (max-width:1023px){
  /*서브_상단,공통*/
  #snb_snb01 {display: none;}
  #content .side_lnb_box {display: block; background: #fff; padding-bottom: 22px;}
  #content .sub_tit_bg {height: 155px; /*top:174px;*/}
  #content .sub_tit_bg .logo_warp {width: 100%;}
  #container {width: 100%; padding: 10px 10px; margin: 0;}
  #sub_cont_warp {width: 100%;}
  #sub_cont {padding: 20px;}
  .sub_tab2 {padding: 15px;}
  .sub_tab2 ul li {margin: 1%; width: 48%;}
  .sub_tit {padding: 33px 40px 25px 40px;}
  .sub_tit .location_area {overflow: hidden;}
  .sub_tit .location_area .location li {margin-top: 10px;}
  /*평가하기_공통*/
  .cont_foot {width: 100%;}
  .cont_foot .top {width: 100%;}
  .cont_foot .info {width: 100%;}
}
@media all and (max-width:900px) {
  /*.sub_tab ul {border-top:1px solid #dddddd;}*/
  /*.sub_tab ul li {width: 50%; border: 1px solid #dddddd; margin-top:-1px;}*/
  /*.sub_tab ul li, .sub_tab ul li.on, .sub_tab ul li:hover {background-position: 94% center;}*/

  .cont_foot .info dl {float: none;}

  .cont_foot .info .info_line01 .click {float: none; padding: 40px 0px;}
  .cont_foot .info .info_line02 form {float: none; padding: 40px 0 10px;}

}

@media all and (max-width:768px) {
  .sub_tab ul li { width:33.3%; }
}
@media all and (max-width:700px) {
  .sub_tit{padding: 18px 30px 25px 30px;}
}


@media all and (max-width:630px) {
  .sub_tab ul li {width: 50%; font-size:13px;}
  #content .sub_tit_bg {height: 191px;}
  .sub_tit .page_tit {font-size: 28px;}
  .sub_tit .location_area ul {width: 100%;}
  .sub_tit .location_area .util {float: left; margin-top: 7px;}
  .sub_tit .location_area .util li {margin-right: 5px; margin-left: 0;}
}

/*모바일*/
@media all and (max-width:480px) {
  .sub_tab2 ul li {width: 100%;}
  .sub_tit .location_area .util{margin-top: 12px;}
  .sub_tit .page_tit{font-size: 24px; padding-bottom: 5px; }
  /*상단_슬로건박스*/
  .box1 {padding: 20px;}
  .box1 div img {display: none;}
  .box1 div dl {margin-left: 0; margin-top: 0;}
  /*평가하기*/
  .cont_foot .top p {margin: 10px 0 0 0;}
  .cont_foot .info .info_line {padding: 7px 7px;}
  .cont_foot .info .info_line02 dl dd {font-size: 12px;}
  .half_box > div {width:100%; margin-left:0;}
  .third_box > div {width:100%; margin-left:0;}
}
@media all and (max-width:400px) {
  .sub_tab ul li {width: 100%;}
}



@media all and (max-width:380px) {
  /*서브_상단,공통*/
  #content .sub_tit_bg {height: 186px;}
  .sub_tit {padding: 15px;  height: 180px;}
  .sub_tit .page_tit {font-size: 24px; padding-bottom: 10px;}
  .sub_tit .location_area .util {top:88px;}
  /*평가하기*/
  .cont_foot .top div {margin-left: 0;}
  .cont_foot .top p {width: 100%; margin: 10px 0 0 0;}
  .cont_foot .info dl dt {border: 0;}
  .cont_foot .info dl dd {margin-top: 5px;}
  .cont_foot .info .info_line02 form {padding: 63px 0 10px;}
}


/*팝업_서브*/
.sub_tab03 ul {overflow: hidden; border-left: 1px solid #ddd;}
.sub_tab03 ul li a {float: left; width:25%; height: 46px; border: 1px solid #ddd; line-height: 46px; padding-left: 15px; background: url('/ko/img/sub/tab01_ico.png') no-repeat 95% center; cursor: pointer; font-size: 14px; letter-spacing:-0.07em; margin-left: -1px;}
.sub_tab03 ul li.on a { background:#0066b3 url('/ko/img/sub/tab02_ico.png') no-repeat 95% center; color:#fff; text-decoration:underline;}
.sub_tab03 ul li a:hover { background:#0066b3 url('/ko/img/sub/tab02_ico.png') no-repeat 95% center; color:#fff; text-decoration:underline;}
.sub_popUp .tb_wrap table tbody tr td li.popCont_tit {background: url('/ko/img/sub/popCont_tit.png') no-repeat left 5px;}
.sub_popUp .pop_header {background: #555;padding: 10px 20px;}
.sub_popUp .pop_header h1 {font-size: 17px; font-weight: 500; color:#fff; padding:5px 30px; background: url(/ko/img/sub/pop_tit.png) no-repeat left center;}
.sub_popUp .pop_contWrap { padding: 20px;}


@media all and (max-width:380px) {
  .sub_tab03 ul li a {width: 33.6%; margin-top: -1px;}
  .sub_tab03 ul li:nth-child(1) a, .sub_tab03 ul li:nth-child(2) a,.sub_tab03 ul li:nth-child(3) a,.sub_tab03 ul li:nth-child(4) a {border-top: 2px solid #ddd;}
}

.div01 {overflow:hidden; width:100%;}
.div01 li {width:auto;}
.div01 li img {width:auto; max-width:100%;}

.div02 {overflow:hidden; width:100%;}
.div02 li {width:49%; margin-left:1%; float:left; text-align: center;}
.div02 li:first-child {margin-left:0;}
.div02 li img {display:block; margin:0 auto;}
@media all and (max-width:768px){
  .div02 li {width:100%;}
}

.icon_tab {margin-bottom:30px;}
.icon_tab ul {box-sizing:border-box; border:1px solid #d4d4d4; background:#f7f7f7; }
.icon_tab ul::after {content:''; display:table; clear:both; }
.icon_tab li {box-sizing:border-box; float:left; width:14.28%; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fff; text-align:center;}
.icon_tab li:nth-child(7n) {border-right:none;}
.icon_tab li:nth-child(n+8) {border-bottom:none;}
.icon_tab li a {display:block; height:100px; padding-top:5px; box-sizing:border-box;}
.icon_tab li.on a { position:relative; background:#dfeaf0; font-weight:600; color:#222; text-decoration:underline;}
.icon_tab li.on a::before { content:''; position:absolute; left:-1px; top:-1px; width:calc(100% - 2px); height:calc(100% - 2px); border:2px solid #0468b0; }
.icon_tab li a span {display:block; width:65px; height:65px; margin:0 auto; text-indent:-9999px; background:url('/design/img/common/icon_tab.png') no-repeat 0 0;}
.icon_tab li.cate2 a span {background-position:-65px 0;}
.icon_tab li.cate3 a span {background-position:-130px 0;}
.icon_tab li.cate4 a span {background-position:-195px 0;}
.icon_tab li.cate5 a span {background-position:-260px 0;}
.icon_tab li.cate6 a span {background-position:-325px 0;}
.icon_tab li.cate7 a span {background-position:-390px 0;}
.icon_tab li.cate8 a span {background-position:0 -65px;}
.icon_tab li.cate9 a span {background-position:-65px -65px;}
.icon_tab li.cate10 a span {background-position:-130px -65px;}
.icon_tab li.cate11 a span {background-position:-195px -65px;}
.icon_tab li.cate12 a span {background-position:-260px -65px;}
.icon_tab li.cate13 a span {background-position:-325px -65px;}
#ctn h4 .btn_top a {display:block; float:right; padding:0 10px; font-weight:normal; font-size:11px; border:1px solid #e6e6e6; border-radius:5px;}
/*@media all and (max-width:746px){
	.icon_tab li {width:16.66666666666667%;}
	.icon_tab li:nth-child(7n) {border-right:1px solid #d4d4d4;}
	.icon_tab li:nth-child(6n) {border-right:none;}
	.icon_tab li:nth-child(n+8):nth-child(-n+12) {border-bottom:1px solid #d4d4d4;}
}*/
@media all and (max-width:667px){
	.icon_tab li {width:20%;}
	.icon_tab li:nth-child(6n) {border-right:1px solid #d4d4d4;}
	.icon_tab li:nth-child(n+7) {border-bottom:1px solid #d4d4d4;}
	.icon_tab li:nth-child(7n) {border-right:1px solid #d4d4d4;}
	.icon_tab li:nth-child(5n) {border-right:none;}
	.icon_tab li:nth-child(n+11) {border-bottom:none;}
}
@media all and (max-width:568px){
	.icon_tab li {width:33.33333333333333%;}
	.icon_tab li:nth-child(5n) {border-right:1px solid #d4d4d4;}
	.icon_tab li:nth-child(3n) {border-right:none;}
  .icon_tab li:nth-child(n+11) {border-bottom:1px solid #d4d4d4;}
	.icon_tab li:nth-child(n+13) {border-bottom:none;}
}
/* @media all and (max-width:414px){
	.icon_tab li {width:50%;}
	.icon_tab li:nth-child(3n) {border-right:1px solid #d4d4d4;}
	.icon_tab li:nth-child(2n) {border-right:none;}
	.icon_tab li:nth-child(n+10) {border-bottom:1px solid #d4d4d4;}
	.icon_tab li:nth-child(n+11) {border-bottom:none;}
} */

/*사전정보공표검색*/
.sch_def {background:#f6f6f6; padding:25px; margin:20px 0; text-align:center;}
.sch_def form {display:inline-block;}
.sch_def form input[type="text"],
.sch_def form input[type="submit"],
.sch_def form select {height:40px; padding:0 10px; margin:1px; display:inline-block; vertical-align:middle; border:1px solid #d4d4d4; font-size:14px; font-weight:500; color:#323232;}
.sch_def form input[type="text"] {}
.sch_def form select {padding:0 15px 0 10px;}
.sch_def form input[type="submit"] {border:0; background:#0066b3; color:#fff; padding:0 15px;}
@media all and (max-width:599px){
    .sch_def {padding:15px;}
    .sch_def .bod_search {display:flex;}
    .sch_def form {display:block;}
    .sch_def form input[type="text"],
    .sch_def form input[type="submit"],
    .sch_def form select {margin:2px;}
    .sch_def form input[type="text"] {width:100%;}
}
@media all and (max-width:375px){
    .sch_def .bod_search {flex-wrap:wrap; justify-content:flex-end;}
    .sch_def form select {width:100px;}
    .sch_def form input[type="text"] {width:calc(100% - 100px - 8px);}
    .sch_def form input[type="submit"] {margin-left:0;}
}

.tbl_area {overflow-x:auto; margin:20px 0; clear:both;}
.tbl_type1 {border-collapse: separate; border-top:1px solid #555; margin-left:-1px; width:100%; }
.tbl_type1 thead th {background:#f4f4f4; font-size:15px; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; }
.tbl_type1 tbody th {background:#fafafa; font-size:14px; }
.tbl_type1 tbody td, .tbl_type1 tfoot td {background:#fff; font-size:13px; }
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:10px; word-break:break-all;}

.caution {background:url('/design/img/common/red_info.gif') no-repeat left 6px; padding-left:20px; margin:8px 0; }
.cautionBox {background:url('/design/img/common/red_info.gif') no-repeat 15px 20px; padding:15px 15px 15px 40px; margin:20px 0 10px !important; border:1px solid #ddd; }

/*#sub_cont .box {border:1px solid #45547f}*/
#sub_cont h4 {color:#45547f;}
#sub_cont h5, h5 {font-weight:bold; background:/*url('/design/art/img/sub/h5.gif') no-repeat left 4px;*/ margin:20px 0 10px 0; font-size:18px; padding-left:25px;}
.cont_depth02 > li, .cont_depth03 > li, .caution,
.tbl_type1 tbody td, .tbl_type1 tfoot td {font-size:15px;}
/*#sub_cont h4 {font-size:22px; margin:30px 0 20px; border-top:1px solid #ddd; padding-top:30px; line-height:25px;}*/

/*버튼*/
.btn { position:relative; display:inline-block; border:1px solid #222; border-radius:5px; font-size:14px; font-weight:600; background-color:#555; color:#fff; }
.btn:hover {background-color:#0066b3; border:1px solid #0066b3;}
.btn.blank {padding:5px 35px 5px 15px; }
.btn.blank.margin {margin-left:5px; margin-top:-7px; }
.btn.blank::before {content:''; position:absolute; right:15px; top:7px; background-image:url('/ko/img/sub/ico_blank_w.png'); background-repeat:no-repeat; background-position:center; width:10px; height:10px; }
.btn_b {display:inline-block; border:1px solid #0066b3; border-radius:3px; font-size:14px; color:#fff; font-weight:600; padding:0 10px; line-height:32px; background:#0066b3;}

/*tap_wrap*/
.tap_wrap { background: url('/ko/img/sub/ico_blank.png') no-repeat right center; padding-right:15px; color:#1077c4; border-bottom:1px solid #1077c4; }

h2.nontarget_h2 {margin-left:40px !important; margin-top:20px; line-height:1.2 !important;}

@media all and (max-width:1023px){
	h2.nontarget_h2 {margin-left:0 !important;}
}

.btn_align {display:flex; align-items:center;}
.btn_align a {margin-left:1rem; margin-right:0;}
@media all and (max-width:768px){
    .btn_align {flex-wrap:wrap;}
    .btn_align h4 {width:100%;}
    .btn_align a {margin:0}
}


.point_txt {border:1px solid #dc1860; padding:15px 10px; text-align:center; font-size:20px; background:#fff0f0; font-weight:600; color:#222; margin:20px 0;}
.point_txt span {color:#bc2626;}

/*개인정보 라벨*/
.info_label{display: grid; display: -ms-grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  -ms-grid-columns: 1fr 1fr 1fr 1fr; border-top: 2px solid #555;}

/*ie mode*/
.info_label > *:nth-child(4n+1) { -ms-grid-column: 1; }
.info_label > *:nth-child(4n+2) { -ms-grid-column: 2; }
.info_label > *:nth-child(4n+3) { -ms-grid-column: 3; }
.info_label > *:nth-child(4n+4) { -ms-grid-column: 4; }

.info_label { 
  -ms-grid-rows: auto auto auto auto auto;
}
.info_label > *:nth-child(-n+4)                  { -ms-grid-row: 1; }  /* 1~4 */
.info_label > *:nth-child(n+5):nth-child(-n+8)   { -ms-grid-row: 2; }  /* 5~8 */
.info_label > *:nth-child(n+9):nth-child(-n+12)  { -ms-grid-row: 3; }  /* 9~12 */
.info_label > *:nth-child(n+13):nth-child(-n+16) { -ms-grid-row: 4; }  /* 13~16 */
.info_label > *:nth-child(n+17):nth-child(-n+20) { -ms-grid-row: 5; }  /* 17~20 */

.info_label dl{border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.info_label dl:nth-child(4n){border-right: 1px solid #ccc;}
.info_label dl.last{border-right: 1px solid #ccc;}
.info_label dl dt{text-align: center; padding: 10px 5px 10px 15px; vertical-align: top;}
.info_label dl dd{ font-weight: 600; color:#555; padding: 10px 5px; text-align: center;}

/*개인정보 라벨링*/
.info_wrap{position: relative;}
.label_layer{position: absolute; display: none; width: 240px; background: #fff; border: 1px solid #eee; border-radius: 10px; z-index: 999; word-break: keep-all; box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;}
.label_layer .label_top { padding: 10px 20px; background: #1077c4; border-radius: 10px 10px 0 0; color: #fff; font-weight: bold;}
.label_layer .label_txt {padding: 20px; text-align: left;}
.label_layer .label_txt p {margin-bottom: 10px;}
.label_layer .label_txt .sssblet ul li {display: inline-block; width: 49%; font-size: 12px;}
.label_layer .sssblet{font-size: 12px;}
.label_layer .basic{text-align: left;}
.label_layer .basic li{font-weight: 600;}
.label_layer .basic li::before{content: '·'; color: #004e89; position: absolute; left: 10px;}
  /*label_layer*/
  .label_layer {
    &.label_layer01 {top: -133px; left: 0%;}
    &.label_layer02 {top: -133px; left: 25%;}
    &.label_layer03 {top: -133px; left: 50%;}
    &.label_layer04 {top: -120px; left: 75%;}
    &.label_layer05 {top: 20px; left: 0%;}
    &.label_layer06 {top: 20px; left: 25%;}
    &.label_layer07 {top: 20px; left: 50%;}
    &.label_layer08 {top: 20px; left: 75%;}
    &.label_layer09 {top: 150px; left: 0%;}
    &.label_layer10 {top: 150px; left: 25%;}
    &.label_layer11 {top: 150px; left: 50%;}
  }

@media(max-width:950px){
  .label_layer{width: 200px;}
}
@media(max-width:780px){
  .info_label{grid-template-columns: 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr;}
  .info_label dl:nth-child(4n){border-right: unset;}
  .info_label dl:nth-child(3n){border-right: 1px solid #ccc;}

      /*ie mode*/
    .info_label > *:nth-child(3n+1) { -ms-grid-column: 1; }
    .info_label > *:nth-child(3n+2) { -ms-grid-column: 2; }
    .info_label > *:nth-child(3n+3) { -ms-grid-column: 3; }

    .info_label { 
      -ms-grid-rows: auto auto auto auto auto;
    }
    .info_label > *:nth-child(-n+3)                  { -ms-grid-row: 1; }  
    .info_label > *:nth-child(n+4):nth-child(-n+6)   { -ms-grid-row: 2; }  
    .info_label > *:nth-child(n+7):nth-child(-n+9)  { -ms-grid-row: 3; }  
    .info_label > *:nth-child(n+10):nth-child(-n+13) { -ms-grid-row: 4; }  
    .info_label > *:nth-child(n+14):nth-child(-n+17) { -ms-grid-row: 5; }  

    /*label_layer*/
    .label_layer {
      &.label_layer01 {top: -133px; left: 0%;}
      &.label_layer02 {top: -133px; left: 35%;}
      &.label_layer03 {top: -133px; left: 70%;}
      &.label_layer04 {top: 20px; left: 0%;}
      &.label_layer05 {top: 20px; left: 35%;}
      &.label_layer06 {top: 20px; left: 70%;}
      &.label_layer07 {top: 150px; left: 0%;}
      &.label_layer08 {top: 150px; left: 35%;}
      &.label_layer09 {top: 150px; left: 70%;}
      &.label_layer10 {top: 280px; left: 0%;}
      &.label_layer11 {top: 280px; left: 35%;}
    }
}
@media(max-width:700px){
  /*label_layer*/
    .label_layer {
      &.label_layer01 {top: -133px; left: 0%;}
      &.label_layer02 {top: -133px; left: 33%;}
      &.label_layer03 {top: -133px; left: 66%;}
      &.label_layer04 {top: 20px; left: 0%;}
      &.label_layer05 {top: 20px; left: 33%;}
      &.label_layer06 {top: 20px; left: 66%;}
      &.label_layer07 {top: 150px; left: 0%;}
      &.label_layer08 {top: 150px; left: 33%;}
      &.label_layer09 {top: 150px; left: 66%;}
      &.label_layer10 {top: 280px; left: 0%;}
      &.label_layer11 {top: 280px; left: 33%;}
    }
}
@media(max-width:600px){
.label_layer{width: 180px;}
}
@media(max-width:500px){
  .info_label{grid-template-columns: 1fr 1fr;}
  .info_label dl:nth-child(3n){border-right: unset;}
  .info_label dl:nth-child(2n){border-right: 1px solid #ccc;}
  .label_layer{width: 210px;}

    /*label_layer*/
    .label_layer {
      &.label_layer01 {top: -133px; left: 0%;}
      &.label_layer02 {top: -133px; left: 50%;}
      &.label_layer03 {top: 20px; left: 0%;}
      &.label_layer04 {top: 20px; left: 50%;}
      &.label_layer05 {top: 170px; left: 0%;}
      &.label_layer06 {top: 170px; left: 50%;}
      &.label_layer07 {top: 320px; left: 0%;}
      &.label_layer08 {top: 320px; left: 50%;}
      &.label_layer09 {top: 470px; left: 0%;}
      &.label_layer10 {top: 470px; left: 50%;}
      &.label_layer11 {top: 620px; left: 0%;}
    }
}

/*개인정보 목차*/
.privacy_list{border:1px solid #ddd; padding:10px;}
.privacy_list ul li p{line-height: 20px;}
.privacy_list ul{display: grid; gap: 10px; grid-template-columns: repeat(2,1fr);}
.privacy_list ul li{width: 100%; padding: 10px 0; letter-spacing: -1px; font-size: 14px;}
.privacy_list ul li a{display: flex; align-items: center;}
.privacy_list .privacy_ico_s{width: 54px; height: 54px; background-size: cover !important; margin-right: 10px;}
.privacy_list ul li span{font-weight: 600;}
  /*개인정보 목차 icon*/
  .privacy_ico_s.ico_01{background: url('/ko/img/sub/label01s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_02{background: url('/ko/img/sub/label03s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_03{background: url('/ko/img/sub/label04s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_04{background: url('/ko/img/sub/label05s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_05{background: url('/ko/img/sub/label06s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_06{background: url('/ko/img/sub/label07s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_07{background: url('/ko/img/sub/label08s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_08{background: url('/ko/img/sub/label09s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_09{background: url('/ko/img/sub/label10s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_10{background: url('/ko/img/sub/label11s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_11{background: url('/ko/img/sub/label12s.gif') no-repeat center bottom;}
  .privacy_ico_s.ico_12{background: url('/ko/img/sub/label13s.gif') no-repeat center bottom;}

  @media(max-width:800px){
    .privacy_list{padding: 20px 30px;}
    .privacy_list ul{grid-template-columns: repeat(1,1fr); gap: 0;}
  }
  @media(max-width:560px){
    .privacy_list{padding: 10px;}
    .privacy_list .privacy_ico_s{width: 40px; height: 40px;}
    }
  @media(max-width:510px){
    .privacy_list .privacy_ico_s{display: none;}
  }
  
  
  
  
/*접근성관련_251107*/
.icon_tab li a:focus-visible { outline:none; position:relative;}
.icon_tab li a:focus-visible::after {content:''; position:absolute; width:calc(100% - 4px); height:calc(100% - 4px); top:50%; left:50%; border:2px dashed #ff0000; z-index:1; transform:translate(-50%,-50%);}