@charset "utf-8";

.etc .breadcrumb {top:20px}
.etc h2 {font-size:32px;color:#333;font-weight:700;vertical-align:top;line-height:35px;padding:47px 0 28px}
.etc h3.tit {font-size:24px;margin-bottom:7px;line-height:32px;font-weight:500;padding:0;}
input[type="text"] {display:inline-block; padding:0 10px; width:100%; height:40px; background:#f7f7f7; border:1px solid #d9d9d9; vertical-align:middle}
.etc td, .etc label {font-weight:normal;}
.etc tbody th {font-weight:normal;}
p.tit {font-size:24px;margin-bottom:7px;}
.etc p {line-height:32px;font-weight:300;}
.etc p.tit {font-weight:500;}
input[type="button"] {border-radius:0; -webkit-appearance: none;}

/* 사이버감사실 */
.cyber-area p {line-height:32px;}
.txt-box {width:100%; padding:40px 35px; margin:10px 0 60px; background:#737370; box-sizing:border-box; color:#fff; letter-spacing:0}
.txt-box:after {content:'';display:block;visibility:hidden;clear:both;}
.txt-box dl {width:48.8%; display:inline-block; box-sizing:border-box; vertical-align:top;}
.txt-box dl.first {border-right:1px solid #a5a5a3; padding-right:30px}
.txt-box dl:first-child {border-right:1px solid #a5a5a3; padding-right:30px}
.txt-box dt {padding-bottom:10px; line-height:26px;}
.txt-box dd { font-size:15px; line-height:26px}
.txt-box dl:last-child {padding-left:35px} 
.txt-box dl:last-child dd {display:table}
.txt-box dl dd span {width:70px; display:table-cell}
.txt-box .tit {padding-bottom:10px; line-height:26px; color:#fff;}
.txt-box ul {float:left; width:45%; box-sizing:border-box}
.txt-box ul:last-child {width:50%; border-left:1px solid #a5a5a3; padding-left:40px;  }
.txt-box ul li { font-size:15px; line-height:26px}
.txt-box p.txt {margin-bottom:40px;}
.txt-box dd a {color:#fff}
.cyber-area a.btn-info {position:absolute; right:0; top:3px; color:#916b4a; font-size:15px; line-height:1.4; border-bottom:1px solid #916b4a; }
.cyber-area .info {margin-top:20px; width:100%}
.cyber-area .info .info-box {padding:20px; margin-bottom:10px; width:100%; border:1px solid #d9d9d9; font-size:12px;background:#f7f7f7; min-height:320px; overflow-y:auto; box-sizing:border-box}
.cyber-area .info .info-box dl dt:first-child {padding-top:0;}
.cyber-area .info .info-box dl dt {padding-top:30px; padding-bottom:20px}
.cyber-area .info .radio-box {text-align:right; font-size:15px;}
.cyber-area .info .radio-box span {margin-right:10px}
.cyber-area .info .radio-box label {margin-left:5px; color:#666}
.cyber-area .info .radio-box input[type="radio"] {margin-left:15px}
.por {position:relative}
.etc .bt-area {margin-top:30px}


/* 제보하기 */
.cyber-report h4 {margin:45px 0 2px}
.cyber-report .table-wrap thead tr td {border:none}
.cyber-report .table-wrap tr td {padding:10px 20px 10px; text-align:left; border-left:none}
.cyber-report .table-wrap tr td span {display:inline-block; padding:0 5px}
.cyber-report .table-wrap .post {width:15%; }
.cyber-report .table-wrap .file {width:83.9%}
.cyber-report .table-wrap tr:last-child td .btw {min-width:14.7%; vertical-align:middle}
.cyber-report .table-wrap .btw {margin-left:1%; color:#666; font-size:13px; border:1px solid #b3b3b3; vertical-align:middle; background:#fff} 
.cyber-report .table-wrap textarea {padding:10px; width:100%; height:225px; background:#f7f7f7; border:1px solid #d9d9d9; position:relative; box-sizing:border-box; resize:none}

/* 상생경영 */
.epigyny p.tit:first-child {margin-top:0}
.epigyny p.tit {margin-top:45px}
.epigyny .btw {min-width:150px}

/* 오시는길 */
.map {width:100%}
.map img {max-width:100%}
.directions .tit {padding:35px 0 0 0;}
.directions .tel span:first-child {margin-right:50px}
.directions .way {margin-top:12px; border-top:2px solid #000}
.directions .way:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.directions .way li {float:left; text-align:left; width:33.3%}
.directions .way li span {display:block}
.directions .way li .img {padding-top:30px; height:50px; display:inline-block; vertical-align:middle}
.directions .way li .img span {line-height:45px; margin-left:10px; display:inline-block;}
.directions .way img {vertical-align:middle}
.directions .way li .img-bg {background:url(../images/etc/line.gif) no-repeat 0 5px; height:135px; margin-top:15px; padding-left:15px}
.directions .way li .img-bg .txt {margin-top:0}
.directions .way li .txt {font-size:13px; line-height:1.4; color:#4d4d4d; margin-bottom:22px; margin-top:15px; font-weight:300;}
.directions .way li .txt.type2 {margin-top:20px; text-indent:-15px; margin-left:22px }

/* 담당자문의 */
.inquiry .table-wrap tbody tr td:first-child {border-left:none}
.inquiry .table-wrap tbody tr td.bl {border-left:1px solid #d9d9d9}
.inquiry .table-wrap tbody tr td:last-child {letter-spacing:0}
.inquiry .table-wrap {margin-top:12px}

/* 개인정보취급방침 */
.info .info_wrap {margin-top:40px;}
.info .info_wrap ul:after {content:""; clear:both; display:block}
.info .info_wrap li {float:left; width:50%; height:30px; border:1px solid #d9d9d9; line-height:29px; margin:-1px 0 0 -1px; box-sizing:border-box }
.info .info_wrap li a {display:block;font-size:14px; color:#666; padding:0 10px; box-sizing:border-box }
.info .info_wrap li:hover {background:#8f8f8c; border:1px solid #8f8f8c}
.info .info_wrap li:hover a {color:#fff; background:#8f8f8c}
.info .txt dl dt {padding-top:45px; font-size:24px; font-weight:500; margin-bottom:4px}
.info .txt dl dd {line-height:32px;font-weight:300;}
.info .txt dl dd span {display:block}
.info .txt dl dd.info08, .info .txt dl dd.info10 {text-indent:-20px; margin-left:21px}
.info .txt dl dd.txt {color:#808080; padding-top:10px; text-indent:-10px; margin-left:22px}
.info .txt dd ul {padding-top:15px}
.info .txt dd ul li {text-align:left; color:#666; font-size:15px; line-height:26px;}
.info .txt dd ul li span {padding-left:10px; width:100px; display:inline-block}
.info .txt dl dd.info10 + dd.txt ul {padding-bottom:25px}
.info .txt dl dd.info11:after {content:""; clear:both; display:block}
.info .txt dl dd.info11 ul li span {width:100%; padding-left:0; padding-left:21px; box-sizing:border-box}
.info .txt dl dd.info11 ul {float:left; width:35%;}
.info .txt dl dd.info11 ul li ul {width:100%; padding-left:28px; padding-top:0; box-sizing:border-box}
.info .txt dl dd.txt .colorpoint3 {color:#666}/* 2016-06-30 추가 */
.info .txt .privacy-info-select{margin-top:10px;}
.info .txt .privacy-info-select select{height:30px;padding:0 5px;border:1px solid #dbdbdb;font-size:14px;}

/* 법적고지 */
.legal .txt h3 {font-size:24px; padding:45px 0 0; line-height:32px; color:#4c4c4c; font-weight:500; margin-bottom:7px}
.legal .txt p {font-weight:300;}
.legal .txt p.point {font-weight:400;}

.sitemap {}
.sitemap:after {content:""; clear:both; display:block}
.sitemap li {float:left; width:128px; margin-left:66px}
.sitemap li:first-child {margin-left:0}
.sitemap li ul {margin-top:20px;}
.sitemap li ul li {float:none; margin-left:0; font-size:19px; line-height:40px; color:#4c4c4c}/*2023-08-16 수정*/
.sitemap li ul li a > span {display: block; line-height: 1.2;}/*2019-07-17*/
.sitemap li ul li a > span .fontS {font-size: 14px;}/*2019-07-17*//*2023-08-16 수정*/
.sitemap li ul li ul {margin-top:0px; margin-bottom:30px}
.sitemap li ul li ul li {font-size:15px; line-height:34px; color:#666}
.sitemap li a.depth1 {display:block; font-size:22px; font-weight:500; color:#4c4c4c; padding-bottom:12px; border-bottom:1px solid #4c4c4c; }/*2023-08-16 수정*/

.sitemap li.added {float:right;margin:60px 196px 0 0}		/* 2018-07-09 추가 */

@media all and (max-width:1279px) {
.etc .contents {padding:0 50px 100px 50px}
.etc h4 {padding-left:0}
.txt-box dl:first-child {width:48.8%; padding-right:23px}
.txt-box dl:last-child {padding-left:30px}
.txt-box dl dd {text-indent:-9px; margin-left:10px;}
.txt-box dl:last-child dd {margin-left:0; text-indent:0}
.cyber-report h4 {padding:0}
.cyber-report .table-wrap {margin:0}
.inquiry .table-wrap {margin:12px 0 0 0}

.sitemap li.added {float:left;margin:0}		/* 2018-07-09 추가 */

}
@media all and (min-width:768px) and (max-width:1279px) {
.info .info_wrap li:nth-child(odd) {width:49%}
.info .info_wrap li:nth-child(even) {width:51%}
.sitemap {width:668px;}
.sitemap li { margin-left:140px; }
.sitemap li:nth-child(1), .sitemap li:nth-child(2), .sitemap li:nth-child(3) {height:720px;}
.sitemap li:nth-child(1) ul li, .sitemap li:nth-child(2) ul li, .sitemap li:nth-child(3) ul li {height:auto;}
.sitemap li:nth-child(4) {margin-left:0}
.sitemap li ul li {height:auto !important}

.sitemap li:nth-child(4), .sitemap li:nth-child(5), .sitemap li:nth-child(6) {height:290px;}	/* 2018-07-09 추가 */
}

@media all and (max-width:1120px) {
.cyber-report .table-wrap tr:last-child td .btw {min-width:13.5%;}
.cyber-report .table-wrap .file {width:84.4%}
}

@media all and (max-width:767px) {
.etc .contents {padding:0 15px 100px;}
.etc h2 {font-size:30px;padding:40px 0 34px}
.etc h3.tit {font-size:20px; line-height:26px;margin-bottom:12px;}
.etc p {font-size:16px; line-height:26px}
p.tit {font-size:20px; margin-bottom:12px}
.cyber-area p, cyber-report p {font-size:16px; line-height:26px}
.txt-box dl {width:100%}
.txt-box dl:last-child  {width:100%; padding-top:0; padding-left:0}
.txt-box dl.first {width:100%; padding-right:0; border-right:0; border-bottom:1px solid #a5a5a3; padding-bottom:30px; margin-bottom:30px}
.txt-box dl:first-child {width:100%; padding-right:0; border-right:0; border-bottom:1px solid #a5a5a3; padding-bottom:30px; margin-bottom:30px}
.txt-box {width:100%; padding:30px 15px 126px ; margin:44px 0 46px 0 }
.txt-box dt {font-size:20px}
.txt-box dd {font-size:16px}
.cyber-area a.btn-info {position:relative; left:0; top:0; right:auto; font-size:13px}
.cyber-area .info .info-box {padding:30px 20px;}
.cyber-area .info .info-box dl dt {padding-bottom:0}
.cyber-area .info .info-box {overflow:visible}
.cyber-area .info .radio-box {text-align:left; font-size:14px}
input[type="text"] {display:inline-block; padding:0 10px; width:100%; height:30px; line-height:30px; background:#f7f7f7; border:1px solid #d9d9d9; vertical-align:middle; border-radius:0}
textarea {border-radius:0}
textarea {-webkit-appearance:none; }
.cyber-report .table-wrap tr td {padding:10px 20px 10px 0}
.cyber-report .table-wrap .post {width:40%; }
.cyber-report .table-wrap .btw {margin-top:10px; margin-left:0}
.cyber-report .table-wrap a.btw {margin-top:0; margin-left:10px}
.cyber-report .table-wrap tr:last-child td .btw {min-width:20%;}
input[type="button"] {width:25%}
.cyber-report .table-wrap .file {width:100%}
.txt-box ul {float:none; width:100%;}
.txt-box ul:last-child {width:100%; border-left:0; padding-left:0}
.inquiry .table-wrap {margin:32px 0 0}
.legal .txt h3  {font-size:20px; line-height:28px; padding-top:35px}
.legal .txt p  {font-size:16px; line-height:26px;}
.legal p {line-height:26px;}
.info .info_wrap li {float:none; width:100%; margin:-1px 0 0 0; box-sizing:border-box }
.info .info_wrap li a {font-size:14px;}
.info .txt dl dt {padding-top:35px; font-size:20px;  margin-bottom:3px}
.info .txt dl dd {line-height:26px; font-size:16px}
.info .txt dl dd.info07 {text-indent:-20px; margin-left:21px; margin-bottom:5px}
.info .txt dl dd.txt {color:#808080; padding-top:0; text-indent:-10px; margin-left:10px}
.info .txt dd ul {padding-top:9px; padding-left:22px}
.info .txt dd ul li {font-size:14px; }
.info .txt dd ul li span {width:75px;}
.info .txt dl dd.info09 ul li span {width:100%; padding-left:0; padding-left:0px;}
.info .txt dl dd.info09 ul {float:none; width:100%; }
.info .txt dl dd.info09 ul li ul {width:100%; padding-left:8px; padding-top:0}

.directions .tel span:first-child {margin-right:20px}
.directions .way li {float:none; width:100%; margin-top:22px;}
.directions .way li:first-child {margin-top:0}
.directions .way li .img {display:block; padding-top:15px; height:25px }
.directions .way li .img span {line-height:25px; font-size:20px; margin-left:20px;}
.directions .way .img img {vertical-align:middle; max-width:100%;} 
.directions .way li:first-child .img img {height:24px; width:22px}
.directions .way li:nth-child(2) .img img {height:18px; width:27px}
.directions .way li:last-child .img img {height:20px; width:26px}
.directions .way li .img-bg {background:url(../images/etc/line.gif) no-repeat 0 5px; height:135px; margin-top:15px; margin-left:43px}
.directions .way li .img-bg .txt {margin-top:0; margin-bottom:18px; line-height:1.3; padding-left:0 }
.directions .way li .txt {font-size:16px; line-height:26px; color:#4d4d4d; margin-bottom:0; margin-top:15px; padding-left:43px; }
.directions .way li .txt.type2 {margin-top:0; line-height:26px }
.epigyny .btw {min-width:120px}

.sitemap li {width:100%; float:none; margin-left:0; margin-top:30px}
.sitemap li:first-child {margin-top:0}
.sitemap li ul {margin-top:12px;}
.sitemap li ul li {font-size:16px; margin-top:0}
.sitemap li ul li a > span {display: inline; line-height: 40px;}/*2019-07-17*/
.sitemap li ul li a > span .fontS {font-size: 16px;}/*2019-07-17*/
.sitemap li ul li ul {margin-top:-7px; margin-bottom:20px}
.sitemap li ul li ul li {font-size:13px; line-height:30px;}
.sitemap li a.depth1 {font-size:20px; padding-bottom:9px;}

.sitemap li.added {margin:30px 0 0}		/* 2018-07-09 추가 */

}

@media all and (max-width:373px) {
.info .info_wrap li {height:45px; line-height:45px}
.info .info_wrap li a.info04 {height:45px; line-height:22px; text-indent:-10px; margin-left:10px}
}

@media all and (max-width:358px) {
.info .info_wrap li a.info05 {height:45px; line-height:22px; text-indent:-10px; margin-left:10px}
}