@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');

* {
  -webkit-text-size-adjust: none;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
		  background: url('images/jb_blank.png');
		 
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
html, body { 
	/* font-family: 'Noto Sans KR',  sans-serif; */
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 15px; 
	line-height: 25px; 
	color: #101010; 
	margin: 0; 
	padding: 0;
	font-weight: 500;
	word-break: break-all;
	grid-template-columns: min-content 1fr;
}

h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dd, dt, 
input, select, option, small, a, a:link, a:visited, a:active, 
strong, span, font, b, tr, td, th, table, tbody, thead, 
del, ins, address,em, dfn, cite, code, kbd, pre, samp { 
	font: inherit; 
	color: inherit; 
	line-height: inherit;
	margin: 0; 
	padding: 0; 
	box-sizing: inherit; 
}

img {
	vertical-align: bottom;
}

a, a:link, 
a:visited, 
a:active, 
a:focus { 
	text-decoration: none;
	color: inherit;
}

a:hover { 
	text-decoration: none; 
	transition: all ease-in-out 0.3s; 
	color: #2692d0;
}

legend { 
	visibility: hidden; 
	width: 0; 
	height: 0;
}

caption { 
	overflow: hidden; 
	width: 0; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	text-indent: -9999px;
}

.clear { 
	clear: both; 
	float: none;
	display: block; 
	font-size: inherit;
	color: inherit;
}


.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}


/*---------------------------------------------------------------------------------------------------------------

	COLURM

---------------------------------------------------------------------------------------------------------------*/

.col_1, .col_1_2, .col_1_3,
.col_1_4, .col_1_5, .col_1_6,
.col_1_7, .col_1_8 {
	display: inline-block;
	position: relative;
	margin: 0 -4px 0 0;
	padding: 0;
	letter-spacing: -4px;
	font-size: 0px;
	*zoom: 1;
	vertical-align: top;
}


.col_1 { width: 100%; }
.col_1_2 { width: 50%; }
.col_1_3 { width: 33.3333333%; }
.col_1_4 { width: 25%; }
.col_1_5 { width: 20%; }
.col_1_6 { width: 16.6666667%; }
.col_1_7 { width: 14.2857142%; }
.col_1_8 { width: 12.5%; }

.autoheight {
	height: 100%;
}


/*---------------------------------------------------------------------------------------------------------------

	FORM

---------------------------------------------------------------------------------------------------------------*/

.iptText { 
	display: inline-block; 
	position: relative;
	vertical-align: middle;
	height: 33px; 
	line-height: 33px;
	padding: 0 10px;
	margin: 0 3px 0 0;
	border: 1px solid #cccccc; 	
	background: #ffffff;
	font-size: 14px; 
	border-radius: 0px;	
	outline: none;
	box-sizing: content-box;
}

.sltBox {
	display: inline-block; 
	position: relative;
	vertical-align: middle;
	height: 33px; 
	line-height: 33px;
	padding: 0 10px;
	margin: 0 3px 0 0;
	border: 1px solid #cccccc; 	
	background: #ffffff;
	outline: none;
	font-size: 14px;
	border-radius: 0px;	
	-webkit-appearance: none; 
	-moz-appearance: none;    
	appearance: none;
	background: url('images/sp_form.png') no-repeat 100% -44px #ffffff; /* �붿궡�� �꾩씠肄� 異붽� */       
	cursor: pointer;
	box-sizing: content-box;
}

.sltBox select {
    padding: 0px;
	line-height: 33px;
	height: 33px;
    width: 110%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.sltBox select:focus {
    outline: none;
}

.iptText + .btn {
	margin: 0 2px;
}

.iptText.block + .iptText.block {
	margin: 5px 0;
	display: block;
	clear: both;
}

.iptDisable.block,
.iptText.block,
.sltBox.block {
	box-sizing: border-box !important;
	width: 100% !important;
}

.iptDisable {
	display: inline-block; 
	position: relative;
	vertical-align: middle;
	height: 33px; 
	line-height: 33px;
	padding: 0 10px; 
	border: 1px solid #cccccc; 	
	background: #f9f9f9;
	font-size: 14px; 
	border-radius: 3px;
	cursor: not-allowed;
}

.iptDisable.sm,
.iptText.sm,
.sltBox.sm {
	height: 24px;
	line-height: 24px;
	padding: 0 7px;
	font-size: 13px;
}

.iptDisable.lg,
.iptText.lg,
.sltBox.lg {
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	font-size: 15px;
}

.sltBox.lg {
	background: url('images/sp_form.png') no-repeat 100% -42px #ffffff; /* �붿궡�� �꾩씠肄� 異붽� */       
}

.sltBox.huge {
	background: url('images/sp_form.png') no-repeat 100% -37px #ffffff; /* �붿궡�� �꾩씠肄� 異붽� */       
}

.iptDisable.huge,
.iptText.huge,
.sltBox.huge {
	height: 48px;
	line-height: 46px;
	padding: 0 10px;
	font-size: 16px;
}

.iptText:focus,
.sltBox:focus {
	transition: all ease-in-out .3s;
	border: 1px solid #aaaaaa;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
	.iptText {
		box-shadow: none !important;
		-webkit-appearance: none;
	}
    .sltBox {
        height: 33px;
        line-height: 33px;
		border-radius: 0px;
		padding: 0 10px;
    } 
}

.styledCheckbox input[type=checkbox]:not(old),
.styledRadio input[type=radio]:not(old){
	width   : 17px;
	margin  : 0;
	padding : 0;
	opacity : 0;
}

.styledCheckbox input[type=checkbox]:not(old) + label,
.styledRadio input[type=radio]:not(old) + label{
	display : inline-block;
	position: relative;
	margin-left : -21px;
	margin-right: 10px;
	margin-bottom: 0;
	padding-left : 24px;
	background : url('images/checkbox-default.png') no-repeat 0 5px;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0;
	cursor: pointer;
}


.styledRadio input[type=radio]:not(old) + label {
	background   : url('images/radio-default.png') no-repeat 0px 5px;
}

.styledCheckbox input[type=checkbox]:not(old):checked + label{
	background   : url('images/checkbox-selected.png') no-repeat 0 5px;
}

.styledRadio input[type=radio]:not(old):checked + label{
	background   : url('images/radio-selected.png') no-repeat 0px 5px;
}


input[type=checkbox],
input[type=radio] {
	width: 18px;
	height: 18px;
	outline: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}


.txtArea { 
	display: block; 
	position: relative;
	vertical-align: top;
	padding: 10px;
	margin: 0;
	width: 100%;
	border: 1px solid #cccccc; 	
	background: #ffffff;
	font-size: 14px; 
	line-height: 24px;
	border-radius: 0px;
	box-sizing: border-box;
	resize: none;
	outline: none;
}

placeholder { 
	color: #666666; 
	line-height: 1.5; 
}

::-webkit-input-placeholder { color: #666666; }
::-moz-placeholder { color: #666666; } /* firefox 19+ */
:-ms-input-placeholder { color: #666666; } /* ie */

.form-static { 
	display: inline-block;
	position: relative;
	vertical-align: top;
	line-height: inherit; 
	color: inherit; 
	font-size: inherit;
	letter-spacing: 0;
	margin: 0 5px;
}

.sltBox + .form-static,
.iptText + .form-static {
	margin: 0 7px 0 4px;
}

.border_box {
	display: Block;
	position: relative;
	margin: 0;
	padding: 10px 15px;
	border: 1px solid #ddd;
	letter-spacing: -0.025em;
	font-size: 14px;
}


.border_box.scroll {
	overflow-y: scroll;
}

.border_box p {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px;
	letter-spacing: -0.05em;
	font-family: '맑은고딕', Malgun Gothic, sans-serif;
	color: #494949;
}

.border_box dl {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding: 15px 20px;
	background: #ffffff;
	border: 1px solid #dddddd;
	font-family: '맑은고딕', Malgun Gothic, sans-serif;
}

.border_box dt {
	font-size: 13px;
	font-weight: bold;
	line-height: 23px;
	margin: 0 0 8px;
	color: #000000;
}

.border_box dd {
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 6px;
	color: #000000;
}

.border_box dd ul {
	padding: 5px 12px;
	margin: 0;
}

.border_box dd ul li {
	list-style: none;
	font-size: 12px;
	line-height: 20px;
	margin: 2px 0;
	color: #555555;
	letter-spacing: -0.025em;
}

.border_box dd ul p {
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
	margin: 8px 0 0;
	color: #222;
}


/*---------------------------------------------------------------------------------------------------------------

	BUTTON

---------------------------------------------------------------------------------------------------------------*/
button {
	padding:0;
	margin: 0;
	border: none;
	outline: none;
}

button.btn,
a.btn { 
	display: inline-block;
	position: relative;
	vertical-align: middle;
	height: 35px; 
	*height: 35px; 
	background: #101010; 
	color: #ffffff; 
	padding: 0 15px; 
	margin: 0px;
	font-size: 15px; 
	line-height: 35px;
	border-radius: 0px;
	outline: none;
	border: none;
	letter-spacing: -0.025em;
	box-sizing: border-box;
}


button.btn.border,
a.btn.border { 
	border: 1px solid transparent;
	background: #ffffff !important;
	height: 35px; 
	*height: 35px;  
	font-size: 15px; 
	letter-spacing: -0.025em;
	line-height: 35px;
	color: #222222;
	box-sizing: border-box;
}

.btm.border.radius5,
.btn.radius5 { 
	border-radius: 5px !important;
}

.btm.border.radius8,
.btn.radius8 { 
	border-radius: 8px !important;
}

.btm.border.radius40,
.btn.radius40 { 
	border-radius: 40px !important;
}

a.btn.round,
button.btn.round {
	height: 28px; 
	*height: 28px; 
	background: #ffffff !important;
	color: #444444;
	border: 1px solid #444;
	border-radius: 15px;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
}

a.btn.round:hover,
button.btn.round:hover {
	background: #ffffff;
}


button.btn:hover,
a.btn:hover { 
	transition: all ease-in-out .3s;
	background: #000;
}

.btn + .btn {
	margin: 0 1px 0 5px;
}

.btn.border.sm,
.btn.sm { 
	height: 26px; 
	line-height: 24px;
	*height: 26px; 
	padding: 0 7px; 
	font-size: 13px; 
	border-radius: 0px;
}

.btn.lg { 
	height: 40px; 
	line-height: 40px;
	*height: 40px; 
	padding: 0 15px; 
	font-size: 16px; 
	border-radius: 0px;
}

.btn.border.lg {
	height: 40px; 
	line-height: 40px;
	*height: 40px; 
	padding: 0 15px; 
	font-size: 16px; 
	border-radius: 0px;
}

.btn.huge { 
	height: 50px; 
	line-height: 50px;
	*height: 50px; 
	padding: 0 35px; 
	font-size: 18px; 
	border-radius: 0px;
	font-weight: 400;
}

a.btn.round.huge,
button.btn.round.huge {
	height: 50px; 
	line-height: 50px;
	*height: 50px; 
	padding: 0 35px; 
	font-size: 18px; 
	border-radius: 10px;
}

.btn.great { 
	height: 65px; 
	line-height: 65px;
	*height: 65px; 
	padding: 0 65px; 
	font-size: 20px; 
	border-radius: 0px;
	font-weight: 500;
}

.btn.border.huge {
	height: 48px; 
	line-height: 48px;
	*height: 48px; 
	padding: 0 25px; 
	font-size: 16px; 
	border-radius: 0px;
	font-weight: 500;
}

.btn.btn-block {
	width: 100%;
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center;
	margin: 0;
}

.btn.btn-block + .btn.btn-block {
	margin: 5px 0 !important;
}

.btn.default { background: #0f87cb; }
.btn.primary { background: #3081c7; }
.btn.success { background: #8dc153; }
.btn.danger { background: #d95454; }
.btn.info { background: #3D53A5; }
.btn.warning { background: #e1a116; }
.btn.light { background: #999999; color: #ffffff; }
.btn.skt { background: #4737df; color: #ffffff; }

.btn.border.default { border-color: #0f87cb; color: #0f87cb; }
.btn.border.primary { border-color: #3081c7; color: #3081c7; }
.btn.border.success { border-color: #8dc153; color: #8dc153; }
.btn.border.danger { border-color: #d95454; color: #d95454; }
.btn.border.info { border-color: #3D53A5; color: #3D53A5; }
.btn.border.warning { border-color: #e1a116; color: #e1a116; }
.btn.border.light { border-color: #999999; color: #444444; }

.round.default { border-color: #0f87cb !important; color: #0f87cb !important; }
.round.primary { border-color: #3081c7 !important; color: #3081c7 !important; }
.round.success { border-color: #8dc153 !important; color: #8dc153 !important; }
.round.danger { border-color: #d95454 !important; color: #d95454 !important; }
.round.info { border-color: #3D53A5 !important; color: #3D53A5 !important; }
.round.warning { border-color: #e1a116 !important; color: #e1a116 !important; }
.round.light { border-color: #bbbbbb !important; color: #888888 !important; }


/*---------------------------------------------------------------------------------------------------------------

	LIST

---------------------------------------------------------------------------------------------------------------*/

ul, ol, dl { 
	margin-top: 0; 
	margin-bottom: 10px;
	padding: 0;
}

li, dl, dd, dt { 
	margin: 0; 
	list-style: none;
	padding: 0;
}

ul ul, 
ol ul, 
ul ol, 
ol ol { 
	margin-bottom: 0;
}

.list_style_num {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding: 0;
}

.list_style_num li {
	margin: 0px 0 4px;
	padding: 0;
	list-style-type: decimal;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}

#m_wrapper .list_style_num {
	padding-left: 15px;
}

#m_wrapper .list_style_num li {
	font-size: 11px;
	line-height: 16px;
}



/* �귐딅뮞占쏙옙 占썬끋占쏙옙占� - [Number] */
.body_text_1 {	
	padding: 0px;
	display: block;
	position: relative;
}

.body_text_1 li { 
	list-style-position: inside;
	list-style-type: none; 
	font-size: inherit;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 0px;
	text-align: left;
	letter-spacing: -0.025em;
}

.body_text_1 + .body_text_1 {
	margin: 0 0 30px;
}

#m_wrapper .body_text_1 li {
	font-size: 11px;
	line-height: 15px;
	margin: 3px 0;
}


/* �귐딅뮞占쏙옙 占썬끋占쏙옙占� - [Disc] */
.body_text_3 {
	line-height: 18px;
	padding: 0 0 0 10px;
}

.body_text_3 li { 
	list-style-type: none; 
	font-size: inherit;
	line-height: 18px;
	margin: 0 0 5px;
	font-size: 13px;
	color: #404040;
	text-align: left;
	letter-spacing: -0.025em;
}


/*---------------------------------------------------------------------------------------------------------------

	LAYOUT

---------------------------------------------------------------------------------------------------------------*/
#wrapper { 
	width: 100%; 
	min-width: 1280px; 
	margin: 0 auto;
	position: relative; 
	padding: 0;
}

.container { 
	width: 1180px !important; 
	min-width: 1180px !important;
	max-width: 1180px !important;
	margin: 0 auto; 
	position: relative; 
}

.alignLeft {
	float: left !important;
}

.alignRight {
	float: right !important;
}

.divider {
	display: block;
	position: relative;
	margin: 50px 0;
	padding: 0;
	height: 1px;
	background-color: #e5e5e5;
}

.radial_divider {
	display: block;
	position: relative;
	height: 3px;
	background-image: url('../images/components.png');
	background-repeat: repeat-x;
	background-position: 0 -320px;
}

.col_row {
	display: flex;
	position: relative;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;
	box-sizing: border-box;
}

.col_row .col {
	position: relative;
}

.col_1_12 { width: 8.333333%; }
.col_2_12 { width: 16.6666666%; }
.col_3_12 { width: 25%; }
.col_4_12 { width: 33.3333333%; }
.col_5_12 { width: 41.666666%; }
.col_6_12 { width: 50%; }
.col_7_12 { width: 58.33333%; }
.col_8_12 { width: 66.6666666%; }
.col_9_12 { width: 75%; }
.col_10_12 { width: 82%; }
.col_11_12 { width: 91.66666%; }
.col_12_12 { width: 100%; }

.gap5 { gap: 0 5px; }
.gap10 { gap: 0 10px; }
.gap15 { gap: 0 15px; }
.gap20 { gap: 0 20px; }
.gap30 { gap: 0 30px; }
.gap40 { gap: 0 40px; }
.gap50 { gap: 0 50px; }
.gap60 { gap: 0 60px; }
.gap70 { gap: 0 70px; }
.gap80 { gap: 0 80px; }
.gap90 { gap: 0 90px; }
.gap100 { gap: 0 100px; }
.gap120 { gap: 0 120px; }
.gap150 { gap: 0 150px; }

.fit_img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 100;
	margin: 0;
}

.round10 {
	border-radius: 10px;
	overflow: hidden;
}

.round15 {
	border-radius: 15px;
	overflow: hidden;
}

.round20 {
	border-radius: 20px;
	overflow: hidden;
}
/*---------------------------------------------------------------------------------------------------------------

	MARGIN

---------------------------------------------------------------------------------------------------------------*/

.automargin { margin: auto !important; } 
.nomargin { margin: 0px !important; }
.notopmargin { margin-top: 0px !important; }
.norightmargin { margin-right: 0px !important; }
.nobottommargin { margin-bottom: 0px !important; }
.noleftmargin { margin-left: 0px !important; }
.allmargin { margin: 30px !important; }
.topmargin { margin-top: 30px !important; }
.rightmargin { margin-right: 30px !important; }
.bottommargin { margin-bottom: 30px !important; }
.leftmargin { margin-left: 30px !important; }
.halftop { margin-top: 15px !important; }
.halfbottom { margin-bottom: 15px !important; }
.halfleft { margin-left: 15px !important; }
.halfright { margin-right: 15px !important; }
.halfmargin { margin: 15px !important; }

.h0 { margin-top: 0 !important; }
.h5 { margin-top: 5px !important; }
.h10 { margin-top: 10px !important; }
.h15 { margin-top: 15px !important; }
.h20 { margin-top: 20px !important; }
.h30 { margin-top: 30px !important; }
.h40 { margin-top: 40px !important; }
.h50 { margin-top: 50px !important; }
.h60 { margin-top: 60px !important; }
.h70 { margin-top: 70px !important; }
.h80 { margin-top: 80px !important; }
.h100 { margin-top: 100px !important; }



/*---------------------------------------------------------------------------------------------------------------

	PADDING

---------------------------------------------------------------------------------------------------------------*/

.nopadding { padding: 0px !important; }
.notoppadding { padding-top: 0px !important; }
.norightpadding { padding-right: 0px !important; }
.nobottompadding { padding-bottom: 0px !important; }
.noleftpadding { padding-left: 0px !important; }
.allpadding { padding: 30px !important; }
.halfpadding { padding: 15px !important; }
.toppadding { padding-top: 30px !important; }
.rightpadding { padding-right: 30px !important; }
.bottompadding { padding-bottom: 30px !important; }
.leftpadding { padding-left: 30px; !important; }



/*---------------------------------------------------------------------------------------------------------------

	LABEL

---------------------------------------------------------------------------------------------------------------*/
.label { 
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0 6px; 
	background: #222222;
	color: #ffffff; 
	font-size: 13px; 
	line-height: 22px; 
	height: 22px;
	letter-spacing: -0.025em;
	margin: 0 4px 0 0;
	border: 1px solid transparent;
}

.label.white { 
	background: #ffffff; 
	color: #444;
	border-color: #999; 
}

.label.primary { 
	background: #3081c7;
	border-color: #3081c7;
}

.label.success { 
	background: #30a74a;
	border-color: #30a74a;
}

.label.danger { 
	background: #dc232d; 
	border-color: #dc232d; 
}
	
.label.info { 
	background: #3D53A5;
	border-color: #3D53A5;
}

.label.warning { 
	background: #e1a116;
	border-color: #e1a116;
}

.label.light { 
	background: #e5e5e5;
	color: #666666;
	border-color: #e5e5e5;
}



/*---------------------------------------------------------------------------------------------------------------

	BADGE

---------------------------------------------------------------------------------------------------------------*/

.badge {
	display: inline-block;
	position: relative;
	vertical-align: middle;
    padding: .32em .9em .32em .9em;
    border-radius: 10rem;
	background: #222222;
	color: #fff; 
	font-size: 11px; 
	line-height: 1.4; 
	letter-spacing: 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	font-family: 'dotum', 돋움, sans-serif;
}

#m_wrapper .badge {
	font-size: 9px; 
	line-height: 1.2; 
}


.badge.white { 
	background: #ffffff; 
	color: #666666;
}

.badge.primary { 
	background: #007bff;
}

.badge.success { 
	background: #28a745;
}

.badge.danger { 
	background: #dc232d; 
}
	
.badge.info { 
	background: #3D53A5;
}

.badge.warning { 
	background: #e1a116;
}
.badge.pink { 
	background: #f1417b;
}

.badge.default { 
	background: #2692d0;
}

.badge.light { 
	background: #e5e5e5;
	color: #666;
}

/*===============================================================================================================

	Pagination

===============================================================================================================*/
.pagination {
	display: block;
	position: relative;
	padding: 0;
	margin: 0px auto 30px;
	text-align: center;
	clear: both;
	float: none;
}

.pagination li { 
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination li a {
	display: block;
	position: relative;
	padding: 0 6px;
	margin: 0 4px;
	height: 25px;
	line-height: 25px;
	text-align: center;	
	font-size: 14px;
	border: 1px solid #ffffff;
	font-family: 'Arial', sans-serif;
	border-radius: 2px;
	color: #999999;
	letter-spacing: 0;
}

#mobile .pagination li a {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 16px;
}

.pagination li a.control,
.pagination li a.control:hover {
	display: block;
	position: relative;
	padding: 0 8px;
	margin: 0;
	background: #ffffff;
	border: 1px solid #cccccc !important;	
	color: #000000;
}

#mobile .pagination li a.control,
#mobile .pagination li a.control:hover {	
	padding: 0 11px;
}

.pagination li a:hover,
.pagination .current {
	color: #000000;	
	font-weight: bold;
}

.pagination .current:hover {
	cursor: default; 
}

.pagination i {
	line-height: 25px;
	font-size: 15px;
}


#mobile .pagination i {
	line-height: 30px;
	font-size: 16px;
}


/*---------------------------------------------------------------------------------------------------------------

	BACKGROUND COLOR

---------------------------------------------------------------------------------------------------------------*/

.bg_primary { background: #007bff !important; }
.bg_success { background: #28a745 !important; }
.bg_danger { background: #dc232d !important; }
.bg_info { background: #17a2b8 !important; }
.bg_warning { background: #e1a116 !important; }
.bg_white { background: #ffffff !important; }
.bg_black { background: #000000 !important; }
.bg_light { background: #f7f7f7 !important; }


/*---------------------------------------------------------------------------------------------------------------

	TEXT COLOR

---------------------------------------------------------------------------------------------------------------*/
.text-default { color: #2692d0 !important;}
.text-primary { color: #428bca !important; }
.text-success { color: #31a000 !important; }
.text-danger { color: #dc232d !important; }
.text-info { color: #31708f !important; }
.text-warning { color: #f1a728 !important; }
.text-muted { color: #888888 !important; }
.text-orange { color: #ed4a13 !important; }
.text-white { color: #ffffff !important; }
.text-pink { color: #f60a84 !important; }
.text-skt { color: #4737df !important; }

/*---------------------------------------------------------------------------------------------------------------

	TYPOGRAPHY

---------------------------------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.gmarketL { font-family: 'GmarketSansLight'; }
.gmarketM { font-family: 'GmarketSansMedium'; }
.gmarketB { font-family: 'GmarketSansBold'; }

h1 { font-size: 36px; line-height: 1.3; margin-bottom: 10px; }
h2 { font-size: 32px; line-height: 1.3; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 1.3; margin-bottom: 10px; }
h4 { font-size: 25px; line-height: 1.4; margin-bottom: 5px; }
h5 { font-size: 22px; line-height: 1.3; margin-bottom: 5px; }
h6 { font-size: 18px; line-height: 1.3; margin-bottom: 5px; }
h1 small { font-size: 30px; }
h2 small { font-size: 24px; }
h3 small { font-size: 20px; }
h4 small { font-size: 18px; }
h5 small { font-size: 12px; }
h6 small { font-size: 11px; }

small { font-size: 90%; }
p { margin-bottom: 10px; }
address, em, dfn, cite, .italic { font-style: italic; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }

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

.strong { font-weight: bold; }
.normal { font-weight: normal; }

.w100 { font-weight: 100 !important; }
.w300 { font-weight: 300 !important; }
.w400 { font-weight: 400 !important; }
.w500 { font-weight: 500 !important; }
.w600 { font-weight: 600 !important; }
.w700 { font-weight: 700 !important; }
.w800 { font-weight: 800 !important; }
.w900 { font-weight: 900 !important; }

.normal		{ font-weight: 400 !important; }
.bold		{ font-weight: 700 !important; }
.bolder		{ font-weight: 800 !important; }
.light		{ font-weight: 300 !important; }

/*===============================================================================================================

	Table Style

===============================================================================================================*/
.table {
	display: block;
	position: relative;
	margin: 0 0 30px;
	font-size: 15px;
	color: #202020;
	line-height: 25px;
	letter-spacing: -0.015em;
	border-top: 1px solid #999999;
}

.table table {
	width: 100%;
	
}

.table thead .td,
.table thead .th {
	padding: 15px 20px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	text-align: center;
	font-weight: 600;
	background: #f7f7f7;
}

.table thead .td {
	background: #ffffff;
}
.table tbody .th,
.table tbody .td {
	padding: 20px 20px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

.table tr .td:first-child,
.table tr .th:first-child {
	border-left: none !important;
}

.table tr .td:last-child,
.table tr .th:last-child {
	border-right: none !important;
}

.table .th {
	font-weight: 400;
	color: #000000;
	background: #f7f7f7;
}


.table.striped tr:nth-child(even) {
	background: #f9f9f9;
}

.table.noborder {
	border-top: none;
}

.table.thin thead .th {
	padding: 5px 12px;
}

.table.thin tbody .th,
.table.thin tbody .td {
	padding: 8px 12px;
}


.table.noborder thead .th,
.table.noborder tbody .th,
.table.noborder tbody .td {
	border-bottom: none;
	border-left: none;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.table.noborder.thin thead .th,
.table.noborder.thin tbody .th,
.table.noborder.thin tbody .td {
	padding: 8px 0px;
}


#m_wrapper .table {
	display: block;
	position: relative;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0;
}

#m_wrapper .table tbody .th,
#m_wrapper .table tbody .td {
	padding: 12px 8px;
	background: #ffffff;
}

#m_wrapper .table tbody .th {
	color: #000;
	font-weight: bold;
}

#m_wrapper .table.thin .th,
#m_wrapper .table.thin .td {
	padding: 8px 7px;
	background: #ffffff;
}

#m_wrapper .table.striped tr:nth-child(even) .th,
#m_wrapper .table.striped tr:nth-child(even) .td {
	background: #f9f9f9;
}


/*===============================================================================================================

	POP MODAL

===============================================================================================================*/
.popup_modal_wrapper {
	position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    display: none;
	z-index: 2000;
}

.popup_modal {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
	z-index: 2000;
}

.popup_modal_header {
	display: block;
	position: relative;
	padding: 20px 20px;
	margin: 0;
	background: #f1f1f1;
	font-size: 18px;
	color: #000000;
	letter-spacing: 0;
	border-bottom: 1px solid #cccccc;
	border-radius: 3px 3px 0 0;

}

button.btn_close {
	display: block;
	position: absolute;
	border: none;
	margin: 0;
	padding: 0;
	width: 45px;
	height: 45px;
	top: 0;
	right: 0;
	text-align: center;
	font-size: 40px;
	line-height: 45px;
	font-weight: normal;
	color: #222222;
	outline: none;
}

.popup_modal_body {
	display: block;
	position: relative;
	padding: 55px 20px 20px;
	background: #ffffff;
	font-size: 15px;
	line-height: 25px;
	color: #222222;
	border-radius: 0 0 3px 3px;
	font-family: '맑은고딕', Malgun Gothic, sans-serif;
	overflow-y: scroll;
	word-spacing: break-all;
}