/* ----------------------------------------
	reset.css
---------------------------------------- */

html {
	overflow-y:scroll;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {font-family:'Pretendard',sans-serif; margin:0; padding:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
audio, canvas, video {
    display:inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
audio, canvas, img, video {
	vertical-align:middle;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border:0;
}
input, select, textarea {
	line-height:1.2;
	vertical-align:middle;
}
body, table, th, td, input,
textarea, button, select {
	font-family:'Pretendard',sans-serif;
	font-size:14px;
	color:#666;
}
button, select {
	text-transform:none;
}
button, input {
	line-height:normal;
}
textarea {
	resize:vertical;
	overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
label {
	cursor:pointer;
}
/* For Screen Reader */
legend {
	display:none;
	visibility:hidden;
}
/* For Screen Reader */
caption {
	display:none;
	visibility:hidden;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
a {
	color:#111;
	text-decoration:none;
}
a:active, a:hover, a:focus {
	text-decoration:none;
}
a:hover {
	color:#333;
}

input:focus {outline: 2px solid #d50000;} /* outline 테두리 속성 수정 */
input:focus {outline: none;} /* outline 테두리 없애기 */

select:focus {outline: 2px solid #d50000;} /* outline 테두리 속성 수정 */
select:focus {outline: none;} /* outline 테두리 없애기 */

textarea:focus {outline: 2px solid #d50000;} /* outline 테두리 속성 수정 */
textarea:focus {outline: none;} /* outline 테두리 없애기 */



/* font */
.fs_16 {font-size: 16px !important}

.lh1 { line-height: 1;}

:root {
    --color_000 : #000 ;
    --color_fff : #fff;
    --color_blue:#276ac7;
    --color_blue2:#082a5e;
    --color_red : #df3733;
    --color_red2 : #de4f41;
    --color_gray : #434343;
		--color_navy : #082b60;
    --color_313131 : #313131;
    --ls75 : -0.075em;
    --ls50 : -0.050em;
    --ls25 : -0.025em;
    --ls20 : -0.020em;

}

/* color */
.color_blue { color: var(--color_blue) !important}
.color_blue2 { color: var(--color_blue2) !important}
.color_navy { color: #082b60 !important}
.color_red { color: #ff1700 !important}
.color_red2 { color: #e60012 !important}
.color_red3 { color: #ff0101 !important}
.color_000 { color: #000 !important}
.color_fff { color: #fff !important}
.color_ylw { color: #fffc00 !important}
.color_gray {color:#333 !important}


.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt305 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}

.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}

.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}

.pb1 {padding-bottom:1px !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb32 {padding-bottom:32px !important;}
.pb34 {padding-bottom:34px !important;}
.pb36 {padding-bottom:36px !important;}
.pb50 {padding-bottom:50px !important;}
.pb72 {padding-bottom:72px !important;}


.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}

.mr3 {margin-right:3px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt100 {margin-top:100px !important;}

.mb7 {margin-bottom:7px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb100 {margin-bottom:100px !important;}

.h253 {height: 253px;}
.h210 {height: 210px;}


/* btn */
.btn_type1 { border: 1px solid #bfbfbf; background-color: #fff; color: #333}
.btn_red { background-color:#e13b2c !important; color: #fff !important; }
.btn_red2 { background-color:var(--color_red2) !important; color: #fff !important; }
.btn_blue { background-color:#276ac7 !important; color: #fff !important; }
.btn_navy { background-color:#0B3160 !important; color: #fff !important; }

/* tab */
.plk_tab {
    height: 60px;
    margin-top: 50px;
		margin-bottom: 30px;
    background-color: #f8fafb;
    border-radius: 10px 10px 10px 10px;
		border: 1px solid #ddd;
}

.plk_tab::after, .plk_tab2::after {
    content: '';
    display: block;
    clear: both
}

.plk_tab li, .plk_tab2>ul>li {
    float: left;
    position: relative
}

.plk_tab.s2 li, .plk_tab2>ul.s2>li {
    width: 50%
}

.plk_tab.s3 li, .plk_tab2>ul.s3>li {
    width: 33.3333%
}

.plk_tab.s4 li, .plk_tab2>ul.s4>li {
    width: 25%
}

.plk_tab.s5 li, .plk_tab2>ul.s5>li {
    width: 20%
}

.plk_tab.s6 li, .plk_tab2>ul.s6>li {
    width: 16.6666%
}

.plk_tab.s7 li, .plk_tab2>ul.s7>li {
    width: 14.2857%
}

.plk_tab.s8 li, .plk_tab2>ul.s8>li {
    width: 12.5%
}

.plk_tab.s9 li, .plk_tab2>ul.s9>li {
    width: 11.1111%
}

.plk_tab.s10 li, .plk_tab2>ul.s10>li {
    width: 10%
}

.plk_tab li>a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    font-size: 17px;
		font-weight: 600;
    color: #222;
    text-align: center
}

.plk_tab li>a::after {
    content: '';
    position: absolute;
    top: 22px;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #ddd;
}

.plk_tab li:first-child>a::after {
    display: none
}

.plk_tab li>a.current, .plk_tab li.active>a {
    background-color: #276ac7;
    border-radius: 10px 10px 10px 10px;
    color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(39,106,199,0.3);
}



.plk_tab li>a.current::after, .plk_tab li.active>a::after {
    display: none
}

.plk_tab.s1 {
    height: 70px
}

.plk_tab.s1 li>a {
    height: 70px;
    line-height: 70px;
    font-size: 18px
}

.plk_tab.s1 li>a::after {
    top: 20px;
    left: 0;
    width: 1px;
    height: 30px
}