@charset "utf-8";

/*초기화_s*/
@import url("/css/reset.css");
@import url("/css/normalize.css");


/*초기화_e*/
@import url("/css/reserv.css");
@import url("/css/member.css");
@import url("/css/board.css");
@import url("/css/board800.css") only screen and (min-width:100px) and (max-width:800px);
@import url("/css/main.css");
@import url("/css/main800.css") only screen and (min-width:100px) and (max-width:800px);




/*PC 전체메뉴*/

#allmenu { position:fixed; top:0px; left:0px; width:100%; min-width:780px; height:0%; background:#122c83; z-index: 311; overflow:hidden; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.2s; }

#allmenu.active { height:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }

#allmenu h1 { filter: blur(12px); opacity:0; position:absolute; top:8%; left:3%; width:200px; transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }

#allmenu h1 img { width:100%; }

#allmenu.active h1 { opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }

#allmenu ul.allmenu_sns { opacity:0; position:absolute; bottom:8%; left:-1%; transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }

#allmenu ul.allmenu_sns li { width:41px; height:41px; overflow:hidden; border-radius:100%; margin-top:15px; }

#allmenu.active ul.allmenu_sns { opacity:1; left:3%; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.4s; }



#allmenu-gnb { position:relative; width:1080px; height:100%; margin:0 auto; }

#allmenu .ag-left { filter: blur(22px); opacity:0; position:relative; left:60px; float:left; width:240px; height:100%; padding-top:24%; margin-right:60px; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.4s; }

#allmenu .ag-center { filter: blur(22px); opacity:0; position:relative; left:60px; float:left; width:340px; height:100%; padding-top:24%; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }

#allmenu .ag-right { filter: blur(22px); opacity:0; position:relative; left:60px;  float:left; width:380px; height:100%; padding-left:60px; padding-top:24%; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0s; }

#allmenu.active .ag-left { filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }

#allmenu.active .ag-center { filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }

#allmenu.active .ag-right { filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.0s; }



#allmenu .ag-left li.gnb01 { margin-bottom:60px; }

#allmenu .ag-left li.gnb01 a.gnb1td { font-size:22px; font-weight:700; color:#fff; line-height:100%; }

#allmenu .ag-left li.gnb01 ul { width:100%; margin-top:20px; }

#allmenu .ag-left li.gnb01 a.gnb2td { display:block; margin-bottom:15px; font-size:17px; font-weight:400; color:#a6acb5; line-height:110%; }

#allmenu .ag-left li.gnb01 a.gnb1td:hover, #allmenu .ag-left li.gnb01 a.gnb2td:hover { color:#0ab2ff; }



#allmenu .ag-center ul li.center1dt a.center1dta { display:block; position:relative; width:100%; height:32px; margin-bottom:30px; font-size:24px; font-weight:700; color:#ffffff; line-height:100%;  z-index:1; letter-spacing:1px; }

#allmenu .ag-center ul li.center1dt a.center1dta span { display:block; position:absolute; top:0px; right:40px; font-weight:300; }

#allmenu .ag-center ul li.center1dt a:hover.center1dta { color:#0ab2ff; z-index:2; }



#allmenu .ag-center ul li.center1dt ul { position:relative; width:100%; height:40px; line-height:20px; text-align:center; }

#allmenu .ag-center ul li.center1dt ul li { display:inline-block; font-size:18px; font-weight:500; margin: 0 16px; }

#allmenu .ag-center ul li.center1dt ul li a { color:#999999; }

#allmenu .ag-center ul li.center1dt ul li a:hover { color:#0ab2ff; }



#allmenu .ag-right li { margin-bottom:30px; }

#allmenu .ag-right li a { font-size:17px; font-weight:500; color:#fff; line-height:100%; }

#allmenu .ag-right li a:hover { color:#0ab2ff; }



#allmenu .login { position:absolute; top:18%; left:0px; z-index:10; }

#allmenu .login li { float:left; position:relative;margin-right:10px; }

#allmenu .login li:nth-child(2) { color:#5c5c5c; font-size:12px; }

#allmenu .login li a { font-size:15px; font-weight:300; color:#fff; line-height:100%; }



.allmenuclose { position:absolute; top:8%; right:4%; cursor:pointer; }





/*팝업*/

.LayerPopup { position:absolute; background:#ffffff; }

.LayerPopup div.popimg { position:relative; }

.LayerPopup div.popimg img { display:block; width:100%; vertical-align:top; }

.LayerPopup ul.btm { position:relative; width:100%; height:45px; line-height:45px; background-color:#353535; box-sizing:border-box; }

.LayerPopup ul.btm li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #616161; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }

.LayerPopup ul.btm li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }

.LayerPopup ul.btm li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }

.LayerPopup ul.btm li:nth-child(1):hover { color: #fae937; }

.LayerPopup ul.btm li:nth-child(2) a:hover { color: #fae937; }

.LayerPopup ul.btm li input[type="checkbox"] { display:none; }

.LayerPopup ul.btm li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }

.LayerPopup ul.btm li input[type="checkbox"] + label span { display:none; }









/*롤링팝업*/

.slidepopupwrap { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba( 0, 0, 0, 50% ); z-index:500; }

.slidepopupwrap .slidepopup { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1200px; overflow:hidden; }

.slidepopupwrap .slidepopup div.popbt { float:left; position:relative; width:180px; height:550px; background:#ffffff; overflow:hidden; }

.slidepopupwrap .slidepopup div.popbt ul li { cursor:pointer; position:relative; width:100%; height:12.5%; line-height:68px; padding-left:22px; border-bottom:1px solid #ffffff; background:#dddddd; font-family: 'GmarketSansMedium'; font-size: 14px; color:#000000; box-sizing:border-box; }

.slidepopupwrap .slidepopup div.popbt ul li.swiper-slide-thumb-active { color:#ffffff; background:#00a290; }

.slidepopupwrap .slidepopup .popslideimgs { float:left; position:relative; width:1020px; height:550px; background:#ffffff; overflow:hidden; }

.slidepopupwrap .slidepopup .popslideimgs .swiper-slide img { display:block; vertical-align:top; }



.slidepopupwrap ul.popslidebt2 { clear:both; position:relative; width:100%; height:45px; line-height:45px; background-color:#111111; box-sizing:border-box; }

.slidepopupwrap ul.popslidebt2 li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #333333; font-family: 'GmarketSansMedium'; font-size: 12px; color: #ffffff; box-sizing:border-box; cursor:pointer; }

.slidepopupwrap ul.popslidebt2 li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size: 12px; color: #ffffff; box-sizing:border-box; cursor:pointer; }

.slidepopupwrap ul.popslidebt2 li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }

.slidepopupwrap ul.popslidebt2 li:nth-child(1):hover { color: #fae937; }

.slidepopupwrap ul.popslidebt2 li:nth-child(2) a:hover { color: #fae937; }

.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] { display:none; }

.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }

.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label span { display:none; }











.rpop_wrap { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; z-index:9999; }
.rpop_box { max-width:800px; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.35); }
.rpop_slides { position:relative; width:100%; background:#000; }
.rpop_slides .swiper-slide { width:100%; height:100%; }
.rpop_slides .swiper-slide a { display:block; width:100%; height:100%; }
.rpop_slides .swiper-slide img { width:100%; display:block; }
.rpop_prev, .rpop_next { position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:26px; line-height:1; cursor:pointer; text-shadow:0 1px 4px rgba(0,0,0,.6); opacity:.85; transition:opacity .15s; user-select:none; }
.rpop_prev:hover, .rpop_next:hover { opacity:1; }
.rpop_prev { left:6px; }
.rpop_next { right:6px; }
.rpop_slides .rpop_count { position:absolute; top:auto; left:auto; right:14px; bottom:14px; width:auto; height:auto; margin:0; z-index:10; background:rgba(0,0,0,.45); color:#fff; font-size:12px; padding:5px 12px; border-radius:20px; }
.rpop_bottom { display:flex; align-items:center; justify-content:center; padding:18px 0; background:#fff; }
.rpop_bottom a { display:block; width:50%; font-size:15px; font-weight:400; color:#555; text-decoration:none; text-align:center; cursor:pointer; transition:color .15s; }
.rpop_bottom a:nth-child(1) { border-right:1px solid #dddddd; }
.rpop_bottom a:hover { color:#3d7cf4; }
.rpop_divider { color:#ddd; font-size:12px; }



.rpop_box {
    width:calc(100% - 32px);
    max-width:800px;
    min-width:0;
}

/* 이미지 아래 제목 탭 */
.rpop_tabs {
    display:flex;
    width:100%;
    background:#efefef;
}

.rpop_tab {
    appearance:none;
    flex:1 1 0;
    min-width:0;
    margin:0;
    padding:14px 6px;
    border:0;
    border-radius:0;
    background:#efefef;
    color:#111;
    font-family:inherit;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
    text-align:center;
    word-break:keep-all;
    overflow-wrap:anywhere;
    cursor:pointer;
    transition:background .15s, color .15s;
}

.rpop_tab:hover {
    background:#eee;
}

.rpop_tab.is-active {
    background:#292929;
    color:#fff;
}

.rpop_tab:focus-visible {
    outline:2px solid #3d7cf4;
    outline-offset:-3px;
}


@media (max-width:600px) {
    .rpop_tabs {
        overflow-x:auto;
    }

    .rpop_tab {
        flex:1 0 auto;
        padding:12px 14px;
        white-space:nowrap;
        font-size:12px;
    }
}