@import url(../font/pretendard/pretendard.css);
html {font-size: 20px; line-height: normal; font-weight: 400; color: #000;}
body {font-family: 'pretendard', sans-serif; word-break: keep-all;}/*, 'NEXON_Lv1_Gothic_OTF', '맑은 고딕', 'Apple Sd Gothic Neo' Noto Sans KR*/
body.scroll_lock {overflow: hidden;}

p {font-size: 1rem; line-height: normal;}
span {font-size: inherit; line-height: inherit; font-weight: inherit;}

* {margin: 0;	padding: 0;	border: 0; box-sizing: border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd{margin: 0; padding: 0;}
body {margin: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;	border-spacing: 0; cellpadding:0;}
a{color: inherit; text-decoration: inherit; text-decoration: none;}
address, em, i{font-style: normal; }
img{border: none; }
input:focus, select:focus{outline: none}

:root{
    --bg-color-01: #0E1821;
    --bg-color-02: #1D3141;
    --pt-color-01: #00A8B8;
    --state-color-proceeding: #FF0000;
    --state-color-waiting_confirm: #0022FF;
    --state-color-complete: #009874;
    --state-color-cancel: #999999;
}

.wrap {position: relative;}
.sections {position: relative;}
.width_con {position: relative; width: 1400px;}

#login_wrap.login_con {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FAFAFC;}
#login_wrap.login_con .login_inner {position: absolute; top: 50%; left: 50%; width: 400px; transform: translate(-50%, -50%);}
#login_wrap.login_con .login_inner .title_con {text-align: center;}
#login_wrap.login_con .login_inner .title_con img {}
#login_wrap.login_con .login_inner .title_con p {margin: 20px 0 0 0; font-size: 0.7rem; font-weight: 400; color: #777;}
#login_wrap.login_con .login_inner .input_list {margin: 30px 0 0 0;}
#login_wrap.login_con .login_inner .input_list .rows {margin: 0 0 10px 0;}
#login_wrap.login_con .login_inner .input_list .rows h6 {font-size: 0.7rem; font-weight: 400;}
#login_wrap.login_con .login_inner .input_list .rows .input_con {position: relative;}
#login_wrap.login_con .login_inner .input_list .rows .input_con img {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); opacity: 0; pointer-events: none;}
#login_wrap.login_con .login_inner .input_list .rows .input_con img.on {opacity: 1; pointer-events: all; cursor: pointer;}
#login_wrap.login_con .login_inner .input_list .rows .input_con input {margin: 4px 0 0 0; padding: 10px; width: 100%; height: 50px; border: 1px solid #E0E0E0; border-radius: 4px; background: #fff; font-size: 0.7rem; font-weight: 400; color: #000;}
#login_wrap.login_con .login_inner .input_list .rows .input_con input:placeholder-shown {color: #999;}
#login_wrap.login_con .login_inner .input_list .btn_login {display: inline-block; width: 100%; padding: 16px 10px; border-radius: 4px; background: var(--pt-color-01); font-size: 0.7rem; font-weight: 700; color: #fff; text-align: center;}
#login_wrap.login_con .login_inner a.btn_main {display: inline-block; width: 100%; margin: 30px 0 0 0; padding: 16px 10px; border-radius: 4px; background: var(--bg-color-01); font-size: 0.7rem; font-weight: 700; color: #fff; text-align: center;}

.header {position: fixed; top: 0; left: 0; width: 250px; height: 100vh; background: var(--bg-color-01); transition: width 200ms ease-in-out; z-index: 99999;}
.header .header_inner {}

.header .header_inner .header_logo {position: relative;}
.header .header_inner .header_logo .menu_hd {padding: 20px 10px;}
.header .header_inner .header_logo .menu_hd a {display: flex; justify-content: flex-start; align-items: center;}
.header .header_inner .header_logo .menu_hd a .desc_con {width: 100%;}
.wrap.unfold .header .header_inner .header_logo .menu_hd a .desc_con h5 {font-size: 0.8rem; color: #fff; font-weight: 700; opacity: 1; transition-delay: 200ms;}
.header .header_inner .header_logo .menu_hd a .img_con {width: auto; margin: 0 10px 0 0;}
.header .header_inner .header_logo .menu_hd a .img_con img {width: 100%;}
.header .header_inner .header_logo .menu_hd a.btn_fold {position: absolute; top: 50%; right: 10px; transform: translateY(-50%); padding: 10px; border-radius: 4px; background: #485068; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.header .header_inner .header_logo .menu_hd a.btn_fold img {}

.header .header_inner .header_rows {position: relative; transition: background 100ms ease-out;}
.header .header_inner .header_rows.on {background: var(--bg-color-02);}
.header .header_inner .header_rows:hover {background: var(--bg-color-02);}
.header .header_inner .header_rows .menu_hd {padding: 10px;}
.header .header_inner .header_rows .menu_hd a {display: flex; justify-content: flex-start; align-items: center;}
.header .header_inner .header_rows .menu_hd a .img_con {width: 30px; margin: 0 20px 0 0; text-align: center;}
.header .header_inner .header_rows .menu_hd a .img_con img {}
.header .header_inner .header_rows .menu_hd a .desc_con {width: 100%;}
.header .header_inner .header_rows .menu_hd a .desc_con h5 {font-size: 0.8rem; color: #fff; font-weight: 700;}
.header .header_inner .header_rows .menu_hd a.main_nav .desc_con {position: relative;}
.header .header_inner .header_rows .menu_hd a.main_nav .desc_con:before {position: absolute; top: 50%; right: 10px; content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 1rem; transform: translateY(-50%); color: #fff;}
.header .header_inner .header_rows .menu_hd a.main_nav.unfold .desc_con:before {content: '\f077';}
.wrap.unfold .header .header_inner .header_rows .menu_bd {overflow: hidden; height: 0; transition: height 200ms ease-in-out;}
.header .header_inner .header_rows.on .menu_bd.x1 {height: calc(36*1px);}
.header .header_inner .header_rows.on .menu_bd.x2 {height: calc(36*2px);}
.header .header_inner .header_rows.on .menu_bd.x3 {height: calc(36*3px);}
.header .header_inner .header_rows.on .menu_bd.x4 {height: calc(36*4px);}
.header .header_inner .header_rows.on .menu_bd.x5 {height: calc(36*5px);}
.header .header_inner .header_rows.on .menu_bd.x6 {height: calc(36*6px);}
.header .header_inner .header_rows .menu_bd ul.sub_nav {width: 100%;}
.header .header_inner .header_rows .menu_bd ul.sub_nav li {display: flex; align-items: center; height: 36px; padding: 8px 10px;}
.header .header_inner .header_rows .menu_bd ul.sub_nav li a {position: relative; padding: 0 0 0 16px; font-size: 0.8rem; color: #fff; font-weight: 400;}
.header .header_inner .header_rows .menu_bd ul.sub_nav li a:before {position: absolute; top: 50%; left: 0; content: ''; width: 6px; height: 2px; background: #fff;}
.header .header_inner .header_rows .menu_bd ul.sub_nav li.on {background: #fff;}
.header .header_inner .header_rows .menu_bd ul.sub_nav li.on a {color: var(--bg-color-02);}
.header .header_inner .header_rows .menu_bd ul.sub_nav li.on a:before {background: var(--bg-color-02);}

.wrap.fold .header {width: 50px;}
.wrap.fold .header .header_inner .header_logo .menu_hd a .img_con {width: 30px; margin: 0;}
.wrap.fold .header .header_inner .header_logo .menu_hd a.btn_fold {right: -32px; transform: translateY(-50%) scaleX(-1);}
.wrap.fold .header .header_inner .header_logo .menu_hd a .desc_con,
.wrap.fold .header .header_inner .header_rows .menu_hd a .desc_con {display: none;}
.wrap.fold .header .header_inner .header_rows .menu_hd a .img_con {margin: 0;}
.wrap.fold .header .header_inner .header_rows .menu_bd {position: absolute; top: 0; right: -130px; width: 130px; opacity: 0; pointer-events: none; background: var(--bg-color-02);}
.wrap.fold .header .header_inner .header_rows:hover .menu_bd {opacity: 1; pointer-events: all;}

.sections {margin: 0 0 0 250px; transition: margin 200ms ease-in-out;}
.wrap.fold .sections {margin: 0 0 0 50px;}
.sections .section_header {display: flex; justify-content: space-between; align-items: center; padding: 12px 40px; border-bottom: 1px solid #E0E0E0; background: #FAFAFC;}
.sections .section_header .title_con {}
.sections .section_header .title_con h4 {font-size: 1rem; font-weight: 700;}
.sections .section_header .btn_con {display: flex; align-items: center;}
.sections .section_header .btn_con a {display: flex; align-items: center; margin: 0 20px 0 0; font-size: 0.7rem; font-weight: 400; color: #212121; letter-spacing: -0.35px;}
.sections .section_header .btn_con a:last-child {margin: 0;}
.sections .section_header .btn_con a span {text-decoration: underline; margin: 0 4px 0 0;}
.sections .section_header .btn_con a img {margin: 0 4px 0 0;}

.sections .section_con {position: relative; height: calc(100vh - 45px); padding: 0 30px 60px 30px;}
.sections .section_con p.copyright {margin: 60px 0 0 0; font-size: 0.6rem; color: #999; letter-spacing: -0.3px; font-weight: 400;}

.sections .width_con .fn_bar {display: flex; padding: 15px 0;}
.sections .width_con .fn_bar .search_con {display: flex; border: 1px solid #E0E0E0; border-radius: 4px; overflow: hidden; margin: 0 10px 0 0;}
.sections .width_con .fn_bar .search_con select {padding: 10px; background: #fff; font-size: 0.7rem; font-weight: 400; color: #000;}
.sections .width_con .fn_bar .search_con input {padding: 10px; background: #fff; font-size: 0.7rem; font-weight: 400; color: #000;}
.sections .width_con .fn_bar .search_con input:placeholder-shown {font-size: 0.7rem; font-weight: 400; color: #999;}
.sections .width_con .fn_bar .search_con a.btn_search {display: flex; align-items: center; padding: 10px; background: var(--bg-color-01); font-size: 0.7rem; font-weight: 700; color: #fff;}
.sections .width_con .fn_bar .search_con a.btn_search svg {color: #fff;}
.sections .width_con .fn_bar .filter_con {display: flex; align-items: center;}
.sections .width_con .fn_bar .filter_con a.btn_filter {padding: 10px; margin: 0 10px 0 0; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; font-weight: 400; color: #555;}
.sections .width_con .fn_bar .filter_con a.btn_filter span {margin: 0 0 0 4px; padding: 4px; border-radius: 999px; font-size: 0.5rem; font-weight: 400; color: #fff; background: var(--bg-color-01);}
.sections .width_con .fn_bar .filter_con a.btn_filter.on {background: var(--bg-color-01); border: 1px solid var(--bg-color-01); color: #fff;}
.sections .width_con .fn_bar .filter_con a.btn_filter.on span {color: var(--bg-color-01); background: #fff;}

/*
.sections .width_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.sections .width_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}
*/

.extra_btn_con {display: none; padding: 4px 0; border-radius: 4px; background: #999; z-index: 9;}
.extra_btn_con a {width: 100%; padding: 4px 24px; background: #999; font-size: 0.7rem; font-weight: 400; color: #fff; letter-spacing: -0.35px; white-space: nowrap;}
.extra_btn_con a:hover {background: #555;}

.page_con {display: flex; justify-content: center; margin: 10px 0 0 0;}
.page_con ul {position: relative; display: flex; padding: 0 20px;}
.page_con ul:before {position: absolute; top: 50%; left: 0; content: '\f053' !important; transform: translateY(-50%); font-size: 0.7rem !important; color: #000 !important; font-family: 'Font Awesome 6 Free'; font-weight: 700; cursor: pointer;}
.page_con ul.first:before {color: #aaa !important;}
.page_con ul:after {position: absolute; top: 50%; right: 0; content: '\f054' !important; transform: translateY(-50%); font-size: 0.7rem !important; color: #000 !important; font-family: 'Font Awesome 6 Free'; font-weight: 700; cursor: pointer;}
.page_con ul.end:after {color: #aaa !important;}
.page_con ul li {display: flex; justify-content: center; align-items: center; padding: 4px 8px; margin: 0 10px 0 0; border-radius: 4px; border: 1px solid #E0E0E0; background: #E0E0E0; cursor: pointer;}
.page_con ul li.on {border: 1px solid #1B1B23; background: #1B1B23;}
.page_con ul li span {font-size: 0.7rem; color: #000; font-weight: 500;}
.page_con ul li.on span {color: #fff;}

/*리뷰 별점 css*/
.score_con {position: relative; padding: 0 20px 0 0;}
.score_con:before {position: absolute; top: 50%; right: 0; content: ''; font-size: 0.6rem; line-height: 1rem; font-weight: 700; color: #000; transform: translateY(-50%);}
.score_con.fivePzero:before {content: '5.0';}
.score_con.fourPfive:before {content: '4.5';}
.score_con.fourPzero:before {content: '4.0';}
.score_con.threePfive:before {content: '3.5';}
.score_con.threePzero:before {content: '3.0';}
.score_con.twoPfive:before {content: '2.5';}
.score_con.twoPzero:before {content: '2.0';}
.score_con.onePfive:before {content: '1.5';}
.score_con.onePzero:before {content: '1.0';}
.score_con.zeroPfive:before {content: '0.5';}
.score_con.zeroPzero:before {content: '0.0';}
.score_con .stars {position: relative; display: flex; align-items: center;}
.score_con .stars div {position: relative; width: 10px; height: 10px; margin: 0 2px 0 0; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); background: #E0E0E0;}
.score_con .stars div:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: #FF6B00;}
.score_con.fivePzero .stars div:before {width: 100%;}

.score_con.fourPfive .stars div:last-child:before {width: 50%;}

.score_con.fourPzero .stars div:last-child:before {width: 0%;}

.score_con.threePfive .stars div:nth-child(4):before {width: 50%;}
.score_con.threePfive .stars div:last-child:before {width: 0%;}

.score_con.threePzero .stars div:nth-child(4):before,
.score_con.threePzero .stars div:last-child:before {width: 0%;}

.score_con.twoPfive .stars div:nth-child(3):before {width: 50%;}
.score_con.twoPfive .stars div:nth-child(4):before,
.score_con.twoPfive .stars div:last-child:before {width: 0%;}

.score_con.twoPzero .stars div:nth-child(3):before,
.score_con.twoPzero .stars div:nth-child(4):before,
.score_con.twoPzero .stars div:last-child:before {width: 0%;}

.score_con.onePfive .stars div:nth-child(2):before {width: 50%;}
.score_con.onePfive .stars div:nth-child(3):before,
.score_con.onePfive .stars div:nth-child(4):before,
.score_con.onePfive .stars div:last-child:before {width: 0%;}

.score_con.onePzero .stars div:nth-child(2):before,
.score_con.onePzero .stars div:nth-child(3):before,
.score_con.onePzero .stars div:nth-child(4):before,
.score_con.onePzero .stars div:last-child:before {width: 0%;}

.score_con.zeroPfive .stars div:nth-child(1):before {width: 50%;}
.score_con.zeroPfive .stars div:nth-child(2):before,
.score_con.zeroPfive .stars div:nth-child(3):before,
.score_con.zeroPfive .stars div:nth-child(4):before,
.score_con.zeroPfive .stars div:last-child:before {width: 0%;}

.score_con.zeroPzero .stars div:nth-child(1):before,
.score_con.zeroPzero .stars div:nth-child(2):before,
.score_con.zeroPzero .stars div:nth-child(3):before,
.score_con.zeroPzero .stars div:nth-child(4):before,
.score_con.zeroPzero .stars div:last-child:before {width: 0%;}
/*리뷰 별점 css*/

@media screen and (max-width:1400px){
    
}
@media screen and (max-width:1200px){
    
}
@media screen and (max-width:767px){

}
@media screen and (max-width:520px){

    
    
    
}
@media screen and (max-width:360px){

    
    
    
}