:root{
	--color-main01: #193296;
	--color-main02: #0aaccc;
	--color-main03: #f550a5;
	--color-main04: #ff9b00;
	--color-gray:#8d8d8d;
	--color-main01-rgb:25, 50, 150;
	--color-main02-rgb:10, 172, 204;
	--color-main03-rgb:245, 80, 165;
	--color-main04-rgb:255, 155, 0;
}
::selection{ /* µå·¡±× »ö»ó º¯°æ */
	background:rgba(10,172,204,0.5);
	color:#fff;
}

/* select */
select{height:3rem; line-height:3rem; padding:0 1rem; padding-right:3rem; border:0; font-size:1rem; background:transparent; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:"Pretendard-Regular"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
select::-ms-expand{display:none;}
div.sel-wrap{width:fit-content; position:relative; border:1px solid #666; background:#fff; z-index:1; border-radius:5px;}
div.sel-wrap:after{content:""; position:absolute; top:50%; right:1rem; transform:translateY(-50%); display:block; width:12px; height:12px; background:url("/fro_end/img/ic_select_arrow.svg") right center no-repeat; background-size:auto 12px; z-index:-1;}
select:focus{border:none;}

/* input */
input{border:1px solid #666; margin:0; font-size:1.1rem; border-radius:5px; outline:none; -webkit-appearance:none; appearance:none; font-family:"Pretendard-Regular"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-ms-input-placeholder{color:#888; font-family:"Pretendard-Light"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-moz-input-placeholder{color:#888; font-family:"Pretendard-Light"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::-webkit-input-placeholder{color:#888; font-family:"Pretendard-Light"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::placeholder{opacity:1; color:#888; font-family:"Pretendard-Light"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:focus{outline:none; border:1px solid #333;}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"]{width:100%; height:3.2rem; line-height:3.2rem; padding:0 0.5rem;}
input[type="text"]:disabled,
input[type="text"]:read-only{background:#eee; color:#5f5f5f; border:1px solid #ddd;}
input[type="radio"]{width:0; height:0; border:0; position:absolute;}
input[type="file"]{width:100%; padding:0.8rem; border:1px solid #666;}
input[type="file"]::file-selector-button{font-size:0.95rem; font-family:'Pretendard-Medium';}
input[type="date"]{width:100%; height:3.2rem; line-height:3.2rem; padding:0 0.5rem; border:1px solid #666;}

/* input - checkbox, radio */
label.c-input{position:relative; display:inline-block; height:3.2rem; line-height:3.2rem; padding-left:1.5rem; cursor:pointer; font-size:1.05rem;}
label.c-input input{position:absolute; z-index:-1; opacity:0; width:0; height:0; padding:0;}
label.c-input div.ci-show{position:absolute; top:50%; left:0; transform:translateY(-50%); height:1.2rem; width:1.2rem; background:#e6e6e6; border-radius:3px; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
label.c-input div.ci-show:after{content:""; position:absolute; display:none;}
label.c-input.ci-radio div.ci-show{border-radius:50%;}
label.c-input:hover input ~ div.ci-show,
label.c-input input:focus ~ div.ci-show{background:#ccc;}
label.c-input input:checked ~ div.ci-show{background:var(--color-main02);}
label.c-input:hover input:not([disabled]):checked ~ div.ci-show{background:var(--color-main02);}
label.c-input input:checked:focus ~ div.ci-show{background:var(--color-main02);}
label.c-input input:disabled ~ div.ci-show{background:#e6e6e6; opacity:0.6; pointer-events:none;}
label.c-input input:checked ~ div.ci-show:after{display:block;}

label.c-input.ci-check div.ci-show:after{left:6.5px; top:3px; width:3px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}
label.c-input.ci-check input:disabled ~ div.ci-show:after{border-color:#7b7b7b;}

label.c-input.ci-radio div.ci-show:after{left:50%; top:50%; transform:translate(-50%, -50%); height:6px; width:6px; border-radius:50%; background:#fff;}
label.c-input.ci-radio input:disabled ~ div.ci-show:after{background:#7b7b7b;}

/* input [checkbox] [radio] */
label.lab{display:inline-block; position:relative; top:-5px; padding-left:25px; cursor:pointer;}
label.lab input[type="checkbox"],
label.lab input[type="radio"]{position:absolute; z-index:-1; opacity:0;}
label.lab div.lab_indicator{position:absolute; top:50%; left:0; transform:translateY(-50%); width:20px; height:20px; background:#fff; border:1px solid #ddd; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
label.lab:hover input ~ div.lab_indicator{border:1px solid var(--color-main01);}
label.lab input:checked ~ div.lab_indicator{background:var(--color-main01); border:1px solid var(--color-main01);}
label.lab input:disabled ~ div.lab_indicator{border:0; background:#ebebe4; color:#bbb; pointer-events:none;}
label.lab div.lab_indicator:after{content:""; position:absolute; display:none;}
label.lab input:checked ~ div.lab_indicator:after{display:block;}
/* checkbox */
label.lab_check div.lab_indicator:after{left:7px; top:3px; width:3px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}
label.lab_check input:disabled ~ div.lab_indicator:after{border-color:#7b7b7b;}
/* radio */
label.lab_radio div.lab_indicator{border-radius:50%;}
label.lab_radio div.lab_indicator:after{left:50%; top:50%; transform:translate(-50%, -50%); width:8px; height:8px; border-radius:50%; background:#fff;}
label.lab_radio input:disabled ~ div.lab_indicator:after{background:#7b7b7b;}

/* textarea */
textarea{border:1px solid #ccc; padding:0.3rem; outline:none; font-family:"Pretendard-Regular"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:-ms-input-placeholder{opacity:1; color:#888; font-family:"Pretendard-ExtraLight"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:-moz-input-placeholder{opacity:1; color:#888; font-family:"Pretendard-ExtraLight"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea::-webkit-input-placeholder{opacity:1; color:#888; font-family:"Pretendard-ExtraLight"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea::placeholder{opacity:1; color:#888; font-family:"Pretendard-ExtraLight"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:focus{outline:none; border:1px solid #333;}

/* div */
.w1600{width:1600px; margin:0 auto;}
.w1440{width:1440px; margin:0 auto;}
.w1280{width:1280px; margin:0 auto;}
.w640{width:640px; margin:0 auto;}

/* margin, padding */
.mt0{margin-top:0 !important;}
.mt0d5{margin-top:0.5rem !important;}
.mt1{margin-top:1rem !important;}
.mt1d5{margin-top:1.5rem !important;}
.mt2{margin-top:2rem !important;}
.mt3{margin-top:3rem !important;}
.mt5{margin-top:5rem !important;}
.mbt0{margin-bottom:0 !important;}
.mbt0d5{margin-bottom:0.5rem !important;}
.mbt1{margin-bottom:1rem !important;}
.mbt2{margin-bottom:2rem !important;}

/* br */
.mob{display:none;}

/* table */
th,td,tr{font-weight:unset;}
.BR{border-right:1px solid #ddd !important;}
.BL{border-left:1px solid #ddd !important;}

.T_center{text-align:center !important;}
.T_left{text-align:left !important;}
.T_right{text-align:right !important;}

.mob-scroll-info{display:none;}

/* font */
.fs1{font-size:1rem !important;}

/* color */
.color_main01{color:var(--color-main01) !important;}
.color_main02{color:var(--color-main02) !important;}
.color_main03{color:var(--color-main03) !important;}
.color_main04{color:var(--color-main04) !important;}


/* layout */
.lay_flex{display:flex; align-items:center;}
.lay_bar{display:inline-block; margin:5px; vertical-align:middle; word-break:keep-all;}
.lay_label{font-size:12px; font-family:'Pretendard-Medium'; margin-bottom:2px; margin-top:0.5rem;}
.wid_per10{width:10% !important;}
.wid_per15{width:15% !important;}
.wid_per20{width:20% !important;}
.wid_per25{width:25% !important;}
.wid_per30{width:30% !important;}
.wid_per32{width:32% !important;}
.wid_per33{width:33.333% !important;}
.wid_per35{width:35% !important;}
.wid_per40{width:40% !important;}
.wid_per49{width:49% !important;}
.wid_per50{width:50% !important;}
.wid_per55{width:55% !important;}
.wid_per60{width:60% !important;}

/* button */
.dg-btn-wrap{text-align:center; margin-top:1rem;}
.dg-btn{display:inline-block; font-family:'Pretendard-Medium'; font-size:1.25rem; margin:3px; padding:0.6rem 1.2rem; transition:0.4s;} 
.dg-btn[class*="--sm"]{font-size:0.9rem !important; padding:4px 8px !important;}
.dg-btn[class*="--big"]{font-size:1.4rem !important; padding:0.8rem 1.5rem !important;}
.dg-btn[class*="line"]{border:2px solid #333; border-radius:5px;}
.dg-btn[class*="line01"]{border-color:var(--color-main01); color:var(--color-main01);}
.dg-btn[class*="lineWH"]{border-color:#fff; color:#fff;}
.dg-btn[class*="fill"]{color:#fff; border-radius:5px; background:#666;}
.dg-btn[class*="fill01"]{background:var(--color-main01);}
.dg-btn[class*="fill02"]{background:var(--color-main02);}
.dg-btn[class*="fill03"]{background:var(--color-main03);}
.dg-btn[class*="fill04"]{background:var(--color-main04);}
.dg-btn[class*="fillGR"]{background:#b1b1b1;}
.dg-btn[class*="fillBK"]{background:#222;}
.dg-btn[class*="underline"]{font-size:1rem; border:0; padding:0; padding-bottom:2px; border-bottom:1px solid #222; color:#222; border-radius:0;}
.dg-btn[class*="iconArrow"]{padding-right:3rem; position:relative;}
.dg-btn[class*="iconArrow"]:after{content:''; display:block; width:1.4rem; height:1.4rem; background:url("/fro_end/img/ic_arrow_wh.svg")center/100% auto no-repeat; position:absolute; top:11px; right:1rem; transform:rotate(-45deg);}
.dg-btn[class*="line"][class*="iconArrow"]:after{background-image:url("/fro_end/img/ic_arrow.svg");}
.dg-btn[class*="lineWH"][class*="iconArrow"]:after{background-image:url("/fro_end/img/ic_arrow_wh.svg");}
@media (hover:hover){
	.dg-btn[class*="fill"]:hover{box-shadow:0 10px 30px rgba(0,0,0,0.2); transform:translateY(-5px);}	
	.dg-btn[class*="fill01"]:hover{box-shadow:0 10px 30px rgba(var(--color-main01-rgb), 0.2);}
	.dg-btn[class*="fill02"]:hover{box-shadow:0 10px 30px rgba(var(--color-main02-rgb), 0.2);}
	.dg-btn[class*="fill03"]:hover{box-shadow:0 10px 30px rgba(var(--color-main03-rgb), 0.2);}
	.dg-btn[class*="fill04"]:hover{box-shadow:0 10px 30px rgba(var(--color-main04-rgb), 0.2);}
}

/* label */
.dg-label{display:inline-block; padding:5px 10px; font-family:'Pretendard-SemiBold'; border-radius:5px; background:rgba(51,51,51,0.08);}
.dg-label[class*="--sm"]{font-size:0.9rem !important; padding:4px 8px !important;}
.dg-label[class*="--big"]{font-size:1.4rem !important; padding:0.8rem 1.5rem !important;}
.dg-label.label01{background:rgba(var(--color-main01-rgb), 0.1); color:var(--color-main01);}
.dg-label.label02{background:rgba(var(--color-main02-rgb), 0.1); color:var(--color-main02);}
.dg-label.label03{background:rgba(var(--color-main03-rgb), 0.1); color:var(--color-main03);}
.dg-label.label04{background:rgba(var(--color-main04-rgb), 0.1); color:var(--color-main04);}

/* table */
div.table-wrap{}
div.table-wrap table{width:100%; background:#fff;}
div.table-wrap table td{padding:1rem;}
div.table-wrap table th{padding:1rem; font-family:'Pretendard-Bold';}

div.table-wrap table.table01{border-top-left-radius:2rem; border-top-right-radius:2rem; overflow:hidden;}
div.table-wrap table.table01 tr{border-bottom:1px solid #ddd;}
div.table-wrap table.table01 th{background:rgba(var(--color-main01-rgb), 0.08);}
div.table-wrap table.table01 td{background:#fff; position:relative;}
div.table-wrap table.table01 td:after{content:''; display:block; width:1px; height:50%; background:#ddd; position:absolute; top:25%; right:0;}
div.table-wrap table.table01 tr td:last-child:after{display:none;}
div.table-wrap table.table01 tr td:last-child:after{display:none;}
div.table-wrap table.table01 thead th{background:var(--color-main01); color:#fff;}

div.table-wrap table.table02{border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden; font-size:1.2rem;}
div.table-wrap table.table02 thead th{background:var(--color-main01); color:#fff; position:relative;}
div.table-wrap table.table02 thead th:after{content:''; display:block; width:1px; height:50%; background:rgba(255,255,255,0.8); position:absolute; top:50%; right:0; transform:translateY(-50%);}
div.table-wrap table.table02 thead th.last:after{display:none;}
div.table-wrap table.table02 tbody th{background:rgba(var(--color-main01-rgb), 0.05); border:1px solid #ccc;}
div.table-wrap table.table02 tbody tr:last-child th,
div.table-wrap table.table02 tbody tr:last-child td{border-bottom-color:var(--color-main01);}
div.table-wrap table.table02 td{border:1px solid #ccc; line-height:1.5;}
div.table-wrap table.table02 tbody td.last,
div.table-wrap table.table02 tbody th.last{border-bottom-color:var(--color-main01);}

div.table-wrap table.table03{border-top:2px solid #222; font-size:1.1rem; text-align:center;}
div.table-wrap table.table03 thead tr th{border-bottom:1px solid #222; background:#efefef;}
div.table-wrap table.table03 thead tr th.noline{border-bottom:0;}
div.table-wrap table.table03 th{padding:0.65rem; border:1px solid #ddd;}
div.table-wrap table.table03 td{border:1px solid #ddd; padding:0.65rem; word-break:keep-all; line-height:1.5;}
div.table-wrap table.table03 td ul li{font-size:1.1rem;}
div.table-wrap table.table03.hor th{background:#f5f5f5;}
div.table-wrap table.table03.hor td{text-align:left; padding:0.8rem;}


@media screen and (max-width:1600px){
	.w1600{width:95%;}
}
@media screen and (max-width:1440px){
	.w1440{width:95%;}
}
@media screen and (max-width:1280px){
	.w1280{width:95%;}
	select{height:3rem; line-height:3rem;}
	input[type="text"], 
	input[type="password"], 
	input[type="number"],
	input[type="date"]{font-size:1rem; height:3rem; line-height:3rem;}
	input[type="file"]{font-size:1rem; padding:0.6rem;}
	input[type="file"]::file-selector-button{font-size:1rem;}

}
@media screen and (max-width:1024px){
	div.table-wrap table th{padding:0.8rem;}
	div.table-wrap table td{padding:0.8rem;}
	div.table-wrap table.table02{font-size:1.1rem;}
	div.table-wrap table.table03{font-size:1rem;}

	.dg-btn{font-size:1.15rem;} 
	.dg-btn[class*="iconArrow"]{padding-right:2.5rem;}
	.dg-btn[class*="iconArrow"]:after{width:1.3rem; height:1.3rem; top:10px; right:0.8rem;}
}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){
    .w1600,
	.w1440,
	.w640{width:90%;}
		
	div.table-wrap table.table02{font-size:1rem;}
	div.table-wrap table.table02 td ul li{font-size:1rem;}
	div.table-wrap table.table03{font-size:0.9rem;}
	div.table-wrap table.table03 td{word-break:initial;}
	div.table-wrap table.table03.hor td{padding:0.5rem;}
	div.table-wrap table.table03 td ul li{font-size:0.9rem;}
	div.table-wrap table.table03 td ul.list02 > li:before{top:6px;}

	.dg-btn{font-size:1.1rem; padding:0.5rem 1rem;} 
	.dg-btn[class*="--big"]{font-size:1.25rem !important; padding:0.8rem 1.2rem !important;}
	.dg-btn[class*="--sm"]{font-size:0.8rem !important; padding:3px 7px !important;}
	.dg-btn[class*="iconArrow"]:after{top:8px;}
}
@media screen and (max-width:480px){
	html{font-size:15px;}
	.w1280{width:90%;}
	.mob{display:block;}
	
	label.c-input{height:2.8rem; line-height:2.8rem; font-size:1rem;}
	label.c-input.ci-check div.ci-show:after{width:3px; height:7px;}
	
	select{height:2.8rem; line-height:2.8rem; font-size:1rem;}
	input[type="text"], 
	input[type="password"], 
	input[type="number"],
	input[type="date"]{height:2.8rem; line-height:2.8rem;}
	
	.dg-btn{font-size:1rem; padding:0.5rem 0.8rem;} 
	.dg-btn[class*="--big"]{font-size:1.05rem !important; padding:0.6rem 1rem !important;}
	.dg-btn[class*="iconArrow"]{padding-right:2rem;}
	.dg-btn[class*="iconArrow"]:after{width:1.2rem; height:1.2rem; right:0.5rem;}
	.dg-btn[class*="underline"]{font-size:0.9rem; padding-bottom:0;}
	
	.mob-scroll-info{display:block; position:sticky; left:0; font-size:0.8rem; margin-bottom:0.25rem; font-family:'Pretendard-Bold'; color:var(--color-main03); padding-left:1.5rem;}
	.mob-scroll-info:before{content:''; display:block; width:1.2rem; height:1.2rem; background:url("/fro_end/img/ic_swipe.svg")center/100% auto no-repeat; position:absolute; top:-1px; left:0;}
	div.table-wrap.mob-scroll{overflow-y:auto;}
	div.table-wrap.mob-scroll table{min-width:500px;}
	div.table-wrap.mob-scroll table th,
	div.table-wrap.mob-scroll table .th{word-break:keep-all;}
	div.table-wrap table th{padding:0.55rem;}
	div.table-wrap table td{padding:0.55rem;}
}
@media screen and (max-width:425px){
	.lay_responsive{flex-wrap:wrap;}
	.lay_responsive [class*="wid_per"]{width:auto !important; margin-bottom:5px;}
	.lay_responsive [class*="wid_per"] select{width:100% !important;}
}
@media screen and (max-width:390px){
	div.table-wrap table th{padding:0.5rem !important;}
	div.table-wrap table td{padding:0.5rem !important;}
	div.table-wrap table.table02{font-size:0.9rem;}
	div.table-wrap table.table02 td ul li{font-size:0.9rem;}
	div.table-wrap table.table03{font-size:0.8rem;}
	div.table-wrap table.table03 td ul li{font-size:0.8rem;}

	.dg-label{padding:4px 8px;}
}
@media screen and (max-width:320px){
	html{font-size:14px;}
}