.alter{ display:block}
.break { display:inline}
.creak { display:inline}
.dreak { display:block}

/*skipnavi*/
#skipnavi {position:absolute;top:0;left:0;width:100%;z-index:99999;font-size:0;line-height:0;}
#skipnavi h2{display:block;position:absolute;top:-500px;text-indent:-9999px;color:#333;padding-top:1px;font-size:12px;font-weight:bold;line-height:130%;}
#skipnavi a {display:block;position:absolute;top:-500px;text-indent:-9999px;color:#333;padding-top:1px;font-size:12px;font-weight:bold;line-height:130%;}
#skipnavi a:hover, #skipnavi a:active, #skipnavi a:visited, #skipnavi a:focus {position:absolute;top:0;left:0;width:200px;height:34px;line-height:32px;background-color:#fff;border:2px solid #004aac;text-indent:0;text-align:center;}

/*기본 스타일*/
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}
.dbl {display:block;}
.s_tBoxftercr:after {clear:both;content:"";display:block;}

.c_line {display:block;width:100%;height:1px;background:#e5e5e5;margin:50px 0}

/*박스유형*/
.isbox {display:block;position:relative;}

.gr_box {position:relative;display:block;background:#f7f7f7;padding:30px;border:1px solid #e2e2e2;clear:both}

.wh_box {position:relative;display:block;padding:40px 0;clear:both;overflow:hidden;}
.wh_boxp30 {position:relative;display:block;padding:30px;clear:both;overflow:hidden;}

.s_box {position:relative;display:block;overflow:hidden;}
.s_box50line {position:relative;width:428px;overflow:hidden;padding:30px;border:1px solid #e2e2e2;}
.s_box50 {position:relative;width:485px;overflow:hidden;}
.s_box50.left, .s_box50line.left {float:left;}
.s_box50.right, .s_box50line.right {float:right;}

.s_box30 {position:relative;width:281px;overflow:hidden;padding:20px;border:1px solid #e2e2e2;float:left;}
.s_box30.cntr {margin:0 15px}

.isabs {position:absolute;}
.in_bl {display:inline-block;}

.topline {border-top:1px solid #ededed}
.undrline {border-bottom:1px solid #ededed}

.no_hide {overflow:visible !important}

.bodr_gr {border:1px solid #e2e2e2;}


/* 글자자름*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wordKeep, .wordkeep, .wkeep {white-space:normal;word-break:keep-all;}
.nowrap {white-space:nowrap;}

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}

/*공백 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}
.gap40 {height:40px;clear:both;overflow:hidden;display:block;}
.gap50 {height:50px;clear:both;overflow:hidden;display:block;}
.gap60 {height:60px;clear:both;overflow:hidden;display:block;}
.gap65 {height:65px;clear:both;overflow:hidden;display:block;}
.gap70 {height:70px;clear:both;overflow:hidden;display:block;}
.gap75 {height:75px;clear:both;overflow:hidden;display:block;}
.gap80 {height:80px;clear:both;overflow:hidden;display:block;}
.gap85 {height:85px;clear:both;overflow:hidden;display:block;}
.gap90 {height:90px;clear:both;overflow:hidden;display:block;}
.gap95 {height:95px;clear:both;overflow:hidden;display:block;}
.gap100 {height:100px;clear:both;overflow:hidden;display:block;}
.gap130 {height:130px;clear:both;overflow:hidden;display:block;}
.gap200{height:200px;clear:both;overflow:hidden;display:block;}
.gap260{height:260px;clear:both;overflow:hidden;display:block;}

.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}

/*list*/
.txtLst01 {display:block;overflow:hidden;border:none;}
.txtLst01 li {display:block;position:relative;font-size:14px !important;padding-bottom:5px !important;background:url(/img/common/li_dot01.png) no-repeat 0 10px;padding-left:8px !important;border:none;}

.txtLst02 {display:block;overflow:hidden;border:none;}
.txtLst02 li {display:block;position:relative;font-size:13px !important;padding-bottom:5px !important;background:url(/img/common/li_dot02.png) no-repeat 0 10px;padding-left:8px !important;border:none;color:#777}

.strongTxt {display:block;overflow:hidden;border:none;}
.strongTxt li {display:block;position:relative;font-size:14px !important;padding-bottom:5px !important;padding-left:35px !important;border:none;}
.strongTxt li strong {display:inline-block;width:25px;position:absolute;top:0;left:0;color:#333}
.strongTxt li .txtLst02 {margin-top:5px}
.strongTxt li .txtLst02 li {padding-left:8px !important;color:#888}

.strongTxt02 {display:block;overflow:hidden;border:none;}
.strongTxt02 dt {display:block;color:#333;margin-bottom:5px;font-weight:600}
.strongTxt02 dd {display:block;position:relative;font-size:13px !important;padding-bottom:5px !important;background:url(/img/common/li_dot02.png) no-repeat 0 10px;padding-left:8px !important;border:none;}

.num-lst {display:block;overflow:hidden;}
.num-lst li {display:block;position:relative;padding-left:30px;font-size:16px;color:#3b3b50;padding-bottom:15px;letter-spacing:-1px;line-height:24px}
.num-lst li span.num {position:absolute;top:0;left:0;width:23px;height:23px;background:url(..//img/common/num-bg.png) no-repeat 0 1px;text-align:center;font-size:14px;color:#fff;font-weight:600;line-height:23px;border:none;}


/*img-preview*/
.img-preview, .img-preview2{ position:relative} 
.img-preview .preview-btn, .img-preview2 .preview-btn{ display:none}

/* table scroll */
.scroll-guide{ display:none}

/*table*/
.tbl_st01 {width:100%; border-top:2px solid #161920; }
.tbl_st01 thead th {background:#f3f3f3; border:1px solid #cfd4d9; padding:13px 10px;}
.tbl_st01 tbody td {border-bottom:1px solid #cfd4d9; border:1px solid #cfd4d9; padding:13px 10px; font-weight:200;}

.tbl_st02 {width:100%; border-top:2px solid #161920; }
.tbl_st02 th {background:#f3f3f3; border:1px solid #cfd4d9; padding:13px 10px;}
.tbl_st02 td {border-bottom:1px solid #cfd4d9; border:1px solid #cfd4d9; padding:13px 10px; font-weight:200;}
.tbl_st02 td select, .tbl_st02 td input {padding:0 5px; height:30px; line-height:30px; box-sizing:border-box;}
.tbl_st02 td textarea {box-sizing:border-box;}


.tbl-type03{width:100%; border-top:2px solid #161920; }
.tbl-type03 thead th{background:#f3f3f3; padding:13px 10px; text-align:center; border:1px solid #cfd4d9;line-height:1.2em; font-weight:500; color:#323232; font-size:15px; letter-spacing:-0.03em;}
.tbl-type03 tbody th{background:#f3f3f3; padding:8px 8px;border-left:1px solid #cfd4d9; border-bottom:1px solid #cfd4d9;line-height:1.2em; font-weight:600; color:#555; font-size:14px; letter-spacing:-0.03em;}
.tbl-type03 tbody td{padding:8px 8px;border:1px solid #c3c6cc; font-weight:300; color:#555; line-height:1.2em;font-size:14px; letter-spacing:-0.03em;}
.tbl-type03 tbody td .b{font-weight:600;}
.tbl-type03 tbody td.l{text-align:left;}
.tbl-type03 tbody td.email {word-wrap:break-word; word-break:break-all;}

	@media (max-width:999px) {
		.tbl-type03 tbody th{ padding:12px 22px}
		.tbl-type03 tbody td{ padding:12px 22px; line-height:1.45em;}

		.tbl-type03{table-layout:fixed; border-top:none;}
		.tbl-type03 thead, .tbl-type03 colgroup{display:none;}
		.tbl-type03 tbody tr{ position:relative; margin-top:15px; border:1px solid #cfd4d9; border-bottom:none; padding:0;  width:100%; display:block;overflow:hidden}
		.tbl-type03 tbody tr:first-child{margin-top:0; border-top:2px solid #112741}
		.tbl-type03 tr:after{display:block; content:"";clear:both;}

	}
	@media (max-width:680px) {
		.tbl-type03 tbody th{ padding:12px 15px; font-size:13px;}
		.tbl-type03 tbody td{ padding:12px 15px; font-size:13px;}
	}



/* board button */

.b-btn01 {background:#4a546a; border-radius:5px; width:110px; text-align:center; height:40px; line-height:40px; box-sizing:border-box; transition:all 0.3s ease-out;}
.b-btn01:hover {background:#303a4e;}
.b-btn01 span {color:#fff; font-size:14px; letter-spacing:-0.08em; font-weight:500; display:block;}
.b-btn01.ico-enrollment span {background:url('/img/sub/ico-enrollment-btn.png') no-repeat left 15px top 15px; padding-left:35px;}
.b-btn01.ico-enrollment.type01 {position:absolute; right:0;}
.b-btn01.ico-enrollment.type02 {float:right;}

.b-btn01.ico-del span {background:url('/img/sub/ico-del-btn.png') no-repeat left 30px top 12px; padding-left:35px;}
.b-btn01.ico-del.type03 {display:inline-block;}

.b-btn01.ico-modi span {background:url('/img/sub/ico-modi-btn.png') no-repeat left 25px top 11px; padding-left:35px;}
.b-btn01.ico-modi.type03 {display:inline-block;}

.b-btn01.ico-list span {background:url('/img/sub/ico-list-btn.png') no-repeat left 20px top 12px; padding-left:35px;}
.b-btn01.ico-list.type03 {display:inline-block;}


.sb-btn01 {display:inline-block; border-radius:5px; text-align:center; font-size:13px; transition:all 0.3s ease-out;}

.sb-btn01.bc-gray {padding:4px 9px; background:#edf0f3; border:1px solid #dfdfdf;}
.sb-btn01.bc-gray:hover {background:#e3e6ea;}
.sb-btn01.bc-gray span {color:#595c65;}

.sb-btn01.bc-dblue {padding:5px 10px; background:#4a546a;}
.sb-btn01.bc-dblue:hover {background:#303a4e;}
.sb-btn01.bc-dblue span {color:#fff;}


/* border radius none */
.sb-rbtn01 {display:inline-block; text-align:center; font-size:13px; transition:all 0.3s ease-out;}

.sb-rbtn01.bc-dblue {padding:5px 10px; background:#4a546a;}
.sb-rbtn01.bc-dblue:hover {background:#303a4e;}
.sb-rbtn01.bc-dblue span {color:#fff;}


/* icon btn */
.icobtn_del {display:inline-block; width:30px; height:30px; background:url(/img/sub/icobtn_del.png) no-repeat center center #edf0f3; font-size:0; vertical-align:top;}




/*btn 2 */

	@media screen and (max-width:850px){
		.btns2 {text-align:center !important}
	}

	@media screen and (max-width:400px){
		.btns2 a:first-child {margin-right:2%;}
		.btns2 a {width:48%;}
	}


/* title */
.u-ntit {padding-right:10px; font-size:20px;}
.u-ntit .num {background:#ec6c36; color:#fff; display:inline-block; width:30px; height:30px; line-height:30px; margin-right:10px; font-size:13px; border-radius:3px; text-align:center; vertical-align:top;}

.u-tit01 {font-size:20px; font-weight:400; margin-bottom:20px; color:#333; background:url(/img/sub/u-tit01-bull.png) no-repeat left 0.5em; padding-left:20px;}
.u-tit02 {font-size:16px; font-weight:300; margin-bottom:10px; color:#333; background:url(/img/sub/u-tit02-bull.png) no-repeat left 0.1em; padding-left:10px;}


/* box */
.agree_box {border:1px solid #cfd4d9}
.agree_txt {padding:20px; height:200px; overflow-y:auto;}


/* mobile br */
.mb_break {display:none}

	@media screen and (max-width:850px){
		.mb_break {display:block;}
	}


/* select */
.sel_01 {background:url(/img/default/select-btn.png) no-repeat right 10px center; padding-right:20px; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.sel_01::-ms-expand {display:none;}



/* info-txt */
.info_tx {background:url(/img/default/info_tx.png) no-repeat left top 0.3em; min-height:15px; padding-left:20px; }



/*라인, 추가는 전체 공용으로*/
.u-line-dpoint1 {border-width:0px 0px 0px 0px;display:block;height:2px;overflow:hidden;background:#161920;}
.u-line-dpoint2 {border-width:0px 0px 0px 0px;display:block;height:2px;overflow:hidden;background:#161920;}
.u-line-dpoint3 {border-width:0px 0px 0px 0px;display:block;height:2px;overflow:hidden;background:#161920;}



/* datepicker custom */
.datepicker{background:url(/img/sub/renew/ico_datepicker.svg) no-repeat right 5px center/22px 21px;padding-right:35px !important;}
.ui-datepicker{z-index:9999 !important;}

#ui-datepicker-div {box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); border:none; padding:0px; border-radius:5px; width:auto;background:#fff !important;}
.ui-datepicker-title {font-size:16px;}
.ui-datepicker-header {background:#333 !important; border:none !important; border-radius:5px 5px 0 0 !important; padding:12px 12px 0 10px !important;color:#fff !important;}
.ui-datepicker-header select {width:43% !important;font-size:14px !important;background:url(/img/sub/renew/datepicker_select.svg) no-repeat right 10px center rgba(255, 255, 255, 0.2);border:none; vertical-align:middle; height:30px; margin:0 2px !important; color:#fff; border-radius:3px !important; padding:0 20px 0 10px !important;}
.ui-datepicker-header select option {color:#333;}
.ui-datepicker-month {color:#fff; margin-left:5px; vertical-align:middle;}
.ui-datepicker-calendar thead {background:#333; color:#fff;}
.ui-datepicker-calendar thead th {padding:12px; color:rgba(255, 255, 255, 0.8);font-size:13px !important;}
.ui-datepicker-calendar thead th span {color:rgba(255, 255, 255, 0.8);}
.ui-datepicker-calendar td {text-align:center;}
.ui-datepicker-calendar td a {font-size:15px;width:30px;height:30px;line-height:26px;margin:0 auto;border:none !important; background:none !important; text-align:center !important; color:#333 !important; border-radius:50%;font-weight:bold !important;text-decoration:none !important;}
.ui-datepicker-calendar td.ui-datepicker-current-day a {background:#333 !important; color:#fff !important;}
.ui-datepicker-calendar thead th span {display:block;}
.ui-datepicker-calendar thead th:nth-child(1) {padding-left:12px;}
.ui-datepicker-calendar thead th:nth-child(7) {padding-right:12px;}
.ui-datepicker-calendar tbody tr:first-child td {padding-top:12px;}
.ui-datepicker-calendar tbody tr:last-child td {padding-bottom:5px;}
.ui-datepicker-calendar td:nth-child(7n+1) {padding-left:12px;}
.ui-datepicker-calendar td:nth-child(7n) {padding-right:12px;}
.ui-datepicker-prev {width:auto !important;height:auto !important;top:12px !important;left:7px !important;cursor:pointer;}
.ui-datepicker-next {width:auto !important;height:auto !important;top:12px !important;right:7px !important;cursor:pointer;}
.ui-datepicker-prev span {position:static !important;width:30px;height:30px;margin:0 !important;background:url(/img/sub/renew/datepicker_mprev.svg) no-repeat center center !important;transition:all 0.3s;}
.ui-datepicker-next span {position:static !important;width:30px;height:30px;margin:0 !important;background:url(/img/sub/renew/datepicker_mnext.svg) no-repeat center center !important;transition:all 0.3s;}

.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a:focus {background:#333 !important;color:#fff !important;}
.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus,
.ui-datepicker-next:hover,
.ui-datepicker-next:focus {background:none !important; border:none !important;}
.ui-datepicker-buttonpane button {border:1px solid #ddd !important;color:#333 !important;font-weight:500 !important;opacity:1 !important;font-family: 'NanumSquare',sans-serif;font-size:1.2rem;}