@import url(font.css);			/** Web Font Include	**/

.web_menu_a { padding-top:40px !important; padding-bottom:40px !important; }
@media screen and (max-width: 1180px) {.content.content_top_margin { margin-top:62px !important; }}

/* MOBILE GNB CSS */
/*.modal { position:fixed; left:0; top:72px; width:100%; height:100%; background-color:rgba(255,255,255, 1.0); opacity:0; visibility:hidden; transition:visibility 0s linear 0.5s, opacity 0.5s 0s, transform 0.5s; }*/
.modal { padding-top :50px;  position:fixed; right:0; top:0; width:70%; height:100%; background-color:rgba(255,255,255, 1.0); opacity:0; visibility:hidden; transition:visibility 0s linear 0.5s, opacity 0.5s 0s, transform 0.5s;box-shadow: -20px 0 30px rgba(0, 0, 0, 0.07);}
/*
.modal { transform:translateY(50px); transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; }
*/
/*.close-button { width:1.6rem; height:1.6rem; background:#fff; color:#000; font-size:18pt; text-align:center; cursor:pointer; position:fixed; top:-50px; right:16px; z-index:999; }*/
.close-button { width:1.6rem; height:1.6rem; background:#fff; color:#000; font-size:18pt; text-align:center; cursor:pointer; position:fixed; top:19px;right:33px; z-index:999; }
.show-modal { opacity:1; visibility:visible; transform:scale(1.0); transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:9; }
.trigger { height:62px; margin-right:5px; padding:0; background:none; color:#404040; font-size:16pt; border:0; float:right; display:none;position:absolute;right:20px;top:0;align-items: center;justify-content: center; }

@media screen and (max-width: 1180px) {
	.mobile_arrow { display:none; }
	.trigger { display:flex;}
}

/*#cbp-spmenu-s1 { text-align:center; letter-spacing:0.08em; position:absolute; left:50%; top:40%; transform:translate(-50%, -50%); !*display:flex; justify-content: center; align-items: center;*! }*/
#cbp-spmenu-s1 {margin-top: 10px;}
#cbp-spmenu-s1 h3:last-child {border-bottom: 1px solid #eeeeee;}
#cbp-spmenu-s1 h3 { padding:20px 0; text-align: center; border-top: 1px solid #eeeeee;}
#cbp-spmenu-s1 h3 a { padding-bottom:0; color:#404040; font-size:20px; }
#cbp-spmenu-s1 a {color:#404040; font-size:18px; display:block; text-align: center; padding-bottom: 20px;}
#cbp-spmenu-s1 h1.m_sns_img { margin-top:20px; text-align: center;font-weight: 400;}
#cbp-spmenu-s1 h1.m_sns_img img { height:27px; margin:0 7px; border-radius:5px; box-shadow:1px 1px 2px #bbb; cursor:pointer; }
#cbp-spmenu-s1 h1.m_sns_img a { display:inline; font-size: 14px}

/* NEW MENU - LOGIN, JOIN */
.agnl { text-align:left; }
.agnr { text-align:right; }
.fleft { float:left; }
.fright { float:right; }
.mtop10 { margin-top:10px; }
.mright20 { margin-right:20px; }
.bl600 { font-weight:600; }
.smc { font-size:5px; }
.color_d100r { color:#164288; }
.mem_cont li, .outlayer li { list-style:none; }
.mem_cont input[type="text"],
.memlayer input[type="text"], .outlayer input[type="text"] {width:100%;padding:15px 20px;font-size:11pt;border-radius: 10px;background:#F3F4F8;border:none;height:60px;border:none !important;font-weight:500;}
.mem_cont input[type="password"],
.memlayer input[type="password"], .outlayer input[type="password"] {width:100%;margin:5px 0;padding:15px 20px;font-size:11pt;background:#F3F4F8;border:none;border-radius: 10px;height:60px;font-weight:500;}
.mem_cont input.btn_mem,
.memlayer input.btn_mem, .outlayer input.btn_mem {padding:18px 20px; background:#F59140;color:#fff; font-size:13pt; font-weight:600; border:0; border-radius:10px;cursor:pointer;}
.memlayer input.btn_mem_new, .outlayer input.btn_mem_new {margin-top:20px; margin-bottom:10px; padding:13px 22px; background:#164288;color:#fff; font-size:13pt; font-weight:600; border:0; border-radius:5px;cursor:pointer;}
.mem_cont input.btn_in_mem,
.memlayer input.btn_in_mem_new, .outlayer input.btn_in_mem_new {padding:13px 22px;background:#fff;color:#164288;font-size:16px;font-weight:400;border:1px solid #164288;border-radius:10px;cursor:pointer;}
.memlayer input.btn_in_mem, .outlayer input.btn_in_mem {padding: 18px 20px;background:#fff;color:#164288;font-size:16px;font-weight:400;border:1px solid #164288;border-radius:10px;cursor:pointer;}
.mem_cont input.btn_in_mem2,
.memlayer input.btn_in_mem2, .outlayer input.btn_in_mem2 {padding:10px 20px;background:#FFF8F8;color:#BF2121;font-size:16px;font-weight:400;border:1px solid #BF2121;border-radius:10px;cursor:pointer;}
.inpw100p { width:100% !important; }
.inpw70p { width:70% !important; }
.inpw50p { width:50% !important; }
.inpwS50p { width:50% !important; }
.inpwE50p { width:40% !important; }
.inpw30p { width:30% !important; }
.inpw20p { width:20% !important; }
.inpw120 { width:120px !important; }
.inpw160 { width:160px !important; }
.inpw150 { width:150px !important; }

input[type="text"]::placeholder, input[type="password"]::placeholder { color:#bbb !important;font-size:16px;font-weight:500; }

input[type="radio"] { width:auto; border:0;accent-color: #164288;}
input[type="radio"] + label span {
	display:inline-block; width:40px; height:35px; vertical-align:middle;
	background:url(../img/check_radio_sheet.png) left top no-repeat; cursor:pointer; }
input[type="checkbox"] { width:auto; border:0; }
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label span { display:inline-block; width:23px; height:23px; vertical-align:middle; background:url(../img/paju/checkbox-off.svg) left top no-repeat; cursor:pointer; background-size: 20px;}
input[type="checkbox"]:checked + label span { background:url(../img/paju/checkbox-on.svg) left top no-repeat;background-size: 20px; }

select.d100sel { width:100px; margin-right:10px; padding:15px 20px; background:url(../img/select_arr.png) no-repeat right center; color:#999; font-size:11pt; border:1px solid #ccc; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display: none; }

.mem_cont { max-width:680px; margin:0 auto; color:#333; }
.mem_tit { margin-top:40px; margin-bottom:40px; padding:20px 10px; font-size:35px; font-weight:700; text-align:center; color: #333; }
.mem_tit2 {margin-bottom:40px; padding-left:10px; font-size:13pt; font-weight:300; text-align:left; }
.mem_login_box { width:490px; margin:0 auto; }
.mem_login_box li:first-child { margin-bottom:8px; }
.mem_login_box .agnl label { color:#333;font-size:16px;font-weight:500; }
.mem_login_box .agnl { margin-bottom:40px; }
.mem_login_box .al_cnt { color:#C0C9CF;margin-top:40px; }
.mem_login_box .al_cnt a { font-size:15px;color:#333;font-weight:500; }
.mem_login_box input[type="button"] { background:#F59140; }
.mem_join_s1box_bar { border-bottom:1px solid #DFEBFF; }
.mem_join_s1box { max-height:140px; min-width: 90px; cursor:pointer; }
.mem_join_s1box li { width:70%; height:100px; text-align:left; vertical-align:center; display:inline-block; float:left; }
.mem_join_s1box li:first-child { width:20%; }
.mem_join_s1box li:first-child img { margin-left:30px; }
.mem_join_s1box li.mem_arr { width:10%; background:url(../img/mem_join_arr.png) no-repeat center; }
.mem_join_s1box li p {color:#164288; font-size:20px; font-weight:600; }
.cert_topbar { padding-bottom:40px; color:#444; font-weight:600; text-align:left; border-bottom:1px solid #999; }
.mem_box_intput { margin-top:20px; margin-bottom:60px; }
.memlayer div.mem_box_intput, .memlayer div.mem_box_intput { margin-top:20px; margin-bottom:0; }
.mem_box_intput li { width:82%; color:#444; text-align:left; display:inline-block; }
.mem_box_intput li.inp_tit { width:15%; font-weight:600; }
.mem_box_intput li.inp_tit1 { width:50%; font-weight:600; }
.mem_box_intput li.inp_tit2 { width:25%; font-weight:600; }
.mem_box_intput li.inp_tit3 { width:8%; font-weight:600; }
.mem_box_intput li.inp_tit4 { width:100%; font-weight:600; }
.mem_box_intput li.inp_tit5 { width:15%; font-weight:600; }
.mem_box_intput li.inp_tit6 { width:80%; font-weight:600; }
.mem_box_intput li.inp_not { padding:10px 0; }
.mem_box_intput li p { font-size:14px; }


/* LAYER CSS */
.memlayer, .outlayer { position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); opacity:0; visibility:hidden; transform:scale(1.1); transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; }
.memlayer-content { width:450px; padding:1rem 1.5rem; border-radius: 10px; background:#fff; position:absolute; top:50%; left:50%; z-index:999; transform:translate(-50%, -50%); }
.outlayer-content {width:440px;background:#fff; position:absolute;top:50%; left:50%; z-index:99999999; transform:translate(-50%, -50%);border-radius: 10px;}
.memlayer_cont li.memlayer_subtit {  padding:10px 15px; margin-bottom:10px; padding-bottom:30px; font-size:16px; border-bottom:1px solid #eee; !important;}
.memlayer_cont li.memlayer_tit { font-size:16pt; font-weight:600;}

/* .outlayer_cont li { padding:0px 20px; color:#444; font-size:12pt; } */
.outlayer_cont li.outlayer_tit { font-size:16px; font-weight:600; }
.outlayer_cont li.outlayer_tit_new {background-color:#ffffff;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 20px 0;text-align: unset;font-size:24px; font-weight:700; color:#404040; margin-bottom:10px; border-bottom:1px solid #eeeeee !important;}
.outlayer_cont li.outlayer_subtit { margin-top: 20px; margin-bottom:10px; padding:20px 30px; font-size:16pt; text-align: center;}
.show-memlayer, .show-outlayer { opacity:1; visibility:visible; transform:scale(1.0); transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }
.mem_layer_tit { padding:10px 0 15px; color:#404040; font-size:13pt; font-weight:600; text-align:left; border-bottom:1px solid #eeeeee; }

@media screen and (max-width: 1023px) {
	.m_show { display:block; }
	.mem_cont { width:90%; margin-top:100px; }
	.mem_login_box { width:100%; }
	.mem_join_s1box li { width:65%; margin-left:20px; }
	.mem_join_s1box li p { margin-top:0; }
	.mem_join_s1box li:first-child { margin-left:10px; }
	.mem_join_s1box li:first-child img { margin-left:0; }
	.mem_box_intput li { width:100%; display:block; }
	.m_hide,
	.mem_join_s1box li.mem_arr,
	.mem_box_intput li.inp_tit { width:100%; margin-top: 10px; }
	.mem_box_intput li.inp_tit1 { width:60%; font-weight:600; !important; }
	.mem_box_intput li.inp_tit2 { width:20%; font-weight:600; !important;}
	.mem_box_intput li.inp_tit3 { width:10%; font-weight:600; !important;}
	.mem_box_intput li.inp_tit4 { width:100%; font-weight:600; !important;}
	.mem_box_intput li.inp_tit5 { width:15%; font-weight:600; }
	.mem_box_intput li.inp_tit6 { width:80%; font-weight:600; }
	.inpw70p { width:100% !important; }
	.inpw50p { width:45% !important; }
	.inpwS50p { width:100% !important; }
	.inpwE50p { width:70% !important; }
	.inpw160 { width:70px !important; }
	select.d100sel { width:80px; margin-right:5px; padding:15px; }

	.mem_cont input.btn_mem { width:45% !important; }
	.mb_btn_in_mem { padding:9px 9px !important; }
	.mem_login_box input.inpw100p { width:100% !important; }

	.mem_cont input[type="text"], .memlayer input[type="text"], .outlayer input[type="text"] { padding:13px 15px; }
	.mem_cont input[type="password"], .memlayer input[type="password"], .outlayer input[type="password"] { padding:13px 15px; }
	.mem_cont input.btn_in_mem, .memlayer input.btn_in_mem, .outlayer input.btn_in_mem { padding:9px 15px; }

	.memlayer, .outlayer { position:fixed; left:0; top:-50; z-index:9999; }
	.memlayer-content, .outlayer-content { width:90%; margin-top:15px; padding:10px; }
	.memlayer input.inpw30p, .outlayer input.inpw50p { width:90% !important; }
	.outlayer_cont li { padding:0px 0; }
	.outlayer_cont li.outlayer_tit { font-size:16px; }
	.outlayer_cont li.outlayer_subtit { margin-bottom:10px; padding-bottom:20px; }
}

@media screen and (max-width: 480px) {
	table td{padding: 0px 0px; !important;}
	.m_show { display:block; }
	.mem_cont { width:90%; margin-top:100px; }
	.mem_login_box { width:100%; }
	.mem_join_s1box li { width:65%; margin-left:20px; }
	.mem_join_s1box li p { margin-top:0; }
	.mem_join_s1box li:first-child { margin-left:10px; }
	.mem_join_s1box li:first-child img { margin-left:0; }
	.mem_box_intput {font-size: 14px;margin-top:3px;}
	.mem_box_intput { margin-top:50px; margin-bottom:60px; }
	.mem_cont input[type="text"], .memlayer input[type="text"], .outlayer input[type="text"] { font-size:16px;}
	.mem_box_intput li { width:100%; display:block; }
	.m_hide,
	.mem_join_s1box li.mem_arr,
	.mem_box_intput li.inp_tit { width:100%; margin-top: 10px; }
	.mem_box_intput li.inp_tit1 { width:60%; font-weight:600; !important; }
	.mem_box_intput li.inp_tit2 { width:20%; font-weight:600; !important;}
	.mem_box_intput li.inp_tit3 { width:10%; font-weight:600; !important;}
	.mem_box_intput li.inp_tit4 { width:100%; font-size: 12px; font-weight:600; !important;}
	.mem_box_intput li.inp_tit5 { width:15%; font-weight:600; }
	.mem_box_intput li.inp_tit6 { width:80%; font-weight:600; }

	.inpw70p { width:100% !important; }
	.inpw50p { width:45% !important; }
	.inpwS50p { width:100% !important; }
	.inpwE50p { width:70% !important; }
	.inpw160 { width:70px !important; }
	select.d100sel { width:80px; margin-right:5px; padding:15px; }

	.mem_cont input.btn_mem { width:45% !important; }
	.memlayer input.btn_mem, .outlayer input.btn_mem {padding:10px 15px; border-radius: 10px; background:#164288; color:#fff; font-size:10pt; font-weight:600; border:0; border-radius:3px; cursor:pointer; }
	.mb_btn_in_mem { padding:9px 9px !important; }
	.mem_login_box input.inpw100p { width:100% !important; }
	.mem_cont input[type="text"], .memlayer input[type="text"], .outlayer input[type="text"] { padding:13px 15px; }
	.mem_cont input[type="password"], .memlayer input[type="password"], .outlayer input[type="password"] { padding:13px 15px; }
	.mem_cont input.btn_in_mem, .memlayer input.btn_in_mem, .outlayer input.btn_in_mem { padding:9px 15px; }

	input[type="radio"] { width:auto; border:0; }
	input[type="radio"] + label span {border: 1px solid #bbbbbb;display:inline-block; width:40px; height:35px; vertical-align:middle; background:url(../img/check_radio_sheet.png) left top no-repeat; cursor:pointer;}
	input[type="radio"]:checked + label span { background:url(../img/check_radio_sheet.png) left -50px no-repeat; }

	input[type="checkbox"] { width:auto; border:0; }
	input[type="checkbox"] { display:none; }
	input[type="checkbox"] + label span { display:inline-block; width:28px; height:28px; vertical-align:middle; background:url(../img/paju/checkbox-off.svg) left top no-repeat; cursor:pointer; background-size: 20px;}

	.memlayer input.inpw30p, .outlayer input.inpw50p { width:80% !important; }

	.outlayer_cont li.outlayer_tit { font-size:16px; }
	.outlayer_cont li.outlayer_subtit { margin-bottom:10px; padding-bottom:20px; }

	.memlayer, .outlayer { position:fixed; left:0; top:0; z-index:99999999999999; width:100vw; height:100vh; background-color:rgba(0, 0, 0, 0.5); opacity:0; visibility:hidden; transform:scale(1.1); transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; !important;}
	.memlayer-content { width:90%; padding:1rem 1.5rem; background:#fff; position:absolute; top:50%; left:50%; z-index:999; transform:translate(-50%, -50%); !important;}
	.outlayer-content { width:90%; background:#fff; position:absolute; top:50%; left:50%; z-index:9999999; transform:translate(-50%, -50%); !important;}
	.outlayer_cont li { padding:0px; color:#444; font-size:10pt; !important;}
	.outlayer_cont li.outlayer_tit_new {background-color:#ffffff; font-size:23px; font-weight:700; color:#404040; margin-bottom:10px; border-bottom:1px solid #eeeeee !important;}
	.outlayer_cont li.outlayer_tit { font-size:16px; font-weight:600;}
	.outlayer_cont li.outlayer_subtit { margin-bottom:10px; padding-bottom:20px; font-size:16pt;}
	.memlayer_cont li.memlayer_subtit { padding:10px 22px; margin-bottom:10px; padding-bottom:30px; font-size:12pt;}
	.memlayer_cont li.memlayer_tit { font-size:16pt; font-weight:600;}
	.show-memlayer, .show-outlayer { z-index: 999999999; opacity:1; visibility:visible; transform:scale(1.0); transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; !important;}
	.mem_layer_tit { padding:10px 22px; color:#444; font-size:13pt; font-weight:600; text-align:left;}
	.toggle input:checked + label::after {left: 42px !important;}
}
.toggle {position: relative;display: inline-block;}
.toggle input {display: none;}
.toggle label {text-align: left;display: block;text-indent: -250%;user-select: none; position: relative;}
.toggle label::after {content: "";display: block;position: absolute;cursor: pointer;}
.toggle label::before { /* 배경 */width: 54px;height: 100%;background-color: #d9d9d9;border-radius: 1em;content: "";display: block;cursor: pointer;-webkit-transition: background-color 0.25s ease;transition: background-color 0.25s ease;/* 배경색 애니메이션*/}
.toggle label::after { /* 스위치 */top: 3px;width: 20px;height: 20px;border-radius: 50%;background-color: #fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);-webkit-transition: left 0.25s ease;transition: left 0.25s ease;left:3px;}
.toggle input:checked + label::after { left: 31px;}
.toggle input:checked + label::before { background:#164288; }