*, *::after, *::before{ margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td,  form, address, pre, caption, cite,dfn, var{
    font-family: 'NotoSansKR','xeicon','돋움',sans-serif;
    font-style:normal !important;
    text-decoration: none; 
    font-weight: 400;
    font-size: 15px;
    color:#141414;
}
html,body {width:100%; height:100%;  }
a, span, p, li, div, button {color: #141414}
i, cite, em, var, address{font-style:normal !important}
a{text-decoration:none;}
img{border:0px}
ul,ol,dl {list-style-type:none;padding:0; margin:0}
article, aside, details, figcaption, footer, header, hgroup, menu, nav, section { display: block; }

table,body,input,select,textarea,td,tr{
  font-size:15px; font-style:normal; line-height:1.5; margin:0;word-break:break-all; border-collapse: collapse; list-style: none
}

link      { color: #141414; text-decoration: none }
a:link    { color: #141414; text-decoration: none }
a:visited { color: #141414; text-decoration: none }
a:active  { color: #141414; text-decoration: none }
a:hover   { color: #141414; text-decoration: none }

caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}

input{border:solid 1px #aaaaaa; height:38px; font-size:15px; padding-left:10px}
input[type="date"]{border:solid 1px #aaaaaa; height:47px; font-size:15px; padding-left:10px}
textarea{border:solid 1px #aaaaaa; font-size:15px; padding-left:10px; width:100%; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;} 
select{border:solid 1px #aaaaaa; height:38px;}
span{font-weight:normal; font-size:14px}

input[type="date"]::before {content:attr(data-placeholder);}


.ellipsis {max-width:100%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tableEllipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}

.size0 { font-size: 0px }
.size9 { font-size: 9px }
.size10 { font-size: 10px !important;}
.size11 { font-size: 11px !important;}
.size12 { font-size: 12px !important;}
.size13 { font-size: 13px !important;}
.size14 { font-size: 14px !important;}
.size15 { font-size: 15px !important;}
.size16 { font-size: 16px !important;}
.size17 { font-size: 17px !important;}
.size18 { font-size: 18px !important;}
.size19 { font-size: 19px !important;}
.size20 { font-size: 20px !important;}
.size21 { font-size: 21px !important;}
.size22 { font-size: 22px !important;}
.size23 { font-size: 23px !important;}
.size24 { font-size: 24px !important;}
.size25 { font-size: 25px !important;}
.size26 { font-size: 26px !important;}
.size27 { font-size: 27px !important;}
.size28 { font-size: 28px !important;}
.size29 { font-size: 29px !important;}
.size31 { font-size: 31px }
.size32 { font-size: 32px }
.size33 { font-size: 33px }
.size34 { font-size: 34px }
.size35 { font-size: 35px }
.size36 { font-size: 36px }
.size37 { font-size: 37px }
.size38 { font-size: 38px }
.size39 { font-size: 39px }
.size40 { font-size: 40px }
.size41 { font-size: 41px }
.size42 { font-size: 42px }
.size43 { font-size: 43px }
.size50 { font-size: 50px }


.width2 {width:2px;}
.width3 {width:3px;}
.width4 {width:4px;}
.width5 {width:5px;}
.width14 {width:14px;}
.width20 {width:20px;}
.width30 {width:30px;}
.width40 {width:40px;}
.width50 {width:50px;}
.width60 {width:60px;}
.width70 {width:70px;}
.width80 {width:80px;}
.width90 {width:90px;}
.width100 {width:100px;}
.width110 {width:110px;}
.width120 {width:120px;}
.width130 {width:130px;}
.width140 {width:140px;}
.width150 {width:150px;}
.width160 {width:160px;}
.width170 {width:170px;}
.width180 {width:180px;}
.width190 {width:190px;}
.width200 {width:200px important;}
.width210 {width:210px;}
.width220 {width:220px;}
.width230 {width:230px;}
.width240 {width:240px;}
.width250 {width:250px;}
.width260 {width:260px;}
.width270 {width:270px;}
.width280 {width:280px;}
.width290 {width:290px;}
.width300 {width:300px;}
.width302 {width:302px;}
.width400 {width:400px;}
.width500 {width:500px;}
.width600 {width:600px;}
.width700 {width:700px;}
.width800 {width:800px;}
.width900 {width:900px;}
.width1000 {width:1000px;}


.wid0 {width:0 !important;}
.wid10{width:10% !important;}
.wid15{width:15% !important;}
.wid20{width:20% !important;}
.wid25{width:25% !important;}
.wid30{width:30% !important;}
.wid40{width:40% !important;}
.wid50{width:50% !important;}
.wid60{width:60% !important;}
.wid70{width:70% !important;}
.wid80{width:80% !important;}
.wid90{width:90% !important;}
.wid100{width:100% !important;}

.height2 {height:2px;}
.height5 {height:5px;}
.height10 {height:10px;}
.height12 {height:12px;}
.height15 {height:15px;}
.height20 {height:20px;}
.height23 {height:23px;}
.height30 {height:30px;}
.height32 {height:32px;}
.height35 {height:35px;}
.height40 {height:40px;}
.height50 {height:50px; !important;}
.height51 {height:51px; !important;}
.height52 {height:52px; !important;}
.height53 {height:53px; !important;}
.height60 {height:60px; !important;}
.height70 {height:70px; !important;}
.height80 {height:80px;}
.height90 {height:90px;}
.height100 {height:100px; !important;}
.height110 {height:110px;}
.height120 {height:120px;}
.height130 {height:130px;}
.height140 {height:140px;}
.height150 {height:150px;}
.height160 {height:160px;}
.height170 {height:170px;}
.height180 {height:180px;}
.height190 {height:190px;}
.height200 {height:200px;}
.height210 {height:210px;}
.height220 {height:220px;}
.height230 {height:230px;}
.height240 {height:240px;}
.height250 {height:250px;}
.height300 {height:300px;}



/* 라인 */
.border0 {border: 0 !important;}
.border {border: 1px solid #d0d0d0;}
.border_red {border: 1px solid red;}
.border-t{border-top:1px solid #d0d0d0;}
.border-0b{border-bottom:0 !important}
.border-b{border-bottom:1px solid #d0d0d0;}
.border-2b{border-bottom:2px solid #d0d0d0}
.border-r{border-right:1px solid #d0d0d0;}
.border-l{border-left:1px solid #d0d0d0;}

.bddash-b{border-bottom:1px dashed #d0d0d0;}

/* 라디어스 */
.rad5{border-radius: 5px !important; -webkit-border-radius:5px !important; -ms-border-radius:5px !important;}
.rad10{border-radius: 10px !important; -webkit-border-radius:10px !important; -ms-border-radius:10px !important;}
.rad15{border-radius: 15px !important; -webkit-border-radius:15px !important; -ms-border-radius:15px !important;}
.rad20{border-radius: 20px !important; -webkit-border-radius:20px !important; -ms-border-radius:20px !important;}
.rad30{border-radius: 30px !important; -webkit-border-radius:30px !important; -ms-border-radius:30px !important;}
.rad40{border-radius: 40px !important; -webkit-border-radius:40px !important; -ms-border-radius:40px !important;}
.rad50{border-radius: 50px !important; -webkit-border-radius:50px !important; -ms-border-radius:50px !important;}

/* 말줄임 */
.ellipsis {max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tableEllipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}


/*폰트 */
.dc-under{text-decoration: underline !important;}
.dc-middle{text-decoration:line-through !important;}v
.dc-top{text-decoration:overline !important;}

/* 가림*/
.overhidden{overflow: hidden;}

/* 마진 */
.marauto{margin: 0 auto !important}
.mar0{margin:0 !important;}
.mar10{margin:10px;}
.mar20{margin:20px;}
.mar30{margin:30px;}
.mar40{margin:40px;}
.mar50{margin:50px;}

.mar-t0{margin-top:0px !important;}
.mar-t5{margin-top:5px !important;}
.mar-t10{margin-top:10px !important;}
.mar-t15{margin-top:15px !important;}
.mar-t20{margin-top:20px !important;}
.mar-t30{margin-top:30px !important;}
.mar-t40{margin-top:40px !important;}
.mar-t50{margin-top:50px !important;}
.mar-t60{margin-top:60px !important;}
.mar-t70{margin-top:70px !important;}

.mar-b0{margin-bottom:0px !important;}
.mar-b5{margin-bottom:5px !important;}
.mar-b10{margin-bottom:10px !important;}
.mar-b15{margin-bottom:15px !important;}
.mar-b20{margin-bottom:20px !important;}
.mar-b25{margin-bottom:25px !important;}
.mar-b30{margin-bottom:30px !important;}
.mar-b40{margin-bottom:40px !important;}
.mar-b60{margin-bottom:60px !important;}

.mar-l0{margin-left:0px  !important}
.mar-l5{margin-left:5px  !important}
.mar-l10{margin-left:10px  !important}
.mar-l15{margin-left:15px  !important}
.mar-l20{margin-left:20px  !important}
.mar-l30{margin-left:30px  !important}
.mar-l40{margin-left:40px  !important}
.mar-l50{margin-left:50px  !important}

.mar-r0{margin-right:0px !important}
.mar-r5{margin-right:5px !important}
.mar-r10{margin-right:10px !important}
.mar-r15{margin-right:15px !important}
.mar-r20{margin-right:20px !important}
.mar-r30{margin-right:30px !important}
.mar-r40{margin-right:40px !important}
.mar-r50{margin-right:50px !important}

.mar-h10{margin:0 10px !important;}
.mar-h15{margin:0 15px !important;}
.mar-h20{margin:0 20px !important;}
.mar-h30{margin:0 30px !important;}
.mar-h40{margin:0 40px !important;}

.mar-v10{margin:10px 0 !important;}
.mar-v15{margin:15px 0 !important;}
.mar-v20{margin:20px 0 !important;}
.mar-v30{margin:30px 0 !important;}
.mar-v40{margin:40px 0 !important;}

.center {margin:0 auto;}

/* 패딩 */

.padauto{margin: 0 auto !important}
.pad0{padding:0px !important;}

.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad25{padding:25px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}
.pad50{padding:50px !important;}

.pad-t10{padding-top:10px !important;}
.pad-t20{padding-top:20px !important;}
.pad-t30{padding-top:30px !important;}
.pad-t40{padding-top:40px !important;}
.pad-t50{padding-top:50px !important;}
.pad-t60{padding-top:60px !important;}
.pad-t80{padding-top:80px !important;}

.pad-b10{padding-bottom:10px !important;}
.pad-b15{padding-bottom:15px !important;}
.pad-b20{padding-bottom:20px !important;}
.pad-b30{padding-bottom:30px !important;}
.pad-b40{padding-bottom:40px !important;}

.pad-h10{padding:0 10px !important;}
.pad-h20{padding:0 20px !important;}
.pad-h30{padding:0 30px !important;}
.pad-h40{padding:0 40px !important;}

.pad-v05{padding:5px 0 !important;}
.pad-v10{padding:10px 0 !important;}
.pad-v15{padding:15px 0 !important;}
.pad-v20{padding:20px 0 !important;}
.pad-v30{padding:30px 0 !important;}
.pad-v40{padding:40px 0 !important;}

.hand{cursor:pointer;}
.txdeco{text-decoration: line-through !important;}


/* 라인 */

.hline{height:38px; border-right: 1px solid #d0d0d0; line-height: 38px; margin: 0 10px;}
.vline{width: 100%; border-bottom: 1px solid #d0d0d0; margin:10px 0;}


h1{font-size: 32px; font-weight: bold; line-height: 1;}
h2{font-size: 24px; font-weight: bold; line-height: 1;}
h3{font-size: 18px; font-weight: 300}

.line-d10{line-height: 1.0 }
.line-d12{line-height: 1.2 }
.line-d14{line-height: 1.4 }
.line-d18{line-height: 1.8 }
.line-d20{line-height: 2.0 }

.line-30{line-height: 30px; }
.line-40{line-height: 40px; }
.line-50{line-height: 50px; }
.line-60{line-height: 60px; }
.line-80{line-height: 80px; }

/* 정렬 */
.txt-r { text-align: right !important}
.txt-li{ text-align: left; text-indent:20px !important}
.txt-c { text-align: center !important}
.txt-l { text-align: left !important}
.bold{font-weight:bold !important}
.idt{text-indent:10px !important}


/* 폰트컬러 */
.c-white{color:#FFFFFF !important}
.c-black{color:#000000}
.c-red{color:#ce0000 !important}
.c-red2{color:#f72f2f !important}
.c-blue{color:#0074e7 }
.c-skyblue{color:#00a8ff}
.c-yellow {color:#ffd200}
.c-green {color:#52a123}
.c-darkgray {color:#aaa}
.c-lightgray {color:#eee}
.c-gray{color:#777}
.c-gold{color:#cb9b60 !important;} 


/* 색상 */
.bg-skyblue{background-color:#7dfff3a8 !important;}
.bg-black{background-color: #141414 !important;}
.bg-dagray{background-color: #d0d0d0 !important;}
.bg-ligray{background-color: #eff3f8; color:#141414 !important;}
.bg-white{background-color: #ffffff; color:#141414 !important;}
.bg-white{background-color: #ffffff; color:#141414 !important;}
.bg-001{background-color:#f1b10042; !important;}

/* display css-----------------------------------------------------------------------------------------------------------*/

.inblock{display: inline-block;}
.inblock:hover, .inblock:focus{display: inline-block;}
.block{display:block;}
.distable{display: table}

.fl-left{float: left}
.fl-left:after{content: ''; clear: both; display: block;}
.fl-right{float: right}
.fl-right:after{content: ''; clear: both; display: block;}

/* position css-----------------------------------------------------------------------------------------------------------*/

.relative{position: relative;}
.absolute {position:absolute}
.left {float:left}
.right {float:right}
.both {clear:both}

/* etc css-----------------------------------------------------------------------------------------------------------*/

.deco-none{text-decoration: none;}
.deco-under{text-decoration: underline;}


/* input css-----------------------------------------------------------------------------------------------------------*/

input,select {
  border: 1px solid #d0d0d0;
  height: 38px;
  line-height: 38px;
  margin:0;
  outline: 0;
  padding: 0 0 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius:3px;
  border-radius: 3px;
  -o-transition:background-color .3s;
  -moz-transition: background-color .3s;
  -webkit-transition: background-color .3s;
          transition: background-color .3s;
  /*position: relative;*/
  width: auto;
  outline-style:none; /* 포커스시 발생하는 효과 제거를 원한다면 */
}

input:hover{ box-shadow: inset 2px 2px 2px rgba(0,0,0,.075)}
input ~ .focus-border{position: absolute; bottom: 0; left: 0; width:0; height: 38px; border:0; }
input:focus ~ .focus-border{width: 100%; border:2px solid #77b6c2; transition: 0.4s;}

.input-relative{position: relative; vertical-align: top; display:inline-block;}


.input-icon label{
  width:38px; 
  height: 38px; 
  text-align: center;
  float: left;
  color: #aaa;
  position:absolute;
  z-index: 1;
}

.input-icon label i{line-height: 38px; font-size: 18px; clear: both;}
.input-icon label.bgcol{background-color: #77b6c2; color: #fff;border-radius: 3px 0 0 3px;  -moz-border-radius: 3px 0 0 3px;  -ms-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; }
.input-icon label.bgcol + input{padding-left: 45px}
.input-icon input{width:100%; padding-left: 38px}

.input-btn input{width:auto ;border-top-right-radius: 0; border-bottom-right-radius: 0; float: left; border-right: 0 !important}
.input-btn a{border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;-ms-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;-o-border-radius: 3px 0 0 3px; }


.input-two{position: relative; width: 49%; display: inline-block;}
.input-two:last-child{float: right;}
.input-two input{display: inline-block; }

.input-three{position: relative; width: 32%;float: left; margin: 0 2% 0 0;}
.input-three input{width: 100%}
.input-three:last-child{margin: 0; }
.input-three:last-child:after{content:''; clear:both;}

/*------------------------------------------ 테이블---- */
.board01 {table-layout:fixed}
.board01 th ,.board01 td {border-bottom:1px solid #cccccc; padding:5px; height:30px; line-height:2;}
.board01 th {background:#f4f3f1; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;}
.board01 td {color:#666666;}
.board01 th, .board01 tbody tr td.notice {color:#333333;}
.board01 tbody tr td.notice {background:#eef1f6;}

/*------------------------------------------ 테이블검색---- */

.tb-search{display: table; padding:10px; margin:0 auto; font-size: 0}
.tb-search td{background-color: transparent; vertical-align: middle;}
.tb-search .btn{ border-radius: 0 3px 3px 0 ;  -moz-border-radius: 0 3px 3px 0 ;  -ms-border-radius: 0 3px 3px 0 ; -webkit-border-radius: 0 3px 3px 0 ; -o-border-radius: 0 3px 3px 0 ; border-left: 0;vertical-align: top; font-size: 15px;margin:0;}
.tb-search input{ width: 100%; border-radius: 0; border-left:0; vertical-align: middle; font-size: 15px}
.tb-search select{  width: 120px; border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; 
  : middle;}





/*==============================
             Btn
===============================*/
.btn{
  width:auto;
  line-height: 34px;
  padding:0 20px;
  cursor: pointer;
  display: inline-block;
  background-color: #999999;
  border: 1px solid #999999;
  position: relative;
  color:#ffffff;
  font-size: 15px;
  -webkit-border-radius   :3px;
  -moz-border-radius      :3px;
  -o-border-radius        :3px;
  -ms-border-radius       :3px;
  border-radius           :3px;
  user-select: none;
  vertical-align: top;
  text-align: center;
  font-weight: 500;
  z-index: 1;
}

.btn:hover{background-color: #aaa}

/*===btn size=========================*/
.b-s{padding:0 10px; font-size: 13px; line-height: 30px}
.b-m{padding:0 40px; font-size: 18px; line-height: 50px}
.b-l{padding:0 80px; font-size: 25px; line-height: 68px}
.b-next{font-size: 25px; line-height: 68px; padding:0}



/*===btn position=====================*/
.b-Right{
  font-size: 13px !important;
  padding:0 15px !important;
  line-height: 24px !important;
  position: absolute!important;
  right: 15px;
  top:15px;
  border-radius: 24px !important;
}
.b-Right:hover{ background-color: #a3d0ea; color:#ffffff; }


/*==Btn color=========================*/
a.b-black{background-color: #141414; border:1px solid #000; color:#fff  !important;}
a.b-black:hover{background-color: #000; color:#fff  !important;}
a.b-white{background-color: #fff;}
a.b-white:hover{background-color: #f0f0f0; border:1px solid #aaa;}

a.b-gray                  {background-color: #9aa1ab; color:#ffffff; border-color: #9aa1ab}
a.b-gray:hover            {background-color: #c0c5cc; color:#ffffff;}
a.b-gray:active::after    {background-color: #6d747d; color:#ffffff;}



a.b-danger                {background-color: #f24934; color: #ffffff; border-color: #f24934 }
a.b-danger:hover          {background-color: #ff6c5a;}
a.b-danger:active::after  {background-color: #d4240f;}

a.b-Wdanger               {background-color: #ffffff; color: #f24934; border-color: #f24934 }
a.b-Wdanger:hover         {background-color: #ffe1de;}
a.b-Wdanger:active        {color: #ffffff;}
a.b-Wdanger:active::after {background-color: #d4240f;}

a.b-warning               {background-color: #ffc625; color: #ab7e00; border-color: #f1b100}
a.b-warning:hover          {background-color: #ffd977;}
a.b-warning:active        {color: #fff;}
a.b-warning:active::after {background-color: #f1b100; border-color: #f1b100;}

a.b-Wwarning              {background-color: #ffffff; color: #f1b100; border-color: #f1b100}
a.b-Wwarning:hover        {background-color: #fff3d4;}
a.b-Wwarning:active       {color: #ffffff;}
a.b-Wwarning:active::after{background-color: #f1b100;}

a.b-success               {background-color: #6bbc51; color: #ffffff; border-color: #6bbc51}
a.b-success:hover         {background-color: #7cd65f;}
a.b-success:active::after {background-color: #469a2b;}

a.b-Wsuccess              {background-color: #ffffff; color: #6bbc51; border-color: #6bbc51}
a.b-Wsuccess:hover        {background-color: #d9ffcd;}
a.b-Wsuccess:active       {color: #ffffff;}
a.b-Wsuccess:active::after{background-color: #469a2b;}

a.b-info                  {background-color:#01ace0; color:#ffffff; border-color: #01ace0}
a.b-info:hover            {background-color: #00c5ff;}
a.b-info:active::after    {background-color: #009fd0;}

a.b-Winfo                 {background-color:#ffffff; color:#01ace0; border-color: #01ace0}
a.b-Winfo:hover           {background-color: #c6f2ff;}
a.b-Winfo:active          {color: #ffffff;}
a.b-Winfo:active::after   {background-color: #009fd0;}



/*==============================
             Box-shadow
===============================*/
.shadow1{ box-shadow: 0px 2px 5px rgba(0,0,0,0.2) }
.shadow2{ box-shadow: 0px 2px 5px rgba(0,0,0,0.4) }
.shadow3{ box-shadow: 0px 2px 5px rgba(0,0,0,0.6) }
.shadow4{ box-shadow: 0px 2px 5px rgba(0,0,0,0.7) }
.shadow5{ box-shadow: 0px 2px 5px rgba(0,0,0,0.9) }
/*==============================
            checkbox
===============================*/
.checkbox li{display:inline-block; margin-right:15px }

input[type="checkbox"]{width: 16px;height: 16px; margin-right:5px; cursor: pointer; line-height: 16px; vertical-align: middle; position:relative; margin-bottom: 2px;}
input[type="checkbox"]::before {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #777;
  line-height: 16px;
  border-radius: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
}
input[type="checkbox"]:checked::after {
    font-family: 'xeicon';
    content: '\e929';
    display: block;
    color: #c4960a;
    font-size: 14px;
    z-index: 100;
    position: absolute;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 14px;
    border:1px solid #c4960a;
    left: 0;
    top: 0;
}
label{font-weight:500 !important; margin-bottom:0}

input[type="checkbox"].check18,
input[type="checkbox"].check18::before,
input[type="checkbox"].check18:checked::after{width: 18px;height: 18px; line-height: 18px; font-size: 18px}

input[type="checkbox"].check20,
input[type="checkbox"].check20::before,
input[type="checkbox"].check20:checked::after{width: 20px;height: 20px; line-height: 20px; font-size: 20px}

/*==============================
             radio
===============================*/
.radio li{display:inline-block; margin-right:15px }
.radiogroup{display:inline-block; font-size:16px; vertical-align:middle}
.radiogroup:last-child{margin-left:25px;}
input[type="radio"] {
  width: 19px;
  height: 19px;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 2px;
  cursor: pointer;
}
input[type="radio"]::before {
  background-color: #fff;
  content: '';
  width: 19px;
  height: 19px;
  border: 1px solid #c4960a;
  line-height: 15px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
}
input[type="radio"]:checked::after {
  content: '●';
  font-size: 12px;
  color: #c4960a;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0.5px;
  text-align: center;
  top: 1px;
  font-weight: bold;
  line-height: 19px;
}



/* -----------------------------------------------------------*/



@font-face {
  font-family: 'NotoSansKR';
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/NotoSansKR-DemiLight-Hestia.eot');
  src: url('/fonts/NotoSansKR-DemiLight-Hestia.woff') format('woff'),
       url('/fonts/NotoSansKR-DemiLight-Hestia.ttf') format('truetype'),
       url('/fonts/NotoSansKR-DemiLight-Hestia.svg#NotoSansKR-DemiLight-Hestia') format('svg'),
       url('/fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/NotoSansKR-Regular--Hestia.eot');
  src: url('/fonts/NotoSansKR-Regular-Hestia.woff') format('woff'),
       url('/fonts/NotoSansKR-Regular-Hestia.ttf') format('truetype'),
       url('/fonts/NotoSansKR-Regular-Hestia.svg#NotoSansKR-Regular-Hestia') format('svg'),
       url('/fonts/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-weight: 500;
  font-style: normal;
  src: url('/fonts/NotoSansKR-Medium--Hestia.eot');
  src: url('/fonts/NotoSansKR-Medium-Hestia.woff') format('woff'),
       url('/fonts/NotoSansKR-Medium-Hestia.ttf') format('truetype'),
       url('/fonts/NotoSansKR-Medium-Hestia.svg#NotoSansKR-Medium-Hestia') format('svg'),
       url('/fonts/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/NotoSansKR-Bold-Hestia.eot');
  src: url('/fonts/NotoSansKR-Bold-Hestia.woff') format('woff'),
       url('/fonts/NotoSansKR-Bold-Hestia.ttf') format('truetype'),
       url('/fonts/NotoSansKR-Bold-Hestia.svg#NotoSansKR-Medium-Hestia') format('svg'),
       url('/fonts/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype');
}