@charset "UTF-8";

body.notice {background: #fff}
body.notice .inner {position: relative; margin:0 auto; max-width: 600px; }
body.notice .notice_header .logo {padding: 20px;}
body.notice .notice_body .visual {text-align: center}
body.notice .notice_body span.point {color: #00A1B9}
body.notice .notice_body .wrap_tit h1 {margin-top: 24px; font-size: 44px; font-weight:bold }
body.notice .notice_body .wrap_tit .desc {margin-top: 20px; text-align:center }
body.notice .notice_body .wrap_cont	{margin-top: 30px; padding: 30px; background: #F5F7F9; box-sizing: border-box; border-radius: 16px;}
body.notice .notice_body .tb_date th .ic_bar {margin-left: 16px; color:#CACCCD }
body.notice .notice_body .tb_date td {padding-left: 20px}
body.notice .notice_body .tb_date td .date {font-weight: bold; color: #00A1B9}
body.notice .notice_body .list_bullet {margin-top: 12px;}
body.notice .notice_body .list_bullet li {position: relative; padding-left: 15px; color: #888; font-size: 14px;}
body.notice .notice_body .list_bullet li:before {content: '※'; display: inline-block; width: 14px; height: 14px;  position: absolute; top:0; left:0;}
body.notice .notice_body .list_bullet li + li {margin-top: 2px}
body.notice .notice_body .wrap_cont.process {padding: 30px 60px}
body.notice .notice_body .wrap_cont.process .tit {font-weight: bold; text-align: center; color: #00A1B9 }
body.notice .notice_body .wrap_cont.process .step {margin-top: 16px }
body.notice .notice_body .wrap_cont.process .step li {display: inline-block; position: relative; width: 100px; height: 100px; background: #fff; line-height: 100px; text-align: center; color:#00A1B9; border:1px solid #00A1B9; border-radius:50% }
body.notice .notice_body .wrap_cont.process .step li + li {margin-left: 80px}
body.notice .notice_body .wrap_cont.process .step li + li:before {content: ''; position: absolute; top: 37px; left: -48px; width: 15px; height: 26px; background: url(../images/ic_notice.svg) 0 0;}
body.notice .notice_body .wrap_cont.process .list_bullet {margin-top: 16px}
body.notice .notice_body .wrap_btn {margin: 40px 0 20px; text-align: center}
body.notice .notice_body .wrap_btn .btn {display:inline-block;  min-width: 200px; padding:0 40px; line-height: 60px; background: #00A1B9; color: #fff; border-radius:30px; font-size: 18px; cursor: pointer; letter-spacing: -0.5px; box-sizing: border-box; vertical-align: middle;  text-align: center; transition:background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s;}
body.notice .notice_body .wrap_btn p.txt + .btn{margin-top: 40px;}

body.notice.accounting .notice_body span.point,
body.notice.accounting .notice_body .wrap_cont .tit,
body.notice.accounting .notice_body .wrap_cont .date  {color: #254FFE}
body.notice.accounting .notice_body .wrap_cont.process .step li { color:#254FFE; border-color:#254FFE;}
body.notice.accounting .notice_body .wrap_btn .btn {background: #254FFE;}