@charset "UTF-8";

/* ==============================
* 레이아웃 공통 설정
* ============================== */
*, *:before, *:after {box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*:focus {outline-style:none;}

html {position:relative; width:100%; line-height:1.5; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, body {overflow-x:hidden;}
body {position:relative; font-size:13px; font-family:'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -webkit-tap-highlight-color:transparent; direction:ltr; word-wrap:break-word; background-color:#fff;}

html {
	-ms-overflow-style:none; /* IE and Edge */
	scrollbar-width:none; /* Firefox */
}
html::-webkit-scrollbar {
    display: none; /* 크롬, 사파리, 오페라, 엣지 */
}
body {
	-ms-overflow-style:none; /* IE and Edge */
	scrollbar-width:none; /* Firefox */
}
body::-webkit-scrollbar {
    display: none; /* 크롬, 사파리, 오페라, 엣지 */
}

html, body, article, aside, details, figcaption, figure, header, hgroup, menu, div, nav, section, header, table, tbody, tfoot, thead, tr, th, td, article, aside, audio, video ,textarea {margin:0; padding:0; border:0; outline:0; line-height:1.5; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;}
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, strong, 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 {border:0; vertical-align:baseline;}
header, section, article, footer, aside, nav, main, figure {display:block;}

ul,ol,li,dl,dt,dd, i {margin:0; padding:0; list-style:none;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
a {color:inherit; font-size:inherit; line-height:inherit; text-decoration:none;}
a:hover,a:focus,a:active {color:inherit; text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}
caption,legend {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color:#454545;}
select, input {vertical-align:middle;}
address,em,i{font-style:normal;}
label {cursor:pointer; margin:0; padding:0;}
hr {margin:0;border:none;padding:0;display:block;}
form, figure, figcaption {padding:0;margin:0;}
figure {font-size:0;}
fieldset {border:none;padding:0;margin:0;}

/* clifix */
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:''}

/* Skip Navigation */
#skip_nav, .blind {clip:rect(0,0,0,0);position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;border:0;}
#skip_nav a{display:block;height:0;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#3e8fee}
#skip_nav a:hover,#skipNav a:active,#skipNav a:focus{height:auto;padding:7px 0;font-weight:bold;font-size:1rem;line-height:1rem;color:#fff;z-index:10000}

a:focus {border:0; outline:0;}
:focus {outline:none;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}

/* 기본 */
.responsive{max-width:100%;height:auto;}
.clearfix:before,
.clearfix:after{content:"";display:table;clear:both;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-wrap{overflow:hidden;}

img {width:100%; height:100%; -o-object-fit:cover; object-fit:cover; object-position:top;}

/* 공통 사용*/
i {font-style:normal !important;}

input[type=button],input[type=email],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],input[type=date],input[type=month],input[type=week],textarea,select{appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0; border:0;}

input[type=text],input[type=url],input[type=email],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=date],input[type=month],input[type=week] {background-color:transparent;}

input[type=date],input[type=month],input[type=week] {background:transparent;}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {display:none; width:0; height:0;}
input[type=search]::-ms-reveal {display:none; width:0; height:0;}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder {}
input[type=text]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
select:focus,
a:focus,
label:focus,
input[type="checkbox"]:focus+label,
input[type="radio"]:focus+label {outline-style:none;}

input[disabled]::placeholder,
input[disabled]::-webkit-input-placeholder,
input[disabled]::-moz-placeholder,
input[disabled]::-ms-input-placeholder,
input[type=button]::placeholder {/*color:#666;font-size:16px;*/}

input[type=checkbox],input[type=radio] {position:absolute; width:0; height:0; margin:0; padding:0; opacity:0; border:0;}
button {overflow:visible; cursor:pointer; vertical-align:middle; margin:0; padding:0; border:0; background:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;}
::selection {background:#d6e1fb;}
::-moz-selection {background:#d6e1fb;}
button:hover,
button:focus{border:0;outline:0;}
caption, legend, .sr_only, .hidden, .blind, .IR {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0 none; clip:rect(0, 0, 0, 0);}

select {cursor:pointer; -webkit-appearance:none;-moz-appearance:none; appearance:none;}
select::-ms-expand {/* for IE 11 */display:none;}

/* display:flex 설정
.ft_service > .inner,
.ft_service > .inner > dl,
.ft_service > .inner > dl > dt,
.ft_service > .inner > dl > dt > a,
.ft_service > .inner > dl > dt > a > span,
.ft_service > .inner > dl > dd > a,
.ft_service > .inner > dl > dd > ul > li > a,
footer .ft_top,
footer .foot_nav > ul,
footer .foot_nav > ul > li > a {display:-webkit-box; display:-ms-flexbox; display:flex;}
 */

/* ==============================
* login
* ============================== */
.login_wrap {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-flow:row nowrap; flex-flow:row nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; align-items:stretch; width:100%; height:100vh;}
.login_wrap > * {flex:1 1 50%; width:50%; height:100%;}
.login_wrap > main {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-align-items:center; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; padding:0 20px;}
.login_wrap > main > .log_box {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; align-items:stretch; max-width:340px; width:100%; margin:auto 0;}
.login_wrap > main > .log_box > h1 {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; position:relative; width:152px; height:45px;}
.login_wrap > main > .log_box > h1:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url("https://cwstatic.asiae.co.kr/booking/login/img_logo.svg"); background-repeat:no-repeat !important; background-position:0 0 !important; background-size:contain !important; background-clip:border-box;}
.login_wrap > main > .log_box > h1 > strong {clip:rect(0,0,0,0); position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; border:0;}

.login_wrap > main > .log_box > p {position:relative; top:-1px; color:#999; font-size:14px; font-family:'Pretendard'; font-weight:500;}

.login_wrap > main > .log_box > .form_box {margin-top:22px; padding-bottom:19px; border-bottom:1px dashed #e9e9ea;}
.login_wrap > main > .log_box > .form_box .input_box {border-radius:4px;}
.login_wrap > main > .log_box > .form_box .input_box > input {padding:0 12px; border-radius:4px;}
.login_wrap > main > .log_box > .form_box .input_box > label {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0 none; clip:rect(0, 0, 0, 0);}

.login_wrap > main > .log_box > button {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; width:100%; height:40px; margin-top:25px; border:1px solid #ddd; background-color:#fff; border-radius:8px;}
.login_wrap > main > .log_box > button,
.login_wrap > main > .log_box > button * {color:#111; font-size:14px; font-family:'Pretendard'; font-weight:700; letter-spacing:-0.5px;}
.login_wrap > main > .log_box > button > img {width:16px; height:16px;}
.login_wrap > main > .log_box > button > span {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -moz-justify-content:center; -webkit-justify-content:center; -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -webkit-box-align:center; -moz-box-align:center;
    -ms-flex-align:center; align-items:center; height:100%; margin-left:4px;}

.login_wrap > .img_box {position:relative;}
.login_wrap > .img_box > figure {width:100%; height:100%; background-image:url("https://cwstatic.asiae.co.kr/booking/login/bg_login04.png"); background-repeat:repeat-x; background-position:50% 0; background-size:cover;}
.login_wrap > .img_box > figure > em {clip:rect(0,0,0,0); position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; border:0;}


@media(max-width: 1242px) {

}

@media(max-width: 1024px) {
	/* ==============================
    * login
    * ============================== */
    .login_wrap > .img_box {display:none !important;}
}