/* CSS Document */

/*==【基本設定】==*/
html,body{display:block;overflow-x:hidden;}
body{font-display:swap;}
	
	*{box-sizing:border-box;}
	.title,b{margin:0;padding:0;line-height:1.6;font-weight:700;}
	ul.ulli,.ulli>ul,.ulli>ul>li{margin:0;padding:0;list-style:none;}
	.xxx{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
	.slidemnav .mnav,.slidemnav.open .mnav,.slidemnav::after,.slidemnav.open::after,.btn,.btn:hover{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}

	:root{
		--clr_bodybg:linear-gradient(to bottom,#C3E4DF 0,#C3E4DF 20%,#FFFFFF 30%,#EFF7F6 40%,#C3E4DF 55%,#A0D4CD 70%,#87C9C0 80%,#78C2B8 90%,#73C0B6 100%);
		--clr_main:#24A09A;
		--clr_sub:#F1FFFF;
		--inbox:1780px;
		--font_icon:'font_material';
		--clr_blackgrey:#333;
		--clr_darkgrey:#494A57;
		--clr_grey:#949494;
		--clr_lightgrey:#EEF0F0;
		--clr_darkblue:#0C0E1F;
		--clr_lightblue:#D6EEFF;
		--clr_red:#FF4949;
		--clr_lightred:#FFDBD7;
		--clr_treven:#f6f6f6;
		--clr_inputbg:#fff;
		--clr_inputbor:#D9D9D9;
		--clr_inputbg_hv:#24A09A;
		--font16:1rem;
		--font11:0.6875rem;--font12:0.75rem;--font13:0.8125rem;--font14:0.875rem;--font15:0.9375rem;--font17:1.0625rem;--font18:1.125rem;
		--font20:1.25rem;--font23:1.4375em;--font24:1.5rem;--font25:1.55rem;--font28:1.75rem;--font30:1.875rem;--font32:2rem;--font36:2.25rem;--font40:2.5rem;
		--font48:3rem;--font50:3.125rem;--font60:3.75rem;--font64:4rem;--font66:4.125rem;--font80:5rem;--font90:5.625rem;
	}

	body{
		font:400 1em/1.6 'Open Sans','微軟正黑體',sans-serif;
		color:var(--clr_blackgrey);
		background:var(--clr_bodybg);min-height:100vh;
	}

#wrap{position:relative;padding-top:calc(80px * 2);}
.inbox{width:var(--inbox);margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;}
.inbox1200{width:1200px;margin:0 auto;position:relative;z-index:2;}

#header{z-index:30;position:fixed;left:0;top:0;width:100%;;display:flex;flex-direction:column;background:#fff;box-shadow:0px 0px 53px -30px rgba(0, 0, 0, 0.45);}
#header .hd,#header .bd{display:flex;justify-content:space-between;align-items:center;padding:5px;min-height:80px;}
#header .hd{background:#EBEFF2;padding-left:250px;}
#header .bd{position:relative;}
	/* hd */
	.hd .inbox{justify-content:space-between;width:calc(100% - 6%);}
	.hd .r{color:var(--clr_main);display:flex;align-items:center;gap:10px;}
	.hd .r p{display:inline-flex;align-items:center;gap:20px;}
	.hd .r p:not(:first-child)::before{content:'';display:inline-block;width:1px;height:14px;background:var(--clr_main);}
	.hd .r a,.mnav>p a{color:var(--clr_main);}
	.hd .r a b,.mnav>p a b{font-weight:400;margin:0 0 0 10px;}
	.tnav{display:flex;justify-content:flex-start;align-items:center;gap:40px;}
	.tnav li.wfull{width:100%;flex:none !important;}
	.tnav li a{color:var(--clr_blackgrey);}
	/* Logo */
	#header .logo{position:absolute;left:0;top:calc(0px - 82px - 1px);display:flex;align-items:center;}
	#header .logo img{max-height:48px;}
	/* Menu */
	.slidemnav{display:flex;z-index:50;}
	.mnav>p{display:none;}
	.mnav{width:100%;letter-spacing:.05em;}
	.mnav>ul{display:flex;align-items:center;gap:24px;}
	.mnav>ul>li>a::after{content:'';position:absolute;left:50%;bottom:-19px;width:96%;height:5px;background:var(--clr_red);display:none;border-radius:5px;transform:translateX(-50%);}
	.mnav>ul>li.on a::after{display:block;}
	.mnav li{position:relative;}
	.mnav li a{display:flex;min-height:43px;align-items:center;padding:5px 10px;color:#0B0B0B;position:relative;}
	.mnav li a:hover{color:var(--clr_main);}
	.mnav>ul.tnav{display:none;}
	/* 次選單 */
	.subnav{display:none;position:absolute;left:50%;top:100%;width:180px;transform:translateX(-50%);text-align:center;padding:18px 0 0;}
	.subnav>ul{background:#F5F4F4;box-shadow:3px 4px 7px rgba(0,0,0,.15);border-radius:0 0 10px 10px;padding:5px 20px 5px;max-height:calc(100vh - 160px - 50px);overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}
	.subnav > ul::-webkit-scrollbar{display:none;}
	.subnav ul li:not(:last-child){position:relative;border-bottom:1px solid #C2C0C0;}
	.subnav ul li a{display:flex;padding:9px 0;color:var(--clr_blackgrey);position:relative;gap:8px;}
	.subnav ul li a:hover{color:var(--clr_main);}
	.subnav ul ul{display:none;position:absolute;left:98%;top:0;width:150px;background:#fff;border:1px solid #ccc;padding:2px;}
	.hv .subnav{display:block !important;}
	.hv .subnav li.hassub.hv>a{background:var(--bg_sub);}
	.hv .subnav li.hassub.hv>ul{display:block;}
	.phone_menu{display:none;}
	.i_menu{
		width:50px;height:50px;position:relative;display:block;border-radius:10px;
		-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);cursor:pointer;
		-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;
	}
	.i_menu span{
		display:block;position:absolute;height:3px;width:28px;background:var(--clr_main);opacity:1;left:11px;text-indent:-99999px;
		-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
		-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;
	}
	.i_menu span:nth-child(1){top:13px;}
	.i_menu span:nth-child(2),.i_menu span:nth-child(3){top:24px;}.i_menu span:nth-child(3){display:none;}
	.i_menu span:nth-child(4){top:35px;}
	.i_menu.open{background:var(--clr_btnbg);}
	.i_menu.open span{background:var(--clr_main);}
	.i_menu.open span:nth-child(1){top:18px;width:0%;left:50%;}
	.i_menu.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:10px;top:25px;}
	.i_menu.open span:nth-child(3){display:block;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);left:10px;top:25px;}
	.i_menu.open span:nth-child(4){top:18px;width:0%;left:50%;}

#content{z-index:10;display:flex;padding:20px 0 50px;min-height:calc(100vh - 80px * 2);position:relative;}
#content .inbox{flex-direction:column;align-items:flex-start;gap:10px;}
#content::before,#content::after{content:'';position:absolute;pointer-events:none;z-index:-1;}
#content::before{width:480px;height:740px;background:url('../images/content/bg_circel01.svg') no-repeat scroll right top;right:0;top:0;}
#content::after{width:580px;height:740px;background:url('../images/content/bg_circel02.svg') no-repeat scroll left top;left:0;bottom:0;}
	/* Button */
	button.btn{border:0;display:flex;}
	.btn{min-height:48px;border-radius:4px;padding:5px 15px;display:inline-flex;justify-content:center;align-items:center;min-width:80px;white-space:nowrap;}
	.btn:hover{transform:translate(1px,1px);}
	.btn01{background:var(--clr_main);color:#fff;}
	.btn02{background:var(--clr_lightgrey);color:var(--clr_blackgrey);}
	.btn_s{min-height:40px;min-width:auto;}
	/* Icon */
	i[class^="i_"]{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:no-repeat scroll center/100% auto;}
		i.i_home{background-image:url('../images/content/icon_home.svg');}
		i.i_dl{background-image:url('../images/content/icon_dl4.svg');}
		i.i_print{background-image:url('../images/content/icon_print.svg');}
		i.i_store{background-image:url('../images/content/icon_store.svg');}
		i.i_member{background-image:url('../images/content/icon_member.svg');}
		i.i_lock{background-image:url('../images/content/icon_lock.svg');}
		i.i_refresh{background-image:url('../images/content/icon_refresh.svg');}
		i.i_store2{background-image:url('../images/content/icon_store2.svg');}
		.i_eye{background-image:url('../images/content/icon_eye-close.svg') !important;}
		.i_eye.show{background-image:url('../images/content/icon_eye-open.svg') !important;}
		i.i_mail{background-image:url('../images/content/icon_mail.svg') !important;}
	.clr_green{color:var(--clr_main);}
	.clr_red{color:var(--clr_red);}
	/* 登入 */
	.box_w{background:#fff;display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:16px;box-shadow:2px 4px 25px rgba(0,0,0,.07);}
	.box_w .tfbtns .btn{min-width:120px;}
	.tfbar.tf_sb>b{flex-basis:auto;}
	.lrbox{display:flex;gap:20px;}
	.lrbox .l{flex:1;}
	.lrbox .r{width:485px;}
	.birimg{display:flex;justify-content:flex-end;align-items:center;justify-content:center;}
	.birimg img{max-width:100%;}
	/* Acc */
	.acclist .acc_hd{background:var(--clr_main);color:#fff;display:flex;gap:5px;align-items:center;padding:10px 20px;border-radius:15px 15px 0 0;min-height:70px;position:relative;cursor:pointer;}
	.acclist .acc_hd::after{content:'';position:absolute;right:20px;top:22px;background:url('../images/content/icon_down_w.svg') no-repeat scroll center;width:30px;height:30px;transform:scaleY(-1);}
	.acclist .acc_hd span[class^="material"]{font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;font-family:'font_material';}
	.acclist .acc_bd{background:#FBF5F5;border:1px solid #B6B6B6;padding:15px 20px;border-radius:0 0 15px 15px;}
	.acclist .acc_bd.Txt{color:#494949;}
	.acclist .acc_bd.Txt ol{margin-left:5px !important;}
	.acclist.open .acc_hd::after{transform:scaleY(1);}
	/* Path */
	.gopath{display:flex;flex-wrap:wrap;}
	.gopath span a{color:var(--clr_main);}.gopath span a:hover{text-decoration:underline;}
	.gopath span{font-size:var(--font14);display:flex;gap:2px;align-items:center;color:var(--clr_grey);}
	.gopath span::after{content:'';display:block;width:20px;height:20px;background:url('../images/content/icon_path.svg') no-repeat scroll center/100% auto;}
	.gopath span:last-child::after{display:none;}
	/* Box01 */
	.box01{padding:0;width:100%;display:flex;flex-direction:column;gap:15px;}
	.box01 .box_hd{display:flex;justify-content:space-between;align-items:center;}
	.box01 .box_hd h2.title{color:var(--clr_main);font-size:var(--font24);display:flex;gap:7px;align-items:center;}
	.box01 .box_hd h2.title::before{content:'';display:block;width:4px;height:25px;background:var(--clr_red);border-radius:10px;}
	.box01 .box_hd .r{color:var(--clr_grey);}
	.box01 .box_bd{display:flex;flex-direction:column;gap:20px;}
	.bg_w{background:#fff;border-radius:4px;padding:30px;}
	/* Tab */
	.tab_hd ul{display:flex;gap:7px;border-bottom:1px solid var(--clr_lightgrey);}
	.tab_hd li a{color:var(--clr_blackgrey);display:block;padding:5px;position:relative;}
	.tab_hd li a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--clr_main);opacity:0;border-radius:5px;}
	.tab_hd li.on a,.tab_hd li a:hover{color:var(--clr_main);}
	.tab_hd li.on a::after{opacity:1;}
	/* Flexlist */
	.flexlist{display:flex;flex-direction:column;gap:10px;}
	.flexlist ul{background:#FAFAFA;border-radius:12px;padding:5px;display:flex;align-items:center;min-height:70px;}
	.flexlist li{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;position:relative;padding:10px 5px;}
	.flexlist li::after{content:'';position:absolute;right:0;top:50%;transform:translate(0,-50%);width:1px;height:20px;background:var(--clr_blackgrey);opacity:.2;}
	.flexlist li:last-child::after{display:none;}
	.flexlist li.w_x{flex:0 0 300px;}
	/* Table */
	figure figcaption{font-size:var(--font14);color:var(--clr_grey);padding:15px 0 15px;border-top:1px solid #d7d7d7;}
	.tbbox thead{background:var(--clr_sub);}
	.tbbox thead th{font-weight:400;position:relative;color:var(--clr_darkgrey);padding:10px 13px;border-bottom:1px solid #d7d7d7;}
	.tbbox thead th::after{content:'';position:absolute;right:0;top:50%;transform:translate(0,-50%);width:1px;height:20px;background:var(--clr_blackgrey);opacity:.2;}
	.tbbox thead th:last-child::after{display:none;}
	.tbbox tbody tr{border-bottom:1px solid #D7D7DA;}
	.tbbox tbody td{color:var(--clr_darkblue);padding:14px 13px;}
	.tbbox tbody td a:not(.btn){color:var(--clr_main);}
	.tbbox tbody td a:not(.btn):hover{text-decoration:underline;}
	.tbbox tbody tr.tr_grey{background:var(--clr_treven) !important;}
	.tbbox tbody tr.tr_red{background:var(--clr_lightred) !important;}
	.tbbox tbody tr.tr_blue{background:var(--clr_lightblue) !important;}
	.tbbox .tbcard tbody td{padding:10px 13px;}
	.tbbox .tbeven tbody tr:nth-of-type(even){background:var(--clr_treven);}
	.tbbox_b{display:flex;align-items:center;gap:15px;justify-content:flex-end;padding:10px 0 0;}
	.alink{display:flex;gap:5px;color:var(--clr_main);align-items:center;}
	span[onclick]{cursor:pointer;}
	tr[class^="acc_"]{display:none;}
	.tbbox_bor{border:1px solid #BECACF;border-radius:5px;overflow:hidden;}
	.tbbox_bor thead th{padding:14px 13px;}
	.tbbox_bor tbody tr:nth-of-type(even){background:#F4F4F4;}
	/* Pagelist */
	[class^=pagerlist]{padding:30px 0 0;}
	[class^=pagerlist] ul{display:flex;justify-content:center;align-items:center;}
	[class^=pagerlist] .total-items{display:flex;align-items:center;justify-content:center;padding:9px 0 0 0;color:#999;}
	[class^=pagerlist] + hr{margin-top:25px;}
	[class^=pagerlist] span[class^="i_"]{display:inline-block;width:20px;height:20px;background:no-repeat scroll center/20px auto}
		.i_fst{background-image:url('../images/content/icon_fst.svg') !important;}
		.i_prev{background-image:url('../images/content/icon_prev.svg') !important;}
		.i_next{background-image:url('../images/content/icon_next.svg') !important;}
		.i_last{background-image:url('../images/content/icon_last.svg') !important;}
	.mystyle > span{cursor:pointer}
	.mystyle a,.mystyle li > span{position:relative;float:left;color:#555;border:1px solid #F1F1F1;width:40px;height:40px;text-align:center;display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:20px;margin:0 3px}
	.mystyle a:hover,.mystyle li:not(.disabled):not(.active) span:hover{text-decoration:none;border-color:var(--clr_main);color:var(--clr_main);}
	.mystyle .active span{background:var(--clr_main);color:#fff;border-color:transparent;}
	.mystyle .ellipse{background:none;border:none;border-radius:0;box-shadow:none;font-weight:700;cursor:default}
	.mystyle .ellipse input{padding:5px;height:40px}
	/* Note */
	.notebox{width:100%;}
	.notebox h2.title{color:var(--clr_main);font-size:var(--font20);}
	.notebox .Txt{color:var(--clr_blackgrey);}
	.notebox .Txt ul,.notebox .Txt ol{padding-left:0 !important;margin:5px 0 5px 20px !important;color:#86878F;}
	.notebox .Txt ul b,.notebox .Txt ol b{color:var(--clr_blackgrey);font-weight:400;}
	.notebox>p{color:#8C8C8C;}
	.formbox .notebox{padding:0 0 10px;}
	.notebox .Txt_s{font-size:var(--font14);color:#8C8C8C;}
	/* QA */
	.qa h3.title{padding-left:30px;position:relative;font-weight:400;color:var(--clr_blackgrey)}
	.qa h3.title i{width:21px;height:21px;background-color:var(--clr_main);display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-style:normal;font-size:var(--font14);position:absolute;left:0;top:4px;}
	.qa .Txt{border-bottom:1px solid #CCC4C4;padding:0 0 20px 30px;}
	.qa .Txt + h3.title{margin:22px 0 0;}
	.qa .Txt p{color:#86878F;}
	/* Box Grey */
	.box_grey{background:#FAFAFA;border-radius:12px;padding:20px 30px;display:flex;flex-direction:column;gap:15px;}
	.box_grey ul{display:flex;flex-direction:column;gap:8px;}
	.box_grey li{display:flex;gap:15px;}
	.box_grey li b{flex:0 0 110px;}
	.box_grey li b.w_auto{flex:none;}
	.box_grey .tbbox tbody tr{background:#fff;}
	/* Titlebar */
	.titlebar{color:var(--clr_main);display:flex;gap:7px;align-items:center;}
	.titlebar::before{content:'';display:block;width:4px;height:14px;background:var(--clr_main);}
	/* Form */
	.tfhd{padding:5px 0;}
	.tfhd p{display:flex;gap:30px;}
	.tfbar{padding:10px 0 5px;display:flex;gap:10px;}
	.tfbar>b{display:block;padding:10px 0 0 0;flex-basis:110px;font-weight:400;position:relative;}
	.tfbar>b span[class^="material"]{color:var(--clr_main);}
	.tfbar>b .ckratype{margin:0;}
	.tfbar .tfcont{flex:1;display:flex;gap:5px;align-items:center;flex-wrap:wrap;width:100%;font-size:var(--font15);position:relative;}
	.tfbar .tfcont p{width:100%;}
	.tfbar .tfcont.readonly{padding-top:0;}
	.tfbar .tf{display:flex;flex-flow:column-reverse;justify-content:center;border-radius:5px;position:relative;background:var(--clr_inputbg);border:1px solid var(--clr_inputbor);width:100%;padding:10px 10px;min-height:48px;}
	.tfbar .tf.tf_max{max-width:750px;}
	.tfbar .tf.w260{width:260px;flex:none;}
	.tfbar .tf.tf_s{max-width:80px;}
	.tfbar .tf:focus,.tfbar .seltype:focus{outline:1px solid var(--clr_main);}
	.tfbar .tf.err,.tfbar .seltype.err{border-color:var(--clr_red);}
	.tfbar .ps{font-size:var(--font14);padding:1px 0 0 0;display:block;color:var(--clr_main);width:100%;letter-spacing:normal;line-height:1.4;}
	.tfbar small.err,small.imp,.imp,p.err{color:var(--clr_red);}
	.tfbar p a:hover,.Txt p a:hover{text-decoration:underline;}
	.tfbar.w_half{width:calc(50% - 10px);}
	.tfbtns{padding:20px 0 0;display:flex;gap:15px;}
	.tfflex{display:flex;width:100%;gap:10px;align-items:center;flex-wrap:wrap;}
	.tfflex>.tf,.tfflex>.seltype{flex:1;max-width:none;}
	.tfflex>.seltype{padding-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.tfwrap{display:flex;gap:25px;align-items:flex-start;}
	.tfwrap>.tfbar{flex:1;}
	input[type='date'],input[type='time']{appearance:none;-webkit-appearance:none;height:40px;padding:7px 10px !important;}
	.tfbar .tf[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;}
	.tfbar .tf[type=date]::after{content:'';position:absolute;right:10px;top:50%;transform:translateY(-50%);background:url('../images/content/icon_calender.svg') no-repeat scroll center/25px auto;width:25px;height:25px;pointer-events:none;}
	.tfbar .tficon{position:relative;flex:1;}
	.tfbar .tficon i[class^="i_"]{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;width:30px;height:30px;white-space:nowrap;font-size:var(--font12);}
	.ckraflex{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:5px 0;width:100%;}
	.ckraflex p{width:auto !important;padding:5px 15px 5px 0;}
	.ckratype{margin:3px 0 3px 0;position:relative;cursor:pointer;display:inline-flex;vertical-align:baseline;white-space:nowrap;align-items:center;gap:3px;}
	.ckratype input{position:absolute;opacity:0;}
	.ckratype span{position:relative;display:inline-flex;width:20px;height:20px;background:#fff;border:1px solid #666;margin:0 3px 0 0;border-radius:3px;align-items:center;}
	.ckratype span:hover{background:rgba(250,250,250,.15)}
	.ckratype span:after{content:"";position:absolute;background-color:var(--clr_inputbg_hv);opacity:0;-webkit-transition:all .15s ease-out;transition:all .15s ease-out;-webkit-transform:scale(.5);transform:scale(.5);border-radius:2px;}
	.ckratype input[type="checkbox"]+span:after{top:3px;right:3px;bottom:3px;left:3px;}
	.ckratype input:checked+span:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
	.ckratype input[type="radio"]+span{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
	.ckratype input[type="radio"]+span:after{top:3px;right:3px;bottom:3px;left:3px;background:var(--clr_inputbg_hv);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
	.ckratype input:disabled+span{border-color:#ccc;}.ckratype input:disabled+span+i{color:#999;}
	.ckratype i{font-style:normal;}
	.ckratype + .ckratype{margin-left:20px;}
	select.seltype{font-size:var(--font15);width:100%;background-color:#fff !important;border:1px solid var(--clr_inputbor);border-radius:5px;display:flex-block;min-height:48px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/content/icon_arrow_b.svg') no-repeat scroll right center/15px auto;background-position:calc(100% - 10px) center;}
	select:-moz-focusring{color:transparent;text-shadow:none;}
	.seltype option.gray {background-color: #F5F5F5;color: #333;}
	/* listbox */
	.listbox{padding:12px 0;display:flex;flex-direction:column;gap:20px;}    
	.listbox ul{display:flex;gap:30px;width:100%;flex-wrap: wrap;}
	.listbox ul li{position:relative;background-color:#F5F5F5;padding:28px;border-radius:20px;display:flex;flex-direction:column;align-items:center;width: 30.3%;}
	.listbox ul li::after{content:'';position:absolute;left:-10px;top:-7px;background:url(../images/content/icon_ok.svg) no-repeat scroll center / 100%;width:45px;height:45px;pointer-events:none;}
	.listbox ul li p{color:#86878F;}
	h3.green,p.green{color:#24A09A;}
 	/* sitebox */
	.sitebox{display: flex;align-items: flex-start;flex-direction: column;gap: 4px;width:100%;}
	.sitebox > h3.title{width:100%;display: flex;align-items:center;gap:4px;padding-bottom: 20px;border-bottom: 1px solid #D7D7DA;font-size:24px;}
	/* listbox02 */
	.listbox02 {width: 100%;padding: 20px 0;}
	.listbox02 > ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;list-style: none;margin: 0;padding: 0;}
	.listbox02 .title {font-size: 20px;margin-bottom: 12px;}
	.listbox02 ul ul li {margin-bottom: 8px;}
	.listbox02 a {font-size: 16px;color: #86878F;line-height: 1.6;transition: color 0.2s ease;}
	.listbox02 a:hover {color: var(--clr_main);}


	/* Swal */
	.swal2-backdrop-show{background:rgba(0,0,0,.6)!important;}
	.swal2-popup.popup .swal2-close{width:1em !important;height:1em !important;line-height:1 !important;position:absolute;right:20px;top:20px;font-size:1.5em;color:var(--clr_grey);}
	.swal2-popup.popup .swal2-close:hover{color:var(--clr_main) !important;}
	.swal2-popup.popup .swal2-title{padding:0;text-align:left;color:var(--clr_darkblue);font-size:var(--font18);letter-spacing:.05em;display:flex !important;align-items:center;gap:7px;}
	.swal2-popup.popup .swal2-title .imp{color:var(--clr_red);}
	.swal2-popup.popup .swal2-actions{width:100%;justify-content:flex-end;gap:15px;margin:10px auto 0;}
	.swal2-popup.popup .swal2-actions .swal2-styled{margin:0;}
	.swal2-popup.popup .swal2-actions .swal2-styled.swal2-cancel{background:#fff;border:1px solid var(--clr_main);color:var(--clr_main);}
	.swal2-popup.popup .swal2-confirm{background:var(--clr_main);color:#fff;}
	.swal2-popup.popup{width:650px;padding:24px;border-radius:12px;gap:10px;}
	.swal2-popup.popup .swal2-html-container{padding:0;text-align:left;color:var(--clr_blackgrey);font-size:var(--font16);line-height:1.6;}
	.swal2-popup.popup .swal2-html-container * + .tbbox{margin-top:20px;}
	

#footer{z-index:30;position:relative;display:flex;justify-content:center;align-items:center;padding:5px;min-height:80px;background:#f6f6f6;text-align:center;font-size:var(--font14);line-height:1.4;box-shadow:0 -1px 50px rgba(0,0,0,.07);}

@media(max-width:2200px){
	.inbox{width:94%;}
}
@media(max-width:1800px){
	.inbox1200{width:94%;}
}

@media(max-width:1150px){
	.box_w,.bg_w{padding:20px;}
	.flexlist ul{flex-wrap:wrap;}
	.flexlist li{flex:0 0 33%;}
	.flexlist li:nth-of-type(3n)::after{display:none;}
	.flexlist li.w_x{flex:1;}
	.tfwrap{flex-direction:column;gap:0;}
	.tfwrap>.tfbar{width:100%;}
	.tfbar .tf.tf_max{max-width:550px;}
	.tfbar .tf.w260{width:100%;flex:1;}
	.tfbar.w_half{width:100%;}
	.tbbox{overflow:auto;}
	.tbbox .tb_long{width:1350px;}
	.box_grey{padding:15px 20px;}
	.lrbox .r{width:400px;}
}

/* Nav Left */
@media(min-width:950px){
	#wrap.nav_l{padding-top:80px;}
	.nav_l #header .bd{position:fixed;left:0;top:0;bottom:0;padding:0;width:285px;align-items:flex-start;align-items:stretch;}
	.nav_l #header .bd .inbox{width:100%;display:flex;flex-direction:column;flex:1;align-items:stretch;}
	.nav_l #header .bd .slidemnav{flex-direction:column;flex:1;padding-top:80px;height:100%;}
	.nav_l #header .bd .logo{margin:15px;left:10%;top:0;}
	.nav_l #header .bd .mnav{background:rgba(255,255,255,.75);height:100%;overflow:auto;}
	.nav_l #header .bd .mnav>ul{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:80px;}
	.nav_l #header .bd .mnav>ul>li{border-bottom:1px solid #C2C0C0;letter-spacing:.05em;width:100%;}
	.nav_l #header .bd .mnav li a{display:flex;min-height:58px;align-items:center;padding:5px 30px;color:#0B0B0B;position:relative;width:100%;}
	.nav_l #header .bd .mnav li a:hover{color:var(--clr_main);}
	.nav_l #header .bd .mnav li.hassub > a::after{content:'';display:block;position:absolute;left:auto;right:25px;top:50%;transform:translateY(-50%);background:url('../images/content/icon_arrow_down.svg') no-repeat scroll center;width:15px;height:15px;}
	.nav_l #header .bd .mnav li.hassub.hv > a::after{transform:translateY(-50%) rotate(180deg);}
	.nav_l #header .bd .subnav{display:none;overflow:hidden;position:static;transform:none;padding:0;width:100%;}
	.nav_l #header .bd .subnav>ul{padding:0;border-radius:0;box-shadow:none;max-height:50vh;}
	.nav_l #header .bd .subnav ul li{border:0;border-top:1px solid #C2C0C0;}
	.nav_l #header .bd .subnav li a{background:#f5f4f4;}
	.nav_l #header .bd .mnav li.hassub.open>a{background-color:var(--clr_main);color:#fff;}
	.nav_l #header .bd .mnav li.hassub.open>a::after{background-image:url('../images/content/icon_arrow_r_open.svg');}
	.nav_l #content{padding-left:285px;}
}

@media(max-width:950px){
	.mnav>p{display:block;position:absolute;right:20px;top:20px;}
	body.fixed{overflow:hidden;height:100vh;}
	.phone_menu{display:flex;margin:0 10px 0 0;z-index:20;}
	.slidemnav::after{content:'';position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;pointer-events:none;}
	.slidemnav .mnav{padding:60px 0 0;display:flex;flex-direction:column;justify-content:flex-start;width:300px;height:100%;background:#fff;transform:translateX(-350px);position:fixed;left:0;top:0;z-index:10;}
	.slidemnav .mnav>ul:not(.tnav){flex-direction:column;justify-content:stretch;width:100%;gap:0;flex:1;}
	.slidemnav .mnav>ul:not(.tnav)>li{display:block;margin:0;padding:0;width:100%;}
	.slidemnav .mnav>ul:not(.tnav)>li>a{color:var(--clr_blackgrey);display:flex;margin:0;flex-direction:row;align-items:center;padding:10px 15px;opacity:1;border:0;}
	.slidemnav .mnav>ul:not(.tnav)>li>a::after{width:15px;height:15px;background:url('../images/content/icon_down.svg') no-repeat scroll center;left:auto;right:20px;bottom:50%;transform:translateY(50%) scaleY(-1);}
	.slidemnav .mnav>ul:not(.tnav)>li.hassub>a::after{display:block;}
	.slidemnav .mnav>ul:not(.tnav)>li.on>a::after{transform:translateY(50%) scaleY(1);}
	.slidemnav .mnav>ul:not(.tnav)>li>a::before{content:'';position:absolute;left:50%;bottom:0;width:90%;height:1px;background:#C2C0C0;transform:translateX(-50%);}
	.slidemnav .mnav>ul.tnav{display:flex;gap:0;flex-wrap:wrap;gap:1px;}
	.slidemnav .mnav>ul.tnav li{flex:1;background:#EBEFF2;color:var(--clr_main);}
	.slidemnav .mnav>ul.tnav li a{color:var(--clr_main);display:flex;padding:20px 5px;justify-content:center;font-size:var(--font14);}
	.slidemnav .mnav>ul.tnav li.lastxt{background:#fff;width:100%;flex:none;padding:10px 15px;}
	.slidemnav .subnav{position:static;transform:none;margin:0;width:auto;background:none;border:none;text-align:left;padding:0;}
	.slidemnav .subnav ul{width:auto;box-shadow:none;padding:0 15px;border-radius:0;max-height:calc(100vh - 500px);}
	.hassub>a{position:relative;}
	.slidemnav.open::after{opacity:1;}
	.slidemnav.open .mnav{transform:translateX(0px);}
	#wrap{padding-top:60px;}
	#header .hd{display:none;}
	#header .logo{position:static;}
	#header .logo img{max-height:37px;}
	#header .bd{min-height:60px;}
	#header .bd .inbox{width:100%;}
	.lrbox{flex-direction:column;}
	.lrbox .r{width:100%;}
	.flexlist li.w_x{flex:1;}
	.listbox02 > .ulli {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:780px){
	#content::before,#content::after{width:70%;height:300px;background-size:100% auto;}
	.box01 .box_hd .r{display:none;}
	.bg_w,.box_w{padding:20px;}
	.tfhd p{flex-direction:column;gap:10px;}
	.tfwrap{flex-direction:column;gap:0;}
	.tfwrap>.tfbar{width:100%;}
	.flexlist ul{flex-direction:column;padding:5px 10px;}
	.flexlist li{flex:none;width:100%;justify-content:flex-start;border-bottom:1px solid rgba(0,0,0,.2);display:flex;justify-content:space-between;}
	.flexlist li.w_x{flex:1;}
	.flexlist li::after{display:none;}
	.flexlist li:last-child{border:0;}
	.tbbox{overflow:auto;}
	.tbbox .tbcard thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.tbbox .tbcard tbody{display:flex;flex-direction:column;gap:15px;}
	.tbbox .tbcard tbody tr{border:1px solid #D7D7DA;display:flex;flex-direction:column;padding:8px 15px;border-radius:12px;}
    .tbbox .tbcard tbody td{color:#333;border:0;display:flex;justify-content:space-between;padding:2px 0;align-items:center;flex-wrap:wrap;}
    .tbbox .tbcard tbody td:before{content:attr(data-label);}
	.tbbox .tbcard tbody td:last-child{border-bottom:0;}
	.tbbox .tbcard_fixed_first tbody tr{padding-top:46px;position:relative;}
	.tbbox .tbcard_fixed_first tbody tr td:first-child{position:absolute;left:0;top:0;background:var(--clr_sub);width:100%;padding:8px 15px;border-radius:15px 15px 0 0;justify-content:flex-start;border-bottom:1px solid #DADADA;}
	.tbbox .tbcard_notitle td{justify-content:flex-start !important;}
	.tbbox .tbcard_notitle td p{width:100%;}
	.tbbox .tbcard_notitle td:before{display:none;}
	.tbbox .tb_long{width:100%;}
	.tbbox .tbeven{width:1400px;}
	.box_grey{padding:10px;}
	.box_grey ul{display:flex;flex-direction:column;gap:10px;}
	.box_grey li{flex-direction:column;gap:2px;}
	.box_grey li b{flex:none;}
	.listbox ul li{width:47%;}
}

@media(max-width:650px){
	.tfbar{flex-direction:column;width:100% !important;}
	.tfbar>b{flex-basis:auto;}
	.tfflex{gap:5px;}
	.tfflex .seltype + .btn{width:100%;}
	.tfbar.tf_sb{flex-direction:row;}
	.box_w .tfbtns .btn{width:100%;}
	.listbox ul li{width:100%;}
	.box01 .box_bd {gap: 10px;}
	.listbox02 > .ulli {grid-template-columns: 1fr;}
  	.listbox02 .title {font-size: 18px;}
}