@charset "utf-8";
@import url(font.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, textarea, select{margin:0;padding:0;border:0;font:inherit}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1.2;background-color:#fff}
body,select,input,textarea,button,pre{font-family: 'Roboto', 'Noto Sans KR', AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif;letter-spacing:-.03em;color:#333;-webkit-text-size-adjust:none}
body.type{background-color:#fff}
fieldset,img{border:0}
img{vertical-align:top; -ms-interpolation-mode:bicubic}
img,video,audio,object,embed,iframe{max-width:100%}
legend, caption{position:absolute;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px)}
h1,h2,h3,h4,h5,strong,b,th{font-weight:400}
pre{word-break:break-all;white-space:pre-line}
i, address{font-style:normal}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
button{overflow:hidden;border:0;background-color:transparent;-webkit-appearance:none;cursor:pointer}
a{text-decoration:none}
a:hover{text-decoration:none}
.blind{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}
:focus{outline:none}
#accessibility a{position:absolute; left:-3000%}
#accessibility a:focus{display:block; left:0; top:0; z-index:99; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center}
#hiddenFrm{position:absolute}
.autocompleteconpw, .autocompletecontradepw, .clauseScroll{width:auto !important}
#tx_trex_container{z-index:1} /* 에디터가 메뉴에 가려서 추가했습니다. */
::-ms-clear{width:0;height:0} /* IE10 이상 브라우저에서 input 박스에 X표시와 와이파이같은 표시를 보이지 않게하기위해 추가 함 */
::-ms-reveal{width:0;height:0} /* don't show the eye for password inputs */

/* ie8 */
.ie8_down_ver{position:fixed;top:0;left:0;z-index:999;width:100%;padding:20px 0;background-color:#fff;border-bottom:1px solid #d9d9d9;text-align:center;font-size:15px;font-weight:bold}
.ie8_down_ver a{text-decoration:underline;color:#e60000}

/* default */
.t_l{text-align:left !important}
.t_r{text-align:right !important}
.t_c{text-align:center !important}
.f_l{float:left !important}
.f_r{float:right !important}
.v_m{vertical-align:middle !important}
.brb0{border-bottom:0 !important}
.ml0{margin-left:0 !important}
.ml4{margin-top:4px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.mr16{margin-right:16px !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}
.mt16{margin-top:16px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt29{margin-top:29px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mb20{margin-bottom:20px !important}
.radius16{border-radius:16px !important}
.u{text-decoration:none;border-bottom:1px solid #333}
.clear:after{content:'';display:block;clear:both}
.hide{display:none !important}

/* text */
.fl{float:left;}
.fr{float:right;}
.ls_0{letter-spacing:0}
.bold{font-weight:400 !important}
.bold2{font-weight:500 !important}
.light{font-weight:300 !important}
.pad_t{padding:0 !important;}
.pad_b{padding-bottom:0 !important; }
.pad_l{padding-left:0 !important; }
.pad_r{padding-right:0 !important; }
.hand{cursor:pointer}
.hand2:hover{background:#ffefee !important;}
.hand2:hover{background:red !important;}

.fc_red{color:#fe4155 !important}
.fc_red2{color:#e80032 !important}
.fc_red3{color:#ff242c !important}
.fc_blu{color:#3c75dd !important}
.fc_blu2{color:#5d8fe0 !important}
.fc_gly{color:#666 !important}
.fc_gly2{color:#b9b9b9 !important;}
.fc_blk{color:#333 !important}
.fc_b{color:#000 !important}
.fc_2a{color:#2a2a2a !important}
.fc_f8{color:#f81c50 !important;}
.fc_nml{font-weight:400 !important; }
.fs_2a{background:#2a2a2a !important}
.fs_red{background:#fe4155 !important}
.fs_ita{font-style:italic !important}
.abs{position:absolute;}
.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;/*vertical-align:top;*/max-width:100%;line-height:1.2}
span.ellipsis, strong.ellipsis{display:inline-block;vertical-align:top}
.ellipsis2{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;line-height:1.2;max-height:32px}
/* -webkit-line-clamp:1;line-height:1.4;height:64px */
.error{font-size:13px;color:#ff5e64}
.error .ico_com{margin:-2px 7px 0 0}
.error.ln2{position:relative;padding-left:19px;line-height:1.4}
.error.ln2 .ico_chk{position:absolute;top:8px;left:0}
p.error{margin:7px 0 0 5px}
p.error+p.error{margin-top:4px}
.line_bt{border-bottom:2px solid #eee; }
.b_line{border:none !important;}

/* form */
input,textarea,select,.input,.select{vertical-align:middle;line-height:inherit;font-weight:400}
input[type="text"],
input[type="password"],
input[type="tel"]{height:44px;padding:2px 10px 0;border:1px solid transparent;font-size:16px;color:#333}
textarea{padding:15px 20px;border:1px solid #cbcbcb;background-color:transparent;font-size:14px;color:#333;resize:none}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus{border:1px solid #333}
label{cursor:auto}
[data-notify="progressbar"]{margin-bottom:0px;position:absolute;bottom:0px;left:0px;width:100%;height:5px}

.input{position:relative;display:inline-block;vertical-align:middle;padding:0 20px;background-color:#f4f4f4;border:1px solid transparent}
div.input{display:block}
.input input{width:100%;border:0;padding-right:0;padding-left:0;background-color:transparent;vertical-align:top}
.input textarea{width:100%;border:0;padding-right:0;padding-left:0}
.input input:focus, .input textarea:focus{border:0}
.input .ico_chk2{position:absolute;top:18px;right:13px}
.input .ico_srch{margin:0 4px 0 0}
.input.focus{border:1px solid #333 !important}
.input.text{padding-top:14px;padding-bottom:13px}
.input.timer{padding-right:85px}
.input.timer .code{position:absolute;top:16px;right:18px;font-size:14px;color:#ff242c}
.input.textarea{padding-right:0;overflow:hidden}
.input.value{padding-right:36px}
.stock_black .input.value{padding-right:48px}


/* contents */
.sale09_app_intro {min-width:1280px; overflow:hidden; font-weight:300;}
.sale09_app_intro #header { overflow:hidden; position:relative; z-index:3;}
.sale09_app_intro #header,
.sale09_app_intro .footer_app_intro,
.sale09_app_intro .fci_inner{width:1280px; margin:0 auto;position:relative;}
.sale09_app_intro #header .top_logo {float:left; margin-top:38.5px;}
.sale09_app_intro #header .app_intro_btn {float:right; margin-top:38.5px;}
.sale09_app_intro #header .app_intro_btn > a{text-indent: -9999px;overflow: hidden ;width: 150px;height: 50px;}
.sale09_app_intro .header_2nd {position:absolute;top:0;left:50%;width:1280px;transform:translateX(-50%);}
.sale09_app_intro .header_2nd .top_logo {float:left; margin-top:40px;}
.sale09_app_intro .header_2nd .app_intro_btn {float:right; margin-top:38.5px;}
.sale09_app_intro .contents .app_intro_btn {font-size:0;position: absolute;left: 50%;bottom: 473px;margin-left: 128px;}
.sale09_app_intro .app_intro_btn > a {display:inline-block; margin-left:10px; width:150px;height:50px;}
.sale09_app_intro .app_intro_btn > a:first-child {margin-left:0;}
.sale09_app_intro .app_intro_btn > a img {width:100%;}
.sale09_app_intro .contents {margin-top:-127px;}
.sale09_app_intro .sub_text{color:#1a1a1a}
.app_intro_first {position:relative; width:100%; height:1080px; background:url(../images/img_main_pc.png) #fafafa center center no-repeat; background-size:auto 100%;}
.app_intro_second {position:relative; width:100%; height:1080px; box-sizing:border-box; padding:150px 0 182.5px; background-color:#f6f7f9;text-align:center;}
.app_intro_second .title_text{font-size:50px;line-height:70px;letter-spacing:-2.5px;margin-bottom:12px;font-weight:400;color:#1a1a1a}
.app_intro_second .title_text strong{font-weight:700;font-family: 'Noto Sans KR', sans-serif}
.app_intro_second .title_text .exclamation{font-family: 'Noto Sans KR', sans-serif}
.app_intro_second .sub_text{font-size:22px;line-height:33px;letter-spacing:-1.1px;margin-bottom:18.5px;}
.app_intro_second strong{font-weight: bold}
.app_intro_second .exclamation{font-family: 'Noto Sans KR', sans-serif}
.app_intro_second .point_text{color:#f60e00;}
.slick-dots{margin:62.5px auto 0 !important;}
.slider-box .slider a {display:block;}
.slick-list {overflow:inherit !important;}
.slick-slide{margin:0 60px;outline:none;opacity:0.5;}
/*.slick-slide .ai_cont{visibility: hidden;}*/
.slick-slide .ai_cont .sub_text{height:66px;}
.slick-active{opacity:1;}
.slick-active .ai_cont{visibility: visible}
.slick-slide img{margin:0 auto;}
.slider-box {max-width:1920px; margin:0 auto;}
.sale09_app_intro #footer {position:relative; z-index:3; padding:38px 0 0; font-size:16px; line-height:30px; background-color:#fff;}
.sale09_app_intro .footer_app_intro {overflow:hidden;}
.sale09_app_intro .fai_ment {float:left; font-size:28px; line-height:37px; letter-spacing:-2px; font-weight:300; padding-top:7px;}
.sale09_app_intro .app_intro_btn {float:right;}
.sale09_app_intro .footer_company_info {overflow:hidden; margin:41px 0 0; padding-top:30px; border-top:1px solid #fafafa; height:159px;}
.sale09_app_intro .address_w {float:left; color:#aaa;}
.sale09_app_intro #footer .line {display:inline-block; width:1px; margin:0 5px; height:10px; background:#ddd;}
.sale09_app_intro .copyright {overflow:hidden; margin-top:5px; color:#999;}
.sale09_app_intro .contact {overflow:hidden; float:right; margin-bottom:15px;}
.sale09_app_intro .contact a {position:relative; float:left; font-size:16px; line-height:24px; color:#999; font-weight:500;}
.sale09_app_intro .contact a {padding:0 12px;}
.sale09_app_intro .contact a:first-child:before {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:14px; background-color:#ccc; opacity:.5;}
.sale09_app_intro .sns {text-align:center;font-size:0;position:absolute;top:15px;right:0;}
.sale09_app_intro .sns li{display:inline-block;width:48px;height:48px;margin:20px 5px;}
.sale09_app_intro .sns li a{display:block;}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 77.5px;
}
.slick-dots {
    position: absolute;
    bottom: -77.5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 7px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    width: 15px;
    height: 15px;
    background: #d3d6db;
    border-radius: 500px;
    transition: width .5s;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '•';
    text-align: center;
    color: black;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: width 2s;
}
.slick-dots li.slick-active button {
    background: #f60e00;
    width: 32px;
    border-radius: 500px;
}