@charset "utf-8";

@font-face {
	font-family:"ns";
	font-style:normal;
	font-weight:400;
	src:url("../font/NotoSans-Regular.woff2") format("woff"),
	url("../font/NotoSans-Regular.woff") format("woff")
}

@font-face {
	font-family:"nsm";
	font-style:normal;
	font-weight:500;
	src:url("../font/NotoSans-Medium.woff2") format("woff"),
	url("../font/NotoSans-Medium.woff") format("woff")
}

@font-face {
	font-family:"nsb";
	font-style:normal;
	font-weight:700;
	src:url("../font/NotoSans-Bold.woff2") format("woff"),
	url("../font/NotoSans-Bold.woff") format("woff")
}


/* Reset */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; word-break:keep-all;}
*:focus {outline:none}
html {height:100%; overflow-y:scroll; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; line-height:1.3; font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
body {width:100%; height:100%; min-width:320px; color:#2d2d2d; font-size:1rem; font-family:"ns", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch; 	/* padding-top:constant(safe-area-inset-top); padding-bottom:constant(safe-area-inset-bottom); padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); */}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}

/* input::-ms-clear,
input::-ms-reveal {display:none; width:0; height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;} */

input {border:1px solid #d5d5d5; border-width:0 0 1px 0; overflow:visible; transition:border 0.4s; color:#111}
input[type="text"], 
input[type="password"], 
input[type="tel"], 
input[type="email"], 
input[type="number"], 
input[type="date"], 
input[type="search"] {width:100%; height:45px; font-size:18px; padding:0 29px 0 5px; outline:none; font-family:"nsm"; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#fff}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none;}

input[type="date"] {background:url(../images/icon/icon_cal.png) right 12px center no-repeat; background-size:20px;}
input[type="date"]::-webkit-calendar-picker-indicator {color:transparent; background:none;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}

input:read-only {color:#111; -webkit-text-fill-color:inherit; background:#f3f3f3;}
input.readonly {color:#111; -webkit-text-fill-color:inherit; background:#f3f3f3;}
input:disabled {color:#b7b7b7; -webkit-text-fill-color:inherit; background:#f3f3f3;} 
input:focus {color:#111; transition:all 0.4s; border-color:#0263e1;}
input.error {color:#da2631; transition:all 0.4s; border-color:red;}

::-webkit-input-placeholder {font-size:16px; color:#aeaeae; vertical-align:middle}
input[type="tel"]::placeholder,
input[type="number"]::placeholder {text-align: left;}
input.has_txt[type="text"]::placeholder {text-align: left;}

select,
.select_btn {width:100%; min-height:45px; padding:0 30px 0 5px; cursor:pointer; font-size:16px; font-family:"ns", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-transform:none; transition:border 0.4s; border-bottom:1px solid #d5d5d5; background:#fff url(../img/common/icon_select.png) right 6px center no-repeat; -webkit-background-size:10px 5px; background-size:13px 7.5px}
.select_btn {text-align:left;}
select::-ms-expand {display:none}
select:disabled {color:#b7b7b7; transition:all 0.4s; -webkit-text-fill-color:inherit; background:#eee url(../img/common/icon_select_disabled.png) right 6px center no-repeat; background-size:11px 6.5px}
select:disabled option {color:#b7b7b7}
select:focus {color:#111; transition:all 0.4s; border-color:#0263e1;}

strong {display:inline-block; font-family:'nsb';}
fieldset, img, iframe {border:0 none}
img {max-width:100%; height:auto; vertical-align:middle; border-style:none}
textarea {width:100%; padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box; resize:none; border:1px solid #d5d5d5; font-family:"ns", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:4px; outline:none; transition:0.4s border}
textarea:focus {border-color:#0263e1}
em, address {font-style:normal}
a {text-decoration:none; background-color:transparent; vertical-align:middle; -webkit-text-decoration-skip:objects; color:#000; word-break:break-word}
a:hover, a:active, a:focus {text-decoration:none}
menu,li {list-style:none}
s {text-decoration:none;}
button {padding:0; margin:0; overflow:visible; cursor:pointer; vertical-align:middle; text-transform:none; font-family:"ns", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; border:none; background:none;}
button, html [type="button"], [type="reset"],[type="submit"] {/*-webkit-appearance*/}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address {font-style:normal}
label {cursor:pointer}
table {width:100%; color:#000; table-layout:fixed; border-spacing:0; border-collapse:collapse}
table td {word-wrap:break-word}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}


/* 공통 */
.hidden {position:absolute; left:-9999em; top:-9999em; width:0px; height:0px; overflow:hidden}
.block {display:block !important;}
.ib {display:inline-block;}
.tar {text-align:right !important}
.tal {text-align:left !important}
.tac {text-align:center !important}
.fl {float:left !important}
.fr {float:right !important}
.fn {font:none !important; overflow:hidden;}
.b {font-family:"nsb";}
.w100 {width:100% !important}
.bdn {border:none !important}
.bdtn {border-top:none !important;}
.hide {display:none !important;}
.els {display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;}
.fwm {font-family:'nsm' !important;}
.lh {line-height:24px}
.lh_s {line-height:20px}
.por {position:relative;}
.poa_rc {position: absolute; right:0; top:50%; transform:translateY(-50%)}

/* 보안 키보드 */
.kpd-image-button {max-width:none;}
div.nppfs-keypad-div {position:fixed !important; z-index:9999; -webkit-transform:translate3d(0,0,1px); transform:translate3d(0,0,1px);}

/* 간격 */
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt80 {margin-top:80px !important}
.mt100 {margin-top:100px !important}

.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb45 {margin-bottom:45px !important}
.mb50 {margin-bottom:50px !important}
.mb100 {margin-bottom:100px !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}
.mr30 {margin-right:30px !important}
.mr40 {margin-right:40px !important}
.mr50 {margin-right:50px !important}

.ml0 {margin-left: 0 !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}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}

.p0 {padding:0 !important}
.pt0 {padding-top:0 !important;}
.p10 {padding-left:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pl10 {padding-left:10px !important;}

/* 크기 */
.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}

/* 폰트컬러 */
.f_color01 {color:#0263e1 !important;}
.f_color02 {color:#111 !important;}
.f_color03 {color:#222 !important;}
.f_color04 {color:#6b6b6b !important;}

body.fix {position:fixed; width:100%; height:100%; overflow:hidden; touch-action:none;}
body.fix #wrap {position:fixed; width:100%;}

#wrap {height:100%;}
#content {position:relative; overflow:hidden;}


/* 레이아웃 */
header {height:70px;}
header .in {display:flex; position:fixed; left:0; top:0; z-index:150; width:100%; align-items:center; height:70px; padding:0 20px; background:#fff}
header h1 {color:#161616; font-size:20px; font-family:'nsb'; order:2}
header .prev {display:inline-block; width:57px; height:70px; margin-left:-24px; margin-right:-7px; text-indent:-9999em; order:1; background:url(../img/common/page_prev.png) center center / 8px auto no-repeat}
header .h_fn {order:3; margin-left:auto}
header .h_fn > a {position:relative; display:inline-block; min-width:48px; height:48px; text-align:center; line-height:46px}
header .h_fn .ic_down {text-indent:-9999em; background:url(../img/common/icon_down.png) center center / 18px auto no-repeat}
header .h_fn .ic_down::after {content:''; display:block; position:absolute; right:0; top:14px; width:1px; height:20px; background-color:#ddd}
	.android header .prev {background-position:center 29px;} 
footer {padding:1.785rem 1.785rem 2.142rem; margin-top:2.5rem; border-top:1px solid #e4e3e3; background-color:#f2f2f2}
footer span img {width:6.785rem;}
footer address {margin-top:1.071rem; font-size:0.857rem; color:#8e8e8e}
footer p {margin-top:0.357rem; font-size:0.857rem; color:#8e8e8e}


/* 체크, 라디오, 폼 */
.i_check {display:inline-block; position:relative; padding-left:30px; overflow:hidden; color:#6b6b6b; vertical-align:middle; font-size:14px}
.i_check i {display:inline-block; width:22px; height:22px; margin:0 10px 4px -30px; outline:none; vertical-align:middle; background:url(../img/common/icon_check.png) center center / cover no-repeat}
.i_check input[type=checkbox] {position:absolute; left:-9999em; opacity:0}
.i_check input[type=checkbox]:checked + i {background-image:url(../img/common/icon_check_on.png)}
.i_check input[type=checkbox]:disabled + i {background-image:url(../img/common/icon_check_dis.png)}

.i_radio {display:inline-block; position:relative; padding-left:34px; overflow:hidden; color:#6b6b6b; font-size:16px; vertical-align:middle}
.i_radio i {display:inline-block; width:24px; height:24px; margin:0 8px 4px -34px; outline:none; vertical-align:middle; background:url(../img/common/icon_radio.png) center center / cover no-repeat}
.i_radio input[type=radio] {position:absolute; left:-9999em; opacity:0}
.i_radio input[type=radio]:checked + i + span {color:#0263e0; font-family:'nsb';}
.i_radio input[type=radio]:checked + i {background-image:url(../img/common/icon_radio_on.png)}
.i_radio input[type=radio]:disabled + i {background-image:url(../img/common/icon_radio_dis.png)}

.s_check {display:inline-block; position:relative; padding-left:25px; overflow:hidden; color:#6b6b6b; font-size:16px; vertical-align:middle}
.s_check i {display:inline-block; width:17px; height:17px; margin:0 10px 4px -25px; outline:none; vertical-align:middle; background:url(../img/common/icon_c_check.png) left center no-repeat; background-size:17px}
.s_check input[type=checkbox] {position:absolute; left:-9999em; opacity:0}
.s_check input[type=checkbox]:checked + i {background-image:url(../img/common/icon_c_check_on.png)}
.s_check input[type=checkbox]:checked + i + span {color:#111; font-family:'nsb';}

.s_radio {display:inline-block; position:relative; padding-left:27px; overflow:hidden; vertical-align:middle; color:#111; font-size:14px; font-family:'nsm';}
.s_radio i {display:inline-block; width:17px; min-height:13px; margin:-2px 7px 0px -22px; outline:none; vertical-align:middle; background:url(../img/common/icon_v_radio.png) left top / 17px auto no-repeat}
.s_radio input {position:absolute; left:-9999em; opacity:0}
.s_radio input:checked + i + span {color:#111;}
.s_radio input:checked + i {background-image:url(../img/common/icon_v_radio_on.png)}
.s_radio input:disabled + i {background-image:url(../img/common/icon_v_radio_dis.png)}
.s_radio input:disabled + i + span {color:#aaabad;}

.radio_tab {display:flex; min-height:39px; border-radius:18px; background-color:#f5f5f5;}
.radio_tab > li {flex:1; position:relative; text-align:center; font-size:14px;}
.radio_tab > li label {display:block; height:100%; font-family:'nsm'; color:#6b6b6b}
.radio_tab > li span {display:block; position:relative; padding:10px 3px 11px;}
.radio_tab label input[type=radio] {position:absolute; left:-9999em; opacity:0}
.radio_tab label input[type=radio]:checked + span {color:#fff; border-radius:22px; background-color:#0263e1}


/* 버튼 */
.btn {display:inline-block; width:100%; height:45px; line-height:41px; text-align:center; overflow:hidden; border-radius:4px; font-size:16px; font-family:'nsm';}
.btn.disabled {color:#b3b3b3; border:2px solid #eaeaea; background:#eaeaea;}
.btn.sub {color:#2d2d2d; border:2px solid #ececec; background:#fff;}
.btn.black {color:#fff; border:2px solid #2d2d2d; background:#2d2d2d;}
.btn.blue {color:#fff; border:2px solid #0263e1; background:#0263e1;}
.btn.lineblue {color:#0263e1; border:2px solid #0263e1; background:#fff;}
.btn.linesub {color:#6b6b6b; border:2px solid #d5d5d5; background:#fff;}
.btn.sm {height:35px; line-height:32px; font-size:13px; border-width:1px}
.btn.more {margin-top: 10px; margin-bottom: 20px;}
.btn.more span {display: inline-block; padding-right:20px; color:#111; font-size:13px; font-family:'nsm'; background:url(../img/common/icon_more.png) right center / 10px 6px no-repeat;}

.btn_set {display:flex; width:100%; justify-content:space-between;}
.btn_set .btn {margin-right:10px;}
.btn_set .btn:last-child {width:100%; margin:0px;}

.fix_btn {display:flex; position:fixed; left:50%; bottom:0; z-index:50; width:100%; /* max-width:768px; */ padding:10px; justify-content:space-between; transform:translateX(-50%); border-top:1px solid #eaeaea; background:#fff;}
.fix_btn .btn {height:52px; line-height:47px;}

.fix_btn .btn:first-child {width:calc(45% - 10px);}
.fix_btn .btn:last-child {width:55%;}

.fix_btn.third .btn {width:calc(33.3% - 10px);}
.fix_btn.third .btn:last-child {width:33.3%;}

.fix_btn.oz .btn {width:calc(25% - 10px);}
.fix_btn.oz .btn:last-child {width:25%;}



/* 폼 그룹 */
.inp, .select {display:block; position:relative; width:100%;}
.val_del {display:none; position:absolute; right:6px; top:50%; width:16px; height:16px; text-indent:-9999px; transform:translateY(-50%); background:url(../img/common/icon_inp_del.png) 0 0 no-repeat; background-size:16px;}
.has_txt {text-align: right;}

.inp_txt {position:relative;}
.inp_txt ~ .inp_txt {margin-top:5px;}
.inp_txt span.txt {position:absolute; right:2px; top:50%; margin-top:1px; transform:translateY(-50%);}

.form_group {display:flex; position:relative; justify-content:space-between; align-items:center;}
.form_group i {display:inline-block; position:relative; top:-1px; vertical-align:middle; font-size:16px; color:#555; padding:0 3px;}
.form_group i:first-child {display:none;}

.form_group.email i {top:-2px; width:auto; height:auto; background:none;}

.form_group.sum i {display:none;}
.form_group.sum .inp_txt {width:50%}
.form_group.sum .inp_txt ~ .inp_txt {margin-left:12px; margin-top:0;}

.form_group.search .search_go {display:inline-block; position:absolute; right:0; top:0; width:32px; height:36px; text-indent:-9999em; background:url(../img/common/icon_search.png) right 6px center / 16px no-repeat;}
.form_group.search input {padding-right:65px;}
.form_group.search .val_del {right:43px;}

.form_group.type_sel .select {width:100%; margin-right:11px;}
.form_group.type_sel .select ~ .select:last-child {margin-right:0;}
.form_group.type_sel .select + i {display:none;}
.form_group.type_sel .inp + .select {margin-right:0; margin-left:11px;}
.form_group.type_sel .inp + i {display:none;}
.form_group.type_sel .inp ~ .inp {margin-left:11px;}

.form_group.date {display:block;}
.form_group.date:after {content:''; display:block; clear:both;}
.form_group.date .inp {float:left; width:calc(50% - 7px);}
.form_group.date i {position:relative; top:13px; float:left; width:14px; text-align:center;}
.form_group.date .val_del {display:none !important;}

.form_group.center input {text-align:center; padding-right:2px;}
.form_group.center .val_del {display:none !important;}

.input_time {display:flex;}
.input_time .time {flex:10}
.input_time .val_del {right:50px;}
.input_time .inp input {padding-right:76px;}
.input_time .count_num {position:absolute; right:2px; top:50%; margin-top:1px; font-size:14px; color:#0263e1; transform:translateY(-50%);}
.input_time .btn {width:80px; height:45px; margin-left:15px; line-height:43px; font-size:14px; font-family:'nsm';}

.form_group.reg_num .sec_key {background:url(../img/common/sec_key.png) right 6px center / 18px auto no-repeat;}
.form_group.reg_num .sec_key.one {background:url(../img/bg/onepass.png) 5px 15px / 113px auto no-repeat}
.form_group.reg_num .sec_key + .val_del {display:none !important;}

.form_group.no_dash .inp ~ .inp {margin-left:12px;}
.form_group.no_dash i {display:none;}

.form_group.tel .select {width:40%; margin-right:11px;}
.form_group.tel .inp {width:60%;}

.inp_info {display:block; margin-top:6px; color:#0263e1; font-size:13px;}
.inp_error {display:block; margin-top:6px; color:#ff1212; font-size:13px;}
.inp_error.icon {padding-left: 17px; background:url(../img/icon/inp_warring.png) 0 center / 12px no-repeat;}

.form_group .i_radio + .inp_txt {width:calc(100% - 27px)}
.form_group .i_radio {margin-top:10px;}
.form_group .i_radio i {top:0;}


/* 폼 리스트 */
.form_title {margin-bottom:25px; font-size:17px; color:#111; font-family:'nsb';}
.must {display:inline-block; position:relative; width:9px; text-indent:-9999em}
.must:after {content:'*'; display:block; position:absolute; right:0; top:0; text-indent:0; font-size:14px; color:#0263e1}
.form_list > ul > li {margin:40px 0 5px;}
.form_list > ul > li:first-child {margin-top:0;}
.form_list h3 {position: relative; margin-bottom:10px; line-height:1; font-size:15px; color:#111; font-family:'nsb';}
.form_list h3.req:after {content:'*'; display:inline-block; margin-left:4px; color:#0263e1;}
.form_list h3 > .desc {margin-left:8px; color:#0263e1; font-size:13px; font-family:'ns';vertical-align:middle}
.form_list .tit {display:flex; position:relative; justify-content:space-between;}
.form_list .hr_list li {margin-top:8px;}
.form_list .ratio_input {display:flex; justify-content:space-between;}
.form_list .ratio_input p:first-child {flex:1.4; margin-right:15px;}
.form_list .ratio_input p:last-child {flex:1.5}
.form_list .ratio_input p.one_thirds {flex:0.5}
.form_list .ratio_input p.two_thirds {flex:2}
.form_list .ratio_input p.tree_quarters {flex:4.5}
.form_list .desc {min-height:28px; padding-top:5px; font-size:15px; color:#888;}

.radio_list {margin-top:15px;}
.radio_list:after {content:''; display:block; clear:both}
.radio_list li {float:left; width:50%; margin-top:10px;}
.radio_list li:nth-child(1),
.radio_list li:nth-child(2) {margin-top: 0;}
.radio_list.on li {float:none; width:100%; margin-top:20px}
.radio_list.on li:first-child {margin-top:0;}
.radio_list li .sub_chk {margin-top:10px; padding-left:28px}

/* 닷 리스트  */
.dot_list_wrap .tit {margin-bottom:12px; font-size:13px; color:#0263e1;}
.dot_list li {position:relative; padding-left:10px; font-size:13px; line-height:20px; word-break:break-all; color:#001111}
.dot_list li ~ li {margin-top:9px;}
.dot_list li:before {content:''; display:block; position:absolute; left:0; top:9px; width:2px; height:2px; border-radius:1px;; background-color:#63a6f4;}

/* 사각점 리스트 */
.square_list li {position:relative; padding-left:12px; line-height:1.6; font-size:14px; font-family:'nsm'; color:#111}
.square_list li ~ li {margin-top:12px;}
.square_list li:before {content:''; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background-color:#0263e1;}
.square_list strong {display:inline;}
.square_list .two_depth {margin-top:10px; margin-left:-10px; padding:15px; border-radius:6px; background-color:#f2f6fa}
.square_list .two_depth h3 {margin-bottom:10px; font-size:13px; font-family:'nsb';}
.square_list .two_depth .square_list li:before {background-color:#6db2f8}
.square_list .two_depth .square_list + h3 {margin-top:18px;}

.dash_list_wrap .tit {margin-bottom:12px; font-size:13px; color:#0263e1;}
.dash_list li {position:relative; padding-left:15px; line-height:1.4; font-size:14px; color:#111}
.dash_list li ~ li {margin-top:20px;}
.dash_list li:before {content:''; display:block; position:absolute; left:0; top:8px; width:5px; height:2px; background-color:#0263e1;}


/* 팝업 */
.pop_slide {display:none; position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;}
.pop_slide .pop_inside {display:block; position:fixed; left:0; bottom:-100%; z-index:200; width:100%; padding:30px 20px 20px; border-radius:20px 20px 0 0; background:#fff;}
.pop_slide .inner_content {position:relative; overflow-y:auto; overflow-x:hidden;}
.pop_slide .p_top {position: relative; z-index: 1; height:52px;}
.pop_slide .p_top h2 {padding-right:44px; color:#161616; font-size:17px; font-family:'nsb';}
.pop_slide .p_top + .p_body {margin-top:0;}
.pop_slide .p_body {margin-top:52px;}
.pop_slide .p_exp {padding:30px 10px 40px;text-align:center}
.pop_slide .p_btn {width:100%; margin-top:25px;}
.pop_slide .p_btn button {color:#fff;}
.pop_slide .p_x {position:absolute; right:5px; top:17px; z-index:30; width:48px; height:48px; text-indent:-9999em; background:url(../img/common/btn_x.png) 50% 50% / 14px 14px no-repeat;}

.pop_basic {display:none; position:fixed; left:0; top:0; z-index:200; width:100%; height:100%; text-align: center; -webkit-transform:translate3d(0,0,1px); transform:translate3d(0,0,1px);}
.pop_basic .pop_inside {display:block; position:fixed; left:50%; top:50%; z-index:200; width:80%; transform:translate(-50%, -50%); border-radius:8px; overflow:hidden; background:#fff;}
.pop_basic .inner_content {display:flex; position: relative; min-height: 150px; height:100%; max-height:80%; padding:25px 20px; align-items:center; justify-content:center; flex-direction:row; overflow:hidden;}
.pop_basic .p_btn {display:flex; position:absolute; left:0; bottom:0; z-index:10; width:100%; height:52px; text-align:center; justify-content:space-between; background:#fff;}
.pop_basic .p_btn a, 
.pop_basic .p_btn button {display:flex; color:#fff; align-items:center; justify-content:center; font-size:15px; font-family:'nsm';}
.pop_basic .p_btn .false {color:#707c93; background:#e5e9f1;}
.pop_basic .p_btn .true {color:#fff; background:#0263e1;}
.pop_basic .p_btn .dis {color:#b5b5b5; background-color:#e9e9e9;}
.pop_basic .p_btn button:first-child,
.pop_basic .p_btn a:first-child {flex:1; border-right:1px solid #d5d5d5;}
.pop_basic .p_btn button:last-child,
.pop_basic .p_btn a:last-child {flex:1.6; border-right:none}
.pop_basic .p_btn.eq button {flex:1;border-right:1px solid #d5d5d5;}
.pop_basic .p_btn.eq button:last-child,
.pop_basic .p_btn.eq a:last-child {flex:1; border-right:none}
.pop_basic .p_x {position:absolute; right:15px; top:30px; width:24px; height:24px; text-indent:-9999em; background:url(../img/common/btn_x.png) 50% 50% / 14px 14px no-repeat;}

.pop_basic.full {display:none; position:fixed; left:0; top:0; z-index:200; width:100%; height:100%;-webkit-transform:translate3d(0,0,1px); transform:translate3d(0,0,1px);}
.pop_basic.full .pop_inside {position:fixed; left:0; top:0; z-index:200; width:100%; height:100%; transform:translate(0); border-radius:0; background:#fff;}
.pop_basic.full .p_top {display:flex; position: relative; z-index: 10; height:58px; align-items:center; padding:0 25px; border-bottom:2px solid #0263e1; background:#fff;}
.pop_basic.full .p_top h2 {padding-right:44px; color:#161616; font-size:17px; font-family:'nsm';}
.pop_basic.full .p_body {position:fixed; left:0; top:0; z-index:5; height:100%; width: 100%; padding-top: 58px; }
.pop_basic.full .inner_content {display: block; max-height:100%; text-align:left; overflow-y: scroll;}
.pop_basic.full .inner_content.none_scroll {overflow:hidden;}
.pop_basic.full .p_x {position:absolute; right:21px; top:17px; z-index:30; font-size:13px; width:24px; height:24px; text-indent:-9999em; background:url(../img/common/btn_x.png) 50% 50% / 14px 14px no-repeat;}


.pop_basic.notice {background:rgba(0,0,0,0.4);}
.pop_basic.notice .pop_inside {overflow-x: hidden; overflow-y:auto; border-radius:0px;}
.pop_basic.notice .btn_set {display:flex; height:52px; text-align:center; background:#fff;}
.pop_basic.notice .btn_set a, 
.pop_basic.notice .btn_set button {display:flex; color:#fff; align-items:center; justify-content:center; font-size:15px; font-family:'nsm';}
.pop_basic.notice .btn_set .false {color:#707c93; background:#e5e9f1;}
.pop_basic.notice .btn_set .true {color:#fff; background:#0263e1;}
.pop_basic.notice .btn_set button:first-child {width:45%; border-right:1px solid #d5d5d5;}
.pop_basic.notice .btn_set button:last-child {width:55%; border-right:none}

.pop_basic.notice .main_notice_body {height:350px; margin:20px 0 30px; padding:0 20px; line-height:20px; overflow-y: auto; text-align: left; word-break: break-all;}

.pop_basic.notice .swiper-button-prev {left:0; width:35px; height:35px; margin-top:-25px; text-indent:-9999em; background:url(../img/common/pop_notice_prev.png) left 0 / 34.5px auto no-repeat;}
.pop_basic.notice .swiper-button-next {right:0; width:35px; height:35px; margin-top:-25px; text-indent:-9999em; background:url(../img/common/pop_notice_next.png) right 0 / 34.5px auto no-repeat;}
.pop_basic.notice .swiper-pagination {left:50%; bottom:60px; transform:translateX(-50%)}
.pop_basic.notice .swiper-pagination span ~ span {margin-left: 5px;}

.dim {display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; opacity:0.5; background:#000;}


/* 달력 */
.picker_dim {display:none; position:fixed; left:0; top:0; z-index:300; width:100%; height:100%; opacity:0.5; background:#000;}

#ui-datepicker-div {width:77%; padding:10px 10px; left:50% !important; top:50% !important; z-index:400 !important; transform:translate(-50%, -50%); border-radius:5px;}

.ui-datepicker .ui-widget-header {background: #fff;}
.ui-datepicker .ui-datepicker-header {padding:0; border: none; margin:5px 0 22px;}

.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {width:auto;}
.ui-datepicker select.ui-datepicker-year {margin-right:10px;}
.ui-datepicker .ui-datepicker-title select {min-height:30px; padding: 0 18px 0 0;  font-size: 17px; color: #111; font-family:'nsb'; border-bottom:none; background: #fff url(../img/common/date_select_icon.png) right top 15px / 9px auto no-repeat;}

.ui-datepicker .ui-datepicker-prev {left:30px; top:6px}
.ui-datepicker .ui-datepicker-next {right:30px; top:6px}
.ui-datepicker-prev .ui-icon {background: #fff url(../img/common/datepicker_prev.png) center center / contain no-repeat;}
.ui-datepicker-next .ui-icon {background: #fff url(../img/common/datepicker_next.png) center center / contain no-repeat;}

.ui-datepicker table {margin-bottom: 0;}
.ui-datepicker th {padding:0; padding-bottom: 10px; color: #666;}
.ui-datepicker td {padding:2px 0; text-align: center;}
.ui-datepicker td span, 
.ui-datepicker td a {display:inline-block; border-radius: 50%; width:32px; height:32px; line-height: 31px; text-align: center; padding:0; font-size: 14px; font-family:'nsb'; color:#111;}

.ui-datepicker .ui-state-default {border: none; background: #fff;}

.ui-datepicker .ui-state-highlight {border-radius: 50%; color: #111; background: #e0ecfb;}
.ui-datepicker .ui-state-active {background: #0263e1;}

.ui-datepicker-week-end:first-child a {color:#cc0000 !important;}
.ui-datepicker-week-end:last-child a {color:#0263e1 !important;}

.ui-datepicker-current {display: none;}
.ui-datepicker .ui-datepicker-buttonpane {margin:0; border: none;}

.ui-datepicker-trigger {position:absolute; right:0px; top:0; width:100%; height:45px; text-indent:-9999em; background:url(../img/common/icon_calendar.png) right 6px top 16px / 16px auto no-repeat;}
.ui-datepicker-trigger:disabled {background:url(../img/common/icon_calandar_dis.png) right 6px top 16px / 16px ESMauto no-repeat;}

/* 탭메뉴 */
.tab_wrap {}
.tab_wrap .tab {display:flex; justify-content:space-between;}
.tab_wrap .tab li {display:flex; flex:1; height:45px; align-items: center; border:2px solid #f5f5f5;}
.tab_wrap .tab li:first-child {border-radius:4px 0 0 4px;}
.tab_wrap .tab li:last-child {border-radius:0 4px 4px 0;}
.tab_wrap .tab li ~ li {margin-left: -2px;}
.tab_wrap .tab li button {display: block; width:100%; height:100%; line-height: 1; font-size:16px;}
.tab_wrap .tab li.on {position: relative; border:2px solid #0263e1; }
.tab_wrap .tab li.on button {color: #0263e1; font-family:'nsm';}
.tab_content {padding-top:15px;}
.tab_content .tab_box {display:none;}
.tab_content .tab_box.on {display:block;}

/* WAVE */
.wave {position:relative; cursor:pointer; display:inline-block; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; vertical-align:middle; z-index:1;/*  -webkit-transition:0.3s ease-out; transition:0.3s ease-out; */}
.wave .waves-ripple {position:absolute; border-radius:100%; width:20px; height:20px; margin-top:-10px; margin-left:-10px; opacity:0; background-color:rgba(255, 255, 255, 0.35); -webkit-transition:all 0.7s ease-out; transition:all 0.7s ease-out; -webkit-transition-property:opacity -webkit-transform; transition-property:opacity, -webkit-transform; transition-property:transform, opacity; transition-property:transform, opacity -webkit-transform; -webkit-transform:scale(0); transform:scale(0); pointer-events:none;}
.wave input[type="button"], .wave input[type="reset"], .wave input[type="submit"] {border:0; font-style:normal; font-size:inherit; text-transform:inherit; background:none;}
.wave img {position:relative; z-index:-1;}

/* 약관 동의 */
.terms_wrap {}
.every_chk {padding-bottom:14px; border-bottom:1px solid #d5d5d5;}
.every_chk .s_check {display: block; font-size:16px; color: #111;}
.every_chk.label_arrw {background-position:right top 7px;}
.chk_list {color:#000;}
.chk_list > li {margin-top:18px;}
.chk_list li > label {display: block; margin-top:15px;}
.chk_list .text_link {display:flex; position:relative; justify-content:space-between; line-height:23px; font-size:16px;}
.chk_list .text_link span {display:inline-block; width:calc(100% - 28px);}
.chk_list .text_link button {display: inline-block; margin-top:2px; text-indent: -9999em; width:25px; height:20px; font-size: 1px; background:url(../img/common/terms_arrow.png) right center / 6.5px 10.5px no-repeat;}
.chk_list .s_check {font-size: 15px;}
.social_chk {margin-left:25px;}
.social_chk li {display:inline-block; margin-right:10px;}

/* 약관 임시 */
.terms_area h2 {font-size:18px; font-family:'nsb';}
.terms_area h3,
.terms_area h4 {margin-top:15px; font-size:17px; font-family:'nsb';}
.terms_area .terms_index {font-size:18px;}
.terms_area h3 + p,
.terms_area h4 + p {margin-top:5px;}
.terms_area .terms_list {margin-top:10px;}
.terms_area .terms_list > li {position:relative; padding-left:22px;}
.terms_area .terms_list > li ~ li {margin-top:5px;}
.terms_area .underline {text-decoration:underline;}
.terms_area .terms_list > li > span {position:absolute; left:0; display:block; width:20px; text-align:center;}
.terms_area .terms_list > li > p {width:100%}
.terms_area .gray_text {color:#888} /* 새로 추가 */

/* 팝업 텍스트 유형 */
.topic_area {text-align:left;}
.topic_area .sub_desc {color:#0263e1;}
.topic_area .topic {line-height:1.4; font-size:18px; font-family:'nsb'; color:#111;}
.topic_area .sub_desc + .topic {margin-top:21px;}
/* 완료 */
.done_area {padding:40px 0; text-align:center; font-size: 18px; color: #111;}

/* 주의사항 리스트 */
.password_rule {padding-top:26px; margin-top:20px; background:url(../img/icon/icon_login_rlue_dot.png) left top / 16px 16px no-repeat;}
.password_rule li {font-size:13px; color:#001111}
.password_rule li ~ li {margin-top:11px;}

/* 표시 아이콘 */
.alert_text {padding:5px 5px 5px 25px; margin-top:10px; font-size:12px; border-radius:2px; background:#f2f8ff url(../img/common/ico_alert_text.png) left 5px center / 12px 12px no-repeat;} 
.check_icon {display:inline-block; width:12px; height:9px; margin:0 3px; background:url(../img/common/icon_check_text.png) center center / 12px 9px no-repeat;}

/* 박스 */
.gray_box {padding:15px; line-height:1.5; background-color:#f5f5f5; font-size:12px; color:#242424; border-radius:8px;}

/* 스탭 */
.step_area {display:flex; justify-content:space-between; padding:20px; background-color:#0263e1}
.step_area h2 {line-height:1; font-size:16px; font-family:'nsm'; color:#fff;}
.step_area .step_num {color:#a1ccff;}
.step_area .step_num span:first-child {margin-left:0; margin-right:7px; font-family:'nsb'; font-size:15px; color:#fff;}
.step_area .step_num span {margin-left:6px}

/* 툴팁 */
.t_btn {display:inline-block; width:20px; height:14px; background:url(../img/common/icon_btn_t.png) center center / 12px 12px no-repeat;}
.tooltip_area {display:inline-block; position:relative;}
.tooltip_area .tooltip {display:none; position:absolute; z-index:20; left:-24px; top:30px; width:200px; padding:12px; font-size:13px; color:#fff; border-radius:3px; background-color:#0263e1;}
.tooltip_area .tooltip strong {display:block; font-family:'nsb';}
.tooltip_area .tooltip p {line-height: 18px; margin-top:5px;}
.tooltip_area .tooltip p + strong {margin-top:5px;}
.tooltip_area .tooltip:after {content:''; display:block; position:absolute; left:24px; top:-8px; width:9px; height:8px; background:url(../img/common/icon_tooltip_tri_up.png) center center / 9px 8px no-repeat;}
.t_btn:focus + .tooltip {display: block;}

/* 테이블 */
.default_table {position:relative; margin-right: -20px; }
.default_table .inner {/* border-radius:4px; */}
.default_table table {border-left:hidden; border-right:hidden; border-bottom: 1px solid #e9ecef;}
.default_table th, 
.default_table td {height:46px; padding:0 4px; text-align:center; color:#000; font-size:12px; border:1px solid #d4d9de; background:#fff;}
.default_table th {height:35px; color:#3a8eef; font-family:'ns'; font-weight:400; background:#fff;}
.default_table tbody tr:nth-child(odd) td {background:#f6f8fa;}

.default_table.scroll {width:auto; overflow-x:scroll; overflow-y: hidden;}
.default_table.scroll table {table-layout:auto;}

.default_table.scroll .w500 {min-width:500px;}
.default_table.scroll .w600 {min-width:600px;}
.default_table.scroll .w700 {min-width:700px;}
.default_table.scroll .w800 {min-width:800px;}
.default_table.scroll .w900 {min-width:900px;}
.default_table.scroll .w1000 {min-width:1000px;}
.default_table.scroll .w1200 {min-width:1200px;}
.default_table.scroll .w1400 {min-width:1400px;}
.default_table.scroll .w1600 {min-width:1600px;}
.default_table.scroll .w1800 {min-width:1800px;}
.default_table.scroll .w2000 {min-width:2000px;}

.row_fix {position:relative; width:100%; overflow-x:scroll; overflow-y:hidden;}
.row_fix .inner {width:100%; overflow-x:scroll; overflow-y:hidden;}
.row_fix table {table-layout: fixed !important; border-bottom:none;}
.row_fix table thead th:nth-of-type(1),
.row_fix table tbody td:nth-of-type(1) {display: block; position:absolute; width:50px; height:35.6px; line-height:44px;}

.row_fix table thead th:nth-of-type(1) {line-height:33px; top:-0.1px}
.row_fix table tbody td:nth-of-type(1) {height:46.5px;}

.row_fix table thead th:nth-of-type(2),
.row_fix table tbody td:nth-of-type(2) {border-left:none; border-bottom: 1px solid #d4d9de;}

.row_fix.cell2 table thead th:nth-of-type(2),
.row_fix.cell2 table tbody td:nth-of-type(2) {display: block; position:absolute; left:50px; width:100px; height:35.6px; line-height:44px; border-bottom:1px solid #d4d9de;}

.row_fix.cell2 table thead th:nth-of-type(2) {top:-0.1px; line-height:33px;}
.row_fix.cell2 table tbody td:nth-of-type(2) {height:46.5px;}

.row_fix.cell2 table thead th:nth-of-type(3),
.row_fix.cell2 table tbody td:nth-of-type(3) {border-left:none;}


/* 결과 없을 시 */
.no_result {padding:124px 0 50px; text-align: center; background:url(../img/common/no_result.png) center 50px / 50px auto no-repeat;}


/* 로딩 팝업 */
.loading_pop {position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%;}
.loading_dim {display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; vertical-align:middle; background:rgba(0,0,0,0.3);}
.loading_pop .load_bg {width:140px; height:140px; margin-top:-30px; overflow:hidden; animation:loading_ani 1.5s infinite steps(13); background:url(../img/common/icon_loading.png) left center / 1820px 140px no-repeat;}

@keyframes loading_ani{
	from{
		background-position:left center;
	}
	to{
		background-position:left -1820px center
	}
}

/* 보안키패드 짤림 현상 */
@media(max-height:900px){
	body.security_mode .fix_btn {display: none;}
}