@charset "utf-8";

i, em{font-style:normal}

.hide{display:none;}





/* skipNavi */

#skipNavi {height:0;}

#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}

#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}









/* input & select */

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

.chk-input input[type="text"], .chk-input input[type="password"]{height:24px; letter-spacing:-0.03em;border:none; border:1px solid #bebebe;background:#fff; color:#b4b4b4;padding:0 5px;font-size:12px; font-weight:400; box-sizing:border-box; display:block; width:100%; position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}

	



.chk-select{position:relative; background:#fff; box-sizing:border-box;display:inline-block;vertical-align:top;border-radius:6px; border:1px solid #bebebe;}

.chk-select:after{background:url(../_beta_preview_assets/_Img/Sub/select-arrow.png) no-repeat center center; background-size:11px auto;position:absolute; width:14px; height:7px; position:absolute; right:7px; top:12px;display:block; content:""; z-index:3}

.chk-select select{padding:0 20px 0 10px;font-size:14px;text-align:left; display:block;border:none;height:30px;color:#515457; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.chk-select select::-ms-expand{display:none;}

.chk-select.active select,.chk-select.active select{color:#111;}

	@media all and (max-width:680px) {

		.chk-select select{font-size:13px;padding:0 20px 0 7px;}

	}

	@media all and (max-width:680px) {

		.chk-select select{font-size:12px;padding:0 20px 0 5px; height:26px;}

	}



.chk-radio{display:inline-block; vertical-align:top;}

.chk-radio input[type="radio"]{ display:none;}

.chk-radio label{position:relative; display:block;padding-left:23px; font-size:12px;font-weight:400; letter-spacing:-0.03em;color:#515457; line-height:18px;}

.chk-radio label:after{width:18px; height:18px; position:absolute; border-radius:100%; left:0; top:0 ;background:#fff;;box-sizing:border-box;border:1px solid #c9c9c9; display:block; content:"";}

.chk-radio input[type="radio"]:checked + label:before{position:absolute; width:10px; height:10px; z-index:5;background:#0066b3; border-radius:100%; left:4px; top:4px; display:block; content:""}

.chk-radio input[type="radio"]:checked + label{color:#515457;}

	@media only screen and (max-width:680px){

		

	}

	



.chk-check{display:inline-block;vertical-align:top; text-align:left; height:auto;}

.chk-check input[type="checkbox"]{display:none;}

.chk-check label{position:relative;display:block;padding-left:27px; font-size:13px ;font-weight:300; letter-spacing:-0.02em;color:#515457; line-height:20px;}

.chk-check label:after{width:18px; height:18px; position:absolute;  left:0; top:0 ; display:block; content:""; background:#fff;border:1px solid #bebebe; box-sizing:border-box;display:block; content:""; z-index:1;}

.chk-check input[type="checkbox"]:checked +  label:after{ border-color:#6893c8;background:url(https://beta.goldapple.io.kr/_beta_preview_assets/_Img/Sub/check-on.png) no-repeat 3px center #fff; background-size:11px auto; z-index:3;}

.chk-check input[type="checkbox"]:checked +  label{color:#6893c8;}

	

	@media only screen and (max-width:680px){

		.chk-check label{font-size:12px; line-height:16px;}

		.chk-check label:after{width:16px; height:16px; }

		.chk-check input[type="checkbox"]:checked +  label:after{background-position:center center ;background-size:10px auto;}

	}

	@media only screen and (max-width:480px){

	

	}	









/* button */

.bl-btn, .bb-btn, .bg-btn, .bw-btn, .br-btn , .bt-btn  { min-width:118px;border:none;display:inline-block;font-weight:500;font-size:14px;height:35px; box-sizing:border-box;text-align:center;}

.bl-btn span, .bb-btn span, .bg-btn span, .bw-btn span, .br-btn span , .bt-btn span{display:block;color:#fff; padding:0 15px;line-height:33px;text-align:center; letter-spacing:-0.03em;}

.bl-btn {background:#6893c8;border:1px solid #6893c8;}

.bb-btn {background:#444;border:1px solid #444;}

.bg-btn {background:#909db0;border:1px solid #909db0;}

.br-btn {background:#004f9f;border:1px solid #004f9f;}

.bw-btn {background:#fff; border:1px solid #bbb;}

.bt-btn {background:#5d6c81;border:1px solid #5d6c81;}



.bw-btn span{color:#111;}



	@media all and (max-width:999px) {

		.bl-btn, .bb-btn, .bg-btn, .bw-btn, .br-btn, .bt-btn{min-width:160px; height:46px; font-size:15px;}

		.bl-btn span, .bb-btn span, .bg-btn span, .bw-btn span, .br-btn span, .bt-btn span{line-height:44px;}

	}

	@media all and (max-width:680px) {

		.bl-btn, .bb-btn, .bg-btn, .bw-btn, .br-btn, .bt-btn{min-width:140px; height:42px;font-size:14px;}

		.bl-btn span, .bb-btn span, .bg-btn span, .bw-btn span, .br-btn span, .bt-btn span{line-height:40px;}

	}

	@media all and (max-width:480px) {

		.bl-btn, .bb-btn, .bg-btn, .bw-btn, .br-btn, .bt-btn{min-width:130px; height:38px;}

		.bl-btn span, .bb-btn span, .bg-btn span, .bw-btn span, .br-btn span, .bt-btn span{line-height:36px;}

	}