@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');


/*****  reset css  *****/

html, body, h1, h2, h3, h4, h5, h6, p, div, th, td, table, pre, code, form, fieldset, legend, input, button, address, ol, ul, li, dl, dt, dd, img, textarea, blockquote, figure { margin: 0; padding: 0; }


html, body { height: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

input, button, select, textarea { box-sizing: border-box; }

ol, ul { list-style-type: none; }

img, fieldset { vertical-align: top; border: 0; }

textarea { resize: vertical; }

a { text-decoration: none;display: inline-block;}
a:link, a:visited, a:active { text-decoration: none; }

em, i, address { font-style: normal; }

button { overflow: visible; background: none; border: 0; cursor: pointer; padding: 0; }
/*button:focus, button:active { padding: 0; }*/
button::-moz-focus-inner { border-style: none; padding: 0; }

dl, dt, dd { margin: 0; }

table { table-layout: fixed; border-spacing: 0; }

caption,legend { overflow: hidden; position: absolute; left: -1000%; top: auto; width: 1px; height: 1px; }

html, button, input, select, textarea, a { color: #545454 }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

span {display: inline-block;}

::selection { background: #b3d4fc; text-shadow: none; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

/*@media (max-width: 359px) { html { font-size: 55.6%; } } */
@media (max-width: 359px) { html { font-size: 60%; } } 
@media (min-width: 360px) and (max-width: 374px) { html { font-size: 62.5%; } } 
@media (min-width: 375px) and (max-width: 395px) { html { font-size: 65.2%; } }
@media (min-width: 396px) and (max-width: 411px) { html { font-size: 68.8%; } }
@media (min-width: 412px) { html { font-size: 71.7%; } } 
/*@media (min-width: 412px) and (max-width: 431px) { html { font-size: 71.7%; } } /*모바일브라우저에서 414이 412로 인식되어 할수 없이 변경함*/
/*@media (min-width: 432px) and (max-width: 467px) { html { font-size: 75%; } }
@media (min-width: 468px) and (max-width: 503px) { html { font-size: 81.3%; } } 
@media (min-width: 504px) and (max-width: 539px) { html { font-size: 87.5%; } }
@media (min-width: 540px) and (max-width: 575px) { html { font-size: 93.8%; } }
@media (min-width: 576px) and (max-width: 611px) { html { font-size: 100%; } } 
@media (min-width: 612px) and (max-width: 647px) { html { font-size: 106.3%; } } 
@media (min-width: 648px) and (max-width: 683px) { html { font-size: 112.5%; } }
@media (min-width: 684px) and (max-width: 719px) { html { font-size: 118.8%; } }
@media (min-width: 720px) { html { font-size: 100%; } } 
*/

.hide { display: none; }
.invisible { overflow: hidden; position: absolute; left: -1000%; top: auto; width: 1px; height: 1px; }
.ellipsis { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; }

.cf::before { content: " "; display: table; }
.cf::after { content: " "; display: table; clear: both; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.block{display: block;}
.inlineblock{display: inline-block;}


/*==================================================================
   FONT
===================================================================*/
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap'); */


/* SUIT */
@font-face {
   font-family: 'SUIT';
   font-style: normal;
   font-weight: 900;
   src: local('SUIT Heavy'), local('SUIT-Heavy'),
   url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
}
@font-face {
   font-family: 'SUIT';
   font-style: normal;
   font-weight: 700;
   src: local('SUIT ExtraBold'), local('SUIT-ExtraBold'),
   url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
   font-family: 'SUIT';
   font-style: normal;
   font-weight: 500;
   src: local('SUIT Bold'), local('SUIT-Bold'),
   url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
}
@font-face {
   font-family: 'SUIT';
   font-style: normal;
   font-weight: 300;
   src: local('SUIT Regular'), local('SUIT-Regular'),
   url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
}



/*=====================================
   PADDING
======================================*/
.p0{padding:0px !important; }
.p10{padding:10px !important; }
.p20{padding:20px !important; }
.p30{padding:30px !important; }
.p40{padding:40px !important; }
.p50{padding:50px !important; }
.p60{padding:60px !important; }

.pt0{padding-top:0px !important; }
.pt10{padding-top:10px !important; }
.pt20{padding-top:20px !important; }
.pt30{padding-top:30px !important; }
.pt40{padding-top:40px !important; }
.pt50{padding-top:50px !important; }
.pt60{padding-top:60px !important; }

.pr0{padding-right:0px !important; }
.pr10{padding-right:10px !important; }
.pr20{padding-right:20px !important; }
.pr30{padding-right:30px !important; }
.pr40{padding-right:40px !important; }
.pr50{padding-right:50px !important; }
.pr60{padding-right:60px !important; }

.pb0{padding-bottom:0px !important; }
.pb10{padding-bottom:10px !important; }
.pb20{padding-bottom:20px !important; }
.pb30{padding-bottom:30px !important; }
.pb40{padding-bottom:40px !important; }
.pb50{padding-bottom:50px !important; }
.pb60{padding-bottom:60px !important; }

.pl0{padding-left:0px !important; }
.pl10{padding-left:10px !important; }
.pl20{padding-left:20px !important; }
.pl30{padding-left:30px !important; }
.pl40{padding-left:40px !important; }
.pl50{padding-left:50px !important; }
.pl60{padding-left:60px !important; }



/*=====================================
   MARGIN
======================================*/
.m0{margin:0px !important; }
.m10{margin:10px !important; }
.m20{margin:20px !important; }
.m30{margin:30px !important; }
.m40{margin:40px !important; }
.m50{margin:50px !important; }
.m60{margin:60px !important; }

.mt0{margin-top:0px !important; }
.mt10{margin-top:10px !important; }
.mt20{margin-top:20px !important; }
.mt30{margin-top:30px !important; }
.mt40{margin-top:40px !important; }
.mt50{margin-top:50px !important; }
.mt60{margin-top:60px !important; }

.mr0{margin-right:0px !important; }
.mr10{margin-right:10px !important; }
.mr20{margin-right:20px !important; }
.mr30{margin-right:30px !important; }
.mr40{margin-right:40px !important; }
.mr50{margin-right:50px !important; }
.mr60{margin-right:60px !important; }

.mb0{margin-bottom:0px !important; }
.mb10{margin-bottom:10px !important; }
.mb20{margin-bottom:20px !important; }
.mb30{margin-bottom:30px !important; }
.mb40{margin-bottom:40px !important; }
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.ml0{margin-left:0px !important; }
.ml10{margin-left:10px !important; }
.ml20{margin-left:20px !important; }
.ml30{margin-left:30px !important; }
.ml40{margin-left:40px !important; }
.ml50{margin-left:50px !important; }
.ml60{margin-left:60px !important; }



@media (min-width: 720px) and (max-width:1024px){/* iPad size 768x1024, iPad Pro 1024x1366*/
}
@media screen and (max-width:719px){ 
/*=====================================
   PADDING
======================================*/
.p0{padding:0 !important; }
.p10{padding:0.33rem !important; }
.p20{padding:0.67rem !important; }
.p30{padding:1rem !important; }
.p40{padding:1.33rem !important; }
.p50{padding:1.67rem !important; }
.p60{padding:2rem !important; }

.pt0{padding-top:0 !important; }
.pt10{padding-top:0.33rem !important; }
.pt20{padding-top:0.67rem !important; }
.pt30{padding-top:1rem !important; }
.pt40{padding-top:1.33rem !important; }
.pt50{padding-top:1.67rem !important; }
.pt60{padding-top:2rem !important; }

.pr0{padding-right:0 !important; }
.pr10{padding-right:0.33rem !important; }
.pr20{padding-right:0.67rem !important; }
.pr30{padding-right:1rem !important; }
.pr40{padding-right:1.33rem !important; }
.pr50{padding-right:1.67rem !important; }
.pr60{padding-right:2rem !important; }

.pb0{padding-bottom:0 !important; }
.pb10{padding-bottom:0.33rem !important; }
.pb20{padding-bottom:0.67rem !important; }
.pb30{padding-bottom:1rem !important; }
.pb40{padding-bottom:1.33rem !important; }
.pb50{padding-bottom:1.67rem !important; }
.pb60{padding-bottom:2rem !important; }

.pl0{padding-left:0 !important; }
.pl10{padding-left:0.33rem !important; }
.pl20{padding-left:0.67rem !important; }
.pl30{padding-left:1rem !important; }
.pl40{padding-left:1.33rem !important; }
.pl50{padding-left:1.67rem !important; }
.pl60{padding-left:2rem !important; }



/*=====================================
   MARGIN
======================================*/
.m0{margin:0 !important; }
.m10{margin:0.33rem !important; }
.m20{margin:0.67rem !important; }
.m30{margin:1rem !important; }
.m40{margin:1.33rem !important; }
.m50{margin:1.67rem !important; }
.m60{margin:2rem !important; }

.mt0{margin-top:0 !important; }
.mt10{margin-top:0.33rem !important; }
.mt20{margin-top:0.67rem !important; }
.mt30{margin-top:1rem !important; }
.mt40{margin-top:1.33rem !important; }
.mt50{margin-top:1.67rem !important; }
.mt60{margin-top:2rem !important; }

.mr0{margin-right:0 !important; }
.mr10{margin-right:0.33rem !important; }
.mr20{margin-right:0.67rem !important; }
.mr30{margin-right:1rem !important; }
.mr40{margin-right:1.33rem !important; }
.mr50{margin-right:1.67rem !important; }
.mr60{margin-right:2rem !important; }

.mb0{margin-bottom:0 !important; }
.mb10{margin-bottom:0.33rem !important; }
.mb20{margin-bottom:0.67rem !important; }
.mb30{margin-bottom:1rem !important; }
.mb40{margin-bottom:1.33rem !important; }
.mb50{margin-bottom:1.67rem !important;}
.mb60{margin-bottom:2rem !important;}

.ml0{margin-left:0 !important; }
.ml10{margin-left:0.33rem !important; }
.ml20{margin-left:0.67rem !important; }
.ml30{margin-left:1rem !important; }
.ml40{margin-left:1.33rem !important; }
.ml50{margin-left:1.67rem !important; }
.ml60{margin-left:2rem !important; }

}/*max-width:719px*/


/*****  common css  *****/

/*==================================
   공통영역
==================================*/
html{width: 100%; height:100%;position: relative;}
/*html  {overflow-y:scroll; }*/
body {min-width: 320px; height: auto;margin:0 auto;padding:0;color:#666
  ; line-height:1.6;letter-spacing: -0.5px;background-color:#fff;  word-wrap:break-word; word-break:break-all;}
body {font-family:'SUIT','Noto Sans KR','Nanum Gothic','맑은 고딕','Malgun Gothic',dotum,'돋움',sans-serif,Helvetica;font-weight: normal}


* {-webkit-text-size-adjust:none;}
*,*:before,*:after {box-sizing: border-box;}

/*a {display: inline-block;}*/
a:link,
a:visited,
a:active,
a:focus {text-decoration:none;}
a:hover{text-decoration:none;}

.clear {clear:both;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
.clear:after{ content:""; display:block; visibility:hidden; clear:both; height:0;}
.show{ visibility:visible;}
.blind {display: block; position: absolute!important; top: -9999px; left: -9999px; width: 1px; height: 1px; line-height: 0; font-size: 0; text-indent: 200%;white-space: nowrap;overflow: hidden;}

ul.float, ol.float {overflow: hidden;}
ul.float > li, ol.float > li{float: left}


/*리스트 스타일*/
.bulletList li{position: relative;padding-left: 1.2rem;margin-bottom: 0.3rem;}
.bulletList li:before {content: '';position: absolute;left: 0px;top: 0.7rem;width: 0.3rem;height: 0.3rem;background:#689fdf;border-radius: 50%}
.bulletList li + li {margin-top: 1rem}

.bulletList2 li{position: relative;padding-left: 2rem;margin-bottom: 0.3rem;}
.bulletList2 li:before {content: '※';position: absolute;left: 0px;top: 0;width: 0.5rem;height: 0.5rem;}
.bulletList2 li + li {margin-top: 1rem}

ol.numberList li{position: relative;padding-left:3rem;counter-increment: list;line-height:2rem;margin-bottom:0.5rem; font-weight:normal;}
ol.numberList li:before {content: counter(list) "";display:inline-block;position: absolute;left: 0;top:0.2rem;width:2rem;height:2rem;font-size:1.1rem;text-align: center;line-height: 1.8rem;border-radius:100%;border:1px solid #666;}

.bullet{display:block;position: relative;padding-left: 15px;}
.bullet:before {content: '';position: absolute;left: 0px;top: 10px;width: 5px;height: 5px;background: #999;border-radius: 100%;}

.c_pink{color: #F3466B}
.c_gray{color:#767676;}
.c_black{color:#000;}
.line{border-bottom: 1px solid #666;}
strong {font-weight: 600 !important;}
.highlight.sky{box-shadow: inset -6px -34px 0px -6px #F3FAFF;}

/*==================================
   TABLE
==================================*/
table.basic {width: 100%}
table.basic, table.taCol {font-size: 16px;background: #fff}
table.basic thead th {padding: 16px 0;text-align: center;color: #2150a8;font-weight: 500;background: #f0f8fb;border-top: 1px solid #ddd;border-bottom:1px solid #ddd;}
table.basic thead th + th {border-left: 1px solid #ddd;}
/*table.basic tbody tr {border-bottom:1px solid #ddd;}*/
table.basic tbody th,
table.basic tbody td  {padding:10px;text-align: center;border-bottom:1px solid #ddd;}
table.basic tbody th + td, table.basic tbody td + td {border-left: 1px solid #ddd;}

.taCol {width: 100%;border-top: 1px solid #767676;border-bottom: 1px solid #767676}
.taCol th {color: #000;font-size: 20px;font-weight: bold;background: #f5f5f5;border-bottom:1px solid #ddd;}
.taCol td {height: 40px;padding:20px;border-bottom:1px solid #ddd;}

.taCol.simple {border:none;}
.taCol.simple th {padding-left: 0;background: none;border:none;}
.taCol.simple td {border:none;}

/*==================================
  text-align
==================================*/
.align_center{text-align: center!important;}
.align_right{text-align: right!important;}
.align_left{text-align: left!important;}

/*==================================
  vertical-align: middle
==================================*/
.vmd{text-align: center;}
.vmd:before {content: "";display: inline-block;height:10rem;vertical-align: middle;}
.vmd span {display: inline-block;margin: 0;vertical-align: middle;}

@media (min-width: 720px) and (max-width:1024px){/* iPad size 768x1024, iPad Pro 1024x1366*/
}
@media screen and (max-width:719px){ 

/*==================================
  layout 
==================================*/
.bullet{padding-left: 1.2rem;}
.bullet:before {top: 0.8rem;width:0.4rem;height: 0.4rem}

/*==================================
   TABLE
==================================*/
table.basic,table.taCol {font-size: 1.2rem}
.taCol th {padding:1rem 0;font-size: 1.2rem;color:#532293; word-break: keep-all;}
.taCol td {height: auto;padding:1rem;font-size: 1.2rem;word-break: keep-all;}

}/*max-width:719px*/



/*****  style css  *****/


/*=================================
  공통
=================================*/

#wrap{position: relative;min-width: 320px; max-width:720px;width: 100%;margin: 0 auto;background: #fff}
#container {position:relative;background:#fff}
.conWrap {padding: 2.4rem 2rem;background: #fff}
.policy img{width: 100%;}
.policy .imgBx{padding-top: 1.3rem;}

/*=========================================================
  이용약관 및 개인정보처리방침
=========================================================*/
.policy .inner{position: relative;background-color: #FFFFFF;padding: 1.8rem;padding-top:2.6rem;}
.policy .inner strong{color: #532293;font-weight: 500;word-break: keep-all;}
.policy .inner p {margin-bottom: 1rem;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;word-break: keep-all;}
.policy .inner a,
.policy .inner a:hover,
.policy .inner a:active,
.policy .inner a:focus{font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;}
.policy .inner p strong{font-weight: 500;margin-bottom: 1rem;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;word-break: keep-all;}
.policy .inner h3{margin: 3rem 0 2rem;font-size: 1.8rem;color: #111111;font-weight: 500;text-align: center;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;word-break: keep-all;}
.policy .inner h3:first-of-type{margin-top: 0;}
.policy .inner h4 {margin: 3rem 0 1rem;font-size: 1.6rem;color: #111111;font-weight: 500;word-break: keep-all;}
.policy .inner h5 {margin:1.5rem 0 1rem;font-size: 1.4rem;color: #532293;font-weight: 500;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;word-break: keep-all;}
.policy .inner ul {margin:1.5rem 0} 
.policy .inner ul > li{padding-left:2rem;margin-bottom:0.8rem;    position: relative;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;word-break: keep-all;}
.policy .inner ul > li:before {content: "◎";display:inline-block;position: absolute;left: 0;top:0;text-align: center;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;}
.policy .inner > ol, .policy .inner_policy > ol {margin-bottom: 2rem}
.policy .inner > ol > li, .policy .inner_policy > ol > li{padding-left:2rem;margin-bottom:0.8rem;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;    counter-increment: list;position: relative;word-break: keep-all;}
.policy .inner > ol > li:before, .policy .inner_policy > ol > li:before {content: counter(list) ".";display:inline-block;position: absolute;left: 0;top:0;text-align: center;}

.policy .inner > ol > li > ol, .policy .inner_policy > ol > li > ol {margin-bottom: 0.8rem;margin-top: 0.8rem;}
.policy .inner > ol > li > ol > li, .policy .inner_policy > ol > li > ol > li{padding-left:2rem;margin-bottom:0.8rem;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;  position: relative;word-break: keep-all;}
.policy .inner > ol > li > ol > li .cirNum, .policy .inner_policy > ol > li > ol > li .cirNum{display: block;position: absolute;top: 0.04rem;left: 0;}

.policy .inner > ol  ul, .policy .inner_policy > ol  ul{margin-top: 1rem}
.policy .inner ul.dot > li{padding-left:2rem;margin-bottom:0.8rem;    position: relative;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;word-break: keep-all;}
.policy .inner ul.dot > li:before {content: "•";display:inline-block;position: absolute;left: 0;top:0;text-align: center;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;}

.policy .inner ul.bar > li{padding-left:2rem;margin-bottom:0.8rem;    position: relative;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;word-break: keep-all;}
.policy .inner ul.bar > li:before {content: "‐";display:inline-block;position: absolute;left: 0;top:0;text-align: center;font-size: 1.4rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;font-weight: 300;}

table.taBox {width: 100%;}
table.taBox tr{text-align: center;background-color: #fff;}
table.taBox th{padding:1rem 0.2rem;color: #fff;font-size: 1.2rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;font-weight: 500;word-break: keep-all;}
table.taBox td{padding:1rem 0.2rem;font-size: 1.2rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;font-weight: 300;border-bottom:1px solid #532293;border-right: 1px solid #F8F8F8;color: #333333;word-break: keep-all;}
table.taBox tr td:last-child{border-right: none;}
table.taBox thead th{border-right: 1px solid #FFFFFF;background: #532293;word-break: keep-all;}
table.taBox thead tr:last-of-type th{border-left: none;}
table.type1 tbody th{color: #532293;border-right: 1px solid #F8F8F8;border-bottom:1px solid #532293;word-break: keep-all;font-weight: 500;}
table.type1 tbody td{padding:.5rem;font-weight: 300;word-break: keep-all;}
table.type2 tbody th{border-bottom: 1px solid #fff;}
table.type2 tbody tr:last-of-type th{border-bottom:1px solid #532293;}
table.type2 tbody tr:first-of-type th{border-top:1px solid #532293;}
table.type2 tbody th{background: #532293;word-break: keep-all;}
table.type2 tbody tr td{border-bottom:1px solid #532293;color: #532293;word-break: keep-all;}
table.type2 tbody tr:first-of-type td{border-top:1px solid #532293;}
.policy .inner table.type2 a {color:#532293;font-size: 1.2rem;font-weight: 500;}

table.taBox .txtleft {text-align: left;}

.table{width: calc(100% + 20px) !important; margin-left: -20px;}

.policy .inner table tbody td ul.dot,
.policy .inner table tbody td ul.bar{margin: 0;}
.policy .inner table tbody td ul.dot li,
.policy .inner table tbody td ul.bar li{font-size: 1.2rem;font-family:'SUIT','Nanum Gothic','돋움',sans-serif,Helvetica;color: #111111;margin: 0;padding-left: 1rem;word-break: keep-all;}
.policy .inner table tbody td ul.dot li:before{top: -2px;color:#532293}
.policy .inner table tbody td ul.bar li:before{top: -2px;}

.select-wrap{margin-top: 40px;width: max-content;border: 1px solid #aaa; padding:0 10px;
background: #ffff;}
select {
   border: none;
   background: transparent;
  width: 100%;
  height: 100%;
  padding: 10px 0;
   font-size: 1.4rem;

}
.border-right{
   border-right: 1px solid #F8F8F8 !important;
}
.border-bottom {
   border-bottom: 1px solid #F8F8F8 !important;
}

.h-list *{font-size: 1rem;}
.h-list {font-size: 1rem; margin-top: 10px;}
.h-list span{display: block;}
.body{background-color: #FFFFFF;}

section {margin-top: 40px;}