@charset "utf-8";

* {margin:0;padding:0;}

html,body { position: relative;height: 100%;font-size:10px;}


/* 숨김 */
ul#skipToContent {position:absolute; z-index:10000; height:0;}
ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%;}
ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;}
ul#skipToContent li a:focus,ul#skipToContent li a:active {top:3px; width:150px; padding:5px 0; font-size:1em; background-color:#355da0}

/* focus */ 
button:focus, input:focus, select:focus, textarea:focus, a:focus {outline:1px dashed #00f;} 

/* common */ 
body{ color:#333;font-family:'NotoSansKR',sans-serif,Arial,Dotum,Helvetica,AppleGothic;font-weight:400;letter-spacing:-1px; font-size: 1.6rem; line-height:1.2;  }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, td{ margin:0; padding:0; box-sizing:border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark { display:block; margin:0; padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'NotoSansKR',sans-serif,Arial,Dotum,Helvetica,AppleGothic; box-sizing:border-box;}
input,button,textarea,select{ background-color:#fff; border-radius:0; box-sizing:border-box; } /*-webkit-appearance: none*/
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode:bicubic;} /* chrome 이미지 흐리게 보이는 현상 */
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none}
a:link,a:visited{text-decoration:none;color:#3a3a3a;}
a:hover,a:focus,a:active{text-decoration:none;color:#3a3a3a}
a:hover{font-weight:bold}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
table {width:100%;font-weight:400;border-spacing:0;border-collapse:collapse; }

/* 아이폰 사파리 라운드 및 그라데이션 없애기  */
input[type="button"]{-webkit-appearance: none;-moz-appearance: none; appearance: none;}
input[type="text"]{-webkit-appearance: none;-moz-appearance: none; appearance: none;}
textarea, button { -webkit-appearance:none; -moz-appearance:none; /*appearance:none;*/}
textarea, button, select { -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

/*input:number 관련  */
input[type="number"]::-webkit-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="number"]{ -moz-appearance:textfield;}


/* form */
select,
input[type="text"], input[type="password"], [type="number"] {height:40px; line-height: 40px; border-radius: 5px; padding:5px;min-width:80px;margin-left:1px; font-weight:400;color:#333;border:1px solid #c4c4c4; font-size:1.6rem; }
select{height:40px; line-height: 40px; border-radius: 5px;border:1px solid #c4c4c4; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none;}
textarea{padding:5px; border:1px solid #b7b7b7; border-radius:5px;}
input[type="radio"] { margin-right:4px; width:18px; height:18px;}
input[type="checkbox"] { margin-right:4px; width:18px; height:18px; border:1px solid #b7b7b7;}
input[type="text"].error, input[type="password"].error{border:1px solid #e73838;}
input[type="text"].read, input[type="password"].read{background:#e4e4e4;}
input[type="text"]:read-only,input[type="number"]:read-only, input[type="text"]:disabled, input[type="password"]:disabled {background:#e4e4e4;}
textarea, input[type="image"] {box-shadow:none !important; -webkit-box-shadow:none !important; border-radius:5px;  -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.hidden {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:polygon(0 0, 0 0, 0 0);}
.longdesc { overflow:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;}
.none{display:none;margin:0; padding:0;}
.narrow{letter-spacing:-0.5px;}
.justify{ text-align:justify; }


/*link*/
a{color:#6d6767;text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none; color:#6d6767}


/*text hidden*/
.IR, .blind, legend{font:0px/0 Arial; height:0; left:-9999px !important; position:absolute !important; top:-9999px !important}

/*dotline*/
.dashed{border-top:1px dashed #CCC}
.dotline{border-top:1px dotted #CCC}
.solid{border-top:1px solid #CCC}

/*줄바꿈*/
.br{display:block !important}
.wbr {display:block}
.mbr {display:inline-block}

/* align */
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}


/* inputForm */
.rdo_form { position:relative; margin-right: 20px; }
.rdo_form input[type="checkbox"]{position:absolute;width:1px;height:1px;margin:-1px;border:0;overflow:hidden;padding:0;clip:rect(0,0,0,0);-webkit-appearance:none;opacity:0}
.rdo_form input[type="checkbox"]+label{display:inline-block;position:relative;line-height:1.2;padding-left:22px;font-size:1.6rem;cursor:pointer;word-break:keep-all; vertical-align:middle;}
.rdo_form input[type="checkbox"]+label:before{content:'';display:block;position:absolute;top:0;left:0;width:18px;height:18px}
.rdo_form input[type="checkbox"]+label:before{background:url("https://rl17wljen.toastcdn.net/eng/img/ico_chk.png") 0 0 no-repeat}
.rdo_form input[type="checkbox"]+label.input:before{top:0}
.rdo_form input[type="checkbox"]:checked+label:before{background-position:0px -18px}
.rdo_form input[type="checkbox"]:disabled+label:before{background-position:0px -36px}
.rdo_form input[type="checkbox"]:checked:disabled+label:before{background-position:0px -54px}


/* inputForm-nemo */
.chkbox_form { position:relative; margin-right:10px; }
.chkbox_form input[type="checkbox"]{position:absolute;width:1px;height:1px;margin:-1px;border:0;overflow:hidden;padding:0;clip:rect(0,0,0,0);-webkit-appearance:none;opacity:0}
.chkbox_form input[type="checkbox"]+label{display:inline-block;position:relative;line-height:1.2;padding-left:22px;font-size:1.6rem;cursor:pointer;word-break:keep-all; vertical-align:middle;}
.chkbox_form input[type="checkbox"]+label:before{content:'';display:block;position:absolute;top:0;left:0;width:19px;height:19px}
.chkbox_form input[type="checkbox"]+label:before{background:url("https://rl17wljen.toastcdn.net/eng/img/ico_chk2.png") 0 0 no-repeat}
.chkbox_form input[type="checkbox"]+label.input:before{top:0}
.chkbox_form input[type="checkbox"]:checked+label:before{background-position:0px -19px}
.chkbox_form input[type="checkbox"]:disabled+label:before{background-position:0px -38px}
.chkbox_form input[type="checkbox"]:checked:disabled+label:before{background-position:0px -57px}




.rdo_form input[type="radio"]{position:absolute;width:1px;height:1px;margin:-1px;border:0;overflow:hidden;padding:0;clip:rect(0,0,0,0);-webkit-appearance:none;opacity:0}
.rdo_form input[type="radio"]+label{display:inline-block;position:relative;line-height:1.2;padding-left:22px;font-size:1.6rem;cursor:pointer;word-break:keep-all; vertical-align:middle;}
.rdo_form input[type="radio"]+label:before{content:'';display:block;position:absolute;top:0;left:0;width:18px;height:18px}
.rdo_form input[type="radio"]+label:before{background:url("https://rl17wljen.toastcdn.net/eng/img/ico_rdo.png") 0 0 no-repeat}
.rdo_form input[type="radio"]+label.input:before{top:0}
.rdo_form input[type="radio"]:checked+label:before{background-position:0px -18px}
.rdo_form input[type="radio"]:disabled+label:before{background-position:0px -36px}
.rdo_form input[type="radio"]:checked:disabled+label:before{background-position:0px -54px}





/* 전체 */

@media (max-width:1280px) {
	
	html {font-size:10px} 
	
}

@media (max-width:768px) {
	
	html {font-size:9px}
 }
 



/*들여쓰기*/
.indent{margin:0 0 40px 20px; clear:both; overflow:hidden; color:#666}

/*display style*/
.diB{display:block !important}
.diIn{display:inline !important}
.diInB{display:inline-block !important}
.diNone{display:none !important}
 
/*style-type*/
ul.Type-num li, ol.Type-num li{list-style-type:decimal; padding-left:20px} /*숫자*/
ul.Type-roman li, ol.Type-roman li{list-style-type:upper-roman; padding-left:20px}/*로마숫자*/ 
ul.Type-alpha li, ol.Type-alpha li{list-style-type:upper-alpha; padding-left:20px}/*알파벳*/
ul.Type-circle li, ol.Type-circle li{list-style-type:circle; padding-left:10px}/*라인 동그라미*/

/*동그라미 숫자*/
ol.Type-cnum {counter-reset: my-counter; margin-bottom:5px}
ol.Type-cnum > li {font-size:13.5px; color:#000; margin:3px 0 0 0; padding-left:24px; position:relative}
ol.Type-cnum > li:before {content:counter(my-counter); counter-increment: my-counter; border:1px solid #7a7a7a; color:#7a7a7a; display: block; font-family:verdana,Dotum,AppleGothic,sans-serif; font-size:11px; position:absolute; left:4px; top:0; letter-spacing:-1px; line-height:12px; margin:5px 5px 0 0; text-align: center; height:13px; width:13px; border-radius:50%;}
ol.Type-cnum li > ol{color:#666; counter-increment:unset; padding:5px 0 0 19px}
ol.Type-cnum li > ol > li:before {content:unset}

/*Borderline*/
.Bt{border-top:0 !important}
.Bl{border-left:0 !important}
.Br{border-right:0 !important}
.Bb{border-bottom:0 !important}

/*Box*/
.Box{background:#fff; border:1px solid #dfdddd; padding:10px 15px 10px; border-radius:4px; box-sizing:border-box}/*흰색 박스*/
.Box-Gray{background:#fafafa; border:1px solid #e6e6e6; color:#666}/*회색 박스*/

/*버튼*/
.btn-line {border:1px solid #b3b3b3; display:inline-block; font-size:14px; height:28px; line-height:28px; margin-left:5px; padding:0 7px; vertical-align:middle; position:relative}
.btn-line:hover{color:#000}
.btn-line:hover:after {width:100%}
.btn-line:after {content:''; background:#666; width:0; height:2px; position:absolute; left:0; bottom:-1px; transition:all .3s}
.btn-go {color:#666; display:inline-block; position:relative; margin-left:0; vertical-align:4px}

/*버튼 아이콘*/
.btn-line i {font-size:20px; display:inline-block; vertical-align:middle}
.btn-down i:before {content:'\e90a'; font-size:15px; margin-left:3px; display:inline-block; vertical-align:4px}
.btn-view i:before {content:'\e936'; font-size:15px; margin-left:3px; display:inline-block; vertical-align:4px}
.btn-go i:before {content:'\e925'; font-size:17px; margin-left:3px; display:inline-block; vertical-align:-2px}
.btn-baro i:before {content:'\e925'; font-size:17px; margin-left:3px; display:inline-block; vertical-align:5px}
.btn-blank i:after{content:'\e91c'; font-size:15px; display:inline-block; vertical-align:5px}
i.blank:after{content:'\e91c'; font-size:15px; display:inline-block; vertical-align:-1px}

/*size*/
.W100{width:100% !important}
.W95{width:95% !important}
.W90{width:90% !important}
.W85{width:85% !important}
.W80{width:80% !important}
.W75{width:75% !important}
.W70{width:70% !important}
.W65{width:65% !important}
.W60{width:60% !important}
.W55{width:55% !important}
.W50{width:50% !important}
.W45{width:45% !important}
.W40{width:40% !important}
.W35{width:35% !important}
.W33{width:33% !important}
.W30{width:30% !important}
.W25{width:25% !important}
.W22{width:22% !important}
.W20{width:20% !important}
.W19{width:19% !important}
.W18{width:18% !important}
.W17{width:17% !important}
.W16{width:16% !important}
.W15{width:15% !important}
.W13{width:13% !important}
.W12{width:12% !important}
.W10{width:10% !important}
.W9{width:9% !important}
.W8{width:8% !important}
.W7{width:7% !important}
.W6{width:6% !important}
.W5{width:5% !important}
.W-auto {width:auto!important}

/*Text style 검정,회색,흰색 계열*/
.cDark0{color:#000 !important}
.cDark3{color:#333 !important}
.cDark6{color:#666 !important}
.cDark9{color:#999 !important}
.cDarkc{color:#ccc !important}
.cWhite{color:#fff !important}

/* color */
.c_blue {color:#1e5caf !important;}
.c_red {color:#e02e5c !important;}
.c_dkred{color:#e20101 !important}
.c_point {color:#EA580C !important;}
.c_bl {color:#000 !important;}
.c_green{color:#0D9488 !important;}


/*font size*/
.Fs45{font-size:4.5rem !important}
.Fs40{font-size:4rem !important}
.Fs37{font-size:3.7rem !important}
.Fs35{font-size:3.5rem !important}
.Fs32{font-size:3.2rem !important}
.Fs30{font-size:3rem !important}
.Fs28{font-size:2.8rem !important}
.Fs26{font-size:2.6rem !important}
.Fs25{font-size:2.5rem !important}
.Fs24{font-size:2.4rem !important}
.Fs22{font-size:2.2rem !important}
.Fs21{font-size:2.1rem !important}
.Fs20{font-size:2rem !important}
.Fs18{font-size:1.8rem !important}
.Fs16{font-size:1.6rem !important}
.Fs15{font-size:1.5rem !important}
.Fs14{font-size:1.4rem !important}
.Fs12{font-size:1.2rem !important}
.Fs13{font-size:1.3rem !important}
.Fs11{font-size:1.1rem !important}
.Fs10{font-size:1rem !important}

/*font weight*/
.FboldN{font-weight:normal}
.FboldB{font-weight:bold}
.Fbold6{font-weight:600}
.Fbold5{font-weight:500}
.FtypeI{font-style:italic}
.Un-line{text-decoration: underline}
.Md-line{text-decoration:line-through}

/*align*/
.TxtC{text-align:center !important}
.TxtL{text-align:left !important}
.TxtR{text-align:right !important}
.TxtJ{text-align:justify !important}

/*float,both*/
.Fl{float:left !important}
.Fr{float:right !important}
.Clear{clear:both !important; overflow:hidden}

/*vertical-align*/
.VaT{vertical-align:top}
.VaM{vertical-align:middle}
.VaB{vertical-align:bottom}


/*margin*/


/*top */
.mt0r{margin-top:0rem !important}
.mt1r{margin-top:1rem !important}
.mt2r{margin-top:2rem !important}
.mt3r{margin-top:3rem !important}
.mt4r{margin-top:4rem !important}
.mt5r{margin-top:5rem !important}
.mt10r{margin-top:10rem !important}
.mt15r{margin-top:15rem !important}
.mt20r{margin-top:20rem !important}
.mt25r{margin-top:25rem !important}
.mt30r{margin-top:30rem !important}


/*Bottom */
.mb0r{margin-bottom:0rem !important}
.mb1r{margin-bottom:1rem !important}
.mb2r{margin-bottom:2rem !important}
.mb3r{margin-bottom:3rem !important}
.mb5r{margin-bottom:5rem !important}
.mb10r{margin-bottom:10rem !important}
.mb15r{margin-bottom:15rem !important}
.mb20r{margin-bottom:20rem !important}
.mb25r{margin-bottom:25rem !important}
.mb30r{margin-bottom:30rem !important}

/*right */
.mr2r{margin-right:2rem !important}
.ml2r{margin-left:2rem !important}

/*padding*/
.pa0 {padding:0 !important}
.pl1r { padding-left:1rem; }
.pl2r { padding-left:2rem; }
.pl3r { padding-left:3rem; }
.pl5r { padding-left:5rem; }
.pr1r { padding-right:1rem; }
.pr2r { padding-right:2rem; }
.pr3r { padding-right:3rem; }
.pr5r { padding-right:5rem; }
.pb0r { padding-bottom:0.5rem; }
.pb1r { padding-bottom:1rem; }
.pb2r { padding-bottom:2rem; }
.pb3r { padding-bottom:3rem; }
.pb5r { padding-bottom:5rem; }

/*margin*/
.mt30 { margin-top:30px !Important; }
.mt20 { margin-top:20px !Important; }
.mt15 { margin-top:15px !Important; }
.mt10 { margin-top:10px !Important }
.mt7 { margin-top:7px !Important; }
.mt5 { margin-top:5px !Important; }
.mt3 { margin-top:3px !Important; }
.mt2 { margin-top:2px !Important; }
.mt0 { margin-top:0 !Important; }


.mb30 { margin-bottom:30px !Important; }
.mb20 { margin-bottom:20px !Important; }
.mb15 { margin-bottom:15px !Important; }
.mb10 { margin-bottom:10px !Important; }
.mb7{ margin-bottom:7px !Important; }
.mb5{ margin-bottom:5px !Important; }
.mb1{ margin-bottom:1px !Important; }
.mb0{ margin-bottom:0px !Important; }


.mr30 { margin-right:30px !Important; }
.mr20 { margin-right:20px !Important; }
.mr15 { margin-right:15px !Important }
.mr10 { margin-right:10px !Important }
.mr7 { margin-right:7px !Important; }
.mr5 { margin-right:5px !Important; }
.mr1 { margin-right:1px !Important; }
.mr0 { margin-right:0px !Important; }


.ml30 { margin-left:30px !Important; }
.ml20 { margin-left:20px !Important; }
.ml15 { margin-left:15px !Important }
.ml10 { margin-left:10px !Important }
.ml7 { margin-left:7px !Important; }
.ml5 { margin-left:5px !Important; }
.ml1 { margin-left:1px !Important; }
.ml0 { margin-left:0px !Important; }


.pt30 { padding-top:30px !Important; }
.pt20 { padding-top:20px !Important; }
.pt15 { padding-top:15px !Important; }
.pt10 { padding-top:10px !Important }
.pt7 { padding-top:7px !Important; }
.pt5 { padding-top:5px !Important; }
.pt2 { padding-top:2px !Important; }
.pt0 { padding-top:0 !Important; }


.pr30 { padding-right:30px !Important; }
.pr20 { padding-right:20px !Important; }
.pr15 { padding-right:15px !Important }
.pr10 { padding-right:10px !Important }
.pr7 { padding-right:7px !Important; }
.pr5 { padding-right:5px !Important; }
.pr2 { padding-right:2px !Important; }
.pr0 { padding-right:0px !Important; }

.pl30 { padding-left:30px !Important; }
.pl20 { padding-left:20px !Important; }
.pl15 { padding-left:15px !Important }
.pl10 { padding-left:10px !Important }
.pl7 { padding-left:7px !Important; }
.pl5 { padding-left:5px !Important; }
.pl2 { padding-left:2px !Important; }
.pl0 { padding-left:0px !Important; }


.pb30 { padding-bottom:30px !Important; }
.pb20 { padding-bottom:20px !Important; }
.pb15 { padding-bottom:15px !Important; }
.pb10 { padding-bottom:10px !Important; }
.pb7{ padding-bottom:7px !Important; }
.pb5{ padding-bottom:5px !Important; }
.pb2{ padding-bottom:2px !Important; }
.pb0{ padding-bottom:0px !Important; }

.mt-30 { margin-top:-30px !Important; }
.mt-20 { margin-top:-20px !Important; }
.mt-15 { margin-top:-15px !Important; }
.mt-10 { margin-top:-10px !Important }
.mt-7 { margin-top:-7px !Important }
.mt-5 { margin-top:-5px !Important }
.mt-1 { margin-top:-1px !Important }








/** div_width % **/
[class*='div_per']{position:relative;}
.div_per100{width:100% !important}
.div_per95{width:calc(95% - 10px) !important}
.div_per90{width:calc(90% - 10px) !important}
.div_per85{width:calc(85% - 10px) !important}
.div_per80{width:calc(80% - 10px) !important}
.div_per75{width:calc(75% - 10px) !important}
.div_per70{width:calc(70% - 10px) !important}
.div_per65{width:calc(65% - 10px) !important}
.div_per60{width:calc(60% - 10px) !important}
.div_per55{width:calc(55% - 10px) !important}
.div_per50{width:calc(50% - 10px) !important}
.div_per45{width:calc(45% - 10px) !important}
.div_per40{width:calc(40% - 10px) !important}
.div_per35{width:calc(35% - 10px) !important}
.div_per33{width:calc(100%/3 - 10px) !important}
.div_per30{width:calc(30% - 10px) !important}
.div_per25{width:calc(25% - 10px) !important}
.div_per20{width:calc(20% - 10px) !important}
.div_per15{width:calc(15% - 10px) !important}
.div_per10{width:calc(10% - 10px) !important}
.div_per5{width:calc(5% - 10px) !important}



/** display flex style **/
.flex_align_c{align-items: center !important}
.flex_align_s{align-items: flex-start !important}
.flex_align_e{align-items: flex-end !important}
.flex_justify_c{justify-content: center !important}
.flex_justify_s{justify-content: flex-start !important}
.flex_justify_e{justify-content: flex-end !important}
.flex_justify_b{justify-content: space-between !important}
.flex_justify_a{justify-content: space-around !important}
.flex_justify_ev{justify-content: space-evenly !important}
.flex_wrap_w{flex-wrap: wrap !important}
.flex_wrap { display: flex;}

/* btn */
.btn {display:inline-block; line-height:0; letter-spacing:-0.048em; border:1px solid transparent; vertical-align:middle;}
.btn > span {display:inline-block;}
.btn * {vertical-align:middle;}
.btn > span.ico-window { background:url(https://rl17wljen.toastcdn.net/eng/img/bg_ico05.png) no-repeat right 1px; padding-right:20px; }



.btn_xxl {padding:18px 60px; border-radius:35px; font-size:18px; line-height:20px;}
.btn_xxl span {font-size:2rem; line-height:26px; font-weight: 500;}
.btn_xl {padding:18px 42px; border-radius:35px; font-size:18px; line-height:20px;}
.btn_xl span {font-size:1.8rem; line-height:26px;}
.btn_lg {padding:10px 32px; border-radius:35px;font-size:18px; line-height:20px;}
.btn_lg span {font-size:1.8rem; line-height:26px;}
.btn_md {padding:4px 24px; border-radius:35px;font-size:15px; line-height:24px;}
.btn_md span {font-size:1.5rem; line-height:24px;}
.btn_m { padding:6px 10px;border-radius:35px;font-size:15px; line-height:20px;}
.btn_m span {font-size:1.5rem;line-height:20px; }
.btn_xm { padding:5px 10px;border-radius:35px;font-size:15px; line-height:15px;}
.btn_xm span {font-size:1.5rem;line-height:15px; }
.btn_sm { padding:2px 5px 0px 5px;border-radius:35px;font-size:14px; line-height:1.4;}
.btn_sm span {font-size:1.4rem; line-height:1;}
.btn_xs {padding:0 8px; border-radius:35px;font-size:14px; line-height:20px;}
.btn_xs span {font-size:1.4rem; line-height:20px;}



.btn_sl {background:#7555ab; color:#fff;}
.btn_red {background:#e45159; color:#fff;}
.btn_orange {background:#de87a9; color:#fff;}
.btn_green {background:#009881; color:#fff;}
.btn_blue {background:#de87a9; color:#000;}/*maincolor변경으로 노란계열임*//*20240705 maincolor 변경으로 주황계열//20240829 maincolor 변경 PINK 계열*/
.btn_puple {background:#5b56e1; color:#fff;}
.btn_black {background:#666572; color:#fff;}
.btn_gray {background:#ddd; color:#333;}
.btn_dgray {background:#e7e6e6; color:#000;}
.btn_lgray {background:#a0a9ae; color:#fff; font-weight: 300;}
.btn_white {background:#fbfbfb; color:#333; border:1px solid rgba(0,0,0,0.16);}


.btn_border{background-color:#fff;border:1px solid #1662b0;color:#1662b0; border-radius:3px; }
.btn_blue_line {background:#eff3f7; border:#1662b0 solid 1px; color:#1662b0;}
.btn_gray_line {background:#fff; border:#c7c7c7 solid 1px;color:#333;;}

.bd-radius4 { border-radius: 4px !important;}