@charset "utf-8";

.pdf_viewer {
  width: 100%;
  height: 1000px;
  border: 1px solid #ddd;
}

.pdf_viewer iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/*서브 메뉴*/
.sub_content {width: 100%; overflow: hidden; background-color:#fff; background-repeat:no-repeat; background-position:center 170px; padding-top:170px; }
#sub_content01 { background-image: url('/S0006/images/sub/tvisual_bg01.jpg');}
#sub_content02 { background-image: url('/S0006/images/sub/tvisual_bg02.jpg');}
#sub_content03 { background-image: url('/S0006/images/sub/tvisual_bg03.jpg');}
#sub_content04 { background-image: url('/S0006/images/sub/tvisual_bg04.jpg');}
#sub_content05 { background-image: url('/S0006/images/sub/tvisual_bg05.jpg');}
#sub_content06 { background-image: url('/S0006/images/sub/tvisual_bg06.jpg');}
#sub_content07 { background-image: url('/S0006/images/sub/tvisual_bg07.jpg');}
#sub_content08 { background-image: url('/S0006/images/sub/tvisual_bg08.jpg');}
#sub_content09 { background-image: url('/S0006/images/sub/tvisual_bg01.jpg');}
#sub_content010 { background-image: url('/S0006/images/sub/tvisual_bg02.jpg');}

#container {width: 1100px; margin: 25px auto; position: relative; z-index: 10;}
#snb_snb01 {float: left; width: 220px; }

#snb_snb01 .tit_01 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg01.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_02 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg02.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_03 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg03.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_04 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg04.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_05 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg05.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_06 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg06.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_07 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg07.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_08 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg08.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_09 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg01.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}
#snb_snb01 .tit_010 {height: 124px; background: url('/S0006/images/sub/sub_tit_bg02.png'); text-align: center; color:#fff; padding-top: 30px; margin-bottom: 20px;}

#snb_snb01 .tit_01 h2, #snb_snb01 .tit_02 h2, #snb_snb01 .tit_03 h2, #snb_snb01 .tit_04 h2, #snb_snb01 .tit_05 h2, #snb_snb01 .tit_06 h2, #snb_snb01 .tit_07 h2, #snb_snb01 .tit_08 h2, #snb_snb01 .tit_09 h2, #snb_snb01 .tit_010 h2 {font-size: 25px; line-height: 70px; font-weight: 600;}

.snb_snb02 .depth01 > li {width: 220px; border: 1px solid #dddddd; border-bottom:0; background: #fff;}
.snb_snb02 .depth01 > li:last-child {border-bottom: 1px solid #ddd;}
.snb_snb02 .depth01 > li > a {display: block; width: 219px; line-height: 43px; color: #666666; font-size:14px; letter-spacing:-1px; font-weight: 400; padding-left:8px;}
.snb_snb02 .depth01 > li.on > .depth02 {display:block; background:#f6f6f6; padding:10px;}
.snb_snb02 .depth01 > li.on > .depth02 li a {display:block; padding:3px 0; margin:2px 0;}
.snb_snb02 .depth01 .depth02 {display:none;}

.snb01 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on01.png') no-repeat 96% center; color:#333; border: 3px solid #d91e48;}
.snb02 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on02.png') no-repeat 96% center; color:#333; border: 3px solid #275aae;}
.snb03 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on03.png') no-repeat 96% center; color:#333; border: 3px solid #6f3e9c;}
.snb04 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on04.png') no-repeat 96% center; color:#333; border: 3px solid #096d66;}
.snb05 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on05.png') no-repeat 96% center; color:#333; border: 3px solid #366d15;}
.snb06 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on06.png') no-repeat 96% center; color:#333; border: 3px solid #604537;}
.snb07 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on07.png') no-repeat 96% center; color:#333; border: 3px solid #145d69;}
.snb08 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on08.png') no-repeat 96% center; color:#333; border: 3px solid #333333;}
.snb09 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on01.png') no-repeat 96% center; color:#333; border: 3px solid #d91e48;}
.snb010 .depth01 > li.on > a {background: #fff url('/S0006/images/sub/select_on02.png') no-repeat 96% center; color:#333; border: 3px solid #275aae;}

.snb01 .depth01 > li.on > .depth02 li.on a {color:#d91e48; font-weight:bold;}
.snb02 .depth01 > li.on > .depth02 li.on a {color:#275aae; font-weight:bold;}
.snb03 .depth01 > li.on > .depth02 li.on a {color:#6f3e9c; font-weight:bold;}
.snb04 .depth01 > li.on > .depth02 li.on a {color:#096d66; font-weight:bold;}
.snb05 .depth01 > li.on > .depth02 li.on a {color:#366d15; font-weight:bold;}
.snb06 .depth01 > li.on > .depth02 li.on a {color:#604537; font-weight:bold;}
.snb07 .depth01 > li.on > .depth02 li.on a {color:#145d69; font-weight:bold;}
.snb08 .depth01 > li.on > .depth02 li.on a {color:#333333; font-weight:bold;}
.snb09 .depth01 > li.on > .depth02 li.on a {color:#d91e48; font-weight:bold;}
.snb010 .depth01 > li.on > .depth02 li.on a {color:#275aae; font-weight:bold;}

/*새창표시*/
.snb_snb02 .depth01 li a[target="_blank"] {background: url(/ko/img/sub/ico_blank.png) no-repeat 100% center !important; }
.snb_snb02 .depth01 > li > .depth02 li a[target="_blank"] {display:inline-block; padding-right:15px;}

/*서브_컨텐츠_타이틀_공통*/
#sub_cont_warp {width: 820px; float: right; }
.sub_tit {width: 100%; overflow: hidden; padding: 140px 20px 12px 0;}
.sub_tit .page_tit {font-size:28px; font-weight:400; float:left;}
.sub_tit .location_area {width:100%; float:right; margin-top:15px}
.sub_tit .location_area .location {float: left; padding-top: 10px;}
.sub_tit .location_area .util {float: right;}
.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(/S0006/images/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 li {margin-left: 5px;}

.s_tit01 {background: url('/S0006/images/sub/border_bottom01.png') no-repeat 0 bottom;}
.s_tit02 {background: url('/S0006/images/sub/border_bottom02.png') no-repeat 0 bottom;}
.s_tit03 {background: url('/S0006/images/sub/border_bottom03.png') no-repeat 0 bottom;}
.s_tit04 {background: url('/S0006/images/sub/border_bottom04.png') no-repeat 0 bottom;}
.s_tit05 {background: url('/S0006/images/sub/border_bottom05.png') no-repeat 0 bottom;}
.s_tit06 {background: url('/S0006/images/sub/border_bottom06.png') no-repeat 0 bottom;}
.s_tit07 {background: url('/S0006/images/sub/border_bottom07.png') no-repeat 0 bottom;}
.s_tit08 {background: url('/S0006/images/sub/border_bottom08.png') no-repeat 0 bottom;}
.s_tit09 {background: url('/S0006/images/sub/border_bottom01.png') no-repeat 0 bottom;}
.s_tit010 {background: url('/S0006/images/sub/border_bottom02.png') no-repeat 0 bottom;}

.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_cont {padding: 40px 0 40px 0; color:#555555; line-height: 25px; font-size: 15px;}
.hellowwrap {width: 100%; height: 485px; background: url(/S0006/images/sub/sub_content.png) no-repeat right 0; position: relative; padding-top: 100px;}
.hellowwrap > img {position: absolute; top:30px; left:39px;}
.hellowwrap .textboxwrap  {width: 100%; height: 382px; background: #666666; border-radius: 10px; padding: 7px;}
.hellowwrap .borderbox  {width: 100%; height: 100%; background: #666666; border-radius: 7px; border: 3px dashed #b3b3b3; padding: 7px;}
.hellowwrap .textbox {width: 100%; height: 100%; border-radius: 4px; background: #fff; padding: 30px 15px 30px 30px;}
.hellowwrap .textbox img {display: block; float: right; margin-left:30px;}
.hellowwrap .textbox p.mt_26 {margin-top: 28px;}
.hellowwrap .textbox p span {font-weight: 600;}
.hellowwrap .textbox p span.color_G {color: #23850d;}
.hellowwrap .textbox p span.color_R {color: #d72c0a;}


/*태블릿*/
@media all and (max-width:1023px){
.sub_content {background-position:center 80px; padding-top:80px;}
#sub_content {background-color: #fff; background: url(/S0006/images/sub/tvisual_bg.jpg) no-repeat center 80px; padding-top: 80px}
#snb_snb01 {display: none;}
#sub_cont_warp, .cont_foot .top, .cont_foot .info {width: 100%;}
#container {width: 100%; padding:101px 10px 20px; margin: 0;}
.sub_tit {padding:40px 0 10px 10px;}
.sub_tit .location_area {width:100%; float: right;}
.sub_tit .location_area .location {padding-top:0px;}
 #sub_cont {width: 100%; padding: 20px 0;}
}

@media all and (max-width:900px) {
 #sub_content {background-color: #fff; background: url(/S0006/images/sub/tvisual_bg.jpg) no-repeat 0 80px;}
 #container {width: 100%; padding:0 10px; margin: 0;}
.sub_tit {background:none; padding:25px 10px 20px 10px;}
.sub_tit .page_tit {float: none;}
.sub_tit .location_area {width: 100%; padding:0px;}
.hellowwrap {height: auto;}
}

@media all and (max-width:680px) {
.sub_content {background-position:left 80px; }
.sub_tit {background: none;}
.sub_tit .page_tit {font-size:25px;}
.sub_tit .location_area .location {margin-left: 5px}
.sub_tit .location_area .location li {font-size: 14px; line-height: 20px;}
.hellowwrap .textboxwrap  {height: auto;}
.hellowwrap .textbox p.mt_26 {margin-top: 15px;}
.hellowwrap > img {position: absolute; top:30px; left:0px;}
}

@media all and (max-width:560px) {
.sub_tit {background: none; padding:15px 0 5px 3px;}
.sub_tit .page_tit {font-size:22px; font-weight:600;}
.sub_tit .location_area {margin-top:10px;}
.sub_tit .location_area .util {float:left; margin-top:5px;}
.sub_tit .location_area .location { width:100%; }
}

/*모바일*/
@media all and (max-width:480px) {
.hellowwrap {padding-top: 120px; background-position: center 18px}
.hellowwrap > img {position: absolute; top:10px; left:0px; width: 100%;}
.hellowwrap .textbox img { margin-left:0; float: none; margin: 0 auto;}
.hellowwrap .textbox {padding: 15px;}
.hellowwrap .textbox p.mt_26 {margin-top: 20px;}
}

@media all and (max-width:380px) {

.sub_tit .location_area .util {left:10px;}
.sub_tit .location_area .location li {font-size: 13px; margin-right: 7px;line-height: 20px;}
.sub_tit .location_area .location li span {padding-left:15px;}
}


/*평가하기*/
.cont_foot {margin-top: 40px;}
.cont_foot .top {width:820px; 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: 820px; 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; 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:left; font-size:13px; margin-left:125px; margin-top:5px; width:655px;}
.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: right; width: 58px; height: 28px; border-radius: 5px; 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%); border:0;}

.helth_cont_foot01 .cont_foot .info dl dt {background: url('/S0006/images/common/foot_ico01.png') no-repeat left center;}
.helth_cont_foot02 .cont_foot .info dl dt {background: url('/S0006/images/common/foot_ico02.png') no-repeat left center;}
.helth_cont_foot03 .cont_foot .info dl dt {background: url('/S0006/images/common/foot_ico03.png') no-repeat left center;}
.helth_cont_foot04 .cont_foot .info dl dt {background: url('/S0006/images/common/foot_ico04.png') no-repeat left center;}
.helth_cont_foot05 .cont_foot .info dl dt {background: url('/S0006/images/common/foot_ico05.png') no-repeat left center;}
.helth_cont_foot06 .cont_foot .info dl dt {background: url('/S0006/images/common/foot_ico06.png') no-repeat left center;}
.helth_cont_foot07 .cont_foot .info dl dt {background: url('/S0006/images/common/foot_ico07.png') no-repeat left center;}
.helth_cont_foot08 .cont_foot .info dl dt {background: url('/S0006/images/common/foot_ico08.png') no-repeat left center;}

.helth_cont_foot01 .cont_foot .info .info_line02 form .regBtn {
    border: 1px solid #d91e48;
	background: #d91e48; /* Old browsers */
    background: -webkit-linear-gradient(#e92652 0%, #e92652 50%, #d91e48 51%, #d91e48 100%);
    background: -o-linear-gradient(#e92652 0%, #e92652 50%, #d91e48 51%, #d91e48 100%);
    background: linear-gradient(#e92652 0%, #e92652 50%, #d91e48 51%, #d91e48 100%);
}
.helth_cont_foot02 .cont_foot .info .info_line02 form .regBtn {
    border: 1px solid #275aae;
	background: #275aae; /* Old browsers */
    background: -webkit-linear-gradient(#326ac6 0%, #326ac6 50%, #275aae 51%, #275aae 100%);
    background: -o-linear-gradient(#326ac6 0%, #326ac6 50%, #275aae 51%, #275aae 100%);
    background: linear-gradient(#326ac6 0%, #326ac6 50%, #275aae 51%, #275aae 100%);
}
.helth_cont_foot03 .cont_foot .info .info_line02 form .regBtn {
    border: 1px solid #6f3e9c;
	background: #6f3e9c; /* Old browsers */
    background: -webkit-linear-gradient(#804bb0 0%, #804bb0 50%, #6f3e9c 51%, #6f3e9c 100%);
    background: -o-linear-gradient(#804bb0 0%, #804bb0 50%, #6f3e9c 51%, #6f3e9c 100%);
    background: linear-gradient(#804bb0 0%, #804bb0 50%, #6f3e9c 51%, #6f3e9c 100%);
}
.helth_cont_foot04 .cont_foot .info .info_line02 form .regBtn {
    border: 1px solid #096d66;
	background: #096d66; /* Old browsers */
    background: -webkit-linear-gradient(#0d827a 0%, #0d827a 50%, #096d66 51%, #096d66 100%);
    background: -o-linear-gradient(#0d827a 0%, #0d827a 50%, #096d66 51%, #096d66 100%);
    background: linear-gradient(#0d827a 0%, #0d827a 50%, #096d66 51%, #096d66 100%);
}
.helth_cont_foot05 .cont_foot .info .info_line02 form .regBtn {
    border: 1px solid #366d15;
	background: #366d15; /* Old browsers */
    background: -webkit-linear-gradient(#3e7d19 0%, #3e7d19 50%, #366d15 51%, #366d15 100%);
    background: -o-linear-gradient(#3e7d19 0%, #3e7d19 50%, #366d15 51%, #366d15 100%);
    background: linear-gradient(#3e7d19 0%, #3e7d19 50%, #366d15 51%, #366d15 100%);
}
.helth_cont_foot06 .cont_foot .info .info_line02 form .regBtn {
    border: 1px solid #604537;
	background: #604537; /* Old browsers */
    background: -webkit-linear-gradient(#6f5141 0%, #6f5141 50%, #604537 51%, #604537 100%);
    background: -o-linear-gradient(#6f5141 0%, #6f5141 50%, #604537 51%, #604537 100%);
    background: linear-gradient(#6f5141 0%, #6f5141 50%, #604537 51%, #604537 100%);
}
.helth_cont_foot07 .cont_foot .info .info_line02 form .regBtn {
    border: 1px solid #145d69;
	background: #145d69; /* Old browsers */
    background: -webkit-linear-gradient(#1a6f7d 0%, #1a6f7d 50%, #145d69 51%, #145d69 100%);
    background: -o-linear-gradient(#1a6f7d 0%, #1a6f7d 50%, #145d69 51%, #145d69 100%);
    background: linear-gradient(#1a6f7d 0%, #1a6f7d 50%, #145d69 51%, #145d69 100%);
}
.helth_cont_foot08 .cont_foot .info .info_line02 form .regBtn {
    border: 1px solid #333;
	background: #333; /* Old browsers */
    background: -webkit-linear-gradient(#444 0%, #444 50%, #333 51%, #333 100%);
    background: -o-linear-gradient(#444 0%, #444 50%, #333 51%, #333 100%);
    background: linear-gradient(#444 0%, #444 50%, #333 51%, #333 100%);
}

/*서브탭-공통*/
.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; font-weight: 600;}
.sub_tab li.first {margin-left: 0;}
.sub_tab li a {display: block;}

.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; position: relative; padding-left:10px; width:25%; font-size:15px; font-weight: 600;letter-spacing:-0.08em !important; line-height:16px; margin:5px 0;}
.sub_tab2 ul li::before {content: ''; display: block; position: absolute; top: 6px; left: 0; width: 4px; height: 4px; background-color: #d91e48;}
.sub_tab2 ul li a { color:#666; }
.sub_tab2 ul li.on a { color:#d91e48; text-decoration: underline;}
.sub_tab2 ul li a:hover { color:#d91e48; 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 #d91e48; 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:#d91e48; font-weight:600; text-decoration:underline;}


@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 {font-size:14px; border-left-width:4px;}
}

@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:10; color:#8a8a8a;  }
tbody td.center_r { text-align:center; padding-left:10; color:#8a8a8a;  background-color:#fef5f7;}
tbody td.center_b { text-align:center; padding-left:10; 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; 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;}





/*********sub11 greeting*********/
.sub11 {overflow: hidden;}
.sub11 .img_area{ float: left;}
.sub11 .img_area b {font-size:45px;  color: black; display: block; margin-top: 10px;}
.sub11 .content_area{ float: left; width: 62%;}
.sub11 .content_area b{ display: block; margin-bottom: 30px;}
.sub11 .content_area p{margin-bottom: 30px; font-size: 15px; }



/*태블릿*/
@media all and (max-width:1023px){
  .sub_tab2 {padding: 15px;}
  .sub_tab2 ul li {margin: 10px 1%; width: 48%;}
  /*평가하기_공통*/
  .cont_foot {width: 100%;}
  .cont_foot .top {width: 100%;}
  .cont_foot .info {width: 100%;}
  .cont_foot .info .info_line02 form {width:86%;}


/******sub11 greeting******/
.sub11 .img_area {width: 40%;}
.sub11 .content_area {width: 60%;}



}
@media all and (max-width:900px) {
  /*평가하기_공통*/
  .cont_foot .top {padding: 10px;}
  .cont_foot .top div {overflow: hidden; margin-left: 10px;}
  .cont_foot .top img {margin: 0 20px 0 0;}
  .cont_foot .top p {font-size: 12px; line-height: 15px; float: left; width: 70%;}
  .cont_foot .info .info_line01 .click {float: none; padding: 40px 0px;}
  .cont_foot .info .info_line02 form {/*float: none; padding: 40px 0 10px;*/ padding:0 0 10px; width:100%; margin-left:0;}
}


@media all and (max-width:768px) {
    /******sub11 greeting******/
    .sub11 .img_area {width: 100%; float: none; text-align: center; margin-bottom: 20px;}
    .sub11 .img_area img{max-width: 100%;}
    .sub11 .content_area {width: 100%; float: none; padding-top: 20px; border-top: 1px solid #dddddd;}
    .sub11 .content_area img {max-width: 100%; display: block; margin: 0 auto;}
}


/*모바일*/
@media all and (max-width:480px) {
  /*탭_공통*/
  .sub_tab ul li, .sub_tab ul li.on, .sub_tab ul li:hover {background-image: none; text-align: center; padding-left: 0;}
  .sub_tab2 ul li {width: 100%;}
  /*평가하기*/
  .cont_foot .top p {margin: 10px 0 0 0;}
  .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 .info_line {padding: 7px 10px;}
  .cont_foot .info dl dt {border: 0;}
  .cont_foot .info dl dd {margin-top: 5px;}
}


/* list type */
#sub_cont h4,.h4 {padding-left:30px; font-weight:600; font-size:19px; color:#333;}
#sub_cont h4:first-child {margin-top:0;}
#sub_cont h5, #sub_cont .h5 {padding-left:25px; font-weight:600; font-size:16px; color:#333;}
#sub_cont .h5 {font-size: 17px;}
#sub_cont h6,.h6 { font-size:16px; font-weight:600; background:url('/S0006/images/common/bul_h6.png') no-repeat left 8px; padding-left:17px; margin-bottom:3px; }
.explain {margin:9px 0 12px; font-weight:600; line-height:1.7;}
.caution {overflow:hidden;}
.caution span.hide {float:left; display:block; padding-left:17px; background:url('/S0006/images/common/bul_caution.gif') no-repeat 0 6px; text-indent:-9999px;}

.noBl {background:none !important;}
.list_black, .h5_ul {/*수정*/margin-left:9px;}
.h5_ul {margin-top: 10px;}
.list_black > li, .h5_ul > li {padding:3px 0 3px 12px;}
.list_blue > li {padding-left:10px; background:url('/S0006/images/common/bul_blue.png') no-repeat 0 10px;}
.list_noBl > li {background:none;}
.list_hyp > li {padding:3px 0 3px 13px; background:url('/S0006/images/common/bul_hyphen.png') no-repeat 0 12px;}
.list_dot > li {padding-left:9px; background:url('/S0006/images/common/bul_dot.png') no-repeat 0 10px;}
.list_dot2 > li {padding-left:9px; background:url('/S0006/images/common/bul_dot2.gif') no-repeat 0 11px;}
li a.blank {display:inline-block; padding-right:14px; background:url('/S0006/images/common/i_blank_blue.png') no-repeat right center;}

.sub_cont01 h4,.h4 {background:url('/S0006/images/common/bul_h4_01.png') no-repeat 0 4px;}
.sub_cont02 h4,.h4 {background:url('/S0006/images/common/bul_h4_02.png') no-repeat 0 4px;}
.sub_cont03 h4,.h4 {background:url('/S0006/images/common/bul_h4_03.png') no-repeat 0 4px;}
.sub_cont04 h4,.h4 {background:url('/S0006/images/common/bul_h4_04.png') no-repeat 0 4px;}
.sub_cont05 h4,.h4 {background:url('/S0006/images/common/bul_h4_05.png') no-repeat 0 4px;}
.sub_cont06 h4,.h4 {background:url('/S0006/images/common/bul_h4_06.png') no-repeat 0 4px;}
.sub_cont07 h4,.h4 {background:url('/S0006/images/common/bul_h4_07.png') no-repeat 0 4px;}
.sub_cont08 h4,.h4 {background:url('/S0006/images/common/bul_h4_08.png') no-repeat 0 4px;}
.sub_cont09 h4,.h4 {background:url('/S0006/images/common/bul_h4_01.png') no-repeat 0 4px;}
.sub_cont010 h4,.h4 {background:url('/S0006/images/common/bul_h4_02.png') no-repeat 0 4px;}

.sub_cont01 h5, .sub_cont01 .h5 {background:url('/S0006/images/common/bul_h5_01.png') no-repeat 5px 8px;}
.sub_cont02 h5, .sub_cont02 .h5 {background:url('/S0006/images/common/bul_h5_02.png') no-repeat 5px 8px;}
.sub_cont03 h5, .sub_cont03 .h5 {background:url('/S0006/images/common/bul_h5_03.png') no-repeat 5px 8px;}
.sub_cont04 h5, .sub_cont04 .h5 {background:url('/S0006/images/common/bul_h5_04.png') no-repeat 5px 8px;}
.sub_cont05 h5, .sub_cont05 .h5 {background:url('/S0006/images/common/bul_h5_05.png') no-repeat 5px 8px;}
.sub_cont06 h5, .sub_cont06 .h5 {background:url('/S0006/images/common/bul_h5_06.png') no-repeat 5px 8px;}
.sub_cont07 h5, .sub_cont07 .h5 {background:url('/S0006/images/common/bul_h5_07.png') no-repeat 5px 8px;}
.sub_cont08 h5, .sub_cont08 .h5 {background:url('/S0006/images/common/bul_h5_08.png') no-repeat 5px 8px;}
.sub_cont09 h5, .sub_cont09 .h5 {background:url('/S0006/images/common/bul_h5_01.png') no-repeat 5px 8px;}
.sub_cont010 h5, .sub_cont010 .h5 {background:url('/S0006/images/common/bul_h5_02.png') no-repeat 5px 8px;}

.sub_cont01 .list_black > li {background:url('/S0006/images/common/bul_list_01.png') no-repeat 0 11px;}
.sub_cont02 .list_black > li {background:url('/S0006/images/common/bul_list_02.png') no-repeat 0 11px;}
.sub_cont03 .list_black > li {background:url('/S0006/images/common/bul_list_03.png') no-repeat 0 11px;}
.sub_cont04 .list_black > li {background:url('/S0006/images/common/bul_list_04.png') no-repeat 0 11px;}
.sub_cont05 .list_black > li {background:url('/S0006/images/common/bul_list_05.png') no-repeat 0 11px;}
.sub_cont06 .list_black > li {background:url('/S0006/images/common/bul_list_06.png') no-repeat 0 11px;}
.sub_cont07 .list_black > li {background:url('/S0006/images/common/bul_list_07.png') no-repeat 0 11px;}
.sub_cont08 .list_black > li, .sub_cont08 .h5_ul > li {background:url('/S0006/images/common/bul_list_08.png') no-repeat 0 11px;}
.sub_cont09 .list_black > li, .sub_cont09 .h5_ul > li {background:url('/S0006/images/common/bul_list_08.png') no-repeat 0 11px;}

/* box */
.sub_cont01 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #d91e48; background:#fafafa;}
.sub_cont02 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #275aae; background:#fafafa;}
.sub_cont03 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #6f3e9c; background:#fafafa;}
.sub_cont04 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #096d66; background:#fafafa;}
.sub_cont05 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #366d15; background:#fafafa;}
.sub_cont06 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #604537; background:#fafafa;}
.sub_cont07 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #145d69; background:#fafafa;}
.sub_cont08 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #333; background:#fafafa;}
.sub_cont09 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #d91e48; background:#fafafa;}
.sub_cont010 .txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #275aae; background:#fafafa;}


.txt_box02 {padding:3% 4%; line-height:1.7; border:1px solid #d7d7d7; background:#fafafa; overflow:hidden;}
.txt_box02 > li {float:left; width:20%; padding:2px 0 2px 25px;}

.txt_box03 {padding:3% 4%; line-height:1.7; border:1px solid #d7d7d7; background:#fafafa; overflow:hidden;}
.txt_box03 > li {float:left; width:25%; background:url('/S0006/images/common/bul_arr.gif') no-repeat left center; padding:2px 0 2px 25px;}
.sub_cont01 .txt_box03 > li {background:url('/S0006/images/common/bul_arr01.gif') no-repeat left center;}
.sub_cont02 .txt_box03 > li {background:url('/S0006/images/common/bul_arr02.gif') no-repeat left center;}
.sub_cont03 .txt_box03 > li {background:url('/S0006/images/common/bul_arr03.gif') no-repeat left center;}
.sub_cont04 .txt_box03 > li {background:url('/S0006/images/common/bul_arr04.gif') no-repeat left center;}
.sub_cont05 .txt_box03 > li {background:url('/S0006/images/common/bul_arr05.gif') no-repeat left center;}
.sub_cont06 .txt_box03 > li {background:url('/S0006/images/common/bul_arr06.gif') no-repeat left center;}
.sub_cont07 .txt_box03 > li {background:url('/S0006/images/common/bul_arr07.gif') no-repeat left center;}
.sub_cont08 .txt_box03 > li {background:url('/S0006/images/common/bul_arr08.gif') no-repeat left center;}

.txtBox {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; background:#fafafa;}
.txtBox02 {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; background:#fff;}
.roundBox {width:100%; letter-spacing:-0.08em; text-align:center; vertical-align:top; background:#f4f4f4; border:1px solid #ccc; border-radius:10px 10px; box-sizing:border-box; overflow:hidden;}
.map_box {background:url('/S0006/images/sub/map_bg.gif') no-repeat left top; padding:20px;}
.map_box > .ico_box {background:url('/S0006/images/sub/map_icon.png') no-repeat 5% center; padding-left:20%; font-weight:400; line-height:1.5; }
.map_box > .ico_box > .tit {font-size:18px; font-weight:600;}

@media all and (max-width:1200px){
	.map_box {border:1px solid #d7d7d7; background:none #fafafa; border-top:1px solid #1c66a3; border-bottom:1px solid #ea5521;}
}
@media all and (max-width:800px){
	.map_box > .ico_box {padding:0 20px 0 25%;}
	.txt_box02 > li {width:33%;}
	.txt_box03 > li {width:50%;}
}
@media all and (max-width:560px){
	.map_box > .ico_box {padding:0 20px 0 30%;}
	.txt_box02 > li {width:50%;}
}
@media all and (max-width:470px){
	.map_box > .ico_box {background:none #fafafa; padding:0 20px;}
	.txt_box03 > li {width:100%;}
}

/*실명인증 */

.security_box {width:100%; text-align:center; margin-top:30px;}
.security_box > div {border:1px solid #e5e5e5; width:35%; display:inline-block; border-radius:10px;  padding:220px 0 30px 0; margin:0 2%;}
.security_box > div.s_icon01 {background:url('/S0006/images/sub/security_icon01.png') no-repeat center 30px #f6f6f6;}
.security_box > div.s_icon02 {background:url('/S0006/images/sub/security_icon02.png') no-repeat center 30px #f6f6f6;}
.security_box > .ico_box > .tit {font-size:18px; font-weight:600;}

.bt_security_box {text-align:center;}
.bt_security {display: inline-block; padding:7px 25px; border-radius:3px; border:2px solid #c8d1db; }
.bt_security span {font-weight: bold; color:#333; letter-spacing:-0.05em;}

@media all and (max-width:780px){
	.security_box > div {padding:30% 0 30px 0;}
	.security_box > div.s_icon01, .security_box > div.s_icon02 {background-size:60%;}
}
@media all and (max-width:480px){
	.security_box > div {width:80%; padding:35% 0 30px 0; margin:2% 0;}
	.security_box > div.s_icon01, .security_box > div.s_icon02 {background-size:30%;}
	.security_box > div.s_icon01, .security_box > div.s_icon02 {background-position: center 20%;}
}

/* table overflow scroll */
.tbl_wrap {clear:both; width:100%; box-sizing:border-box;}

@media all and (min-width:767px){
.tbl_wrap {overflow-x:auto;}
.tbl_wrap > table {width:100%;}

}
@media all and (max-width:767px){
.tbl_wrap {overflow-x:scroll; padding-bottom:5px; margin-bottom:10px;}
}

/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.tdR td {padding-right:10px; text-align:right;}
.tbl_wrap .tbl_guide { display: none; }
@media (max-width: 768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; color: #d46cba; line-height: 120%; margin: 5px 0 10px;}
	.tbl_wrap .tbl_st1 { width: 800px; margin-bottom: 20px; }
}


/* table style1 */
.tbl_st1 {min-width:100%; margin-top:7px; border-left:1px solid #ccc; border-top:2px solid #45474d; margin-left:-1px;}
.tbl_st1 th,
.tbl_st1 td {padding:6px 5px; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st1 thead th {background:#e7f5f5 !important;}
.tbl_st1 thead th {font-weight:600; font-size:14px; background:#e7f5f5 !important;}
.tbl_st1 tbody th {font-weight:600; font-size:14px; background:#fafafb !important;}
.tbl_st1 tbody th,
.tbl_st1 tfoot th {font-weight:600; background:#fff;}
.tbl_st1 tbody td.txtL,
.tbl_st1 tbody td.taL {text-align:left !important; padding-left:10px;}

/* table style2 : 오른쪽 정렬*/
.tbl_st2 {min-width:100%; margin-top:9px; border-left:1px solid #ccc; border-top:1px solid #000;}
.tbl_st2 th,
.tbl_st2 td {padding:10px 0; font-weight:600; font-size:14px; line-height:1.8; color:#5f5f5f; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st2 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st2 tbody th {background:#f5f5f5;}
.tbl_st2 tbody td {text-align:right; padding-right:10px;}
.tbl_st2 tbody td.txtC {text-align:center; }

/* table style3 : 왼쪽 정렬*/
.tbl_st3 {min-width:100%; margin-top:9px; border-left:1px solid #ccc; border-top:1px solid #000;}
.tbl_st3 th,
.tbl_st3 td {padding:10px 0; font-weight:400; font-size:14px; line-height:1.8; color:#5f5f5f; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st3 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st3 tbody th {background:#f5f5f5;}
.tbl_st3 tbody td {text-align:left; padding-left:10px;}
.tbl_st3 tbody td.txtC {text-align:center; padding-left:0px; }

/* table style4 : pink*/
.tbl_st4 {min-width:100%; margin-top:7px; border-top:2px solid #c00e36;}
.tbl_st4 th,
.tbl_st4 td {padding:6px 5px; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-top:0; text-align:center; border-spacing:0;}
.tbl_st4 th.last,
.tbl_st4 td.last {border-right:1px solid #ddd !important;}
.tbl_st4 thead th {font-weight:600; font-size:14px; background:#eff4f8;}
.tbl_st4 tbody th,
.tbl_st4 tfoot th {font-weight:600; background:#fff;}
.tbl_st4 tbody td.txtL {text-align:left; padding-left:10px;}

/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.tdR td {padding-right:10px; text-align:right;}
table tr th.last, table tr td.last {border-right:#fff !important;}

/* img box */
.img_box {margin:50px 0; width:100%; text-align:center;}
.img_box02 {margin:20px 0; width:100%; text-align:center; border:1px solid #ccc; padding:10%; background:#f6f6f6;}
.img_box03 {margin:15px 0; width:100%; text-align:center; border:1px solid #ccc; padding:3%; background:#f6f6f6;}
.img_box ul {overflow:hidden;}
.img_box li {float:left; font-size:0; line-height:0}
.img_box li img {width:100%; border:1px solid #ccc; box-sizing:border-box;}

.img_box.col2 li {width:49%; margin-left:2%;}
.img_box.col2 li:nth-of-type(2n-1) {margin-left:0;}
.img_box.col3 li {width:32%; margin-left:2%;}
.img_box.col3 li:nth-of-type(3n-2) {margin-left:0;}

@media all and (max-width:800px){
.img_box {margin:5% 0;}
.img_box img {width:90%;}
.img_box02 {margin:5% 0; padding:5%;}
.img_box02 img {width:100%;}
.img_box03 {margin:3% 0; padding:2%;}
.img_box03 img {width:100%;}
}

@media all and (max-width:480px){
.img_box li {float:none; margin-top:10px;}
.img_box.col2 li,
.img_box.col3 li {width:100%; margin-left:0;}
}


/* etc */
.unit {text-align:right; font-size:13px; color:#5f5f5f;}
.unit::after {content:""; display:block; width:100%; clear:both;}

/* iframe target*/
#hidden_frame {
	width: 0px;
	height: 0px;
	border-width: 0px;
	border: 0px;
	margin: 0px;
	overflow: hidden;
}

iframe {width:100%; min-width:100%; border:none; margin:0; overflow:hidden; overflow-y:auto;}

.map {padding:10px; border:1px solid #ccc;}
.root_daum_roughmap_landing {height:400px;}
.map > iframe {height:450px;}
@media all and (max-width: 600px) {
	.root_daum_roughmap_landing {height:300px;}
}
@media all and (max-width: 450px) {
	.root_daum_roughmap_landing {height:200px;}
}

/* 탭 */
.tab {width:100%; overflow:hidden;}
.tab > li {float:left; width:13%; background:#ebf4e3; border:1px solid #c4dab9; text-align:center; margin-right:1%; margin-bottom:1%;}
.tab > li > a {display:block; padding:6% 0;}
.tab > li.on {background:#587a39; border:2px solid #3a5026;}
.tab > li.on > a {color:#fff; font-weight:bold; padding:5% 0;}
@media all and (max-width: 650px) {
	.tab > li {width:24%;}
}
@media all and (max-width: 390px) {
	.tab > li {width:32%;}
}

/*버튼*/

.bt_top { display: inline-block; padding:7px; border-radius:3px; border:1px solid #c8d1db; }
.bt_top span { padding:0 12px 0 2px;  font-weight: bold; background:#ffffff url('/S0006/images/common/button/i_top.png') no-repeat right; color:#333; letter-spacing:-0.05em;}

.btL {display:inline-block; height:31px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:8px 8px; font-weight:600; font-size:18px; line-height:27px; color:#117b7e; background:#ebf8f8;}
.btM {display:inline-block; height:26px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:6px 6px; font-weight:600; font-size:15px; line-height:25px; color:#117b7e; background:#ebf8f8;}
.btS {display:inline-block; height:17px; padding:0 22px 0; border:1px solid #00a3a8; border-radius:4px 4px; font-weight:600; font-size:13px; line-height:14px; color:#117b7e; background:#ebf8f8;}
.btS_w50 {display:inline-block; height:17px; padding:0 22px 0; width:30px; border:1px solid #00a3a8; border-radius:4px 4px; font-weight:600; font-size:13px; line-height:14px; color:#00a3a8; background:#ebf8f8;}

.bt_white { line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #c8d1db; background:#fff; font-weight: bold; color:#333; letter-spacing:-0.05em;}
.bt_white span.iMap{ font-size:14px; padding:3px 20px 3px 7px; background:url('/S0006/images/common/button/i_map.png') no-repeat right; }
.bt_white span.down { font-size:14px; padding:3px 12px 3px 7px; background:url('/S0006/images/common/button/i_down.png') no-repeat right; }
.bt_white span.site { font-size:14px; padding:0 20px 0 3px; background:url('/S0006/images/common/button/i_site.png') no-repeat right; }
.bt_white span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/S0006/images/common/button/i_blank.png') no-repeat right; }

.bt_white_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #c8d1db; background:#fff; font-size:13px; color:#333; }
.bt_white_s span.down { padding:0 20px 0 2px; background:url('/S0006/images/common/button/i_down.png') no-repeat right; }
.bt_white_s span.blank { padding:0 18px 0 2px; background:url('/S0006/images/common/button/i_blank.png') no-repeat right; }


.bt_blue { line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #1c66a3; background:#1c66a3; font-weight: bold; color:#fff; letter-spacing:-0.05em;}
.bt_blueL {padding:13px 30px;}
.bt_blueL > span { font-size:16px !important;}
.bt_blue span.down { font-size:14px; padding:0 20px 0 2px; background:url('/S0006/images/common/button/i_down_w.png') no-repeat right; }
.bt_blue span.site { font-size:14px; padding:0 20px 0 3px; background:url('/S0006/images/common/button/i_site_w.png') no-repeat right }
.bt_blue span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/S0006/images/common/button/i_blank_w.png') no-repeat right; }
.bt_blue span.glasses { font-size:14px; padding:0 18px 0 2px; background:url('/S0006/images/common/button/i_glasses.png') no-repeat right; display:block; }


.bt_blue_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #1c66a3; background:#1c66a3; font-size:13px; color:#fff; }
.bt_blue_s span.down { padding:0 20px 0 2px; background:url('/S0006/images/common/button/i_down_w.png') no-repeat right; }
.bt_blue_s span.blank { padding:0 18px 0 2px; background:url('/S0006/images/common/button/i_blank_w.png') no-repeat right; }
.bt_blue_s span.glasses { padding:0 18px 0 2px; background:url('/S0006/images/common/button/i_glasses.png') no-repeat right; }

.bt_R_blank{color:#1160a4; padding:0 18px 0 2px; background:url('/S0006/images/common/i_blank_blue.png') no-repeat right center; }

.btn_box {padding:40px 0 0 45%;}
.bt_ok {display: inline-block; padding:10px 40px; border-radius:3px; background:#666;}
.bt_ok  span {font-weight:400; color:#fff; font-size:18px; letter-spacing:-0.05em;}
@media all and (max-width:600px){
	.btn_box {padding:40px 0 0 38%;}
}
@media all and (max-width:430px){
	.btn_box {padding:30px 0 0 30%;}
}

/* 이미지*/
.photo1 {}
@media all and (max-width:480px){
.photo1 { width:100%; margin-bottom:10px;}
}

.photo2 {overflow:hidden;}
.photo2 li { float:left; width:49%; text-align:center; box-sizing:border-box; }
.photo2 li.last {float:right;}
.photo2 li img {width:100%; box-sizing:border-box;}
.photo2 li span { display:block;  }
@media all and (max-width:480px){
.photo2 li { width:100%; margin-bottom:10px;}
}

.photo3 { overflow:hidden; }
.photo3 li { float:left; width:32%; margin-right:2%; text-align:center;}
.photo3 li.last {margin-right:0;}
.photo3 li img {width:100%;}
.photo3 li span { display:block;  }
@media all and (max-width:768px){
.photo3 li {width:49%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:480px){
.photo3 li { width:100%; }
}

.photo4 { overflow:hidden; }
.photo4 li { width:24.25%; margin-right:1%; float:left; margin-bottom:20px; }
.photo4 li.last {margin-right:0;}
.photo4 img { width:100%; height:140px;}
@media all and (max-width:768px){
.photo4 li { width:49%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:480px){
.photo4 li { width:100%; }
}

.sub_img {width:100%; text-align:center; margin-top:50px;}
@media all and (max-width: 800px) {
	.sub_img img {width:90%;}
}

.img_brd,
.list_brd li {border:1px solid #ddd; box-sizing:border-box; line-height:0 !important;}
.img_pBrd,
.list_pBrd li {border:1px solid #ddd; box-sizing:border-box; padding:1%; line-height:0 !important;}


/* 사이트맵*/

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

/*테이블_스타일02*/
.tb_wrap {overflow-x: auto; margin:20px 0 30px 0;}
.tb1_st1 .tb1_st2 tr th {background: #f3f3f3; border-right: 1px solid #cccccc; border-bottom:  1px solid #cccccc; font-weight: 600; color:#555555; 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;}

.wd_30{width:30%;}
.wd_70{width:70%;}
.pl_20{padding-left:20px !important;}

/*사이트맵_목록*/
.sitemap_ul li a { margin-right: 15px; font-size: 14px; padding-left: 10px; background: url('/S0006/images/common/bul_dot.png') no-repeat left 11px; display:inline-block;}


/*구강보건*/
.tooth.step {overflow:hidden; margin:20px 0; border:5px solid #eee; }
.tooth.step dl { background:url('/S0006/images/sub/tooth1.jpg')no-repeat center 20px/160px; float:left; width:33.33%; padding:200px 20px 20px;}
.tooth.step dl:nth-child(2) {background-image:url('/S0006/images/sub/tooth2.jpg');}
.tooth.step dl:nth-child(3) {background-image:url('/S0006/images/sub/tooth3.jpg');}
.tooth.step dl dt {margin-bottom:10px; font-size:16px; color:#111;}
.tooth.step dl dt strong {color:#835244; }
.tooth.step dl dd {font-size:14px; }
.tongue.step {overflow:hidden; margin:20px 0; border:5px solid #eee; }
.tongue.step li {float:left; width:25%; padding:20px;}
.tongue.step li strong { display:block; font-size:30px; margin-bottom:10px; }
@media all and (max-width:600px){
  .tooth.step dl {width:100%; background-position:20px center; background-size:100px; padding:20px 20px 20px 150px; min-height:125px;}
  .tongue.step li {width:50%;}
}

.box { border:1px solid #ddd; background:#f6f6f6; padding:20px; margin-top:20px; }

/*버튼*/
.btn { position:relative; display:inline-block; border:1px solid #222; border-radius:5px; font-size:14px; font-weight:600; padding:5px 15px; background-color:#555; color:#fff; }
.btn:hover {background-color:#0066b3; border:1px solid #0066b3;}
.btn.blank {padding:5px 35px 5px 15px; }
.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; }

.img100 img {width:100%;}



/* 금연사업 흡연예방교육용영상 */
.smoke_video{display: flex;}
.smoke_video li{width: calc(100% - 30px)/2; margin-right: 30px;}
.smoke_video li:last-child{margin-right: 0;}

.smoke_video li video{margin-top: 20px;}

@media all and (max-width:600px){
    .smoke_video{flex-wrap: wrap;}
    .smoke_video li{width: 100%; margin: 0;}
}

/* 출산지원사업 지원절차 > 임신 사전건강관리 지원사업 */
.step_240320{display: flex; margin: -10px;margin-top: 4px;}
.step_240320 li{width: calc(20% - 20px); margin: 10px;text-align: center;border-radius: 10px;border: 1px solid #ddd;position: relative;padding: 12px 12px 50px 12px;min-height: 124px;}
.step_240320 li span{display: block; background: #e9e9e9; border-radius: 50px; position: absolute; width: 83%; bottom: 7px; left: 50%; transform: translateX(-50%);}
.step_240320 li em{display: inline-block; margin-right: 5px; font-weight: bold;}
@media all and (max-width:700px){
    .step_240320{flex-wrap: wrap;}
    .step_240320 li{width: calc(48% - 20px); }
}

/* 출산지원사업 지원절차 > 냉동난자보조생식술사업*/
.step_240320_2{display: flex;margin: -10px;margin-top: 4px;}
.step_240320_2 > li{width: calc(25% - 20px);margin: 10px;text-align: center;border-radius: 10px;border: 1px solid #ddd;position: relative;padding: 12px 12px 85px 12px;min-height: 124px;}
.step_240320_2 > li span{display: block;background: #e9e9e9;border-radius: 5px;position: absolute;width: 90%;bottom: 7px; left: 50%; transform: translateX(-50%); font-size: 14px;line-height: 1.3;padding: 5px;}
.step_240320_2 li em{display: inline-block; margin-right: 5px; font-weight: bold;}

@media all and (max-width:700px){
    .step_240320_2{flex-wrap: wrap;}
    .step_240320_2 li{width: calc(48% - 20px); padding: 12px 12px 96px 12px;}
}

/*금연 사업*/
.no_smoking .cont_box { position:relative; display:flex; padding:50px; border:1px solid #ddd; background:#f9f9f9; gap:40px; }
.no_smoking .cont_box::after {content:''; position:absolute; left:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 20px); background:#fff;}
.no_smoking .cont_box > * {position:relative; z-index:2; }
.no_smoking .cont_box .img { align-content:flex-end; }
.no_smoking .cont_box p {font-size:40px; font-weight:600; color:#d21d46; line-height:1.4; margin:20px 0 10px; }
.no_smoking .cont_box dt {font-size:20px; font-weight:600; }
@media all and (max-width:768px){
    .no_smoking .cont_box .img {display:none;}
}