@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/*-------------------------------------------------------------------------------------*
 *  기본스타일시트  ( 그누보드 셋팅후 가변적스타일은 주석처리 해야함 )                 *
 *-------------------------------------------------------------------------------------*/
a:link, a:visited, a:hover, a:focus, a:active {text-decoration:none}
a {color:#000}
body    , 
td      ,  
div     ,  
select  ,  
textarea,  
input {font-size: 18px; margin: 0 0 0 0; font-family: 'Pretendard', 나눔고딕, Dotum, 돋움, Arial, sans-serif;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}
body{ word-break: keep-all;}
/*-------------------------------------------------------------------------------------*
 *  고정적스타일                                                                       *
 *-------------------------------------------------------------------------------------*/ 
A,area   {blr:expression(this.onFocus=this.blur())} 
:focus   {-moz-outline-style: none;} 
form     {margin:0;} 
img      {border:none;}
ul,ol,li,dl,dd,dt  {margin:0; list-style:none;}

html,body,div,span,object,iframe,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,caption,tbody,tfoot,thead,tr,th,swf,javascript,
article,aside,canvas,details,figcaption,figure,footer,header,td,
menu,nav,section{margin:0;padding:0}

img,fieldset,iframe{border:0 none}
img { max-width:100%; vertical-align:middle}
textarea{resize:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,strong,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none} 

h1,h2,h3{margin: 0; padding: 0;}
/* base - IE8~7 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* base - input */
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],input[type="image"],textarea{-webkit-appearance:none;border-radius:0} 
input:checked[type="checkbox"]{background-color:#666;-webkit-appearance:checkbox} 
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0} 
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} 

.view_link { cursor: pointer; }

table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.right_quick {position:fixed; right:0; top:340px; width:130px; background-color:#111; z-index:900; }
.right_quick ul li {height: 130px;}

li.quick_counsel_btn {
    cursor: pointer;
    z-index: 10;
    position: relative;
}

/* .right_quick {position: fixed; right: 0; bottom: 0; z-index: 901;} */
.right_quick .button_open {width: 130px;height: 130px;left : 0; position: relative; cursor: pointer; border: none; font-size: 16px; color: #fff;background-color: #f79433; overflow: hidden; transition: .5s ease;     display: flex;
    align-items: center;}
.right_quick .button_open.on {width: 280px; left: -150px; transition: .5s ease;}

.right_quick .button_open .txt { padding-left: 25px; opacity: 0; display: none;}
.right_quick .button_open.on .txt {display: block; opacity: 1; transition: 0.6s;}

.right_quick .button_open:after {content: ""; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 24px; height: 25px; background: url(/images/quick_counsel_icon.png) 0 0 no-repeat; transition: transform .6s ease; transform-origin: center center;}


.quick_counsel_txt_wrap {
    cursor: pointer;
    position: fixed;
    right: 0;
    width: 130px;
    height: 130px;
    top: 730px;
    background-color: #f79534;
    color: #fff;
    display: flex;
    align-items: center;
    z-index: 800;
    text-align: center;
	transition:   .6s ease;
}
.quick_counsel_txt_wrap.on {
    right: 129px;
    transition:   .6s ease;
}
p.quick_counsel_txt {
    padding-left: 33px;
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: left;
}
p.quick_counsel_txt span{
    font-weight: bold;
    line-height: 2;
}



.com_greeting {background:#ffffff; padding:150px 0 50px 0;   position:relative; color:#fff;} 
.com_greeting_right {float:left; width:600px; position:relative }
.com_greeting_right2 {float:left; width:340px; position:relative; padding:unset; border-left:unset; }
.com_greeting_right2_tit {font-weight: 400;font-family: 'Pretendard';font-size: 22px;letter-spacing: -0.55px;padding:0 0 30px 0;}
.com_greeting_right_1 {z-index:0; position:absolute; right:-96px; bottom:60px}
.com_greeting_right_2 {z-index:3; position:absolute; right:0; bottom:0; }



/* 우측하단 상담버튼 */
.sticky_area {position: fixed; right: 130px; top: 369px; z-index: -10; opacity: 0; transition:.6s;}
.sticky_area .db_wrap2 {padding: 0; background: unset;}
.sticky_area .com_greeting_right2 {float:left; width:400px; position:relative; padding:unset; border-left:unset; }
.sticky_area .nav_popup {bottom: 560px;  z-index: 2; padding: 25px; color: #fff; background-color: #f79433; }

.sticky_area .nav_popup .txt {font-family: "spoqa_bold", sans-serif; font-size: 20px;}
.sticky_area .nav_popup .sub_txt {margin: 11px 0 37px; font-family: "spoqa_regular", sans-serif; font-size: 14px; color: rgba(255, 255, 255, .7); line-height: 21px;}
.sticky_area .nav_popup .btn {position: relative; display: block; padding-left: 16px; font-family: "spoqa_medium", sans-serif; font-size: 16px; color: #fff;}
.sticky_area .nav_popup .btn:last-of-type {margin-top: 18px;}
.sticky_area .nav_popup .btn:before {content: ""; display: block; position: absolute; left: 0; top: 48%; transform: translateY(-50%); width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; border-right: 6px solid transparent;}
.sticky_area .nav_popup .button_close { background: none; border: none;cursor: pointer;position: absolute; right: 20px; top: 20px; width: 22px; height: 22px;}
.sticky_area .nav_popup .button_close:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: url(/images/quick_close_btn.png) 0 0/22px 22px no-repeat; transform: rotate(0); transition: transform .5s ease;}
.sticky_area .nav_popup .button_close:hover:after {transform: rotate(180deg);}


.sticky_area .com_greeting_right2_tit {font-weight: 400;font-family: 'Pretendard';font-size: 20px;letter-spacing: -0.55px;padding:0;}




.main_input {border:none; background:none;  width:100%; height:50px; font-size:16px; border-bottom:solid 1px #fff;}
input.error {border-bottom:solid 1px red;}
input.mismatch {border-bottom:solid 1px red;}
input.valid {border-bottom:solid 1px #000;}
.main_input:focus{border-color:#000  !important; border:none  !important; border-bottom:solid 2px #fff !important; outline:none}
.main_input{ font-weight: 400;font-family: 'Pretendard';font-size: 16px;color: #fff;}
.main_input::placeholder { font-weight: 400;font-family: 'Pretendard';font-size: 16px;color: #fff;letter-spacing: -0.4px;}
.main_input option{font-weight: 200;font-family: 'Pretendard';font-size: 16px;color: #111;letter-spacing: -0.4px;background-color: #fff;}


.db_btn3 {font-family: 'Montserrat';font-size: 14px;width: 180px;height: 60px;color: #fff;background: #f79433;line-height: 60px;text-align: center; display: inline-block;border-style: solid;border-color: #fff;border-width: 1px;border-radius: 150px/ 50px;transition: all 0.7s;position: relative;left: 50%;}
.db_btn3:hover {color:#f79433;background: #fff; border-color:#fff;}