@charset "utf-8";

/* reset */
    html ,body {margin:0; padding:0;font-size:11px;font-weight:400;color:#222;font-family:"Pretendard-Regular", "본고딕", "Dotum", "돋움", "Gulim", "굴림", "Tahoma", "Verdana", "AppleGothic", "Arial"; -webkit-text-size-adjust:none;}
    #wrap{font-size:1.6rem;}
    div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,select,textarea,span,em,strong {margin:0; padding:0;box-sizing:border-box; -webkit-text-size-adjust:none;}
    th,td, input,textarea,select,button {box-sizing:border-box;font-size:0.92em;font-family:"Pretendard-Regular", "본고딕", "Dotum", "돋움", "Gulim", "굴림", "Tahoma", "Verdana", "AppleGothic", "Arial"; -webkit-text-size-adjust:none;}
    th,td {word-break:break-all; word-wrap:break-word; -webkit-text-size-adjust:none;}
    table {border-spacing:0; border-collapse:collapse; -webkit-text-size-adjust:none; border:0; table-layout:fixed;}
    address,caption,cite,code,dfn,em, var {font-style:normal; font-weight:normal; -webkit-text-size-adjust:none;}
    em {font-weight:inherit;}
    ol,ul ,li {list-style:none;}
    h1,h2,h3,h4,h5,h6 {font-size:100%;}
    abbr,acronym {border:0;}
    legend, caption {  line-height:0; width:0; height:0; margin:0; padding:0; text-indent:-99999px; overflow:hidden; font-size:0;}
    img, fieldset {border:0 none;}


	a {color:#222;box-sizing:border-box;}
    a:link, a:visited, a:hover {color:#222; text-decoration:none;}
    a:active {text-decoration:none;}
    input, img {vertical-align:middle;}

    input, button {border-radius:0; /* -webkit-appearance:none; */ border:0;}
    button {border:0; background-color:transparent; padding:0; margin:0; cursor:pointer;}
    input[type=submit] {border:0; width:100%; padding:0;cursor:pointer;}
    textarea {resize:none; border:0;}
	label{vertical-align:middle;}

	input[type=button], input[type=submit], input[type=text], input[type=password], input[type=text], textarea{-webkit-appearance:none;-webkit-border-radius:0;}

    /* html5 */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;margin:0;padding:0;}
    
	table, table th,  table td{box-sizing:border-box;font-weight:400;}
	
	/* skip_menu */
	#skip_menu{position:fixed;top:-1px;left:0;width:100%;height:auto;text-align:center;z-index:9999}
	#skip_menu a{display:block;position:absolute;top:-30px;width:100%;height:1px;line-height:1px;background:#000;color:#fff;font-size:1.5rem;text-align:center}
	#skip_menu a:focus{top:0px;height:30px;line-height:2.1;z-index:9999}



/* *********** 폼 아이템 공통 *************************** */

button {
    font-weight: 500;
    box-shadow: none;
    font-stretch: ultra-condensed;
    letter-spacing: -0.5px;
}

input[type='date'],
input[type='number'],
input[type='text'],
input[type='password'],
input[type='submit'],
input[type='search'],
textarea,
select {
    font-size: 1.5rem;
    padding: 7px 10px;
    box-shadow: none;
    background-color: #f9f9f9;
    color: #454545;
    border: 1px solid #bebebe;
    border-radius: 2px;
    height: 40px;
    min-width: 95px;-webkit-appearance:none;-moz-appearance:none;appearance:none;
}

select::-ms-expand{display:none;}

input[type='date']{}


textarea {
    width: 100%;
    height: 200px;
}

input[type='search'] {
    background-image: url('/assets/images/ico/icon_search-blue.png');
    background-repeat: no-repeat;
    background-position: right center;
}

input[type='search']:focus {
    background-image: url('/assets/images/ico/icon_search-blue.png');

}

input.popSearchInput+input:focus-visible,
input.popSearchInput:focus-visible,
input[type='checkbox']:focus-visible,
button:focus-visible {
    outline: 2px solid var(--point-color) !important;
    border-radius: 3px;
}
input.popSearchInput+input:focus-visible,
input.popSearchInput:focus-visible,
input[type='checkbox']:focus-visible{
    outline-color: var(--main-color2) !important;
}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: transparent;
    z-index: 1;
}

input[type='date'],
select {
    background-image: url('/assets/images/ico/icon_drop-arrow.png');
    background-repeat: no-repeat;
    background-position: right center;padding-right:30px
}

input[type='date'] {
    background-image: url('/assets/images/ico/icon_calendar.png');
    background-size: auto 100%;
    -webkit-appearance: none !important;
}

input[readonly],
select[readonly],
.form-control[readonly],
.custom-select[readonly] {
    background-color: #f4f4f4;
    color: #454545;
}

input:focus,
select:focus {
    outline: none !important;
    border: 1px solid #454545;
    box-sizing: border-box;
    box-shadow: 0 0px 6px rgba(0, 76, 206, 0.3);
    color: #454545;
}

input[type='checkbox'] {
    width: 18px;
    height: 18px;
    border: 1px solid #454545;
    transform: translate(0px, 4px);
    border-radius: 3px;
    background-color: #fff;
    flex: 0 0 auto;
}

input[type='radio'] {
    width: 15px;
    height: 15px;
    border: 1px solid #454545;
    border-radius: 9px;
    transform: translate(0px, 4px);
    background-color: #fff;
    min-width: 18px;
}

input[type='radio']:focus {
    outline: 2px solid #000 !important;
}

input[type='radio']:checked {
    background-image: url('/assets/images/ico/icon_radio-c.png');
    background-repeat: no-repeat;
    border: none;
}

label {
    font-size: 1.5rem;
    font-weight: 500;
    color: #454545;
}

input[type='radio']+label {
    padding-left: 4px;
}

@media screen and (max-width:560px) {

label {
    font-size: 1.23rem;
    font-weight: 500;
    color: #454545;
	}
}

/*******/


.alignC{text-align:center}
.po_ab{position:absolute}
.po_re{position:relative}

/*******/


/* font */
@font-face {
	font-family: Pretendard-Bold;
	font-weight: normal;
	src: local(Pretendard-Bold);
	src:
		local("☺"),
		url(font/Pretendard-Bold.woff2) format("woff2"),
		url(font/Pretendard-Bold.woff) format("woff"),
		url(font/Pretendard-Bold.otf) format("opentype");
}

@font-face {
	font-family: Pretendard-Light;
	font-weight: normal;
	src: local(Pretendard-Light);
	src:
		local("☺"),
		url(font/Pretendard-Light.woff2) format("woff2"),
		url(font/Pretendard-Light.woff) format("woff"),
		url(font/Pretendard-Light.otf) format("opentype");
}

@font-face {
	font-family: Pretendard-Medium;
	font-weight: normal;
	src: local(Pretendard-Medium);
	src:
		local("☺"),
		url(font/Pretendard-Medium.woff2) format("woff2"),
		url(font/Pretendard-Medium.woff) format("woff"),
		url(font/Pretendard-Medium.otf) format("opentype");
}

@font-face {
	font-family: Pretendard-Regular;
	font-weight: normal;
	src: local(Pretendard-Regular);
	src:
		local("☺"),
		url(font/Pretendard-Regular.woff2) format("woff2"),
		url(font/Pretendard-Regular.woff) format("woff"),
		url(font/Pretendard-Regular.otf) format("opentype");
}

@font-face {
	font-family: Pretendard-SemiBold;
	font-weight: normal;
	src: local(Pretendard-SemiBold);
	src:
		local("☺"),
		url(font/Pretendard-SemiBold.woff2) format("woff2"),
		url(font/Pretendard-SemiBold.woff) format("woff"),
		url(font/Pretendard-SemiBold.otf) format("opentype");
}

@font-face {
	font-family: Pretendard-Black;
	font-weight: normal;
	src: local(Pretendard-Black);
	src:
		local("☺"),
		url(font/Pretendard-Black.woff2) format("woff2"),
		url(font/Pretendard-Black.woff) format("woff"),
		url(font/Pretendard-Black.otf) format("opentype");
}

/*FONT CSS*/

.f_P_B{font-family: Pretendard-Bold;}
.f_P_L{font-family: Pretendard-Light;}
.f_P_M{font-family: Pretendard-Medium;}
.f_P_R{font-family: Pretendard-Regular;}
.f_P_SB{font-family: Pretendard-SemiBold;}
.f_P_BL{font-family: Pretendard-Black;}

	

/**/


/**/

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; margin:0 auto}
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }

.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h60 { height: 60px; }
.h65 { height: 65px; }
.h70 { height: 70px; }
.h75 { height: 75px; }
.h80 { height: 80px; }
.h85 { height: 85px; }
.h90 { height: 90px; }
.h95 { height: 95px; }
.h100 { height: 100px; }

.mgt_5 { margin-top: 5px; }
.mgt_10 { margin-top: 10px; }
.mgt_15 { margin-top: 15px; }
.mgt_20 { margin-top: 20px; }
.mgt_25 { margin-top: 25px; }
.mgt_30 { margin-top: 30px; }
.mgt_35 { margin-top: 35px; }
.mgt_40 { margin-top: 40px; }
.mgt_45 { margin-top: 45px; }
.mgt_50 { margin-top: 50px; }
.mgt_55 { margin-top: 55px; }
.mgt_60 { margin-top: 60px; }
.mgt_65 { margin-top: 65px; }
.mgt_70 { margin-top: 70px; }
.mgt_75 { margin-top: 75px; }
.mgt_80 { margin-top: 80px; }
.mgt_85 { margin-top: 85px; }
.mgt_90 { margin-top: 90px; }
.mgt_95 { margin-top: 95px; }
.mgt_100 { margin-top: 100px; }

.mgr_0 { margin-right: 0 ! important; }
.mgr_5 { margin-right: 5px ! important; }
.mgr_10 { margin-right: 10px; }
.mgr_12 { margin-right: 12px; }
.mgr_15 { margin-right: 15px; }
.mgr_20 { margin-right: 20px; }
.mgr_25 { margin-right: 25px; }
.mgr_30 { margin-right: 30px; }
.mgr_35 { margin-right: 35px; }
.mgr_40 { margin-right: 40px; }
.mgr_45 { margin-right: 45px; }
.mgr_50 { margin-right: 50px; }
.mgr_55 { margin-right: 55px; }
.mgr_60 { margin-right: 60px; }
.mgr_65 { margin-right: 65px; }
.mgr_70 { margin-right: 70px; }
.mgr_75 { margin-right: 75px; }
.mgr_80 { margin-right: 80px; }
.mgr_85 { margin-right: 85px; }
.mgr_90 { margin-right: 90px; }
.mgr_95 { margin-right: 95px; }
.mgr_100 { margin-right: 100px; }

.mgb_5 { margin-bottom: 5px; }
.mgb_10 { margin-bottom: 10px; }
.mgb_12 { margin-bottom: 12px; }
.mgb_15 { margin-bottom: 15px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_25 { margin-bottom: 25px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_35 { margin-bottom: 35px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_45 { margin-bottom: 45px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_55 { margin-bottom: 55px; }
.mgb_60 { margin-bottom: 60px; }
.mgb_65 { margin-bottom: 65px; }
.mgb_70 { margin-bottom: 70px; }
.mgb_75 { margin-bottom: 75px; }
.mgb_80 { margin-bottom: 80px; }
.mgb_85 { margin-bottom: 85px; }
.mgb_90 { margin-bottom: 90px; }
.mgb_95 { margin-bottom: 95px; }
.mgb_100 { margin-bottom: 100px; }
.mgb_150 { margin-bottom: 150px; }
.mgb_200 { margin-bottom: 200px; }

.mgl_0 { margin-left: 0px ! important; }
.mgl_5 { margin-left: 5px; }
.mgl_10 { margin-left: 10px; }
.mgl_12 { margin-left: 12px; }
.mgl_15 { margin-left: 15px; }
.mgl_20 { margin-left: 20px; }
.mgl_25 { margin-left: 25px; }
.mgl_30 { margin-left: 30px; }
.mgl_35 { margin-left: 35px; }
.mgl_40 { margin-left: 40px; }
.mgl_45 { margin-left: 45px; }
.mgl_50 { margin-left: 50px; }
.mgl_55 { margin-left: 55px; }
.mgl_60 { margin-left: 60px; }
.mgl_65 { margin-left: 65px; }
.mgl_70 { margin-left: 70px; }
.mgl_75 { margin-left: 75px; }
.mgl_80 { margin-left: 80px; }
.mgl_85 { margin-left: 85px; }
.mgl_90 { margin-left: 90px; }
.mgl_95 { margin-left: 95px; }
.mgl_100 { margin-left: 100px; }
.mgl_120 { margin-left: 120px; }
.mgl_140 { margin-left: 140px; }

.pdt_5 { padding-top: 5px; }
.pdt_10 { padding-top: 10px; }
.pdt_11 { padding-top: 11px; }
.pdt_15 { padding-top: 15px; }
.pdt_20 { padding-top: 20px; }
.pdt_25 { padding-top: 25px; }
.pdt_30 { padding-top: 30px; }
.pdt_35 { padding-top: 35px; }
.pdt_40 { padding-top: 40px; }
.pdt_45 { padding-top: 45px; }
.pdt_50 { padding-top: 50px; }
.pdt_55 { padding-top: 55px; }
.pdt_60 { padding-top: 60px; }
.pdt_65 { padding-top: 65px; }
.pdt_70 { padding-top: 70px; }
.pdt_75 { padding-top: 75px; }
.pdt_80 { padding-top: 80px; }
.pdt_85 { padding-top: 85px; }
.pdt_90 { padding-top: 90px; }
.pdt_95 { padding-top: 95px; }
.pdt_100 { padding-top: 100px; }

.pdr_5 { padding-right: 5px; }
.pdr_10 { padding-right: 10px; }
.pdr_15 { padding-right: 15px; }
.pdr_20 { padding-right: 20px; }
.pdr_25 { padding-right: 25px; }
.pdr_30 { padding-right: 30px; }
.pdr_35 { padding-right: 35px; }
.pdr_40 { padding-right: 40px; }
.pdr_45 { padding-right: 45px; }
.pdr_50 { padding-right: 50px; }
.pdr_55 { padding-right: 55px; }
.pdr_60 { padding-right: 60px; }
.pdr_65 { padding-right: 65px; }
.pdr_70 { padding-right: 70px; }
.pdr_75 { padding-right: 75px; }
.pdr_80 { padding-right: 80px; }
.pdr_85 { padding-right: 85px; }
.pdr_90 { padding-right: 90px; }
.pdr_95 { padding-right: 95px; }
.pdr_100 { padding-right: 100px; }

.pdb_5 { padding-bottom: 5px; }
.pdb_10 { padding-bottom: 10px; }
.pdb_15 { padding-bottom: 15px; }
.pdb_20 { padding-bottom: 20px; }
.pdb_25 { padding-bottom: 25px; }
.pdb_30 { padding-bottom: 30px; }
.pdb_35 { padding-bottom: 35px; }
.pdb_40 { padding-bottom: 40px; }
.pdb_45 { padding-bottom: 45px; }
.pdb_50 { padding-bottom: 50px; }
.pdb_55 { padding-bottom: 55px; }
.pdb_60 { padding-bottom: 60px; }
.pdb_65 { padding-bottom: 65px; }
.pdb_70 { padding-bottom: 70px; }
.pdb_75 { padding-bottom: 75px; }
.pdb_80 { padding-bottom: 80px; }
.pdb_85 { padding-bottom: 85px; }
.pdb_90 { padding-bottom: 90px; }
.pdb_95 { padding-bottom: 95px; }
.pdb_100 { padding-bottom: 100px; }

.pdl_5 { padding-left: 5px; }
.pdl_10 { padding-left: 10px; }
.pdl_15 { padding-left: 15px; }
.pdl_20 { padding-left: 20px; }
.pdl_25 { padding-left: 25px; }
.pdl_30 { padding-left: 30px; }
.pdl_35 { padding-left: 35px; }
.pdl_40 { padding-left: 40px; }
.pdl_45 { padding-left: 45px; }
.pdl_50 { padding-left: 50px; }
.pdl_55 { padding-left: 55px; }
.pdl_60 { padding-left: 60px; }
.pdl_65 { padding-left: 65px; }
.pdl_70 { padding-left: 70px; }
.pdl_75 { padding-left: 75px; }
.pdl_80 { padding-left: 80px; }
.pdl_85 { padding-left: 85px; }
.pdl_90 { padding-left: 90px; }
.pdl_95 { padding-left: 95px; }
.pdl_100 { padding-left: 100px; }
.pdl_130 { padding-left: 130px; }

.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 16px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }


/*******************************/