@charset "utf-8";

/*공통_박스*/
.box_01 {position: relative; border: 2px solid #dddddd;}
.box_01 .border_point {position: absolute; right: -2px; bottom: -2px; background: url(/ko/img/sub/border_point.png); width: 100px; height: 70px; z-index: 10;}
.box_02 {padding: 20px 26px; margin-bottom: 50px;}

/*사이트맵*/
div.sitemap {border-top:2px solid #555555;}
.sitemap dl { overflow:hidden; border-bottom:1px solid #ccc; background:url('/ko/img/sub/sub07/sitemap_bg.gif') repeat-y center; background-size: 100% 100%;}
.sitemap dl dt { float:left; width:30%; background:#f3f3f3; font-weight:600; color:#222; padding:10px; font-size:15px;}
.sitemap dl dt a {display:inline-flex; }
.sitemap dl dd { float:right; width:70%; padding:10px;}
.sitemap_ul li a { margin-right:20px; font-size: 14px; padding-left: 10px; background: url(/ko/img/sub/ico_bl05.png) no-repeat left 11px; display:inline-flex;}
.sitemap_ul li a[target="_blank"]::after,
.sitemap dl dt a[target="_blank"]::after {content:''; flex-shrink:0; display:block; width:10px; height:10px; background:url('/ko/img/sub/ico_blank.png') no-repeat center; margin-left:5px;}
/*.sitemap_ul li a:first-child {margin-left:7px;}*/

/*이용안내*/
.sub_0701 .part01 ul li p img {margin: 20px 0;}

/*개인정보처리방침*/
.sub_0702 .part01 {width: 100%; overflow: hidden; background: url(/ko/img/sub/sub07/0702_bg.gif) no-repeat center 24px;}
.sub_0702 .part01 ul li {text-align: center; border-radius: 7px; word-break: keep-all;}
.sub_0702 .part01 ul li span {display: block;}
.sub_0702 .org01 {margin-bottom: 40px;}
.sub_0702 .org01 li {width: 197px; padding: 10px 10px; background: #0066b3; color:#fff; font-size: 16px; font-weight: 500; margin: 0 auto;}
.sub_0702 .org02, .sub_0702 .org03 {width: 50%; float: left;}
.sub_0702 .org02 {padding-right: 24px;}
.sub_0702 .org03 {padding-left: 24px;}
.sub_0702 .org00 .list01 {width: 197px; padding: 10px 0; background: #555555; color:#fff; font-weight: 500; margin: 0 auto 20px;}
.sub_0702 .org00 .list02 {padding: 8px}
.sub_0702 .org00 .list02, .sub_0702 .org00 .list03 {margin: 0 auto 20px; margin-bottom: 20px; width: 197px; min-height: 60px; background: #f1f9ff; border: 1px solid #0066b3; font-size: 14px; line-height: 20px;}
.sub_0702 .org00 .list04 ul {overflow: hidden; display: flex;}
.sub_0702 .org00 .list04 ul li {float: left; margin: 0 auto 20px; margin-bottom: 20px; width: 197px; min-height: 60px; background: #f1f9ff; border: 1px solid #0066b3; font-size: 14px; line-height: 20px; padding: 8px;}
.sub_0702 .org00 .list04 .text01 {margin-right: 42px;}
.sub_0702 .org02 .list03 {padding: 18px 8px;}
.sub_0702 .org02 .list04 .text02 {padding: 18px 8px;}
.sub_0702 .org02 .list05 {width: 197px; padding: 10px 10px; background: #0066b3; color:#fff; font-size: 16px; font-weight: 500;}
.sub_0702 .org03 .list03 {padding: 8px;}

.sub_0702 .download {font-weight:600; color:#0066b3; text-decoration:underline;}
.sub_0702 p.h5{margin-bottom: 20px;}
.sub_0702 p.h5 span{position: relative;}
.sub_0702 p.h5 span::before{position: absolute; content: ""; background: url('/ko/img/sub/label01s.gif') no-repeat center bottom; right: -66px; top: -14px; width: 54px; height: 54px;}
.sub_0702 p.h5 .lb01::after{position: absolute; content: ""; background: url('/ko/img/sub/label02s.gif') no-repeat center bottom; right: -120px; top: -14px; width: 54px; height: 54px;}
.sub_0702 p.h5 .lb02::before{background-image: url('/ko/img/sub/label03s.gif');}
.sub_0702 p.h5 .lb03::before{background-image: url('/ko/img/sub/label04s.gif');}
.sub_0702 p.h5 .lb04::before{background-image: url('/ko/img/sub/label05s.gif');}
.sub_0702 p.h5 .lb05::before{background-image: url('/ko/img/sub/label06s.gif');}
.sub_0702 p.h5 .lb06::before{background-image: url('/ko/img/sub/label07s.gif');}
.sub_0702 p.h5 .lb07::before{background-image: url('/ko/img/sub/label08s.gif');}
.sub_0702 p.h5 .lb08::before{background-image: url('/ko/img/sub/label09s.gif');}
.sub_0702 p.h5 .lb09::before{background-image: url('/ko/img/sub/label10s.gif');}
.sub_0702 p.h5 .lb10::before{background-image: url('/ko/img/sub/label11s.gif');}
.sub_0702 p.h5 .lb11::before{background-image: url('/ko/img/sub/label12s.gif');}
.sub_0702 p.h5 .lb12::before{background-image: url('/ko/img/sub/label13s.gif');}
@media all and (max-width:560px){
  .sub_0702 p.h5 span{padding-right: 30px;}
  .sub_0702 p.h5 .lb01::after,
  .sub_0702 p.h5 span::before{background-size: 70%; top: inherit; bottom: -15px; right: -20px;}
  .sub_0702 p.h5 .lb01::after{right: -60px;}
}

/*저작권정책*/
.sub_0704 .part01 .box_01 .cont img {display: block; margin: 20px auto;max-width: 100%;}
.sub_0704 .part01 .box_01 .cont p {text-align: center; margin-bottom: 15px; font-size: 14px; line-height: 25px;}
.sub_0704 .part01 .box_01 .cont .text01 {font-size: 22px; font-weight: 600; color:#333333; margin-bottom: 20px;}
.sub_0704 .part01 .box_01 .cont .text02 {margin-bottom: 0;}
.sub_0704 .part01 .box_01 .cont .text03 img {max-width:140px;}

/*이메일무단수집거부*/
.sub_0705 .part01 .box_01 .cont img {display: block; margin: 20px auto;}
.sub_0705 .part01 .box_01 .cont p {text-align: center;}
.sub_0705 .part01 .box_01 .cont .text01 {font-size: 22px; font-weight: 600; color:#333333; margin-bottom: 20px;}
.sub_0705 .part01 .box_01 .cont .text02 span {display: block;}

/*뷰어다운로드*/
.sub_0707 .part01 ul li {margin-bottom: 20px;}
.sub_0707 .part01 .box_01 {overflow: hidden;}
.sub_0707 .part01 .img, .sub_0707 .part01 .cont {float: left;}
.sub_0707 .part01 .img {width: 17%;}
.sub_0707 .part01 .img img {margin-left: 19%;}
.sub_0707 .part01 .cont {width: 83%;}
#sub_cont .sub_0707 .part01 .cont .h5 {margin: 0 0 15px;}
.sub_0707 .part01 .cont p {font-size: 14px; line-height: 25px; margin-bottom: 15px;}
.sub_0707 .box_01 .border_point {right:0; bottom: 0;}

/*배너모음*/
.sub_0708 .part01 ul {overflow: hidden;}
.sub_0708 .part01 ul li a {float: left; margin:10px 1%; width:18%; /*width:31.3%*/ padding:5px; /*border:1px solid #ddd; background:#f9f9f9; font-weight:600; font-size:13px; color:#222;*/ text-align:center;}

@media all and (max-width:980px){
  .sub_0708 .part01 ul li a {width:48%;}
}

@media all and (max-width:480px){
  .sub_0708 .part01 ul li a {width:98%;}
}


/*RSS*/
.sub_0709 .part02 ul {overflow: hidden; width: 100%; margin-top: 20px; background: url(/ko/img/sub/sub07/0709_bg01.gif) no-repeat center center;}
.sub_0709 .part02 ul li {float: left; width: 20.5%; min-height: 130px; margin-right: 6%; border: 1px solid #0066b3; border-radius: 5px;}
.sub_0709 .part02 .list04 {margin-right: 0;}
.sub_0709 .part02 ul li span {text-align: center; display: block; background: #0066b3; color:#fff; padding: 2px 0;}
.sub_0709 .part02 ul li p {padding: 15px; font-size: 14px; line-height: 22px; text-transform: uppercase; word-break: keep-all;}
.sub_0709 .part03 .rss_btn {display: inline-block; width: 74px; height: 24px; background: #0066b3; color:#fff; font-weight: 500; line-height: 24px; text-transform: uppercase; text-align: center; font-size: 13px; border-radius: 5px;}
.sub_0709 .part03 .tb_wrap .rss_btn {margin: 0 auto; display: block;}
.sub_0709 .part03 p {margin-top: 10px;}
.sub_0709 .part03 p .rss_btn {margin-right: 10px;}
.sub_0709 .part04 .box01 ul li {overflow: hidden;}
.sub_0709 .part04 .box01 ul li p {width: 15%;}
.sub_0709 .part04 .box01 ul li p, .sub_0701 .part04 ul li span {float: left;}
.sub_0709 .part04 .box02 ul {overflow: hidden; margin: 10px 0;}
.sub_0709 .part04 .box02 ul li {float: left; margin: 0 10px;}




@media all and (max-width:1024px) {
  .sub_0709 .part02 ul {background-size: 55%;}

}

@media all and (max-width:980px) {
  .sub_0702 .part01 {background: none;}
  .sub_0702 .org00 {background: url(/ko/img/sub/sub07/0702_bg02.gif) no-repeat center -61px;}
  .sub_0702 .org02, .sub_0702 .org03 {float: none; width: 100%; padding: 0;}
  .sub_0702 .org00 .list04 ul {width: 449px; margin: 0 auto;}
  .sub_0702 .org02 .list05 {margin: 0 auto 30px;}

}

@media all and (max-width:768px) {
  .sub_0709 .part02 ul li {min-height: 149px;}
  .sub_0709 .part04 .box01 ul li p {width: 35%;}
}

@media all and (max-width:480px) {
  .sub_0702 .org00 .list04 ul {width: 100%;}
  .sub_0702 .org00 .list04 ul li {width: 44%; min-height: 98px;}
  .sub_0702 .org00 .list04 .text01 {margin-right: 12%;}

  .sub_0707 .part01 .img, .sub_0707 .part01 .cont {float: none;}
  .sub_0707 .part01 .img {width: 100%;}
  .sub_0707 .part01 .img img {margin-left: 0;}
  .sub_0707 .part01 .cont {width: 100%;}

  .sub_0709 .part02 ul {background: none;}
  .sub_0709 .part02 ul li {width: 46%; margin: 2%;}
  .sub_0709 .part04 .box01 ul li p, .sub_0701 .part04 ul li span {float: none;}
  .sub_0709 .part04 .box01 ul li p {width: 100%;}

}

@media all and (max-width:550px) {
  .sub_0701 .part01 ul li p img {width: 100%;}
}

@media all and (max-width:340px) {
  .sub_0709 .part02 ul li {min-height: 171px;}
  .sub_0709 .part04 .box02 ul li {margin-left: 0;}

}