@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face{font-family:'KCCMurukmuruk'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCCMurukmuruk.woff2') format('woff2');}
@import url(https://db.onlinewebfonts.com/c/73d73db84cf8e9a10b852472a45d88c8?family=ReportRg-Regular);
@font-face {
    font-family:"ReportRg-Regular";
    src: url("https://db.onlinewebfonts.com/t/73d73db84cf8e9a10b852472a45d88c8.eot");
    src: url("https://db.onlinewebfonts.com/t/73d73db84cf8e9a10b852472a45d88c8.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/73d73db84cf8e9a10b852472a45d88c8.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/73d73db84cf8e9a10b852472a45d88c8.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/73d73db84cf8e9a10b852472a45d88c8.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/73d73db84cf8e9a10b852472a45d88c8.svg#ReportRg-Regular")format("svg");
}

html,body{height:100%;}
*{margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
li{list-style:none;}
a{text-decoration:none; color:inherit;}
img{image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor;}
iframe{border:0;}
input, textarea, select{outline:none; border:0; font-family:'Noto Sans KR', sans-serif;}
body{font-size:14px; font-family:'Noto Sans KR', sans-serif; line-height:1; color:#333; font-weight:400;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent;}

/** 체크박스 **/
.check_input{display:none;}
.check_label{cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.check_label .check_bullet{width:20px; height:20px; margin-right:8px; background-color:#fff;}
.check_input:checked + .check_bullet{background-image:url(../images/check_1.png); background-size:100%;}

/** 라디오박스 **/
.radio_input{display:none;}
.radio_label{cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.radio_label .radio_bullet{width:20px; height:20px; border-radius:50%; background-color:#fff; margin-right:8px;}
.radio_input:checked + .radio_bullet{background-image:url(../images/radio_1.png); background-repeat:no-repeat; background-position:center; background-size:100%;}

.flex_left{display:flex; align-items:center;}
.flex_center{display:flex; justify-content:center; align-items:center;}
.flex_right{display:flex; justify-content:flex-end; align-items:center;}

.button_2{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:40px; transition:0.2s; padding-bottom:2px; background-color:#f7941d; color:#fff; width:130px; height:38px; font-size:17px; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.button_2:hover{background-color:#22a5b1;}

.mybtn{position:fixed; left:3.1%; top:4.6%; width:30px; height:30px; border-radius:50%; background:url(../images/my.png) no-repeat; background-size:cover; background-color:#e8861a; z-index:100; cursor:pointer;}

@media all and (min-width:768px){
    .mybtn{width:32px; height:32px;}
}
@media all and (min-width:1024px){
    .button_2{width:160px; height:46px; font-size:18px;}
    
    .mybtn{width:42px; height:42px;}
}
@media all and (min-width:1280px){
    
    
    .mybtn{width:48px; height:48px;}
}
@media all and (min-width:1440px){
    .mybtn{width:54px; height:54px;}
}
@media all and (min-width:1680px){
    .mybtn{width:60px; height:60px;}
}

/* 팝업 */
.pop_bg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000; background-color:rgba(0,0,0,0.75);}
.pop_container{height:100%; display:flex; justify-content:center; align-items:center;}
.pop_wrap{position:relative; width:100%; height:100%;}
.pop_close{position:absolute; top:10px; right:10px; cursor:pointer; transition:0.3s; z-index:100;}
.pop_close:hover{transform:rotate(-180deg);}

.pop_iframe{position:absolute; left:0; top:0; width:100%; height:100%;}

.pop_iframe::-webkit-scrollbar{width:4px;}
.pop_iframe::-webkit-scrollbar-track{background-color:transparent;}
.pop_iframe::-webkit-scrollbar-thumb{border-radius:3px; background-color:rgba(0,0,0,0.2);}
.pop_iframe::-webkit-scrollbar-button{width:0; height:0;}

@media all and (min-width:1680px){
    .pop_wrap{border-radius:30px; overflow:hidden;}
}

/* 버튼 */
.book_btn{position:absolute; width:7.2%; max-width:50px; cursor:pointer; transition:0.2s;}
.book_btn:hover{transform:scale(1.1);}