@charset "utf-8";

hr{margin:40px 0;width:100%;height:0;border-top:1px solid var(--color-gray30)}
@media (min-width:1024px){
	hr{margin:80px 0}
}

/* button */
.btn{display:inline-block;border:0;border-radius:var(--border-radius04);font-size:1.6rem;font-weight:400;vertical-align:top;text-align:center;transition:all .3s ease}
.btn.xlarge{height:64px;line-height:64px;padding:0 40px;font-size:1.8rem;font-weight:bold}
.btn.large{height:54px;line-height:54px;padding:0 40px;font-size:1.8rem;font-weight:bold}
.btn.medium{height:42px;line-height:42px;padding:0 30px;font-weight:bold}
.btn.small{height:32px;line-height:32px;padding:0 24px}
.btn.xsmall{height:28px;line-height:28px;padding:0 16px;font-size:1.4rem}
button.btn.xlarge,
button.btn.large,
button.btn.medium,
button.btn.small,
button.btn.xsmall{line-height:1;}

.btn.blue{background:var(--color-primary);color:#fff}
@media (min-width:1024px){
	.btn.blue:hover,
	.btn.blue:focus{background:var(--color-point01)}
}

.btn.gray{background:var(--color-gray40);color:#fff}
@media (min-width:1024px){
	.btn.gray:hover,
	.btn.gray:focus{background:var(--color-gray60)}
}

.btn.dark_gray{background:var(--color-gray80);color:#fff}
@media (min-width:1024px){
	.btn.dark_gray:hover,
	.btn.dark_gray:focus{background:var(--color-gray100)}
}

.btn.line_gray{background:#fff;color:var(--color-gray60);border:1px solid var(--color-gray60);}
@media (min-width:1024px){
	.btn.line_gray:hover,
	.btn.line_gray:focus{border:1px solid var(--color-gray100);color:var(--color-gray100)}
}

.btn.line_blue{background:#fff;color:var(--color-primary);border:1px solid var(--color-primary);}
@media (min-width:1024px){
	.btn.line_blue:hover,
	.btn.line_blue:focus{border:1px solid var(--color-point01);color:var(--color-point01)}
}

@media (min-width:1024px){
	.btn:hover,
	.btn:focus{transform:scale(1.01)}
}

.btn.ico{}
.btn.ico i{display:inline-block;padding-left:24px;position:relative}
.btn.ico i::after{content:'';display:block;position:absolute;left:0;top:0;height:100%;width:20px;background-position:50% 50%;background-repeat:no-repeat}

.btn.ico.login i::after{background-image:url(/images/ico_login_w.svg)}

/* input */
.inp_box,
.inp_box02{position:relative;width:100%}
.inp_box label,
.inp_box02 label{font-weight:500;margin-bottom:4px;display:block}
.essential{display:inline-block;margin-left:5px;color:var(--color-point02)}

.inp_box input[type="text"],
.inp_box input[type="password"],
.inp_box02 input[type="text"],
.inp_box02 input[type="password"],
.inp_box select{position:relative;width:100%;height:52px;border:1px solid var(--color-gray30);border-radius:var(--border-radius04);padding:0 10px;transition:border .3s ease;outline:0}
.inp_box select{background:#fff url(/images/arr_down.svg) no-repeat 97% 50% / 24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.8rem}
.inp_box02 .inp_edge{position:relative;padding:0 160px 0 0;height:52px;border:1px solid var(--color-gray30);border-radius:var(--border-radius04);transition:border .3s ease}
.inp_box02 .inp_edge input{height:100%;border:0}

.inp_box textarea{width:100%;border:1px solid var(--color-gray30);border-radius:var(--border-radius04);padding:10px;transition:border .3s ease}

@media (min-width:1024px){
	.inp_box input[type="text"]:not(:disabled):hover,
	.inp_box input[type="text"]:not(:disabled):focus,
	.inp_box input[type="password"]:not(:disabled):hover,
	.inp_box input[type="password"]:not(:disabled):focus,
	.inp_box select:not(:disabled):hover,
	.inp_box select:not(:disabled):focus,
	.inp_box textarea:not(:disabled):hover,
	.inp_box textarea:not(:disabled):focus{border-color:var(--color-gray100);z-index:1}
}

.inp_chk,
.inp_radio{display:inline-flex;min-width:0;align-items:center;font-size:1.6rem}

.inp_chk input,
.inp_radio input{position:relative;width:20px;height:20px;border:0;margin:0 8px 0 0;padding:0;vertical-align:middle}
.inp_chk input::after,
.inp_radio input::after{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:100%;background-position:50%;background-repeat:no-repeat;transition:background-image .3s ease}


.file_box{position:relative;padding:0 160px 0 10px;height:52px;border:1px solid var(--color-gray30);border-radius:var(--border-radius04);transition:border .3s ease;background:#fff}
.file_box .btn{position:absolute;right:3px;top:50%;line-height:46px;height:calc( 100% - 6px);transform:translateY(-50%);width:150px;padding:0 10px}
.file_box .inp_file{position:absolute;top:-1px;left:-1px;width:1px;height:1px;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em;visibility:hidden;overflow:hidden;word-break:break-word}
.file_box .file_name{position:relative;width:100%;height:36px;;border-radius:var(--border-radius04);padding:0 10px;transition:border .3s ease;outline:0;height:100%;border:0}


#log_wrap .inp_chk input::after,
#log_wrap .inp_radio input::after,
#signup_wrap .inp_chk input::after,
#signup_wrap .inp_radio input::after{background-color:#fff}

.inp_chk input::after{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M18,0H2C.9,0,0,.9,0,2v16c0,1.1.9,2,2,2h16c1.1,0,2-.9,2-2V2c0-1.1-.9-2-2-2ZM17.7,17.7H2.3V2.3h15.4v15.4Z' style='fill:%23bbbbbb' /%3E%3Cpolygon class='cls-1' points='16.3 7.3 14.7 5.7 8.5 11.9 5.3 8.8 3.7 10.4 8.5 15.1 16.3 7.3' style='fill:%23bbbbbb'/%3E%3C/svg%3E")}
.inp_chk input:checked::after{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M18,0H2C.9,0,0,.9,0,2v16c0,1.1.9,2,2,2h16c1.1,0,2-.9,2-2V2c0-1.1-.9-2-2-2ZM17.7,17.7H2.3V2.3h15.4v15.4Z' style='fill:%231A17D9' /%3E%3Cpolygon class='cls-1' points='16.3 7.3 14.7 5.7 8.5 11.9 5.3 8.8 3.7 10.4 8.5 15.1 16.3 7.3' style='fill:%231A17D9'/%3E%3C/svg%3E")}

.inp_radio input::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10,10-4.5,10-10S15.5,0,10,0ZM10,18.1c-4.5,0-8.1-3.6-8.1-8.1S5.5,1.9,10,1.9s8.1,3.6,8.1,8.1-3.6,8.1-8.1,8.1Z' style='fill:%23bbb'/%3E%3Cpath d='M10,4.9c-2.8,0-5.1,2.3-5.1,5.1s2.3,5.1,5.1,5.1,5.1-2.3,5.1-5.1-2.3-5.1-5.1-5.1Z' style='fill:%23bbb'/%3E%3C/svg%3E")}
.inp_radio input:checked::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10,10-4.5,10-10S15.5,0,10,0ZM10,18.1c-4.5,0-8.1-3.6-8.1-8.1S5.5,1.9,10,1.9s8.1,3.6,8.1,8.1-3.6,8.1-8.1,8.1Z' style='fill:%231A17D9'/%3E%3Cpath d='M10,4.9c-2.8,0-5.1,2.3-5.1,5.1s2.3,5.1,5.1,5.1,5.1-2.3,5.1-5.1-2.3-5.1-5.1-5.1Z' style='fill:%231A17D9' /%3E%3C/svg%3E")}


/* title */
.tit_rec{display:block;position:relative;margin-bottom:20px;padding-left:28px;font-size:2.8rem;font-weight:500}
.tit_rec::after{content:'';display:block;width:20px;height:20px;background:url(/images/bullet_rec_arr.svg) no-repeat 0 50%;position:absolute;left:0;top:2px}

.tit_rec_medium{display:block;position:relative;margin-bottom:16px;padding-left:24px;font-size:2.0rem;font-weight:500}
.tit_rec_medium::after{content:'';display:block;width:18px;height:18px;background:url(/images/bullet_rec_arr.svg) no-repeat 0 50%;background-size:18px;position:absolute;left:0;top:3px}

.tit_dot{display:block;position:relative;margin-bottom:14px;padding-left:16px;font-size:2.0rem;font-weight:500}
.tit_dot::after{content:'';display:block;width:4px;height:4px;background:var(--color-gray100);position:absolute;left:0;top:10px}
.tit_line{display:block;position:relative;padding-left:16px;font-size:1.6rem;font-weight:500}
.tit_line::after{content:'';display:block;width:6px;height:1px;background:var(--color-gray100);position:absolute;left:0;top:12px}
.tit_large{margin-bottom:20px;font-size:2.8rem;font-weight:500}
.tit_medium{margin-bottom:14px;font-size:2.0rem;font-weight:500}
.tit_small{margin-bottom:14px;font-size:1.8rem;font-weight:500}

.tbl_exp{margin-top:10px;color:var(--color-gray80)}

/* box model */
.pdg_box{padding-left:16px}
.img_box{width:100%;}
.img_box img{width:100%}

/* table  */
.tbl{width:100%;border-top:1px solid var(--color-gray100);line-height:140%}
.tbl thead{border-bottom:1px solid var(--color-gray100)}
.tbl thead th{background:#F0F8FF;height:52px;font-weight:500;font-size:2.0rem}
.tbl tbody tr{border-bottom:1px solid var(--color-gray30)}
.tbl th,
.tbl td{padding:8px 10px;height:46px;background:#fff;vertical-align:middle;border-right:1px solid var(--color-gray30)}
.tbl th:last-child,
.tbl td:last-child{border-right:0}
.tbl .edge{vertical-align:top}
.tbl .bg01{background:#fff9e6}
.tbl .bg02{background:#fdf2ea}
.tbl .bg03{background:#f1f7ec}

.overflow_y_box:has(table){width:100%;overflow-y:auto}
.overflow_y_box:has(table) table{min-width:780px}

/* pagging */
.pagging{position:relative;margin-top:30px;}
.pagging ul{text-align:center}
.pagging li{display:inline-block;}
.pagging a{display:inline-block;margin:0 1px;min-width:32px;line-height:32px;vertical-align:top;color:var(--color-gray100);opacity:.75;transition:all .3s ease}

.pagging .pg{text-indent:-9999em;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:22px}
.pagging .current{font-weight:600;text-decoration:underline;background-color:#fff;border-radius:var(--border-radius04);color:var(--color-point01)}
.pagging .pg.first{background-image:url(/images/arr_right02.svg);transform:rotate(180deg)}
.pagging .pg.prev{background-image:url(/images/arr_right.svg);transform:rotate(180deg)}
.pagging .pg.next{background-image:url(/images/arr_right.svg)}
.pagging .pg.last{background-image:url(/images/arr_right02.svg)}

@media (min-width:1024px){
	.pagging{margin-top:40px}
	.pagging a{min-width:40px;line-height:40px;margin:0 2px}
	
	.pagging a:hover,
	.pagging a:focus{opacity:1;background-color:#fff;color:var(--color-point01)}
	.pagging .pg{background-size:28px}
}

/* flag */
.flag{display:inline-block;position:relative;padding-left:28px !important}
.flag::after{content:'';display:block;width:24px;height:16px;background-position:50%;background-repeat:no-repeat;position:absolute;left:0;top:50%;background-size:contain;transform:translateY(-50%)}
.flag.np{padding-left:23px !important}
.flag.np::after{width:17px}

.flag.au::after{background-image:url(/images/flag_au.png)}
.flag.az::after{background-image:url(/images/flag_az.png)}
.flag.cn::after{background-image:url(/images/flag_cn.png)}
.flag.id::after{background-image:url(/images/flag_id.png)}
.flag.in::after{background-image:url(/images/flag_in.png)}
.flag.jp::after{background-image:url(/images/flag_jp.png)}
.flag.kr::after{background-image:url(/images/flag_kr.png)}
.flag.mn::after{background-image:url(/images/flag_mn.png)}
.flag.my::after{background-image:url(/images/flag_my.png)}
.flag.np::after{background-image:url(/images/flag_np.png)}
.flag.ph::after{background-image:url(/images/flag_ph.png)}
.flag.pk::after{background-image:url(/images/flag_pk.png)}
.flag.sg::after{background-image:url(/images/flag_sg.png)}
.flag.th::after{background-image:url(/images/flag_th.png)}
.flag.vn::after{background-image:url(/images/flag_vn.png)}

.lst_info{margin-bottom:12px}
.lst_info .stat{color:var(--color-gray60)}
.lst_info .stat .cnt{color:var(--color-point02);font-weight:500}

.lst_wrap{}

.lst_type01{border-top:1px solid var(--color-gray100);border-bottom:1px solid var(--color-gray30)}
.lst_type01 li{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px;padding:24px 0}
.lst_type01 li:not(:first-child){border-top:1px solid var(--color-gray30)}
.lst_type01 li > a{flex:1;position:relative}
.lst_type01 li .btn_go{display:none}
.lst_type01 li .badge{display:inline-block;margin:0 0 6px;font-size:1.4rem;line-height:1;padding:2px 8px;font-weight:500;border:1px solid var(--color-point02);color:var(--color-point02)}
.lst_type01 li .tit{display:block;margin-bottom:12px;font-size:2rem;font-weight:500}
.lst_type01 li .etc{color:var(--color-gray60)}
.lst_type01 li .etc .writer{}
.lst_type01 li .date{flex:0 0 90px;text-align:center;color:var(--color-gray100)}
.lst_type01 li .date strong{display:block;margin-bottom:4px;font-size:3.8rem;font-weight:800;line-height:1}
.lst_type01 li .date span{display:block;font-size:1.3rem}

@media (min-width:1024px){
	.lst_type01 li{padding:30px 0}
	.lst_type01 li > a{padding-right:140px}
	.lst_type01 li .btn_go{display:block;position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--color-gray50);padding-right:22px;transition:right .3s ease}
	.lst_type01 li .btn_go::after{content:'';display:block;width:20px;height:100%;position:absolute;right:0;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23666' stroke-width='2' d='M3 11.5h13.5L11 6'/%3E%3C/svg%3E")}
	.lst_type01 li .badge{margin-bottom:10px}
	.lst_type01 li .tit{font-size:2.2rem;font-weight:400}

	.lst_type01 li > a:hover .tit,
	.lst_type01 li > a:focus .tit{text-decoration:underline}

	.lst_type01 li > a:hover .btn_go,
	.lst_type01 li > a:focus .btn_go{right:0}

	.lst_type01 li .date{flex:0 0 110px}
	.lst_type01 li .date strong{font-size:4.6rem;margin-bottom:8px}
	.lst_type01 li .date span{font-size:1.5rem}
}

.lst_type02{border-top:1px solid var(--color-gray100);border-bottom:1px solid var(--color-gray30)}
.lst_type02 li{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px 40px;padding:24px}
.lst_type02 li:not(:first-child){border-top:1px solid var(--color-gray30)}

.lst_type02 li .rec_box{display:flex;flex-direction:column;gap:8px}
.lst_type02 li .rec_box .rec_in{display:flex;flex-direction:column;gap:4px;flex:1}

.lst_type02 li .num{color:var(--color-gray60)}
.lst_type02 li .tit{display:block;font-size:2rem;font-weight:500}
.lst_type02 li .att_file{display:inline-block;position:relative;padding-left:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;font-size:1.4rem}
.lst_type02 li .att_file::after{content:'';display:block;width:20px;height:20px;background:url(/images/ico_attachment.svg) no-repeat 50%;position:absolute;left:0;top:2px;background-size:contain}

.lst_type02 li .etc{display:flex;flex-wrap:wrap;color:var(--color-gray60);gap:4px 0;font-size:1.4rem}
.lst_type02 li .etc span{position:relative;padding-left:12px}
.lst_type02 li .etc span:not(:first-child)::after{content:'/';display:inline-block;position:absolute;left:0;top:0;width:12px;text-align:center}

@media (min-width:1024px){
	.lst_type02 li{padding:30px 0;flex-direction:row;justify-content:space-between;align-items:flex-start}
	.lst_type02 li .rec_box{flex-direction:row;flex:1}
	.lst_type02 li .num{flex:0 0 40px;text-align:center}
	.lst_type02 li .tit{font-size:2.2rem;font-weight:400}
	.lst_type02 li .tit:hover,
	.lst_type02 li .tit:focus{text-decoration:underline}
}


.lst_ol{}
.lst_ol li{}
.lst_ol li:not(:first-child){margin-top:8px}
.lst_ol li .num{color:var(--color-gray40);margin-right:10px}

.lst_dot{}
.lst_dot li{position:relative;padding-left:13px}
.lst_dot li::after{content:'';display:block;width:3px;height:3px;background:var(--color-gray100);position:absolute;left:0;top:12px}
.lst_dot li:not(:first-child){margin-top:8px}

.lst_dic{}
.lst_dic div:not(:first-child){margin-top:20px}
.lst_dic dt{position:relative;margin-bottom:8px;padding-left:13px;font-weight:500}
.lst_dic dt::after{content:'';display:block;width:3px;height:3px;background:var(--color-gray100);position:absolute;left:0;top:12px}
.lst_dic dd{padding-left:13px;color:var(--color-gray60)}
.lst_dic dd strong{color:var(--color-gray100);font-weight:400}
.lst_dic dd a{color:var(--color-point01);text-decoration:underline;}

.lst_dic02{}
.lst_dic02 div:not(:first-child){margin-top:20px}
.lst_dic02 dt{position:relative;margin-bottom:8px;padding-left:13px;font-weight:500}
.lst_dic02 dt::after{content:'';display:block;width:3px;height:3px;background:var(--color-gray100);position:absolute;left:0;top:12px}
.lst_dic02 dd{padding-left:13px;color:var(--color-gray60)}
.lst_dic02 dd strong{color:var(--color-gray100);font-weight:400}
.lst_dic02 dd a{color:var(--color-point01);text-decoration:underline;}


/* popup  */
.popup{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.5);z-index:9990;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);overflow:auto}
.popup .inner{width:min(100%, 540px);min-height:fit-content;padding:30px 20px 40px;background:#fff;border:1px solid var(--color-gray10);border-radius:var(--border-radius08)}
.popup.active{display:flex}

.popup .pop_header{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;border-bottom:2px solid var(--color-gray100)}
.popup .pop_header .tit{font-size:2rem;font-weight:500;line-height:32px}
.popup .pop_header .btn_close{border:0;border:0;border-radius:0;text-align:left;text-indent:-9999em;overflow:hidden;width:32px;height:32px;background:transparent url(/images/btn_close.svg) no-repeat 50% / cover;transition:transform .3s ease}

.popup .pop_cont{padding:30px 0 0;text-align:center}
.popup .pop_cont .btn_box{text-align:center;margin-top:30px}
.popup .pop_cont .btn_box .btn{min-width:50%}

.popup.find_id .pop_cont p{color:var(--color-gray60);magin-bottom:4px}
.popup.find_id .pop_cont .user_id{display:block;font-weight:500;font-size:3rem;color:var(--color-point01)}
.popup.find_pw{text-align:left}

.popup .pop_cont label{font-weight:500}
.popup .pop_cont input{width:100%;height:56px}

@media (min-width:1024px){
	.popup .pop_header .btn_close:hover,
	.popup .pop_header .btn_close:focus{transform:rotate(90deg)}
}

.sticky .float_box{}
.sticky .float_box a{display:block;font-size:2.0rem;font-weight:500;transition:color .3s ease;color:var(--color-gray30)}
.sticky .float_box a:not(:first-child){margin-top:30px}
.sticky .float_box a.current{color:var(--color-gray100)}
.sticky .float_box a:not(.current):hover{text-decoration:underline;color:var(--color-point01)}