@charset "utf-8";

/** 
*
* font 교체
*
*/

@font-face {font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal;font-style: normal;}

@font-face {font-family: 'Karla'; src: url('https://fonts.gstatic.com/s/karla/v15/qkBbXvYC6trAT7RbLtyG5Q.woff2') format('woff2'); font-style: normal; font-weight: normal; }
@font-face {font-family: 'Bahnschrift'; src: url('http://db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.woff2') format('woff2'); font-style: normal; font-weight: normal; }


input:focus{outline: none;}

/**
*
* quick
*
*/
@media (min-width: 1297px){
	
#quick{position: fixed; right: 0; top: 19.63541667em; z-index: 10;transform: translateX(100%); transition: transform .5s; font-family: 'S-CoreDream-4Regular';}
#quick.on{transform: translateX(0)}
#quick .quick-inner{position: relative; }
#quick.on .quick-inner{}
#quick .quick-inner .btn{width: 3.5em; position: absolute; left: -3.5em; top: 40px;}
#quick .quick-inner .counsel{display: block; height: 12.220833em; text-align: center; background: #145d9d; color: #fff; writing-mode: tb-rl; width: 100%;padding-right: 0.85em;}
#quick .quick-inner .counsel > span{font-size:1.2em; font-weight: 600; color: #fff;}
#quick .quick-inner .goTop{height: 3.5em; width: 100%; background: #343434 url(https://hanbadatax.com/images/btn_goTop.png) no-repeat 50% 50%;}
#quick .quick-inner .con{width: 70.9375em; height: 20.23958333em; background: #145d9d; color: #fff; box-sizing: border-box; padding: 2.552083333em 0 0 5.260416667em;}
#quick .quick-inner .con:after{content: ''; display: block; clear: both;}
#quick .quick-inner .con .col{float: left;}
#quick .quick-inner .con .col + .col{margin-left: 3em;}
#quick .quick-inner .con .col.col-1{width: 18.92708333em;}
#quick .quick-inner .con .col.col-1 .tit{font-size: 1.6em; line-height: 1.5em; font-family: 'S-CoreDream-6Bold'; color: #fff;}
#quick .quick-inner .con .col.col-1 .tit::after{content: ''; display: block; width: 0.989583333em; height: 1px; background: #fff; margin: .670666667em 0}
#quick .quick-inner .con .col.col-1 .subs{font-size: 0.8em; line-height: 1.341666667em; margin-bottom: 3em; color: #fff;}
#quick .quick-inner .con .col.col-1 select{border:0.104166667em solid #fff; width: 100%; box-sizing:border-box; height:2.8em; background: #145d9d url(https://hanbadatax.co.kr/test/images/ico_select_arr.png) no-repeat right 1.041666667em center; background-size: 0.625em 0.416666667em; color: #fff; font-size: 1.1em; padding:0 1.041666667em;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: ''; position: relative; font-family: 'S-CoreDream-4Regular';}
#quick .quick-inner .con .col.col-1 select option{color: #fff;}    
#quick .quick-inner .con .col.col-2{width: 19.44791667em; color: #fff;}
#quick .quick-inner .con .col.col-2 .tit{font-weight: bold; font-size: 0.95em; margin-bottom: 1.40625em; color: #fff;}
#quick .quick-inner .con .col.col-2 input[type=text]{height: 2.9em; font-size: 1em; background: transparent; border:0; border-bottom: 0.104166667em solid #fff; width: 100%; box-sizing: border-box; color: #fff; font-family: 'S-CoreDream-4Regular';}
#quick .quick-inner .con .col.col-2 input[type=text]::placeholder{color: #fff;}
#quick .quick-inner .con .col.col-2 input[type=text] + input[type=text]{margin-top: 1.4375em;}
#quick .quick-inner .con .col.col-3{width: 19.3125em;}
#quick .quick-inner .con .col.col-3 .tit{border: 1px solid #fff; padding: 1em 0.5em;}
#quick .quick-inner .con .col.col-3 .tit > strong{font-size: 0.7em; font-weight: normal; color: #fff;}
#quick .quick-inner .con .col.col-3 .tit .subs{font-size: 0.8em; line-height: 1.4em; margin-top: 0.520833333em; color: #fff;}
#quick .quick-inner .con .col.col-3 .row{margin:2em 0 1.2em;}
#quick .quick-inner .con .col.col-3 .row > *{vertical-align: middle;}
#quick .quick-inner .con .col.col-3 .row .label{font-size: 0.8em;}
#quick .quick-inner .con .col.col-3 .row input[type=radio]{display: none;}
#quick .quick-inner .con .col.col-3 .row label{font-size: 0.677083333em; color: #fff;}
#quick .quick-inner .con .col.col-3 .row label:before{content: ''; display: inline-block;width: 0.833333333em; height: 0.833333333em; background: #fff; box-sizing: border-box; border-radius: 100%; vertical-align: middle; margin: -0.104166667em 0.260416667em 0 1.041666667em}
#quick .quick-inner .con .col.col-3 .row input[type=radio]:checked + label:before{background: #6CC26C; border: 0.208333333em solid #fff }
#quick .quick-inner .con .col.col-3 .btn-apply{display: block; background: #fff; height: 3em; padding-left: 1.770833333em; position: relative}
#quick .quick-inner .con .col.col-3 .btn-apply > input{width: 100%; height: 100%; background: transparent; border: 0; text-align: left; font-size: 1.1em; color: #145d9d; font-family: 'S-CoreDream-6Bold';}
#quick .quick-inner .con .col.col-3 .btn-apply > a.wait{width: 100%; height: 100%; background: transparent; border: 0; text-align: left; font-size: 1.1em; color: #145d9d; font-family: 'S-CoreDream-6Bold'; display: block; padding-top: 4%;}
#quick .quick-inner .con .col.col-3 .btn-apply > span{font-size: 0.9375em; color: #94B76C; line-height: 2.604166667em;}
#quick .quick-inner .con .col.col-3 .btn-apply::after{content: ''; display: block;width: 0; height: 0; position: absolute; bottom: 0; right: 0;border-top: 0.78125em solid transparent;border-bottom: 0 solid transparent;border-right: 0.78125em solid #145d9d;}

}

@media (max-width: 1296px){	

#quick{position: fixed; right: 0; top: 3.63541667em; z-index: 10;transform: translateX(100%); transition: transform .5s; font-family: 'S-CoreDream-4Regular';}
#quick.on{transform: translateX(0)}
#quick .quick-inner{position: relative; }
#quick.on .quick-inner{}
#quick .quick-inner .btn{width:25px; position: absolute; left:-25px; /*top:0px;*/ bottom:0;}
#quick .quick-inner .counsel{display: block; height:110px; text-align: center; background: #145d9d; color: #fff; width:100%; padding-right:0em; padding-top:6px;}
#quick .quick-inner .counsel > span{font-size:13px; line-height: 140%; color: #fff;}
#quick .quick-inner .goTop{height: 2.604166667em; width: 100%; background: #343434 url(/assets/images/common/btn_goTop.png) no-repeat 50% 50%; background-size: 0.78125em 1.041666667em; display:none;}
#quick .quick-inner .con{width:250px; height:510px; background: #145d9d; color: #fff; box-sizing: border-box; padding: 20px 0 0 15px;}
#quick .quick-inner .con:after{content: ''; display: block; clear: both;}
#quick .quick-inner .con .col{float: left;}
#quick .quick-inner .con .col + .col{margin-left:1em;}
#quick .quick-inner .con .col.col-1{width:210px; margin-left:1em;}
#quick .quick-inner .con .col.col-1 .tit{font-size:14px; line-height: 1.3em; font-family: 'S-CoreDream-6Bold'; color: #fff;}
#quick .quick-inner .con .col.col-1 .tit::after{content: ''; display: block; width: 0.989583333em; height: 1px; background: #fff; margin:10px 0;}
#quick .quick-inner .con .col.col-1 .subs{font-size:11px; line-height: 1.3em; margin-bottom:12px; color: #fff;}
#quick .quick-inner .con .col.col-1 select{border:0.104166667em solid #fff; width: 100%; box-sizing:border-box; height:25px; background: #145d9d url(https://hanbadatax.co.kr/test/images/ico_select_arr.png) no-repeat right 1.041666667em center; background-size: 0.625em 0.416666667em; color: #fff; font-size: 11px; padding:0 10px;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: ''; position: relative; font-family: 'S-CoreDream-4Regular';}
#quick .quick-inner .con .col.col-2{width:210px; margin-top:5px;}
#quick .quick-inner .con .col.col-2 .tit{font-weight: bold; font-size:12px; margin-bottom:10px; margin-top:8px; color: #fff;}
#quick .quick-inner .con .col.col-2 input[type=text]{height:20px; font-size:12px; background: transparent; border:0; border-bottom:1px solid #fff; width: 100%; box-sizing: border-box; color: #fff; font-family: 'S-CoreDream-4Regular';}
#quick .quick-inner .con .col.col-2 input[type=text]::placeholder{color: #fff;}
#quick .quick-inner .con .col.col-2 input[type=text] + input[type=text]{margin-top:16.5px;}
#quick .quick-inner .con .col.col-3{width:210px;}
#quick .quick-inner .con .col.col-3 .tit{border: 1px solid #fff; padding:10px 5px; margin-top:10px;}
#quick .quick-inner .con .col.col-3 .tit > strong{font-size:11px; font-weight: normal; color: #fff;}
#quick .quick-inner .con .col.col-3 .tit .subs{font-size:11px; line-height: 1.3em; margin-top: 0.520833333em; color: #fff;}
#quick .quick-inner .con .col.col-3 .row{margin:15px 0 10px;}
#quick .quick-inner .con .col.col-3 .row > *{vertical-align: middle;}
#quick .quick-inner .con .col.col-3 .row .label{font-size: 11px;}
#quick .quick-inner .con .col.col-3 .row input[type=radio]{display: none;}
#quick .quick-inner .con .col.col-3 .row label{font-size: 10px; color: #fff;}
#quick .quick-inner .con .col.col-3 .row label:before{content: ''; display: inline-block;width: 0.833333333em; height: 0.833333333em; background: #fff; box-sizing: border-box; border-radius: 100%; vertical-align: middle; margin: -0.104166667em 0.260416667em 0 1.041666667em}
#quick .quick-inner .con .col.col-3 .row input[type=radio]:checked + label:before{background: #6CC26C; border: 0.208333333em solid #fff }
#quick .quick-inner .con .col.col-3 .btn-apply{display: block; background: #fff; height:30px; padding-left: 1.770833333em; position: relative; margin-top: 15px;}
#quick .quick-inner .con .col.col-3 .btn-apply > input{width: 100%; height: 100%; background: transparent; border: 0; text-align: left; font-size:12px; color: #145d9d; font-family: 'S-CoreDream-6Bold';}
#quick .quick-inner .con .col.col-3 .btn-apply > a.wait{width: 100%; height: 100%; background: transparent; border: 0; text-align: left; font-size:12px; color: #145d9d; font-family: 'S-CoreDream-6Bold';}
#quick .quick-inner .con .col.col-3 .btn-apply > span{font-size: 0.9375em; color: #94B76C; line-height: 2.604166667em;}
#quick .quick-inner .con .col.col-3 .btn-apply::after{content: ''; display: block;width: 0; height: 0; position: absolute; bottom: 0; right: 0;border-top: 0.78125em solid transparent;border-bottom: 0 solid transparent;border-right: 0.78125em solid #145d9d;}
#quick .quick-inner .con .col.col-1 select option{color: #fff;}  
}