@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&display=swap');

*, html, body, a{margin:0; padding:0; color:#F4F4F4; text-decoration:none; font-family: 'Noto Sans KR', sans-serif;}
html{}
ul, li{list-style:none;}

/* 공용 */

.container{margin: 20px auto;text-align:center;max-width: 415px;padding: 0px 20px;position: relative;}

.text_black{color:#000;}

.d-block{display:block;}
.d-flex{display:flex;}
.d-gird{display:grid;}

.text-center{text-align:center !importaant;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.justify-center{justify-content:center !important;}

.icon_img{width:32px; height:32px;}

.w-100p{width: 100% !important;}
.w-75p{width: 75% !important;}
.w-50p{width: 50% !important;}
.w-25p{width: 25% !important;}
.w-10p{width: 10% !important;}


.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}

.ml-5{margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
.ml-30{margin-left:30px !important;}

.mr-5{margin-right:5px !important;}
.mr-10{margin-right:10px !important;}
.mr-15{margin-right:15px !important;}
.mr-20{margin-right:20px !important;}
.mr-25{margin-right:25px !important;}
.mr-30{margin-right:30px !important;}

.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}

.select_box1{text-align:left; margin-bottom:30px;}
.select_box1 select{width:100%;box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px;border:0px;padding: 10px 20px;font-size:1em;}
.select_box1 select option{box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:#404142;}

.select_box2{text-align:left; margin-bottom:30px;}
.select_box2 label{display:block; margin:10px;}
.select_box2 div select{width:100%;box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px;border:0px;padding: 10px 20px;font-size:1em;}
.select_box2 div select option{box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:#404142;}

.input_box1{text-align:left; margin-bottom:30px}
.input_box1 label{display:block; margin:10px;}
.input_box1 small{margin-left:10px; color:#ddd;}
.input_box1 div{box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px;padding:4px 10px;align-items:center;display:flex;}
.input_box1 div input[type="text"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box1 div input[type="email"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box1 div input[type="password"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box1 div input[type="tel"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box1 div input:focus {outline: none;}

.input_box2{text-align:left; margin-bottom:30px}
.input_box2 label{display:block; margin:10px;}
.input_box2 small{margin-left:10px; color:#ddd;}
.input_box2 div{box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background: #303841;border-radius: 25px;padding:4px 10px;align-items:center;display:flex;}
.input_box2 div input[type="text"]{width:90%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box2 div input[type="email"]{width:90%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box2 div input[type="password"]{width:90%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box2 div input[type="tel"]{width:90%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box2 div input:focus {outline: none;}

.input_box3{text-align:left; margin-bottom:30px}
.input_box3 label{display:block; margin:10px;}
.input_box3 small{margin-left:10px; color:#ddd;}
.input_box3 div{align-items:center;display:flex; justify-content:space-between;}
.input_box3 div input[type="text"]{width:60%;box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px;border:0px;padding: 10px 20px;font-size:1em;}
.input_box3 div input[type="email"]{width:60%; box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px; border:0px; padding:10px 20px; padding:10px; font-size:1em;}
.input_box3 div input[type="password"]{width:60%; box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px; border:0px; padding:10px 20px; padding:10px; font-size:1em;}
.input_box3 div input[type="tel"]{width:60%; box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px; border:0px; padding:10px 20px; padding:10px; font-size:1em;}
.input_box3 div input:focus {outline: none;}
.input_box3 div button{width:27%}

.basic_btn{font-size:1.1em;padding:10px;border:0;box-shadow: 0 3px 5px 0 #00000066,0 1px 0 0 #fffFFF4D inset;background: #8176E3;border-radius: 20px;}
.blank_btn{border:0px; padding:10px; background:#fff0;}

.basic_box{position:relative; background: linear-gradient(180deg, #2C2E2F 0%, #404142 100%);box-shadow: 0px 1px 0px 0px #FFFFFF4D, 0px 2px 3px 0px #00000080 inset;border: 0;border-radius: 7px;padding: 20px;font-weight: 300;font-size: 0.9em;text-align: center; margin-top:50px;}

.box_type1{display:flex;justify-content:space-between; background: linear-gradient(180deg, #2C2E2F 0%, #404142 100%);border: 0px;box-shadow: 0px 1px 0px 0px #FFFFFF4D, 0px 2px 3px 0px #00000080 inset;padding: 15px; border-radius:10px; align-items: center; margin-bottom:25px;}
.box_type1 .left_area{display:flex; align-items: center;}
.box_type1 .left_area span{margin-left:15px;}
.box_type1 .right_area{font-size:1.4em; font-weight:bold;}

.box_type2{display:flex; justify-content:space-between; background: linear-gradient(180deg, #2C2E2F 0%, #404142 100%);border: 0px;box-shadow: 0px 1px 0px 0px #FFFFFF4D, 0px 2px 3px 0px #00000080 inset;padding: 15px; border-radius:10px; align-items: center; margin-bottom:25px;}
.box_type2 .left_area{display:flex; align-items: center;}
.box_type2 .left_area div{margin-left:15px;}


.tab_box1{display:flex; justify-content:space-between; margin-bottom:25px;}
.tab_box1 a{padding:10px;background: linear-gradient(180deg, #414344 0%, #2B2D2E 100%);box-shadow: 0px 3px 5px 0px #00000066, 0px 1px 0px 0px #FFFFFF4D inset;border-radius:5px;width: 30%;}
.tab_box1 a.tab_active{border: 2px solid #E0F97D; box-shadow: 0px 0px 4px 0px #92D300;}

.table_box1{}
.table_box1 .table_title{text-align:left; margin-left:10px; margin-bottom:15px;}
.table_box1>div{background: linear-gradient(180deg, #2C2E2F 0%, #404142 100%);box-shadow: 0px 1px 0px 0px #FFFFFF4D, 0px 2px 3px 0px #00000080 inset;border: 10px;border-radius:5px;padding: 15px;}
.table_box1>div table{width:100%;border-collapse: collapse;}
.table_box1>div table tr th{padding:8px 10px; border-bottom:1px solid #717171; font-size:0.9em;}
.table_box1>div table tr td{padding:8px 10px; border-bottom:1px solid #ddd; font-weight:300; font-size:0.8em;}
.table_box1>div table tbody tr:last-child td{border-bottom:0px;}

.pg_wrap{margin-top:15px;}
.pg_current{padding: 3px 10px;box-shadow: 0px 0px 4px 0px #92D300; border: 2px solid #E0F97D; border-radius: 5px;margin: 0px 6px;}
.pg_page{padding: 3px 10px;box-shadow: 0px 3px 5px 0px #00000066, 0px 1px 0px 0px #FFFFFF4D inset;border-radius: 5px;margin: 0px 6px;}

/* 공용 */

/* 로그인 */
.login_bg{position:absolute; left:0; right:0; top:0; width:100%; z-index:-1;}
.login_box{margin: 0px 20px;}
.login_box .login_logo{margin: 120px 0px 230px 0px;}
.login_box .login_title{background:url('/assets/img/title_box.png') 0 0/contain no-repeat;padding:10px;min-height:50px;align-items:center;display:grid;font-size:1.2em;margin-bottom:50px;background-position: center;}
.login_box .login_link_box{display:flex; justify-content:space-between; padding:0px 10px; margin-bottom:50px;}
.login_box .login_link_box a{font-size:0.8em; color:#a3a3a3;}
.login_box .login_btn{width: 100%;}
.login_box .login_bg_img{position:absolute; bottom:0; right:0; z-index:-1;}
/* 로그인 */

/* 회원가입 */
.fregister_agree{background: #2c2e2f;border: 1px solid #a9a9a9;backdrop-filter: blur(4px);border-radius: 16px;padding: 10px 15px;display: flex;justify-content: space-between;margin-bottom: 40px;}
.register_title{background: #2c2e2f;border-radius: 111px;padding: 2px;min-height:50px;align-items:center;display:grid;font-size: 1em;margin-bottom: 38px;background-position: center;}
.all_agree_sub{display:block; margin-bottom:20px;}

#fregister_term .register_info_title {background: #2c2e2f; backdrop-filter: blur(4px); border-radius: 16px; padding: 10px 15px; margin-bottom: 10px; border: 1px solid #a9a9a9;}
#fregister_term textarea {position: relative;width: 100%;box-sizing: border-box;min-height: 150px;background: #818181cc;border: 0;backdrop-filter: blur(4px);border-radius: 16px;padding: 10px 15px;display: flex;justify-content: space-between;margin-bottom: 10px;}

#fregister_private .register_info_title {background: #2c2e2f;backdrop-filter: blur(4px);border-radius: 16px;padding: 10px 15px;margin-bottom: 10px;border: 1px solid #a9a9a9;}
#fregister_private textarea {position: relative;width: 100%;box-sizing: border-box;min-height: 150px;background: #818181cc;border: 0;backdrop-filter: blur(4px);border-radius: 16px;padding: 10px 15px;display: flex;justify-content: space-between;margin-bottom: 10px;}
/* 회원가입 */

/* 회원가입 */
.register_box{margin:0px;}
.register_box .register_title{background:url('/assets/img/title_box.png') 0 0/contain no-repeat;padding:10px;min-height:50px;align-items:center;display:grid;font-size:1.2em;margin-bottom:50px;background-position: center;}
.register_box {width:60%; margin-top:40px;}

.register_link_btn{width: 30%;text-align: center;display: block;box-sizing: border-box;background: #54cd3a;padding: 5px;letter-spacing: 1px;color: #fff;border-radius: 20px;box-shadow: 0 3px 5px 0 #00000066, 0 1px 0 0 #fffFFF4D inset;margin-bottom:15px;}
.register_link_btn a{color:#fff; font-size:0.9em;}
/* 회원가입 */


/* 메인 헤더 */
header{display:flex; align-items:center; justify-content:space-between; padding:10px;}
header .mh_logo_box{display:flex;}
header .mh_logo_box .h_prev_btn{display: grid;background: linear-gradient(180deg, #2C2E2F 0%, #404142 100%);border: 0px;box-shadow: 0px 1px 0px 0px #FFFFFF4D, 0px 2px 3px 0px #00000080 inset;padding: 9px 12px;margin: 22px 26px 22px 14px;border-radius:10px;}
header .mh_logo_box .h_prev_btn img{width:25px; height:32px;}
header .mh_logo_box img{width:100px; height:100px;}
header .mh_logo_box h1{font-size:1.5em;align-self: center;}
/* 메인 헤더 */


/* 메인 */
.btns_box1{display:flex; justify-content:space-between; text-align:center; margin-bottom:30px;}
.btns_box1>div{position:relative; width:40%; background: linear-gradient(180deg, #2C2E2F 0%, #404142 100%);border: 0px;box-shadow: 0px 1px 0px 0px #FFFFFF4D, 0px 2px 3px 0px #00000080 inset;padding: 15px; border-radius:10px;}
.btns_box1>div span{display:block; margin-bottom:30px;}
.btns_box1>div span:nth-child(2){position:relative; font-size:1.5em; font-weight:bold; margin-bottom:50px; z-index:1;}
.btns_box1>div img{position:absolute; right:10px; bottom:10px; z-index:0}
/* 메인 */