@charset "utf-8";

/* 20220817 해당 css는 개인정보처리방침 공통화 작업을 위해 정부24 css가 아닌 타 사이트 문화체육관광부(https://www.mcst.go.kr/kor/s_etc/privacy/privacyGuide.jsp) 의 해당 페이지 css를 가져온 것임
다른페이지에서는 적용하지 말것*/
/* 20230608 해당 css는 개인정보처리방침 공통화 작업을 위해 정부 전자증명서 CSS가 아닌 
타 사이트 정부24 css와 문화체육관광부(https://www.mcst.go.kr/kor/s_etc/privacy/privacyGuide.jsp) 의 해당 페이지 css를 
가져와 수정 사용한 것으로 다른 페이지에는 적용하지 말 것*/

/* 웹 */
/* 개인정보수집이용동의 : 231201 황지현  */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-break: keep-all;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
html {
    line-height: 1.5;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: normal;
    color: rgba(0,0,0,0.87);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
div {
    display: block;
}
a{
    color: #444444;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    line-height: 1.3em;
}
ol ol {
    margin-block-start: 0px;
    margin-block-end: 0px;
}
ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
    line-height: 1.3em;
}
#container {
    width: 1280px;
    margin: 0 auto;
}
article {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.sub_title {
    font-family: 'NotoSansKR-Medium',arial,sans-serif !important;
    padding: 13px 30px;
    font-size: 18px;
    color: #000;
    text-align: center;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
    background: #fff;
    word-break: keep-all !important;
}
.corp_group {
    padding: 12px;
}
.corp_group .inr {
    padding-bottom: 20px;
    text-align: left;
    line-height: 1em;
}
.contentWrap {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    font-size: 17px;
}
.corp_group .inr .text {
    font-size: 12px;
    color: #999;
}
.corp_group .inr ol span {
    display: block;
}
.corp_group .inr > ol > li > span {
    font-family: 'NotoSansKR-Medium',arial,sans-serif !important;
    margin-top: 13px;
    font-size: 12px;
    color: #000;
}
.corp_group .inr > ol > li > ol > li > span {
    font-family: 'NotoSansKR-Medium',arial,sans-serif !important;
    margin: 20px 0;
    font-size: 14px;
    color: #666;
}
.corp_group .inr > ol > li,
.corp_group .inr > ol > li > ol > li,
.corp_group .inr > ol > li > ol > li > ol > li,
.corp_group .inr > ol > li > ol > li > ul > li,
.corp_group .inr > ol > li > ol > li > ol > li > ul > li,
.corp_group .inr > ol > li > ol > li > ol > li > ul > li > ul > li {
    font-size: 12px;
    color: #999;
}

/* //개인정보수집이용동의 : 231201 황지현 */

/* 박스 */
/* 개인정보처리방침 화면 내 box css 수정 : 231222 황지현*/

.history_box > ul > li {
    margin: 10px 0;
}
.label_box {position:relative;margin-bottom:40px;}
/* [class*="box"] {position:relative;margin-bottom:40px;} */
/* [class*="box"] > p {line-height:29px;} */
/* [class*="box"] > .box02 {margin:30px 0 0;padding:30px} */
.box01 {padding:30px 35px;border:1px solid #d1d1d1;line-height:25px;}

.tit01 {padding:20px 0;color:#333;font-size:23px;line-height:29px; font-weight:500;}
/* .tit01 {padding:0 0 20px;color:#333;font-size:23px;line-height:29px; font-weight:500;} */
.tit01_ {padding:0 0 20px;color:#0a6da6;font-size:20px;line-height:25px; font-weight:500;}
.tit01 em {margin-left:10px;padding-left:10px;border-left:1px solid #ccc;color:#555;font-size:16px;font-style:normal;line-height:21px;}

/*202204 privacy*/
.privacy_label{display:inline-block;width:calc(100% + 28px);padding:0;margin:0px -14px 5px -14px; box-sizing: border-box;}
.privacy_label .label_box{float:left;width:calc(33% - 28px);box-sizing: border-box;margin:14px;padding:30px;text-align:center; border: 1px solid #dcdcdc; }
.privacy_label .label_box:hover{border: 1px solid #4d74c2;  box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.privacy_label .label_box .label_layer{display: none; position: absolute; box-sizing: border-box; border-radius: 8px; background-color: #fff; border: 1px solid #ccd8e6; width: 580px; z-index: 999; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.privacy_label .label_box .label_layer .label_desc_top{width: 100%;box-sizing: border-box;padding:10px;background-color:#526faa;border-top-right-radius: 8px;border-top-left-radius: 8px;}
.privacy_label img{height:90px;margin-top: 15px;}
.label_desc_top p{color: #fff; text-align:left;}
.label_desc_btm {padding:15px 20px; text-align:left; }
.label_desc_btm p{ text-align:left;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;margin-top:10px;letter-spacing:-1px;}
.label_desc_btm .tbl-type01 th {padding:7px;font-size: 15px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;}
.label_desc_btm .tbl-type01 td {padding:5px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.label_desc_btm .tbl-type01 td .desc_tit{font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;   }
.label_desc_btm .tbl-type01 td .desc_cnt{color: #333;font-size: 14px; line-height:1.6rem !important;}

.desc_wrap{display: flex;flex-flow: row wrap;}
.desc_box{width: 100%;border-radius: 10px; border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px; margin-top:10px; margin-bottom:10px; display: flex;flex-flow: row wrap;justify-content: space-between;    }
.desc_tit{width: 30%;font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;   }
.desc_cnt{ width: 69%;color: #333;font-size: 14px; line-height:1.6rem !important;}

.label_layer.num0{top:0; left:107%; }
.label_layer.num1{top:180px; left:-2%; }
.label_layer.num2{top:0; right:107%;}
.label_layer.num3{top:0; left:107%; }
.label_layer.num4{top:180px; left:-2%; }
.label_layer.num5{top:0; right:107%;  }

.panel_box {padding: 10px 20px; border:1px solid #d9d9d9;float:none;position: relative;margin:20px 0;color:#333;}
.panel_box .panel_list {width:98% !important;margin:20px auto 0;display:flex;flex-flow: row wrap;justify-content:space-between;}
.panel_box .panel_list li a {padding-left:5px;}
.panel_box .panel_list li span.list_icon{margin:0 5px;}
.panel_box .panel_list li span .list_icon img{width:20px;vertical:sub;}

.cnt_list {width: 100%; padding:40px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; border: 1px solid #d9d9d9; box-sizing: border-box;gap:10px;}
.cnt_list li, .panel_list li {margin-bottom: 40px; position: relative; box-sizing: border-box;}
.cnt_list li:nth-child(2n-1), .panel_list li:nth-child(2n-1) {width:53%;}
.cnt_list li:nth-child(2n), .panel_list li:nth-child(2n) {width:43%;}
.cnt_list li a, .panel_list li a {font-family: 'NotoSansKR-Regular',arial,sans-serif !important; font-size: 17px; line-height:25px; color: #444; font-weight: 500; box-sizing: border-box; padding-left: 50px; height: 40px; display: block;} 

.cnt_list li:nth-child(1) a{background: url(../images/privacy/01.jpg)no-repeat 0 0; background-size:contain;}
.cnt_list li:nth-child(2) a{background: url(../images/privacy/02_1.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(3) a{background: url(../images/privacy/03_1.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(4) a{background: url(../images/privacy/04_1.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(5) a{background: url(../images/privacy/05_1.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(6) a{background: url(../images/privacy/07.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(7) a{background: url(../images/privacy/04.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(8) a{background: url(../images/privacy/11.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(9) a{background: url(../images/privacy/06.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(10) a{background: url(../images/privacy/09.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(11) a{background: url(../images/privacy/05.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(12) a{background: url(../images/privacy/12.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(13) a{background: url(../images/privacy/10.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(14) a{background: url(../images/privacy/08.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(15) a{background: url(../images/privacy/13.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(16) a{background: url(../images/privacy/15.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(17) a{background: url(../images/privacy/16.jpg)no-repeat 0 0;background-size:contain;}
.cnt_list li:nth-child(18) a{background: url(../images/privacy/16.jpg)no-repeat 0 0;background-size:contain;margin-bottom: 0;}
.cnt_list li:nth-child(19) a{background: url(../images/privacy/17.jpg)no-repeat 0 0;background-size:contain;margin-bottom: 0;}

.list_icon{margin: 0 5px;}
.list_icon img{vertical-align: middle; height:35px;}

/* 이용약관 */
.termsWrap > div{margin-bottom: 40px;}
.termsWrap > div.details > div {margin-bottom: 40px;}

.termsWrap > div.details > div > ol.list03 {}
.termsWrap > div.details > div > ol.list03 > li{padding:5px 0 5px 25px; text-indent:-15px;}

.termsWrap > div.details > div > ol.list03 > li > ol.list03 {margin-top: 5px;}
.termsWrap > div.details > div > ol.list03 > li > ol.list03 > li {padding:5px 0 5px 25px;}

.termsWrap > div.details > div > ol.list03 > li > ol.list03 > li > ol.list03 {/*padding:10px;*/}
.termsWrap > div.details > div > ol.list03 > li > ol.list03 > li > ol.list03 > li {padding:5px 0 5px 25px;}

.termsWrap > div.details > div > ol.list03 > li > ol.list03 > li > ol.list03 > li > ol.list03 {}
.termsWrap > div.details > div > ol.list03 > li > ol.list03 > li > ol.list03 > li > ol.list03 > li {padding:5px 0 5px 25px;}

.termsWrap > div.details > div > ol.list03 > li > ol.list03 > li > ol.list03 > li > ol.list03 > li > ol.list03 {}
.termsWrap > div.details > div > ol.list03 > li > ol.list03 > li > ol.list03 > li > ol.list03 > li > ol.list03 > li {padding:5px 0 5px 25px;}

.termsWrap .tbl-responsive, 
.termsWrap .btn, 
.termsWrap .list04, 
.termsWrap .list01.type2,
.text_indent_0 {text-indent:0 !important;}

.red{color:#b81613 !Important;}

.al { text-align:left !Important; }
.ac { text-align:center !Important; }
.ar { text-align:right !Important; }
.vt { vertical-align:top !Important; }
.vm { vertical-align:middle !Important; }
.vb { vertical-align:bottom !Important; }
.fl { float:left;}
.fr { float:right; }
.p0 {padding:0 !important}
.m0 {margin:0 !important}

.mt50 { margin-top:50px !Important; }
.mt40 { margin-top:40px !Important; }
.mt30 { margin-top:30px !Important; }
.mt25 { margin-top:25px !Important; }
.mt20 { margin-top:20px !Important; }
.mt15 { margin-top:15px !Important; }
.mt10 { margin-top:10px !Important }
.mt7 { margin-top:7px !Important; }
.mt5 { margin-top:5px !Important; }
.mt3 { margin-top:3px !Important; }
.mt2 { margin-top:2px !Important; }
.mt0 { margin-top:0 !Important; }

.mb50 { margin-bottom:50px !Important; }
.mb40 { margin-bottom:40px !Important; }
.mb30 { margin-bottom:30px !Important; }
.mb25 { margin-bottom:25px !Important; }
.mb20 { margin-bottom:20px !Important; }
.mb15 { margin-bottom:15px !Important; }
.mb10 { margin-bottom:10px !Important; }
.mb7{ margin-bottom:7px !Important; }
.mb5{ margin-bottom:5px !Important; }
.mb0{ margin-bottom:0px !Important; }

.mr30 { margin-right:30px !Important; }
.mr20 { margin-right:20px !Important; }
.mr15 { margin-right:15px !Important }
.mr10 { margin-right:10px !Important }
.mr5 { margin-right:5px !Important; }

.ml30 { margin-left:30px !Important; }
.ml20 { margin-left:20px !Important; }
.ml15 { margin-left:15px !Important }
.ml10 { margin-left:10px !Important }
.ml5 { margin-left:5px !Important; }

.pt30 { padding-top:30px !Important; }
.pt25 { padding-top:25px !Important; }
.pt20 { padding-top:20px !Important; }
.pt15 { padding-top:15px !Important; }
.pt10 { padding-top:10px !Important }
.pt5 { padding-top:5px !Important; }
.pt2 { padding-top:2px !Important; }
.pt0 { padding-top:0 !Important; }

.pr40 { padding-right:40px !Important; }
.pr35 { padding-right:35px !Important; }
.pr30 { padding-right:30px !Important; }
.pr20 { padding-right:20px !Important; }
.pr10 { padding-right:10px !Important }
.pr5 { padding-right:5px !Important; }

.pl40 { padding-left:40px !Important; }
.pl35 { padding-left:35px !Important; }
.pl30 { padding-left:30px !Important; }
.pl20 { padding-left:20px !Important; }
.pl15 { padding-left:15px !Important }
.pl10 { padding-left:10px !Important }
.pl8 { padding-left:8px !Important; }
.pl5 { padding-left:5px !Important; }

.pb40 { padding-bottom:40px !Important; }
.pb30 { padding-bottom:30px !Important; }
.pb25 { padding-bottom:25px !Important; }
.pb20 { padding-bottom:20px !Important; }
.pb12 { padding-bottom:12px !Important; }
.pb10 { padding-bottom:10px !Important; }
.pb5{ padding-bottom:5px !Important; }
.pb0{ padding-bottom:0px !Important; }

.mt-30 { margin-top:-30px !Important; }
.mt-25 { margin-top:-25px !Important; }
.mt-20 { margin-top:-20px !Important; }
.mt-15 { margin-top:-15px !Important; }
.mt-10 { margin-top:-10px !Important }
.mt-5 { margin-top:-5px !Important }
.mt-1 { margin-top:-1px !Important }

/* global styles */
div,th,td,ol,ul,li,a,p,span,input,select,textarea,table td, th {border:0;padding:0;margin:0;background:none;}
input[type="radio"], input[type="checkbox"] { -webkit-border:1px solid; border:1px solid}
/* 20210119 IOS */input[type="button"]{-webkit-appearance: none;-moz-appearance: none; appearance: none;}
img,table {border:none;}
li {list-style:none}
table {width:100%;table-layout:fixed;border-collapse:collapse; word-break:break-all;}
form,fieldset {margin:0;padding:0;border:none;}
label,input,select,textarea,button{vertical-align:middle;}
select {min-width:97px;padding:5px;height:37px;line-height:1em;background:#fff url(../images/privacy/ico_select.png) no-repeat 100% 0; border:1px solid #c1c2c3; -webkit-border-radius: 0;box-shadow:none;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select.wide{min-width:150px;}
select::-ms-expand { display: none; }
select.on {background-position:100% -37px;}

/* 테이블 */
table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    word-break: break-all;
}
tr.ac td, tr.ac th {text-align:center;}
tr.ar td {text-align:right;}
[class*="tbl-type"] td .view {display:inline-block;width:auto;max-width:95%; line-height:1.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; vertical-align: middle;}
/* 20201218 새글 */[class*="tbl-type"] td .view + img {display:inline-block; vertical-align: middle;padding-left:2px;}
/* 20210107 목록새글 */[class*="tbl-type"] td img.newicon {vertical-align: middle; padding-right:3px;}

.tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;}

.tbl-type01.type01-1 td {vertical-align:top;}
.box03 + .tbl-responsive .tbl-type01.type01-1 {border-top:0}
.tbl-type01.type01-2 {border-top:2px solid #5e48e8;}
.tbl-type01.type01-2 tr:last-child td {border-bottom:1px solid #5e48e8;}
.tbl-type01.type01-3 {border-top:2px solid #4f6280;}
.tbl-type01.type01-4 {border-top:2px solid #0083ca;}
.tbl-type01.type01-4 tr:last-child td {border-bottom:1px solid #0083ca;}
.tbl-type01.type01-5 {border-top:2px solid #96b71e;}
.tbl-type01.type01-5 tr:last-child td {border-bottom:1px solid #96b71e;}
.tbl-type01.type01-6 {border-top:2px solid #02afcb;}
.tbl-type01.type01-6 tr:last-child td {border-bottom:1px solid #02afcb;}
.tbl-type01.type01-7 {border-top:2px solid #e07e28;}
.tbl-type01.type01-7 tr:last-child td {border-bottom:1px solid #e07e28;}
.tbl-type01.type01-8 {border-top:2px solid #c65f42;}
.tbl-type01.type01-8 tr:last-child td {border-bottom:1px solid #c65f42;}

.tbl-type01 th {padding:20px 10px 19px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;}
.tbl-type01 th.bgno{background:#fff;}

.tbl-type01 td {padding:17px 10px 16px;;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:1px solid #dcdcdc}
.tbl-type01 tr.bg01 td, .tbl-type01 tr.bg01 th {background:#e7f2f5;font-weight:500}
.tbl-type01 tr.bg02 td {background:#f5f5f5;font-weight:500}
.tbl-type01 tr.bg03 td {background:#e2f4ea;font-weight:500}
.tbl-type01 tr.bg04 td {background:#f5f8d8;}
.tbl-type01 a.link {color:#0a6da6;text-decoration:underline; word-break: break-all}
.tbl-type01.bl_none th, .tbl-type01.bl_none td {border-left:0;}
.tbl-type01.bl_none th:last-child, .tbl-type01.bl_none td:last-child {border-right:0;}
.tbl-type01 ol li{padding-left:20px; text-indent:-8px;}
a.link{text-decoration:none}


