@charset "UTF-8";

/* 개인정보 처리방침 */
pre.info_etc_guide01{ white-space:normal !important; max-height: 500px !important;overflow: auto !important; padding-right: 20px;}
.info_etc_guide01 .etc_fs12{font-size: 12px;}
.info_etc_guide01 .etc_ml10{ margin-left: 10px;}
.info_etc_guide01 .etc_ml15{margin-left: 15px;}
.info_etc_guide01 .etc_ml20{margin-left: 20px;}
.info_etc_guide01 .etc_mb10{margin-bottom: 10px;}
.info_etc_guide01 .etc_mb15{margin-bottom: 15px;}

.info_etc_guide01 .etc_mt10{margin-top: 10px;}
.info_etc_guide01 .etc_mt15{margin-top: 15px;}

.info_etc_guide01 .info_etc_img01{  text-align: center; margin: 30px 20px; }  
.info_etc_guide01 .info_etc_btn01 li{ display: inline-block; margin: 4px 2px;}
.info_etc_guide01 .info_etc_btn01 a { font-size: 12px; background: #f6f6f6; display: flex; align-items: center;padding:6px 10px 6px 15px; border-radius:  4px;}  
.info_etc_guide01 .info_etc_btn01 a em{ display: inline-block; text-indent: -9999px;background:url("../../images/info_etc/file_down.png") center  no-repeat; width: 30px; height: 30px; background-size: 30px; margin-left: 10px;}

.info_etc_guide01 img{ width: 100%;}

.info_etc_guide01 .etc_btn01{ display: inline-block; padding: 2px 15px; background: #fff;color: #b60081 !important; font-size: 11px !important; border-radius: 30px; margin:2px; border: 1px solid #b60081;}
.info_etc_guide01 .etc_btn02{ display: inline-block; padding: 3px 15px; background: #fff; color: #003f5e !important; font-size: 11px !important; border-radius: 30px; border: 1px solid #003f5e;}

.info_etc_guide01 .etc_btn01:hover,
.info_etc_guide01 .etc_btn01:focus{ background: #b60081; color: #fff !important;}

.info_etc_guide01 .etc_btn02:hover,
.info_etc_guide01 .etc_btn02:focus{ background: #003f5e; color: #fff !important;}


.info_etc_guide01 h2{ display: flex; align-items: center; gap:10px; margin-bottom: 10px;}
.info_etc_guide01 h2 strong{ background:url("../../images/info_etc/icon_tit01.png") left 2px no-repeat; padding-left: 20px; background-size: 15px;  font-size: 15px; font-weight: 500; display: block; line-height: 1.4;}
.info_etc_guide01 h2 a{ font-size: 11px; border-radius: 50px; background: #003f5e; color: #fff; text-align: center; padding: 2px 10px;  font-weight:400; display: block; white-space: nowrap}


.info_etc_guide01 h3 strong{ font-size: 14px; font-weight:500;background:url("../../images/info_etc/point01.png") left 5px no-repeat; padding-left: 16px; background-size: 14px}

.info_etc_guide01 .point01{ background:url("../../images/info_etc/point02.png") left center no-repeat; padding-left: 10px;  line-height: 1.4; font-size: 12px; color: #333;}

.info_etc_guide01 .point01 > a{ display: inline-block; font-size: 14px; color: #0555E3;}


.info_etc_guide01 .info_etc_box00{ padding:25px; border-radius: 15px; background-color: #fbf7fb; border: 1px solid #c765ab; text-align: left; margin-bottom: 50px; box-shadow: 1px 10px 10px rgba(0,0,0,0.03); font-size: 13px; color: #333333}
.info_etc_guide01 .info_etc_box00 strong{  display: block; font-size: 13px;}

.info_etc_guide01 .info_etc_box01{ margin-bottom: 50px;}

/* 주요 개인정보 처리표시 */
.info_etc_guide01 .info_etc_icon01{ display:  flex; justify-content: space-between; gap:1%; flex-wrap: wrap;}
.info_etc_guide01 .info_etc_icon01 li{ width: 31.333%;   margin-bottom: 15px;border: 1px solid #ebeaf4;box-shadow: 1px 10px 10px rgba(0,0,0,0.03);border-radius: 15px;}
.info_etc_guide01 .info_etc_icon01 li a{text-align: center; display: block;padding: 20px; border-radius: 15px;}
.info_etc_guide01 .info_etc_icon01 li a:hover,
.info_etc_guide01 .info_etc_icon01 li a:focus{border: 1px solid #003f5e; box-shadow: -1px -10px 10px rgba(0,0,0,0.05);}

.info_etc_guide01 .info_etc_icon01 li a:hover em,
.info_etc_guide01 .info_etc_icon01 li a:focus em{ background: #003f5e; color: #fff;border: 1px solid #003f5e; }

.info_etc_guide01 .info_etc_icon01 li strong { padding-top: 100px; background-repeat: no-repeat; background-position: center top; display: block; font-size: 14px; font-weight: 500;}
.info_etc_guide01 .info_etc_icon01 li:first-child strong{background-image:url("../../images/info_etc/etc_icon01.png")}
.info_etc_guide01 .info_etc_icon01 li:nth-of-type(2) strong{background-image:url("../../images/info_etc/etc_icon02.png")}
.info_etc_guide01 .info_etc_icon01 li:nth-of-type(3) strong{background-image:url("../../images/info_etc/etc_icon03.png")}
.info_etc_guide01 .info_etc_icon01 li:nth-of-type(4) strong{background-image:url("../../images/info_etc/etc_icon04.png")}
.info_etc_guide01 .info_etc_icon01 li:nth-of-type(5) strong{background-image:url("../../images/info_etc/etc_icon05.png")}
.info_etc_guide01 .info_etc_icon01 li:nth-of-type(6) strong{background-image:url("../../images/info_etc/etc_icon06.png")}

.info_etc_guide01 .info_etc_icon01 li span{line-height: 1.2; display: block;margin: 5px 0 10px 0; word-break: keep-all; font-size: 11px;}
.info_etc_guide01 .info_etc_icon01 li em{font-size:10px; color: #b60081; font-weight: 500;border: 1px solid #b60081; padding: 3px 20px; border-radius: 100px;  display: inline-block;}



/* 목차 */
.info_etc_guide01 .info_etc_icon02{  padding:20px 20px 15px 20px; border-radius: 15px; background-color: #fff; border: 1px solid #bc7ca9; text-align: left; margin-bottom: 10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.03); display: flex; justify-content: space-between; flex-wrap: wrap} 
.info_etc_guide01 .info_etc_icon02 li{margin-bottom: 10px; display: inline-block; width: 49%;}
.info_etc_guide01 .info_etc_icon02 a{ display: flex; align-items: center; font-size: 12px; line-height: 1.2;}
.info_etc_guide01 .info_etc_icon02 a span{ display: inline-block; border-radius: 50px; font-size: 11px; padding: 2px 0; font-weight: 500; margin-right: 10px; border: 1px dashed #bc7ca9; width: 50px; text-align: center; background: #f6ecf3;}


.info_etc_guide01 .info_etc_txt01 { margin-left: 10px; margin-bottom: 30px;}
.info_etc_guide01 .info_etc_txt01 li{margin-bottom:10px; font-size: 12px; color: #333;}
.info_etc_guide01 .info_etc_txt01 li dl{  margin: 15px 0 10px 10px;}
.info_etc_guide01 .info_etc_txt01 li dl dt{margin-bottom: 5px; font-weight: 500;color: #000;font-size: 13px;}
.info_etc_guide01 .info_etc_txt01 li dl dd{margin-bottom: 5px;color: #333;font-size: 13px;}

.info_etc_guide01 .info_etc_txt01 li ul{  margin: 15px 0 10px 10px;}
.info_etc_guide01 .info_etc_txt01 li ul li{ margin-bottom: 5px;color: #333;font-size: 13px;}




/* 테이블 */
.info_etc_guide01 .info_etc_table_guide{ margin:15px 0 30px 0;}
.info_etc_guide01 .info_etc_table{border: 1px solid #E4E4E4; width: 100%;}
.info_etc_guide01 .info_etc_table.ac td{ text-align: center!important;}
.info_etc_guide01 .info_etc_table caption{overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px;}
.info_etc_guide01 .info_etc_table th{ text-align: center;font-size: 11px;padding:7px 10px;line-height: 1.2;border: 1px solid #e4e4e4;background: #f9f9f9;}
.info_etc_guide01 .info_etc_table.al{ text-align: left!important;}

.info_etc_guide01 .info_etc_table td{padding:7px 10px;font-size: 12px; border: 1px solid #e4e4e4; line-height: 1.4;color: #333; text-align: left}
.info_etc_guide01 .info_etc_table td.ac{ text-align: center;}




@media all and (max-width :1080px) {
.info_etc_guide01 .info_etc_icon02 li{ width: 100%; display: block;}
}

@media all and (max-width :900px) {
.info_etc_guide01 .info_etc_table_guide{ scrollbar-width: inherit !important;overflow-x: auto !important;}
.info_etc_guide01 .info_etc_table_guide .info_etc_table { width: 1000px;}
}
@media all and (max-width :680px) {
.info_etc_guide01 .info_etc_box00 strong{  display: inline;}
.info_etc_guide01 .info_etc_icon01 li{ width: 48%;}
.info_etc_guide01 .info_etc_icon01 li strong { font-size: 14px; background-size: 60px; padding-top: 70px;}
.info_etc_guide01 .info_etc_icon02 a { display:block;}
.info_etc_guide01 .info_etc_icon02 a span{ display: block; margin-bottom: 5px; font-size: 12px;padding: 1px 0 0 0;}

}