@charset "UTF-8";


@font-face { font-family:'Pretendard'; font-style: normal; font-weight:100; src:url(../fonts/Pretendard-Thin.otf) format('opentype'); } 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:300; src:url(../fonts/Pretendard-Light.otf) format('opentype'); } 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:400; src:url(../fonts/Pretendard-Regular.otf) format('opentype'); } 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:500; src:url(../fonts/Pretendard-Medium.otf) format('opentype'); } 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:600; src:url(../fonts/Pretendard-SemiBold.otf) format('opentype'); } 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:700; src:url(../fonts/Pretendard-Bold.otf) format('opentype'); } 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:900; src:url(../fonts/Pretendard-Black.otf) format('opentype'); } 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:100; src:url(../fonts/NotoSansCJKkr-Thin.otf) format('opentype'); } 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:300; src:url(../fonts/NotoSansCJKkr-Light.otf) format('opentype'); } 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:350; src:url(../fonts/NotoSansCJKkr-DemiLight.otf) format('opentype'); } 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:400; src:url(../fonts/NotoSansCJKkr-Regular.otf) format('opentype'); } 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:500; src:url(../fonts/NotoSansCJKkr-Medium.otf) format('opentype'); } 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:600; src:url(../fonts/NotoSansCJKkr-Light.otf) format('opentype'); } 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:700; src:url(../fonts/NotoSansCJKkr-Bold.otf) format('opentype'); } 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:900; src:url(../fonts/NotoSansCJKkr-Black.otf) format('opentype'); } 
@font-face { font-family:'Outfit'; font-style: normal; font-weight:400; src:url(../fonts/Outfit-Regular.ttf) format('truetype');}
@font-face { font-family:'Norican'; font-style: normal; font-weight:400; src:url(../fonts/Norican-Regular.ttf) format('truetype');}
@font-face { font-family:'GmarketSans'; font-style: normal; font-weight:300; src:url(../fonts/GmarketSansTTFLight.ttf) format('truetype');}
@font-face { font-family:'GmarketSans'; font-style: normal; font-weight:500; src:url(../fonts/GmarketSansTTFMedium.ttf) format('truetype');}
@font-face { font-family:'GmarketSans'; font-style: normal; font-weight:700; src:url(../fonts/GmarketSansTTFBold.ttf) format('truetype');}
@font-face { font-family:'SCDream'; font-style: normal; font-weight:100; src:url(../fonts/SCDream1.otf) format('opentype'); } 
@font-face { font-family:'SCDream'; font-style: normal; font-weight:200; src:url(../fonts/SCDream2.otf) format('opentype'); } 
@font-face { font-family:'SCDream'; font-style: normal; font-weight:300; src:url(../fonts/SCDream3.otf) format('opentype'); } 
@font-face { font-family:'SCDream'; font-style: normal; font-weight:400; src:url(../fonts/SCDream4.otf) format('opentype'); } 
@font-face { font-family:'SCDream'; font-style: normal; font-weight:500; src:url(../fonts/SCDream5.otf) format('opentype'); } 
@font-face { font-family:'SCDream'; font-style: normal; font-weight:600; src:url(../fonts/SCDream6.otf) format('opentype'); } 
@font-face { font-family:'SCDream'; font-style: normal; font-weight:700; src:url(../fonts/SCDream7.otf) format('opentype'); } 
@font-face { font-family:'SCDream'; font-style: normal; font-weight:800; src:url(../fonts/SCDream8.otf) format('opentype'); } 
@font-face { font-family:'SCDream'; font-style: normal; font-weight:900; src:url(../fonts/SCDream9.otf) format('opentype'); } 
body {scroll-behavior: smooth; width:100%;}
.sound_only {position:absolute; top:0; left:0; z-index:-1; font-size:0; width:0; height:0; opacity:0;}
:root {
    --color01:#2b68e5;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; border:0;}

.sec {width:100%;}

* {padding: 0; margin: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); word-break: keep-all; font-family:'Pretendard';}
html, body { width:100%; margin:0 !important;  padding:0 !important; }
body.no-scroll {overflow:hidden;}
/***** common ::: 기본설정*****/
.wrap {overflow:hidden; min-width:1200px; max-width:1920px; margin:0 auto; overflow-x:hidden;}
body { overflow-x:hidden; letter-spacing:-0.025em; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
p, a, span, dt, dd, button, input, input::placeholder, select, option, label, textarea, th, td {font-family:'Pretendard';}
a {text-decoration:none;}
a:link, a:visited {text-decoration:none;}
a:hover,  a:active {text-decoration:none;}
i {position:relative; top:1px;}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, sub {font-size:1em;}
table {border:none;border-collapse:collapse;border-spacing:0; width:100%;}
td,th, fieldset,img,abbr,acronym, img,fieldset,iframe  {border:0 none;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;}
dl, dt, dd, ul, ol,ul {margin:0; padding:0; list-style:none}
q:before, q:after {content:''}
caption, legend {overflow:hidden;font-size:0;line-height:0;height:0;width:0;text-indent:-999em;}
hr {display:none;}
img, input, button, select, textarea {vertical-align:middle;}
p {margin-block-start:0; margin-block-end:0;}

/***** 추가 필요 설정 ******/
input::-webkit-input-placeholder{color:#666;} /* 웹킷 전용 속성  크롬에서 플레이스홀더 텍스트 글자 색상 조정 */
input:-moz-placeholder{color:#666;} /* 파이어폭스 전용 속성 */


/***** form ::: 폼태그 기본설정*****/
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
.ie7 legend {position:absolute;left:-99999px;top:-9999px;display:inline;width:1px;height:1px;text-indent:0;}
label {cursor:pointer;margin:0;padding:0;vertical-align:middle}
caption {overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
button {cursor:pointer;border:0 none;}
button,input,textarea {margin:0;}

input[type='checkbox'],input[type='radio'] {margin:0; padding:0;}

select,  input[type="text"], input[type="password"] {  -webkit-appearance:none;  -moz-appearance: none; appearance: none; -webkit-border-radius:0;border-radius:0; border:none;}
textarea{border:1px solid #d5d5d5; resize:none; overflow-y:scroll;padding:10px;box-sizing: border-box;font-size:14px; color:#000;}
select::-ms-expand{display: none;}
select { vertical-align:middle;	background-color:#fff;	padding-left:10px; border:none; -webkit-appearance:none; -webkit-border-radius:0; -moz-appearance: none; appearance: none; }

input[type="checkbox"] { background:#fff; border:1px solid #333; width:14px; height:14px;  }
input[type="submit"]{-webkit-appearance:none;  -moz-appearance: none; appearance: none; -webkit-border-radius:0; border-radius:0; border:none;}

/* 폰트 링크 외곽선 제거 기본 설정 */
*:focus {	outline: none !important; }
:focus { outline: none !important; }

form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0 none; }
.ie7 legend { position: absolute; left: -99999px; top: -9999px; display: inline; width: 1px; height: 1px; text-indent: 0;}

/* 폼태그 리셋 */
button { cursor: pointer; border: 0 none; color:#111;}
button, input, textarea { margin: 0; outline: none; }
button:focus, input:focus, textarea:focus { outline: none !important; }
input[type='checkbox'], input[type='radio'] { margin: 0; padding: 0; }
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; border: none; }
select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; border: none; }
select::-ms-expand { display: none; }
select { vertical-align: middle; padding-left: 10px; border: none; -webkit-appearance: none; -webkit-border-radius: 0; -moz-appearance: none; appearance: none; font-size: 14px; color: #666 }



/***** .hidden *****/
.hidden {overflow:hidden; visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0;}
.hide {visibility:hidden;position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0} /* image */
.blind{overflow:hidden; position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0;}
.for_rela {position:relative;}

/*****Align*****/
.fn {float:none !important}
.fl {float:left !important}
.fr {float:right !important}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.vat {vertical-align:top !important;}
.vm {vertical-align:middle !important;}

.flexWrap01 {display:flex; flex-direction:row; align-items:center;}
.flexWrap02 {flex-wrap:wrap;}

.flexCenter01 {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.flexCenter02 {display:flex; flex-direction:row; justify-content:center; align-items:flex-start;}


.flexEnd01 {display:flex; flex-direction:row; align-items:center; justify-content:end;}
.flexEnd02 {display:flex; flex-direction:column; align-items:end; justify-content:end;}

.flexBetween01 {display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
.flexBetween02 {display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between;}
.flexBetween03 {display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between;}

/***** clear float *****/
.clear {clear:both;}
.clearfix {clear:both;}
.clearfix {display:inline-block}
.clearfix {display:block}
.clearfix:before,
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}

/***** margin *****/
.mt_480 {margin-top:-480px !important}
.mt_400 {margin-top:-400px !important}
.mt_315 {margin-top:-315px !important}
.mt_243 {margin-top:-243px !important}
.mt_210 {margin-top:-210px !important}
.mt_200 {margin-top:-200px !important}
.mt_120 {margin-top:-120px !important}
.mt_27 {margin-top:-27px !important}
.mt_50{margin-top:-50px !important}

.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt8 {margin-top:8px !important}
.mt10{margin-top: 10px !important}
.mt15{margin-top: 15px !important}
.mt18{margin-top: 18px !important}
.mt20{margin-top: 20px !important}
.mt25{margin-top: 25px !important}
.mt30{margin-top: 30px !important}
.mt35{margin-top: 35px !important}
.mt40{margin-top: 40px !important}
.mt45{margin-top: 45px !important}
.mt50{margin-top: 50px !important}
.mt60{margin-top: 60px !important}
.mt65{margin-top: 65px !important}
.mt70{margin-top: 70px !important}
.mt80{margin-top: 80px !important}
.mt90{margin-top: 90px !important}
.mt95{margin-top: 95px !important}
.mt100{margin-top: 100px !important}
.mt120{margin-top: 120px !important}
.mt300 {margin-top:300px !important;}

.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr29{margin-right:29px !important}
.mr30{margin-right:30px !important}
.mr32{margin-right:32px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr46{margin-right:46px !important}
.mr50{margin-right:50px !important}
.mr60{margin-right:60px !important}
.mr80{margin-right:80px !important}
.mr89{margin-right:89px !important}
.mr100 {margin-right:100px !important}
.mr120{margin-right:120px !important;}
.mr130{margin-right:130px !important;}
.mr140{margin-right:140px !important}
.mr150{margin-right:150px !important}
.mr170{margin-right:170px !important}
.mr180{margin-right:180px !important}
.mr190{margin-right:190px !important}
.mr250{margin-right:250px !important}

.ml_6{margin-left:-6px !important;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml22{margin-left:22px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml39{margin-left:39px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml100{margin-left:100px !important;}
.ml110{margin-left:110px !important;}
.ml120{margin-left:120px !important;}

.mb0{margin-bottom: 0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}
.mb90{margin-bottom:90px !important}
.mb100{margin-bottom:110px !important}
.mb110{margin-bottom:110px !important}
.mb120{margin-bottom:120px !important}
.mb130{margin-bottom:130px !important}
.mb140{margin-bottom:140px !important}
.mb150{margin-bottom:150px !important}
.mb160{margin-bottom:160px !important}
.mb170{margin-bottom:170px !important}
.mb180{margin-bottom:180px !important}
.mb190{margin-bottom:190px !important}
.mb200{margin-bottom:200px !important}
.mb400{margin-bottom:400px !important}
.mb450{margin-bottom:450px !important}
/***** padding *****/
.p0 {padding:0 !important} 


.pl0 {padding-left:0 !important} 
.pt5 {padding-top:5px !important}
.pt10{padding-top: 10px !important}
.pt15{padding-top: 15px !important}
.pt18{padding-top: 18px !important}
.pt20{padding-top: 20px !important}
.pt25{padding-top: 25px !important}
.pt23{padding-top: 26px !important}
.pt26{padding-top: 26px !important}
.pt30{padding-top: 30px !important}
.pt35{padding-top: 35px !important}
.pt40{padding-top: 40px !important}
.pt45{padding-top: 45px !important}
.pt50{padding-top: 50px !important}
.pt55{padding-top: 55px !important}
.pt80{padding-top: 80px !important}
.pt90{padding-top: 90px !important}
.pt100{padding-top: 100px !important}
.pt120{padding-top: 120px !important}
.pt180{padding-top:180px !important}

.pr0 {padding-right:0px !important}
.pr5 {padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}

.pl0{padding-left: 0px !important}
.pl5{padding-left: 5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl37{padding-left:37px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}
.pl100{padding-left:80px !important;}
.pl105{padding-left:105px !important;}

.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:	5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb23{padding-bottom:23px !important}
.pb25{padding-bottom:25px !important}
.pb26{padding-bottom:26px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb50{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb80{padding-bottom:80px !important}
.pb100{padding-bottom:100px !important;}
.pb120{padding-bottom:120px !important}
.pb150{padding-bottom:150px !important}
.pb160{padding-bottom:160px !important}
.pb180{padding-bottom:180px !important}

.wi65{width:65px !important;}
.wi90{width:90px !important;}
.wi92{width:92px !important;}
.wi106{width:106px !important;}
.wi279{width:279px !important;}
.wi124{width:124px !important;}
.wi105{width:105px !important;}
.wi109{width:109px !important;}
.wi187{width:187px !important;}
.wi189{width:189px !important;}
.wi224{width:224px !important;}
.wi250{width:250px !important;}
.wi324{width:324px !important;}
.wi340{width:340px !important;}
.wi370{width:370px !important;}
.wi680{width:680px !important;}

.hi116{height:116px !important;}

.fs22{font-size:22px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:21px !important;}
.fs24{font-size:24px !important;}
.fs36{font-size:36px !important;}
.fs38{font-size:38px !important;}
.fs28{font-size:28px !important;}


/* width */
.wd20 li {width:20%;}
.wd25 li {width:25%;}
.wd33 li {width:33.3333333%;}
.wd33Wrap {width:33.3333333333%;}

.wd15 {width:15% !important;}
.wd20 {width:20% !important;}
.wd32 {width:32% !important;}
.wd46 {width:46%;}
.wd48 {width:48%;}
.wd49 {width:49% !important;}
.wd50 {width:50%;}
.wd52 {width:51%;}
.wd60 {width:60% !important;}
.wd70 {width:70% !important;}
.wd75 {width:75% !important;}
.wd78 {width:78% !important;}
.wd80 {width:80% !important;}
.wd84 {width:84% !important;}
.wd85 {width:85% !important;}
.wd90 {width:90% !important;}
.wd96 {width:96%;}
.wd100 {width:100%;}


.textCenter {text-align:center;}
.textLeft {text-align:left;}

/* font color */
.col_white {color:#fff !important}
.col_black {color:#000 !important}
.col_yellow {color:#ffba00 !important}
.col_blue {color:#004587 !important}
.col_purple {color:#124588 !important}
.col_red {color:#da1f3d !important}
.col_green {color:#278702 !important}
.col_sky {color:#47b2e3 !important}
.col_chung {color:#0552a9 !important}
.col_gray2 {color:#aaaaaa !important}
.col_orange{color:#ff6d01 !important}
.col_gray3 {color:#444 !important}

/* input & checkBox custom */

input, input[type=text], input[type=password], input[type=tel], textarea {width:100%; height:36px; border:1px solid #aaaaaa; border-radius:5px;  font-size:16px; font-weight:300; color: #000000; background: #fff;  text-indent: 10px; box-sizing:border-box;}
input:focus, input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus, select:focus{border:1px solid var(--color01); font-weight:500;}
textarea{padding:10px; min-width:100%; height:200px; line-height:1.2;}
.txt-ind {text-indent:0; word-break:break-all;}
select{margin-bottom:10px;
    box-sizing:border-box;
	width:100%; height: 40px; padding: 4px 10px; border: 1px solid #ddd; color: #111; cursor: pointer; 
	top: 0; left: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
	background:url('../../_images/common/arrow_down.png') no-repeat 89% 50%/15px auto;
}
button.back_yellow{color:#fff;}

/* form 폼 */
/* 체크박스 */
input[type='checkbox']{display:none;}
.checkWrap{display:flex; }
.checkWrap .check_wrap{margin-right:50px;}
.checkWrap .check_wrap:last-child{margin-right:0;}
.check_wrap{clear:both; /*padding-top:20px;*/}
.check_wrap > label{display:flex; align-items: center;}
.check_wrap > label .txt{width: calc(100% - 24px); line-height:1; font-weight:400;}
.check_wrap > label .join{width: calc(100% - 24px); line-height:1; font-weight:400; display: inline-block;}

input[type=checkbox]:checked + label span.checkmark:after {
	position: absolute; top:2px; left:7px; border:solid 1px #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + label span.checkmark { background-color: var(--color01); border:1px solid transparent;}
input[type=checkbox]:checked + label span.txt {color:var(--color01);}
select{
    width:100%; height: 50px; padding: 4px 10px; border: 1px solid #ddd; color: #111; cursor: pointer; 
    top: 0; left: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background:url('../../_images/common/arrow_down.png') no-repeat 98% 50%/20px auto;
}

.checkmark {display: inline-block; position: relative;  min-width:20px; height:20px;  margin:0 10px 0 0;vertical-align: middle; background-color: #fff;  border:1px solid #D5D6DB;  cursor: pointer;}
.checkmark:after {
	content: ""; display: block; position: absolute; top:2px; left:6px; width: 4px; height: 9px; border:solid 1px #D5D6DB;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 479px) {
    .check_wrap{font-size:14px;}
    .check_wrap > label .txt br{display:none;}
}

/* 하단 버튼 */
/* 하단 버튼 */
.btn_bottom{margin-top:80px; display: flex; justify-content: center; clear:both; }
.btn_bottom button {width:50%; float:left; display:block; height:60px; line-height:60px; background:#EEEEEE; font-size: 18px; border-radius:6px;}
.btn_bottom button a{display:inline-block; width:100%; height:100%; color:#111; }
.btn_bottom button.back_blue {background-color:#196bde;}
.btn_bottom button.back_black {background-color:#333;}
.btn_bottom button.back_blue a,
.btn_bottom button.back_black a {color:#fff;}

.btn_a { width:280px; height:60px; line-height:60px; display:block; background:#EEEEEE; font-size:21px; border-radius:6px; margin:80px auto 0 auto;  text-align:center;}
.btn_a a {color:#fff;}
.btn_a.blue {background-color:var(--color01);}
.btn_a.black {background-color:#333; margin-bottom:30px;}
.btn_a.blue, .btn_a.black {color:#fff;}