@charset "utf-8";

body{-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
a{-webkit-tap-highlight-color:transparent;}
.wrapper{overflow: hidden;}
.container{background-color: #fff; min-height: 100vh;} /*ie때문에 background-color추가 ...hsj*/
.lineheight0{line-height: 0 !important;}
.font_helve{font-family: 'Helvetica Neue', 'Noto Sans KR' !important; letter-spacing: 0 !important;}
.font_libre{font-family: 'Libre Baskerville' !important;}

[data-wv-page-seq="1"]{height: 100%;}
[data-wv-layout-element="block_inner"]{float:left; width:100%;}

/* 필터 */
input, textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input , textarea , select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

/* 포인트컬러 */
.point0{color: #8ab6d0 !important;}

a {color:inherit;}
input:focus{outline:none;}
select::-ms-expand{display:none;}

.wrapper.main{height: 100%;}
[data-wv-agent="ipad"] .wrapper.main{height: 100%;}
.main_bottom{display: none;}

.mw-460{max-width: 460px;}
.mw-500{max-width: 500px;}
.mw-635{max-width: 635px; margin:0 auto;}
.mw-740{max-width: 740px;}
.mw-792{max-width: 792px;}
.mw-970{max-width: 970px;}
.mw-910{max-width: 910px; margin:0 auto;}
.mw-995{max-width: 995px;}

.pt130{padding-top: 130px;}

.btn_style_0_con{}
.btn_style_0_con .btn_style_0{font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem; letter-spacing: -0.015em; font-weight: 400; color:#fff;
    padding-right:70px; background-image: url('../img/btn_style_0_arrow.png'); background-size: 58px 12px; background-position: right bottom 6px; background-repeat: no-repeat; transition: all 0.3s;}
.btn_style_0_con .btn_style_0.black{font-size: 15px; font-size: 1.5rem; color:#000; background-image: url('../img/btn_style_0_arrow_h.png'); background-size: 50px 10px; }

/* input_style_0 */
.input_style_0_con .input_style_0{}
.input_style_0{position: relative; width: 240px; height: 48px; padding-left: 29px; padding-right: 40px;
    font-size:15px; font-size:1.5rem; line-height:30px; line-height:2.1rem; letter-spacing: -0.03em; font-weight: 400; color:#8ab6d0;
    border:1px solid #8ab6d0; border-radius: 25px; box-sizing: border-box; padding-bottom: 3px;}
.input_style_0 + input[type=submit]{position: absolute; top:0; right:21px; width: 17px; height: 48px;
    background-color: transparent; border:none; outline: none; cursor:pointer;
    background-image: url("../img/input_style_0_submit_icon.png"); background-repeat: no-repeat; background-size: 17px 17px; background-position: center;}
.input_style_0:-moz-placeholder{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.03em; font-weight: 400; color:#8ab6d0;}
.input_style_0::-webkit-input-placeholder{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.03em; font-weight: 400; color:#8ab6d0;}
.input_style_0:-ms-input-placeholder{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.03em; font-weight: 400; color:#8ab6d0;}

/*input_style_1 (로그인) */
.input_style_1_con .btn_style_1_con{position: absolute; top: 0px; right: 0;}
.input_style_1_con{position: relative; padding-bottom: 19px; border-bottom: 1px solid #fff; box-sizing: border-box;}
.input_style_1_con .input_style_1{width: 100%; height: auto; font-size:28px; font-size:2.8rem; line-height:30px; line-height:3.0rem; font-weight: 400; letter-spacing: -0.01em; color: #fff;
    border:none; outline: none; background-color: transparent; padding-top:0; padding-bottom:3px; padding-left:0; padding-right:0; border-radius: 0px;}
.input_style_1_con .input_style_1[type="password"]{letter-spacing: 0.3em;}
.input_style_1_con .input_style_1.font_helve{font-size: 30px; font-size: 3.0rem; line-height: 30px; line-height: 3.0rem; font-weight: 400; letter-spacing: 0.01em !important; padding-top: 3px; padding-bottom: 0;}
.input_style_1_con .input_style_1::-webkit-input-placeholder {font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; font-weight: 300; letter-spacing: -0.01em; color: #fff; }
.input_style_1_con .input_style_1::-moz-placeholder {font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; font-weight: 300; letter-spacing: -0.01em; color: #fff; }
.input_style_1_con .input_style_1:-moz-placeholder {font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; font-weight: 300; letter-spacing: -0.01em; color: #fff; }
.input_style_1_con .input_style_1:-ms-input-placeholder {font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; font-weight: 300; letter-spacing: -0.01em; color: #fff; }
.input_style_1_con .input_style_1.phone{font-size: 19px; font-size: 1.9rem; letter-spacing: 0.03em; font-weight: 400; padding-left: 124px;}
.input_style_1_con .input_style_1.font_helve::-webkit-input-placeholder{font-family: 'Noto Sans KR' !important; font-size: 17px; font-size: 1.7rem;}
.input_style_1_con .input_style_1.font_helve::-moz-placeholder{font-family: 'Noto Sans KR' !important; font-size: 17px; font-size: 1.7rem;}
.input_style_1_con .input_style_1.font_helve:-moz-placeholder{font-family: 'Noto Sans KR' !important; font-size: 17px; font-size: 1.7rem;}
.input_style_1_con .input_style_1.font_helve:-ms-input-placeholder{font-family: 'Noto Sans KR' !important; font-size: 17px; font-size: 1.7rem;}
/*.input_style_1_con .input_style_1.type_2{padding-right: 100px;}*/

.input_style_1_con.type_2{padding-bottom: 27px;}

[data-wv-agent="Mac"] .input_style_1_con .input_style_1.font_helve{padding-top:0;}
[data-wv-agent="edge"] .input_style_1_con .input_style_1.font_helve{font-size:20px; font-size:2.0rem;}


/*input_style_2 (문의하기) */
.input_style_2_con{}
.input_style_2{width:100%; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.015em; font-weight: 400; color:#171a34; text-align: left;
    -webkit-appearance: none; -moz-appearance: none; appearance:none; border:none; outline: none;}
.input_style_2::-webkit-input-placeholder{color:#b3c8ce; font-weight: 400;}
.input_style_2:-ms-input-placeholder{color:#b3c8ce; font-weight: 400;}
.input_style_2:-moz-placeholder{color:#b3c8ce; font-weight: 400;}
.input_style_2::-moz-placeholder{color:#b3c8ce; font-weight: 400;}
[data-wv-agent="ipad"] .input_style_2::-webkit-input-placeholder{padding-top: 4px;}
[data-wv-agent="ipad"] .input_style_2:-ms-input-placeholder{padding-top: 4px;}
[data-wv-agent="ipad"] .input_style_2:-moz-placeholder{padding-top: 4px;}
[data-wv-agent="ipad"] .input_style_2::-moz-placeholder{padding-top: 4px;}
.input_style_2.auto{width:auto;}
.form_input_con input[name="file_name"].input_style_2{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.input_style_2.font_helve{margin-top:8px; font-size:19px; font-size:1.9rem; letter-spacing: 0em;}
.input_style_2.font_helve::-webkit-input-placeholder{font-family: 'Noto Sans KR' !important; font-size:17px; font-size:1.7rem; letter-spacing: -0.015em; }

.form_style_0.type_2 .input_style_2{font-weight: 500;}

.input_style_3_con{}
.input_style_3{width: 181px; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 400; color: #fff; border:2px solid rgba(255,255,255,0.25);
    padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px;
    background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance:none; utline: none; box-sizing: border-box; border-radius: 30px;}
.input_style_3::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
.input_style_3:-ms-input-placeholder{color:rgba(255,255,255,0.5);}
.input_style_3:-moz-placeholder{color:rgba(255,255,255,0.5);}
.input_style_3::-moz-placeholder{color:rgba(255,255,255,0.5);}

/*textarea_style_0*/
.textarea_style_0{width:100%; font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; letter-spacing: -0.015em; font-weight: 400; color:#171a34; text-align: left;
    -webkit-appearance: none; -moz-appearance: none; appearance:none; border:none; resize:none; outline: none;}
.textarea_style_0::-webkit-input-placeholder{color:#b3c8ce;}
.textarea_style_0:-ms-input-placeholder{color:#b3c8ce;}
.textarea_style_0:-moz-placeholder{color:#b3c8ce;}
.textarea_style_0::-moz-placeholder{color:#b3c8ce;}


/* btn_style_1_con */
.btn_style_1_con{}
.btn_style_1_con .btn_style_1{padding-right: 74px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color:#8ab6d0;
    background-image: url("../img/btn_style_1_arrow.png"); background-repeat: no-repeat; background-size: 60px 9px; background-position: right bottom;}
.btn_style_1_con .btn_style_1.font_helve{background-position: right bottom 5px;}

/* btn_style_2_con */
.btn_style_2_con{}
.btn_style_2_con .btn_style_2{display:inline-flex; align-items: center; justify-content: center; width: 115px; height: 115px; box-sizing: border-box;
    background-color: transparent; border:2px solid #96c3d5; border-radius: 50%; text-align: center;
    transition: all 0.3s ease; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.015em; font-weight: 500; color:#8ab6d0;}
.btn_style_2_con.best{display: inline-block;}
.btn_style_2_con.best .btn_style_2{display:inline-flex; align-items: baseline; justify-content: center; width: 70px; height: 26px; box-sizing: border-box;
    background-color: transparent; border:2px solid #96c3d5; border-radius: 5%; text-align: center;
    transition: all 0.3s ease; font-size:17px; font-size:1.7rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.015em; font-weight: 500; color:#8ab6d0;}

/* btn_style_2_con.reverse */
.btn_style_2_con .btn_style_2.reverse{background-color:#96c3d5;  color:#fff;}


/* btn_style_3_con */
.btn_style_3_con{}
.btn_style_3_con .btn_style_3{display:inline-block; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.015em; font-weight: 500; color:#8ab6d0; text-align: center;
    padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; background-color: transparent; border:1px solid #8ab6d0; border-radius: 30px;
    transition: all 0.3s ease; cursor: pointer;}
.btn_style_3_con .btn_style_3 + input[type="file"]{ /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.btn_style_3_con .btn_style_3:hover{color:#fff; background-color: #8ab6d0;}
.btn_style_3_con .btn_style_3.white{color:#fff; border-color:#fff; background-color: transparent;}
.btn_style_3_con .btn_style_3.white:hover{background-color: #3b3f65; border-color:#3b3f65;}
.btn_style_3_con .btn_style_3.small{padding-left: 20px; padding-right: 20px;}
.btn_style_3_con .btn_style_3.big{padding-left: 40px; padding-right: 40px; padding-bottom: 12px;}

/* btn_style_4_con */
.btn_style_4_wrap{font-size: 0; text-align: center;}
.btn_style_4_wrap .btn_style_4_desc{display: inline-block; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.01em; color:#fff; font-weight: 300; margin-bottom: 5px; margin-right: 13px;}
.btn_style_4_wrap .btn_style_4_con{display: inline-block;}
.btn_style_4_con .btn_style_4{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.01em; color:#fff; font-weight: 400; padding-right:9px;
background-image: url('../img/btn_style_4_arrow.png'); background-repeat: no-repeat; background-size: 6px 9px; background-position: right 0px center; margin-right: 11px; transition: all 0.3s;}
.btn_style_4_con .btn_style_4:last-child{padding-right: 12px; margin-right: 0;}
.btn_style_4_con .btn_style_4:hover{font-weight: 500; color:#171a34; background-image: url('../img/btn_style_4_arrow_h.png');}

[data-wv-agent="iphone"] .btn_style_4_con .btn_style_4{background-position: right 0px top 8px;}

.btn_style_4_wrap.type_2 .btn_style_4_desc{display: block;}
.btn_style_4_wrap.type_2 .btn_style_4_con{display: block;}

.btn_style_4_wrap.type_3{text-align: left;}

.btn_style_4_wrap.type_4{text-align: left;}
.btn_style_4_wrap.type_4 .btn_style_4_desc{display: block;}
.btn_style_4_wrap.type_4 .btn_style_4_con{display: block;}

[data-wv-agent="ie"] .btn_style_4_con .btn_style_4{transition: none;}

/* btn_style_5_con */
.btn_style_5_con{}
.btn_style_5_con .btn_style_5{padding-right: 46px; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#171a34;
    background-image: url("../img/btn_style_5_arrow.png"); background-repeat: no-repeat; background-size: 30px 7px; background-position: right 0px top 10px;}
.btn_style_5_con .btn_style_5.font_helve{background-position: right bottom 5px;}

/*sns_login_btn_wrap*/
.sns_login_btn_wrap{font-size: 0; text-align: center;}
.sns_login_btn_wrap .sns_login_btn_con{font-size: 0; box-sizing: border-box;}
.sns_login_btn_wrap .sns_login_btn_con > li{display: inline-block; text-align: center; position: relative; width: 90px;}
.sns_login_btn_wrap .sns_login_btn_con > li > a{display: inline-block;}
.sns_login_btn_wrap .sns_login_btn_con > li:last-child img{margin-right: 4px;}
.sns_login_btn_wrap .sns_login_btn_con > li img{margin-bottom: 11px; width: 60px;}
.sns_login_btn_wrap .sns_login_btn_con > li .desc{text-align: center; font-size: 15px; font-size: 15px; line-height: 23px; line-height: 2.3rem; font-weight: 500; letter-spacing: -0.010em; color: #fff;}


@media all and (min-width: 768px){
    .wrapper.main{height: 100vh;}
    .main_bottom{display: block;}
    .pt130.pt-sm-0{padding-top: 0px;}

    .sns_login_btn_wrap .sns_login_btn_con > li{width: 127px;}
    .sns_login_btn_wrap .sns_login_btn_con > li:after{content: ""; position: absolute; height: 60px; top: 0; right: 0; border-right: 1px solid rgba(255,255,255,0.25);}
    .sns_login_btn_wrap .sns_login_btn_con > li:last-child:after{border-right: none;}
}

@media all and (min-width:992px){
    .mw-md-640{max-width: 640px; margin:0 auto;}

    .input_style_0{width: 317px; padding-bottom: 0;}
    .input_style_1_con{padding-bottom: 29px;}
    .input_style_1_con .input_style_1{font-size:17px; font-size:1.7rem; font-weight: 300;}
    .input_style_1_con .input_style_1.font_helve{font-size: 25px; font-size: 2.5rem;}

    .input_style_1_con.type_2{padding-bottom: 29px;}

    /* btn_style_2_con */
    .btn_style_2_con .btn_style_2:hover{background-color: #96c3d5; color:#fff;}

    .btn_style_4_wrap{text-align: right;}

    .btn_style_4_con .btn_style_4{margin-right: 15px; padding-right: 15px;}
    .btn_style_4_con .btn_style_4:last-child{ padding-right: 15px;}
    .btn_style_4_wrap .btn_style_4_desc{margin-right: 15px; margin-bottom: 0;}

    .btn_style_4_wrap.type_2{text-align: right;}
    .btn_style_4_wrap.type_2 .btn_style_4_desc{display: inline-block;}
    .btn_style_4_wrap.type_2 .btn_style_4_con{display: inline-block;}

    .btn_style_4_wrap.type_3{text-align: right;}

    .btn_style_4_wrap.type_4{text-align: right;}
    .btn_style_4_wrap.type_4 .btn_style_4_desc{display: inline-block;}
    .btn_style_4_wrap.type_4 .btn_style_4_con{display: inline-block;}

    .sns_login_btn_wrap{text-align: right;}
    .sns_login_btn_wrap .sns_login_btn_con{margin-right: -30px;}

}

@media all and (min-width:1200px){
    /**/
    .mw-lg-866{max-width: 866px; margin:0 auto;}
    .mw-lg-980{max-width: 980px; margin:0 auto;}

}