@charset "utf-8";

@media all and (min-width:1024px) {
	#content .sub_tit_bg {width:100%; min-width:1200px;}
}

/*서브 메뉴*/
#content .sub_tit_bg {width: 100%; height: 170px; background: url(/S1001/ko/img/sub/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: 442px; height: 156px; background: url(/S1001/ko/img/sub/sub_seongju.png); float: right; margin-right: 215px;}
#container {width: 1200px; margin: 40px auto; position: relative; z-index: 10;}
#snb_snb01 {float: left; width: 220px; }
#snb_snb01 .tit_01 {height: 130px; background: #197bbd url(/S1001/ko/img/sub/sub_tit_bg.png) no-repeat 140px 48px; text-align: left; color:#fff; padding: 20px 0 0 20px; margin-bottom: 20px;}
#snb_snb01 .tit_01 h2 {font-size: 24px; line-height: 50px; font-weight: 400;}
#snb_snb01 .tit_01 h3 {font-size: 11px; font-weight: 200; text-transform: uppercase;}
.snb_snb02 .depth01 > li {width: 220px; border: 1px solid #dddddd; margin-bottom: 5px;}
.snb_snb02 .depth01 > li > a {display: block; width: 219px; height: 43px; line-height: 43px; color: #666666; font-size: 16px; letter-spacing:-0.08em; font-weight: 400; padding-left: 13px; background: url(/S1001/ko/img/sub/nav_plus.png) no-repeat 184px center;}
.snb_snb02 .depth01 > li > a:hover {text-decoration: underline;}
.snb_snb02 .depth01 .depth02 {padding: 12px 0; background: #ededed; display: none;}
.snb_snb02 .depth01 .depth02 li {padding:7px 20px 7px 37px; background: url(/S1001/ko/img/sub/nav_arrow.png) no-repeat 20px center;}
.snb_snb02 .depth01 .depth02 li a {color:#444444; font-size: 15px;}
.snb_snb02 .depth01 .depth02 li.on a,.snb_snb02 .depth01 .depth02 li a:hover {font-weight: 600; border-bottom: 1px solid #444444;}
.snb_snb02 .depth01 > li.on > a {background: #0080c7 url(/S1001/ko/img/sub/nav_on.png) no-repeat right center; color:#fff;}
.snb_snb02 .depth01 > li.on > .depth02 {display: block;}
.snb_snb02 .depth01 > li > a[target="_blank"] { background: url(/ko/img/sub/snb_blank.png) no-repeat 184px center !important;}

/*서브_컨텐츠_타이틀_공통*/
#sub_cont_warp {width: 980px; float: right;}
.sub_tit {width: 100%; overflow: hidden; background: url(/S1001/ko/img/sub/tit_bg.png); padding: 30px 40px 20px 40px;}
.sub_tit .page_tit {font-size: 32px; padding-bottom: 20px; font-weight: 600;}
.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 span { background: url(/S1001/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;}

/*서브_컨텐츠_본문_공통*/
#sub_cont {padding: 15px 0 40px 40px; color:#555555; line-height: 25px; font-size: 15px;}
#sub_cont .h3 {font-size: 20px; font-weight: 600; color:#222222; background: url(/S1001/ko/img/sub/ico_tit.png) no-repeat left 5px; padding-left: 30px; margin-bottom: 20px}
#sub_cont .h5 {font-size: 18px; font-weight: 600; color:#1077c4; background: url(/S1001/ko/img/sub/h5_bl.jpg) no-repeat left 6px; padding-left: 20px; margin-left: 10px; margin-top: 30px;}
.h5_ul {margin-left: 20px;}
.h5_ul > li {margin-top: 10px;}
.h5_ul li p {font-size: 15px; color:#555555; font-weight: 400; background: url(/S1001/ko/img/sub/ico_bl02.png) no-repeat left 11px; padding-left: 10px;}
.h6_ul li {font-size: 14px; color:#555555; padding-left: 10px; background: url(/S1001/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;}

/*평가하기*/
.cont_foot {margin-top: 40px;}
.cont_foot .top {width: 938px; border: 1px solid #cccccc; background: #f3f3f3; text-align:center; padding:10px 10px 2px;}
.cont_foot .top div {overflow:hidden; display:inline-block;}
.cont_foot .top div a {float:left; font-size:14px;}
.cont_foot .top div img{ float:left; margin-right:15px; }
.cont_foot .info {width: 938px; border: 1px solid #cccccc; 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 #cccccc;}
.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%);
}

.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;}

/*서브탭-공통*/
.sub_tab {margin-bottom: 40px; width:100%; overflow:hidden;}
.sub_tab ul {width:100%;}
.sub_tab li {float: left; height: 46px; width: 19.2%; border: 1px solid #dddddd; line-height: 46px; cursor: pointer; font-size: 14px; margin-left: 1%; margin-bottom: 1%; text-align: center; background: #f8f8f8; position: relative; color:#131313;}
.sub_tab li.first, .sub_tab li:nth-of-type(6) {margin-left: 0;}
.sub_tab li.on {background:#0080c7;}
.sub_tab li.on a {color:#fff; font-weight:bold; }
.sub_tab li a {display:block;}
.sub_tab li span {display: block; position: absolute; bottom:0; width: 100%; height: 3px; background: #0080c7;}

@media all and (max-width:1023px){
.sub_tit {padding: 40px 40px 30px 40px;}

}


@media all and (max-width:768px){
.sub_tab {margin-bottom:25px;}
.sub_tab li {width:32%; margin-left:2%; margin-bottom:8px;}
.sub_tab li:nth-of-type(4n-3) {margin-left:2%;}
.sub_tab li:nth-of-type(3n-2) {margin-left:0;}
.sub_tab li a {height:35px; line-height:35px; font-size:14px; border-left-width:4px;}
.sub_tab li.first, .sub_tab li:nth-of-type(6) {margin-left:2%;}
.sub_tab li.first, .sub_tab li:nth-of-type(3n-2) {margin-left: 0;}
}

@media all and (max-width:480px){
.sub_tab {margin-bottom:20px;}
.sub_tab li {width:49%; margin-left:2%; margin-bottom:6px;}
.sub_tab li:nth-of-type(3n-2) {margin-left:2%;}
.sub_tab li:nth-of-type(2n-1) {margin-left:0;}
}

/*테이블_스타일*/
.table_wrap { overflow-x: auto;}
.linkTb { border-top:solid 1px #017daa; border-spacing:0; border-collapse:collapse; empty-cells:show; margin-bottom:5px; border-right:solid 1px #DDD; border-left:solid 1px #DDD; position:static; clear:both; width:100%; left:0;}
.linkTb thead th { background:#f9f9f9; border-left:solid 1px #e1e1e1; padding: 13px 0; text-align:center;border-right:0; border-top:0; color:#131313; font-size:14px;font-weight:bold;}
.linkTb thead { background:#f9f9f9; border-left:none; border-bottom:solid 1px #DDD; padding: 5px 0 4px 0; text-align:center;border-right:0; border-top:0; color:#6c6c6c; font-size:14px;font-weight:bold;}

.bgBlue {background:#017daa !important; color:#fff !important;}

.linkTb tfoot th { background:#f9f9f9; border-left:solid 1px #e1e1e1; border-bottom:solid 1px #DDD; padding: 5px 0 4px 0; text-align:center ;border-right:0; color:#6c6c6c; font-size:14px;}
.linkTb tbody th.left {background:#fcfcfc; border-left:none 0; font-weight:bold; padding: 5px 0 4px 20px; text-align:left; border-bottom:solid 1px #e1e1e1 ;border-right:0;border-top:0px none; color:#6c6c6c; font-size:14px;}
tbody th {background:#fcfcfc; border-left:none 0; font-weight:bold; padding: 5px 0 4px 0; text-align:center; border-bottom:solid 1px #e1e1e1 ;border-right:0;border-top:0px none; color:#6c6c6c; font-size:14px;}
tbody.left{background:#fcfcfc; border-left:none 0; font-weight:bold; padding: 5px 0 4px 10px; text-align:left; border-bottom:solid 1px #e1e1e1 ;border-right:0;border-top:0px none; color:#8a8a8a; font-size:14px;}
.border_top { border-top:solid 1px #e1e1e1; text-align:center; color:#8a8a8a}
td.first_left { border-left:none; color:#8a8a8a ; }
td.first_center { border-left:none; text-align:center; color:#8a8a8a ; }
td.first_center_y { border-left:none; text-align:center; color:#8a8a8a; background-color:#ffffee;}
table .linkTb.lt { text-align:left; padding-left:15px; color:#8a8a8a }
tbody td.center { text-align:center; padding-left:10px; color:#8a8a8a;  }
tbody td.center_r { text-align:center; padding-left:10px; color:#8a8a8a;  background-color:#fef5f7;}
tbody td.center_b { text-align:center; padding-left:10px; color:#8a8a8a;  background-color:#fbfdff;}
tbody td.rt { text-align:right; padding-right: 10px ;color:#8a8a8a }
.linkTb .first { border-left:none;color:#6c6c6c; font-size:14px;  }
.genaral table .linkTb.first_center { border-left:none; text-align:center;color:#8a8a8a; }
.linkTb .last { border-right:solid 1px #e1e1e1; color:#8a8a8a;}
.linkTb .bd_top { border-top:solid 1px #e1e1e1; color:#8a8a8a}
.linkTb td {text-align:center; padding: 10px 5px; border-left:solid 1px #e1e1e1;border-right:0px none;border-top:0px none; border-bottom:solid 1px #e1e1e1; color:#333; font-size:14px; letter-spacing:0.03em; line-height:20px;}
.linkTb td.aL {text-align:left; }
.dep_li_1 li {background:url('bg_line.gif') no-repeat left center; padding-left:10px; margin-left:10px;}
.b_title { text-align:left !important; }
.mar_b20 {margin-bottom:20px;}



/*태블릿*/
@media all and (max-width:1023px){
  /*서브_상단,공통*/
  #snb_snb01 {display: none;}
  #content .sub_tit_bg {height: 183px; top:80px;}
  #content .sub_tit_bg .logo_warp {width: 100%;}
  #container {width: 100%; padding: 24px 10px; margin: 0;}
  #sub_cont_warp {width: 100%;}
  #sub_cont {padding: 20px 0;}
  /*평가하기_공통*/
  .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;}

  .confirm > ul > li {padding: 0 22px;}
}

/*모바일*/
@media all and (max-width:480px) {
  .sub_tit {padding: 30px 20px 20px 20px;}
  .sub_tit .page_tit {font-size: 28px;}
  .sub_tit .location_area .util {float: none; position: absolute; top:102px; left:23px;}
  .sub_tit .location_area .location {margin-top: 30px;}
  .sub_tit .location_area .location li {font-size: 14px; line-height: 20px;}
  /*탭_공통*/
  .sub_tab ul li, .sub_tab ul li.on, .sub_tab ul li:hover {background-image: none; text-align: center; padding-left: 0;}
  /*상단_슬로건박스*/
  .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;}

}
@media all and (max-width:380px) {
  /*평가하기*/
  .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;}
}

#content .box {position:relative; background:#e4e4e4; padding:2px; margin-bottom:20px;}
#content .box:before {content:''; position:absolute; top:0; left:0; width:100%; height:30px; background:#197bbd;}
#content .box:after {content:''; position:absolute; top:0; left:0; width:185px; height:30px; background:#009640;}
#content .box > div {position:relative; padding:20px 30px; background:#fff; z-index:1;}
.ul_dep01 > li {position:relative; margin:5px 0; padding:0 0 0 20px}
.ul_dep01 > li:before {content:''; position:absolute; top:11px; left:0; width:0.3rem; height:0.3rem; background:#b2b2b2;}

.error_page_ctn {border:5px solid #efefef; margin-top:-100px; padding:40px; text-align:center; line-height:1.7;}
.error_page_ctn dt strong {display:inline-block; font-size:25px; margin-bottom:10px;}
.error_page_ctn dd.alignRight {display:none;}