@charset "UTF-8";
@import url("jquery.mobile-1.4.5.min.css");
@import url("jquery-ui.min.css");


/* 관리자 */
.aui .journal-article-helper {height:0; width:0;}
.lfr-meta-actions {position:absolute; bottom:-40px; left:0px;}
.lfr-meta-actions .lfr-icon-action { float:left; display:block; width:auto; background:#fff; border:1px solid #ddd;border-radius:5px; padding:4px 8px; margin-right:7px; font-size:0.75rem;}
.lfr-meta-actions .lfr-icon-action img {display:inline-block;}

/* font */
@font-face {
    font-family:'NotoSansKR';
    font-weight:300;
    src: local(※),
        url('../font/NotoSansKR-Light.woff2') format('woff2'),
        url('../font/NotoSansKR-Light.woff') format('woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-weight:400;
    src: local(※),
        url('../font/NotoSansKR-Regular.woff2') format('woff2'),
        url('../font/NotoSansKR-Regular.woff') format('woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-weight:500;
    src: local(※),
        url('../font/NotoSansKR-Medium.woff2') format('woff2'),
        url('../font/NotoSansKR-Medium.woff') format('woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-weight:700;
    src: local(※),
        url('../font/NotoSansKR-Bold.woff2') format('woff2'),
        url('../font/NotoSansKR-Bold.woff') format('woff');
}


@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../font/LatoLatin-Regular.woff) format('woff');
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../font/LatoLatin-Bold.woff) format('woff');
  text-rendering: optimizeLegibility;
}


/* reset */
body{font-family:Lato, "NotoSansKR", '맑은고딕', Malgun Gothic, Dotum, "돋움", verdana, sans-serif;font-size:18px; color:#666; width:100%; height:100%;letter-spacing:-1px;line-height:1.2;font-weight:300; background: #eee; overflow-x:hidden;}
body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td, img{margin:0;padding:0; vertical-align:top; border:none;}
ul, ol, li{list-style:none}
.aui hr{display: block; width: calc(100% + 2rem); border: 0.25rem solid #f5f5f5; margin: 2.25rem 0; box-sizing: border-box; position: relative; left: -1rem;}
em{font-style:normal}
fieldset, img{border:none;}
legend, caption{display:none}
table { border-collapse: collapse;}
.blind{overflow:hidden;position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0;}
select, input, textarea, button {font-family: Lato, "NotoSansKR"; box-sizing:border-box; border-radius:0px; box-shadow:none;}
/* Link Css */
a{cursor:pointer; overflow:hidden;color:#666;text-decoration:none}
a:link,  a:visited,  a:active {text-decoration:none}
a:hover{text-decoration:none;}
address {font-style:normal;}
button{cursor:pointer; border:none; background:none; padding:0; margin:0 auto;}
::-webkit-input-placeholder {color: #888;}
:-ms-input-placeholder {  color: #888;}
::placeholder {color: #888;}


/* Blind */
.blind{position:absolute;width:0;height:0;font-size:1px;text-indent:-9999px;overflow:hidden;}

/* block */
figure,
img{display:block;margin:0;padding:0;}
:focus { outline: none; }


/* Slick Slider */ .slick-slider { position: relative;display: block; box-sizing: border-box;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }.slick-list { position: relative;display: block; overflow: hidden;margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0;display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table;content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left;height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block;
height: auto;border: 1px solid transparent; float: none;} .slick-arrow.slick-hidden { display: none; }



.ml_12 {margin-left: 12px  !important;}

.mt_0 {margin-top: 0px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_12 {margin-top: 0.75rem !important;}
.mt_16 {margin-top: 1rem !important;}
.mt_20 {margin-top:  1.25rem !important;}
.mt_24 {margin-top: 1.5rem !important;}
.mt_30 {margin-top: 1.875rem !important;}
.mt_40 {margin-top: 2.5rem !important;}
.mt_48 {margin-top: 3rem !important;}
.mt_70 {margin-top: 4.375rem !important;}

.mb_0 {margin-bottom: 0px !important;}
.mb_20 {margin-bottom: 1.25rem !important;}
.mb_70 {margin-bottom: 4.375rem !important;}

.c_blue {color:#004e96 !important;}
.c_grey {color:#888 !important;}
.c_darkgrey {color:#666 !important;}
.c_bk {color: #000 !important;}
.c_red {color: #df0000 !important;}

.b_line.c_blue{padding-bottom:0.125rem;border-bottom:1px solid #004e96;}

.p_0 {padding: 0px !important;}
.p_8 {padding: 0.5rem !important;}
.pt_0 {padding-top: 0px !important;}
.ph_20 {padding: 0 1.25rem !important;}
.pv_12 {padding: 0.75rem 0 !important;}
.pl_20 {padding-left: 1.25rem !important;}
.pb_0 {padding-bottom: 0px !important;}
.pb_70 {padding-bottom: 4.375rem !important;}


.ta_l {text-align: left !important;}
.ta_c {text-align: center !important;}
.ta_r {text-align: right !important;}
.ta_j {text-align: justify !important;}

.lh_14 {line-height: 1.4 !important;}
.lh_16 {line-height: 1.6 !important;}
.lh_18 {line-height: 1.8 !important;}
.lh_20 {line-height: 2.0 !important;}

.va_m {vertical-align: middle;}

.fs_12 {font-size:0.75rem !important;}
.fs_13 {font-size:0.8125rem !important;}
.fs_14 {font-size:0.875rem !important;}
.fs_16 {font-size:1rem !important;}
.fs_18 {font-size:1.125rem !important;}
.fs_20 {font-size:1.25rem !important;}
.fs_24 {font-size:1.5rem !important;}
.fs_30 {font-size:1.875rem !important;}
.fs_34 {font-size:2.125rem !important;}
.font_0 {font-size: 1px !important;margin: 0;width: 0;height: 0;overflow: hidden;}

.dis_ib {display: inline-block;}
.dis_b {display: block;}

.fl {float: left;}
.fr {float: right;}
.fw_4 {font-weight: 400 !important;}
.fw_5 {font-weight: 500 !important;}

.ov_hidden {overflow: hidden !important;}
.cl:after {content:""; clear: both;display: block; float: none;}

.devider{width:100%;display:block;height:1px;background:#ddd;margin:0.9375rem 0 2.25rem;}
.title + .devider{margin-top:0;}
.form + .devider{margin-top:2.188rem;}

.u_line{text-decoration:underline;}
.aui body.modal-open {}
.aui a:focus {
    outline: 2px dashed #aaa;
    outline-offset: 2px;
}

/* button */
.aui .btn {display: inline-block; box-sizing:border-box; text-align: center; border:0px; border-radius:0px;padding:0; margin:0px;}
.aui .btn.btnXS {height: 1.875rem; min-width:50px; font-size:14px; font-weight: 600;}
.aui .btn.btnS {height: 2.25rem;font-size: .75rem; line-height: 2.25rem; min-width:110px;  font-weight: 600;}
.aui .btn.btnM {height: 36px; line-height: 34px; min-width:110px; font-size:0.875rem; font-weight: 600;  padding:0 1rem;}
.aui .btn.btnL {height: 2.5rem; line-height: 2.5rem; font-size:1rem; width: 100%; font-weight: 500;}
.aui .btn.btnXL {height: 3.4rem; line-height: 3.4rem; font-size:1.125rem;  width: 100%; font-weight: 400;}
.aui .btn.btnXXL{height:3.438rem;line-height:3.438rem;font-size:1.125rem;width:100%;font-weight:500;}

.aui .btn.grey:hover, 
.aui .btn.grey {color: #222; background: #f1f1f1;border:1px solid #ddd;}
.aui .btn.blue:hover,
.aui .btn.blue {color: #fff; background: #4171a8 !important;}
.aui .btn.blue-o:hover,
.aui .btn.blue-o {color:#4171a8; background:#fff; border:1px solid #4171a8;}
.aui .btn.black-o + .btn.black-o  {border-left:0px;}
.aui .btn.black-o:hover,
.aui .btn.black-o {color:#000; border:1px solid #000; background: #fff;}
.aui .btn.grey-o:hover,
.aui .btn.grey-o {color:#333; border:1px solid #ddd; background:#fff;}
/*.btn.btnXL.blue {border:1px solid #003363;}*/

.aui .btn-table.btn-blue{background:#004e96;color:#fff;padding:0 1.875rem;display:inline-block;height:50px;line-height:50px;}
.aui .btn-table.btn-table-single{margin-left:22px;}
.aui .btn-wrap{text-align:center;}
.aui .btn-wrap.col-2:after {content:""; clear: both;display: block; float: none;}
.aui .btn-wrap.col-2 a {width: 50%; float: left;}
.aui .btn-right{text-align:right;margin-top:25px;margin-right:-6px;}
.aui .btn_area{text-align:center;font-size:0;margin:1rem 0 0;display:flex;width:100%;}
.aui .btn_area div {display:flex;width:100%;}
.aui .btn_area a { display:flex;display:block;text-align:center;}
.aui .btn_area a span{display:block;text-align:center;width:100%;}


/* input */
	/* 밑줄 */
	.aui .ui-input-text:after {float:none; display:block; clear:both; content:"";}
	.aui .ui-input-text input[type="text"].normal,
	.aui .ui-input-text input[type="text"].hasDatepicker,
	.aui .ui-input-text input[type="password"].normal,
	.aui .ui-input-text input[type="number"].normal,
	.aui .ui-input-text input[type="email"].normal {transition:all 0.3s;height: 2.25rem; width: 100% !important; max-width:100% !important; line-height: 2.25rem; font-size:.875rem; border-bottom:1px solid #eee;padding-left: 0.5rem; margin-bottom:0px;}
	.aui .ui-input-text.ui-focus input.normal {border-bottom:1px solid #004e96; color: #000;}
    .aui .ui-input-text.ui-state-disabled input {color:#aaa; background: #f9f9f9;}
	.aui .ui-input-text input.normal.error {border-bottom: 1px solid #ff0000; }
    .aui span.error {color: #ff0000; font-size: .875rem; margin-left: 0.5rem; margin-top: 0.2rem}
	
	.aui .ui-input-text input.hasDatepicker {float:left; width:calc(100% - 3rem) !important;}
	.aui .ui-input-text input.hasDatepicker + img {float:right; margin-top:0.5rem; margin-left:0.5rem; height: 1.25rem; }
	.aui .ui-datepicker {background:#fff;}

	/* 박스형 */
	.ui-input-text input[type="text"].box,
	.ui-input-text input[type="password"].box,
	.ui-input-text input.box {height:2.5rem ; line-height: 2.25rem; width: 100%; max-width:100% !important; font-size:.875rem; padding-left: 0.5rem; border:1px solid #ddd;}

	/* tabs */
	.aui .tab__depth2 {width: calc( 100% + 2rem); position: relative; margin-left: -1rem; border-bottom: 1px solid #ddd;}
	.aui .tab__depth2 ul {display: table; table-layout: fixed; width: calc( 100% - 2rem); margin: 0 1rem;}
	.aui .tab__depth2 ul li { display: table-cell; vertical-align: middle; height: 3.375rem; }
	.aui .tab__depth2 ul li a {display: block;text-align: center; line-height: 1.4; font-size:0.875rem; font-weight: 500;}
	.aui .tab__depth2 ul li.on,
	.aui .tab__depth2 ul li.ui-state-active { border-bottom: 2px solid #004e96; color: #004e96;}
	.aui .tab__depth2 ul li.on a {color: #004e96; font-weight: 600;}

	.aui .tab__depth2.expand {width:100%;margin-left: 0rem;overflow-x:auto;-webkit-overflow-scrolling: touch; overflow-y:hidden;}
	.aui .tab__depth2.expand ul {-webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;table-layout: auto;}
	.aui .tab__depth2.expand ul li {float: none; padding:0 1.5rem; display: block; min-width:max-content; width: auto;}
	.aui .tab__depth2.expand ul li a {margin-top:1rem;}
	.aui .tab__depth2.expand ul li img {width:calc(100% + 8rem); max-width: none; height: 0px;}

	/*checkBox 백업 2023.12.20
	.aui .ui-checkbox {display: inline-block; min-height: 1.5rem; line-height: 1.5rem; position: relative; width: auto;}
	.aui .ui-checkbox input {width: 0; height: 0; visibility: hidden; position: absolute; left:0; top:0;}
	.aui .ui-checkbox label {padding-left: 2rem; position: relative; font-size:0.8125rem;display: inline-block;font-weight: 400;}
	.aui .ui-checkbox label:before {content:"";position: absolute; border-radius:0.25rem; width: 1.5rem; height: 1.5rem; display: block; left:0;top:-0.15rem; box-sizing:border-box; border:1px solid #aaa; background-image:url('../img/icon/i_check.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:0.625rem;}
	.aui .ui-checkbox label.ui-checkbox-on:before {background-color: #fcaf15; border:1px solid #fcaf15;}
	.aui .ui-checkbox.ui-state-disabled label:before {background-color: #ddd; border:1px solid #ddd; }
	*/
	
	/*checkBox 수정 2023.12.20 */
	.aui .ui-checkbox {display: inline-block; min-height: 1.5rem; line-height: 1.5rem; position: relative; width: auto;}
	.aui .ui-checkbox input {width: 1.5rem; height: 1.5rem; position: absolute; left:0; top:-2px; border:0; z-index:1;}
	.aui .ui-checkbox label {padding-left: 2rem; position: relative; font-size:0.8125rem;display: inline-block;font-weight: 400; z-index:2;}
	.aui .ui-checkbox label:before {content:"";position: absolute; border-radius:0.25rem; width: 1.6rem; height: 1.6rem; display: block; left:-0.05rem;top:-0.1rem; box-sizing:border-box; background-image:url('../img/icon/i_check.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:0.625rem;}
	.aui .ui-checkbox label.ui-checkbox-on:before {background-color: #fcaf15; border:1px solid #fcaf15;}
	.aui .ui-checkbox.ui-state-disabled label:before {background-color: #ddd; border:1px solid #ddd; }
	
	.aui input[type='checkbox']:focus{
		outline: 2px dashed #aaa;
		outline-offset:2px;
	}
	
	
	/* radio 백업 2023.12.20
	.aui .ui-radio {display: inline-block; height: 1.5rem; line-height: 1.5rem; position: relative;}
	.aui .ui-radio input {width: 0; height: 0; visibility: hidden; position: absolute; left:0; top:0;}
	.aui .ui-radio label:before {content:"";position: absolute; width: 1.5rem; height: 1.5rem; line-height:1.5rem; display: block; left:0;top:0; border-radius:50%; box-sizing:border-box; border:1px solid #aaa;}
	.aui .ui-radio label.ui-radio-on:before {border:0.5rem solid #fca418;}
	.aui .ui-radio label {padding-left: 2rem; position: relative; height: 1.5rem; line-height:1.5rem;font-size:0.8125rem;display: inline-block;}
	.aui .ui-radio.ui-state-disabled  label:before {border:0.5rem solid #ddd;}
	.aui .ui-radio + .ui-radio {margin-left:1rem;}
	*/
	
	 /* radio 수정 2023.12.20 */
	.aui .ui-radio {display: inline-block; height: 1.5rem; line-height: 1.5rem; position: relative;}
	.aui .ui-radio input {width: 1.5rem; height: 1.5rem; position: absolute; left:0; top:0;z-index:1;}
	.aui .ui-radio label:before {content:"";position: absolute; width: 1.35rem; height: 1.35rem; display: block; left:0.06rem;top:0.25rem; border-radius:50%; box-sizing:border-box; border:1px solid #fff;z-index:2;background-color:#fff;}
	.aui .ui-radio label.ui-radio-on:before {border:0.4rem solid #fca418;}
	.aui .ui-radio label {padding-left: 2rem; position: relative; height: 1.5rem; line-height:1.5rem;font-size:0.8125rem;display: inline-block;}
	.aui .ui-radio.ui-state-disabled  label:before {border:0.5rem solid #ddd;}
	.aui .ui-radio + .ui-radio {margin-left:1rem;}
	
	.aui input[type='radio']:focus{
		outline: 2px dashed #aaa;
		outline-offset:2px;
	}
	
	
	/* select  .aui .ui-select {position:relative;height: 2.25rem;line-height: 2.25rem;  border-bottom:1px solid #eee; box-sizing:border-box;} */
	.aui .ui-select {position:relative;height: 2.25rem;line-height: 2.25rem;  border:1px solid #eee; box-sizing:border-box;}
	.aui .ui-select .ui-btn>span:not(.ui-li-count) {display: block; text-overflow: ellipsis; overflow: hidden!important; white-space: nowrap; font-size: .875rem; padding: 0 0.5rem; position:absolute; top:50%; height:1.5rem; line-height:1.5rem; display:inline-block; margin-top:-0.75rem;}
	.aui .ui-select .ui-btn select {position: absolute;left: 0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; outline: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; padding-top:0;}
	.aui .ui-select .ui-icon-carat-d {background: url('../img/icon/i_sel_arr_down.png') no-repeat; background-size:0.5rem; position: relative; height: 100%; background-position:right 0.5625rem top 50%;}
	
	.aui select:focus{
		outline: 2px dashed #aaa;
		outline-offset:2px;
	}
	.aui .ui-select select:focus{
		outline: 2px dashed #aaa;
		outline-offset:2px;
		opacity:100%;
		z-index:3;
	}
	
	/*주민번호*/
	.eMail:after,
	.phNum:after,
	.secNum:after {content:""; clear: both;display: block; float: none;}
	.secNum .ui-input-text {float: left; width: calc(50% - 0.5625rem );}
	.secNum .space {float: left; width: 1.125rem; display: inline-block; text-align: center; height: 2.25rem; line-height: 2.25rem;}

	/*휴대폰번호*/
	.aui .phNum .ui-sel, 
	.aui .phNum .ui-select {width:  30%; float: left; }
	.aui .phNum .ui-sel select {height: 2.25rem; line-height: 2.25rem; font-size:.875rem;}
	.aui .phNum .space  {float: left; width: 1.5rem; display: inline-block; text-align: center; height: 2.25rem; line-height: 2.25rem;}
	.aui .phNum .ui-input-text {width: calc(35% - 1.9rem); float: left;}
	.aui .phNum .ui-input-text:last-child {margin-left:0rem;}
	.aui .phNum.col-2 .ui-input-text {width: calc(33% - 1rem);float: left;}
	.aui .phNum > a {display:inline-block; padding: 0.5rem 1rem; margin: 1rem 0;  width:100%;}

	/*이메일*/
	.aui .eMail {margin-bottom:0.75rem;}
	.aui .eMail:after { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.aui .eMail .ui-input-text {float: left; width: calc(50% - 0.5625rem );}
	.aui .eMail .space {float: left; width: 1.125rem; display: inline-block; text-align: center; height: 2.25rem; line-height: 2.25rem;}

    /* textarea */
    .ui-textinput-autogrow {border: 1px solid #ddd; width: 100%; min-height: 3rem; padding: 1rem; }

	/*학교*/
	.aui .cal_wrap:after, 
	.aui .scName:after,
	.aui .scNum:after {content:""; clear: both;display: block; float: none;}
	.aui .scName .ui-input-text {width:60%; float: left;}
	.aui .scName .ui-select {width: calc( 40% - 1rem); float: right;}
	.aui .scNum {margin-top: 1rem;}
	.aui .scNum .ui-input-text {width: calc(50% - 3.75rem); float:left;}
	.aui .scNum label {float: left; width:  3.75rem; height: 2.25rem; line-height: 2.25rem; font-size: 0.875rem;}

	.aui .cal_wrap {padding-bottom:3rem;}
	.aui .cal_wrap .ui-input-text input[type="text"] {width:calc(100% - 2rem) !important; max-width:calc(100% - 2rem) !important; float:left;}
	.aui .cal_wrap img {float:right;}

    /* 주소 */
    .aui .mAdd:after {content:""; clear: both;display: block; float: none;}
    .aui .mAdd .ui-input-text {float: left; width: calc(70% - 1rem );}
    .aui .mAdd .ui-input-text input {width:100%; height: 2.25rem;padding-left: 0.5rem;font-size: 0.85rem;}
    .aui .mAdd button {float: right; width: 30%;}
    .aui .mAdd + .ui-input-text,
    .aui .mAdd + .ui-input-text + .ui-input-text {margin-top: 1rem}

	/* 인증번호요청 */
	.aui .getNumber {position: relative; margin-top: 0.5rem; background:#fff !important;}
	.aui .getNumber input[readonly] {background:#fff !important;}
	.aui .getNumber button {color: #004e96; position: absolute; right:0; top:0.5rem;width:5rem;}

	/* 생년월일 */
	.birth:after {content:""; clear: both;display: block; float: none;}
	.birth .ui-select {width: calc(33.333% - 2.5rem ); float: left;}
	.birth .space {float: left; display: inline-block; height: 2.25rem; line-height: 2.25rem; width: 1.25rem; font-size:0.875rem; margin-right: 1rem; margin-left: 0.58rem;}  
	.birth .space:last-child {margin-right: 0;}

	/* 캘린더 */
	.aui .ui-datepicker { background:#fff; border:1px solid #ddd; border-radius:0.25rem; padding:1rem 0;}
	.aui .ui-datepicker-calendar {width: 90%; margin:0 auto;}
	.aui .ui-datepicker-calendar thead tr th:first-child,
	.aui .ui-datepicker-calendar tbody tr td:first-child a {color: #ff4949;}
	.aui .ui-datepicker-calendar th {padding: 0.5rem 0;}
	.aui .ui-datepicker-calendar th,
	.aui .ui-datepicker-calendar td {text-align: center; font-size:0.8125rem; height: 1.75rem;}
	.aui .ui-datepicker-calendar tbody td a {height:1.563rem ; width:1.625rem; line-height: 1.563rem; text-align: center; margin: 0 auto;display: block;}
	.aui .ui-datepicker-calendar tbody td a.ui-state-active { color: #fff;background: url(../img/icon/i_cal_on.png)no-repeat;background-size:100%;}
	.aui .ui-datepicker-calendar tbody td.ui-state-disabled span {display: block; margin: 0 auto; color: #bbb; height:1.563rem ; width:1.625rem; line-height: 1.563rem;}
	.aui .ui-datepicker-calendar tbody tr td:first-child a.ui-state-active {color: #fff;}

	.aui .ui-datepicker-header {padding:0 2.813rem;}
	.aui .ui-datepicker-header:after {content:""; clear: both;display: block; float: none;}
	.aui .ui-datepicker-header > a {width: 1.875rem; height: 1.875rem; border:1px solid #ddd; display: block;float: left; box-sizing:border-box; text-indent: -999px; overflow: hidden; background: url('../img/icon/i_arr_cal.png') no-repeat; background-position: 50% 50%; background-size:20%;}
	.aui .ui-datepicker-header > a.ui-datepicker-prev { -ms-transform: rotate(180deg);   transform: rotate(180deg);}
	.aui .ui-datepicker-header > a.ui-datepicker-next {float: right;}
	.aui .ui-datepicker-header > a.ui-state-disabled {background-color: #eee;}
	.aui .ui-datepicker-header .ui-datepicker-title {width:10rem; margin: 0 auto; text-align:center; height: 1.875rem; line-height: 1.875rem;}
	.aui .ui-datepicker-header .ui-datepicker-title select {background: #fff; font-size: 1rem; height: 1.875rem; line-height: 1.875rem;  width:4.5rem; border:none; margin-right: 1rem; padding:0;}
	.aui .ui-datepicker-header .ui-datepicker-title select:last-child {margin-right: 0;}
	.aui .ui-datepicker-header .ui-datepicker-title select:first-child option:after {content:"년"; display: inline-block; }

	.aui .ui-datepicker-header .ui-datepicker-title > .ui-select {display: inline-block; min-width:3.75rem; height: 1.875rem; line-height: 1.875rem; margin-right: 1rem; border-bottom: 0px; }
	.aui .ui-datepicker-header .ui-datepicker-title > .ui-select:last-child {margin-right: 0; min-width:3rem;}
	.aui .ui-datepicker-header .ui-datepicker-title > .ui-select .ui-icon-carat-d {background: none; }

	figure.expand {overflow: auto;}
	figure.expand img {max-width: max-content;}


/* Accordion */
.ui-collapsible-content.ui-collapsible-content-collapsed { display: none !important; }
.ui-accordion-header-icon,
.ui-collapsible-heading-status {display: none !important;}

.accordion .ui-collapsible {border:1px solid #004e96;}
.accordion .ui-collapsible.ui-collapsible-collapsed {border: 0;}
.accordion .ui-collapsible .ui-collapsible-content {  }
.accordion .ui-collapsible-content { border-bottom:1px solid #ddd; font-size:0.8125rem; display: block; margin: 0; padding: 1em  .5em; }
.accordion .ui-collapsible-content p {margin: 0.1875rem 0; line-height: 1.4; font-size:0.85rem;}
.accordion .ui-collapsible-content p:last-child {margin-bottom: 0;}
.accordion .ui-collapsible-set {border-top: 1px solid #ddd;}
.accordion .ui-collapsible-set > .ui-collapsible {border-radius: 0; border:1px solid #ddd; border-top: 0px;}

.accordion .ui-collapsible > .ui-collapsible-heading {font-size:0.9375rem; padding:  0.75rem 0; background: #fbfcfd; position: relative;box-sizing:border-box;}
.accordion .ui-collapsible > .ui-collapsible-heading a {display: table; width:calc(100% - 4.5rem); margin-left: 0.5rem;}
.accordion .ui-collapsible > .ui-collapsible-heading a span {display: table-cell; vertical-align: middle; font-size:1rem; width: 1.5rem; font-weight: 400;}
.accordion .ui-collapsible > .ui-collapsible-heading a strong {display: table-cell; vertical-align: middle; line-height: 1.2;}
.accordion .ui-collapsible > .ui-collapsible-heading:after {content:"" ; display: block; position: absolute; right:1rem ; top:1.1rem;width: 0.875rem; height: 0.5rem; background: url('../img/icon/i_arr_accordion.png');background-size:100%; background-position:left 0 bottom 0;}

.accordion .ui-collapsible:not(.ui-collapsible-collapsed) {border:1px solid #004e96;}
.accordion .ui-collapsible:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {}
.accordion .ui-collapsible:not(.ui-collapsible-collapsed) > .ui-collapsible-heading:after { transform:rotate(180deg);}
.accordion .ui-collapsible:not(.ui-collapsible-collapsed) > .ui-collapsible-heading a {color: #000; font-weight: 500; }
.accordion .ui-collapsible:not(.ui-collapsible-collapsed) > .ui-collapsible-content {padding: 0 0.5rem 1rem;}

/* 전체 popup */
.ui-popup-screen {background: #000; }
.ui-popup-container { width:100% !important; max-width:480px !important; left:0px !important;}
.ui-popup-container .ui-popup {box-sizing: border-box; background: #fff;  height:100vh; position: relative;}
.ui-popup-container .ui-popup .btn-wrap.col-2 {position: absolute; bottom: 0;width: 100%;}
.ui-popup-container .ui-popup .popupTitle {height: 2.75rem; border-bottom: 1px solid #ddd;}
.ui-popup-container .ui-popup .popupTitle h3 {height:  2.75rem; line-height:  2.75rem; font-size:0.9375rem; text-align: center; color: #222;}
.ui-popup-container .ui-popup .popupTitle a {position: absolute; right:1rem; top:0.9rem; width: 1rem; height: 1rem; overflow: hidden; text-indent: -9999px; background: url(../img/icon/i_pop_close.png) no-repeat; background-size: cover;}
.ui-popup-container .ui-popup .inner {overflow-y: auto; height: calc(100vh - 6rem);}
.ui-popup-container .ui-popup .inner .title h2 {margin-top:1.5rem;}
.ui-popup-container .ui-popup .inner .popupContents {height:auto; min-height:calc(100vh - 9.725rem); padding-bottom: 2.5rem;}
.ui-popup-container .ui-popup .inner .popupContents > strong {display:block; padding:2rem 0.5rem;}

.ui-popup-container .ui-popup.small {height: 50vh; width: calc(100% - 2rem); margin: 0 auto;}
.ui-popup-container .ui-popup.small .inner {height: auto; padding: 1rem;}
.ui-popup-container .ui-popup.small .inner .popupContents {height:auto; min-height:calc(50vh - 5rem); padding-bottom: 0;}
.ui-popup-container .ui-popup.small section > a {position: absolute; right:0; top: -1.5rem; width:1rem; height: 1rem; background: url('../img/icon/i_popClose_small.png') no-repeat; background-size:90%; text-indent: -999px; overflow: hidden;}


/* Notice */
.aui .box__notice {border:1px solid #ddd; margin-top: 2.25rem;}
.aui .box__notice h3 {font-size:0.8125rem; line-height: 2.5rem;  padding-left: 2.25rem; position: relative;}
.aui .box__notice h3:before {content: ''; width:1rem ; height: 1rem; background: url('../img/icon/i_notice.png'); display: inline-block; position: absolute; lefT:0.8rem; top:0.8rem; background-size:cover;}
.aui .box__notice h3:after {content: ''; width:1rem ; height: 0.6rem; background: url('../img/icon/i_sel_arr_down.png') no-repeat; display: inline-block; position: absolute; right:0.8rem; top:1rem; background-size:cover; -ms-transform: rotate(-180deg);  transform: rotate(-180deg); transition:all 0.3s;}
.aui .box__notice .ui-collapsible-content {font-size:0.75rem; padding: 1rem 0.625rem;border-top: 1px solid #ddd;}
.aui .box__notice .ui-collapsible-collapsed h3:after { -ms-transform: rotate(-0deg);  transform: rotate(-0deg);}

/* table */
table tbody td strong {font-weight: 500; color: #000;}
.aui .table-must-area{text-align:right;font-size:0.875rem;margin-bottom:1rem;}
.aui .table-row.expand,
.aui .table-col.expand {overflow-x: auto;}
.aui .table-row > table{border-top:0.125rem solid #000;color:#333;width:100%}
.aui .table-row.type2 >table {border-top:1px solid #ddd;}
.aui .table-row > table th,
.aui .table-row > table td {color:#333; border-left: 1px solid #ddd;border-bottom:1px solid #ddd;line-height: 1.6; font-size:0.75rem; font-weight: 500; text-align: center; vertical-align: middle;padding:0.5rem;}
.aui .table-row > table th {background:#f9f9f9;}
.aui .table-row > table th p {font-size:0.85rem;}
.aui .table-row > table th figure img {margin: 0 auto; width:75%;}
.aui .table-row > table td {}
.aui .table-row > table th:first-child,
.aui .table-row > table td:first-child {border-left: none;}
.aui .table-col > table{width:100%;}
.aui .table-col > table thead th{background:#f9f9f9;font-weight:500; color:#333; padding:.75rem 0; text-align: center;vertical-align:middle; font-size:0.75rem;}
.aui .table-col > table tbody td{text-align:center;padding:.75rem 0;vertical-align:middle;border-bottom:1px solid #ddd;font-size:0.6875rem;}
.aui .table-col > table tbody td ul li {font-size:0.6875rem;}
.aui .table-col > table thead tr th:last-child,
.aui .table-col > table tbody tr td:last-child{border-right:none;}
.aui .table-col > table tbody td strong{font-weight:400;}

.aui .table_box {padding: 1rem; border:1px solid #ddd; margin-top: 0.75rem;}
.aui .table_box table {width: 100%;}
.aui .table_box table tr th {font-weight: 400; text-align: left; padding: 0.25rem 0; font-size:0.85rem;}
.aui .table_box table tr td {font-weight: 500; padding: 0.25rem 0; font-size:0.85rem; color: #333;} 

/* 기본리스트 */
.aui ul.dot-list {margin-top: 1rem;}
.aui ul.dot-list li {position: relative; padding-left: 0.5rem; font-size:0.8125rem; margin-bottom: 0.25rem;line-height:1.125rem;text-align: left; font-weight:400;}
.aui ul.dot-list li  small {font-size:0.75rem;}
.aui ul.dot-list li:last-child {margin-bottom: 0;}
.aui ul.dot-list li:before {content: '·';position: absolute; left:0; top:-1px;}
.aui ul.dot-list + small {font-size:0.75rem; color: #666; padding-left: 0.5rem; margin-top: 0.25rem;display: block;}

/* sub STEP */
.aui .list__step {margin-top:0.5rem;}
.aui .list__step > ul > li {border-left: 1px solid #ddd; padding-left: 1rem; padding-top: 0.5rem; margin-left: 0.1875rem; position: relative; padding-bottom: 1.5rem;}
.aui .list__step > ul > li:last-child {border-left: none;}
.aui .list__step > ul > li span {font-size:0.75rem;color: #666; position: absolute;  top: -0.3rem;}
.aui .list__step > ul > li span:before {content: ''; width:  0.4375rem; height:  0.4375rem; background: #fcaf15; display: block; position: absolute; left:-1.25rem; border-radius:50%; top:0.2rem;}
.aui .list__step > ul > li h4 {font-size:0.875rem; color: #000; line-height: 1.6; margin-top: 0.5rem;}
.aui .list__step > ul > li h4:nth-child(1) {margin-top: 2rem;}
.aui .list__step > ul > li small {color: #888; font-weight: 400; font-size:0.75rem;}.ui-select .ui-btn select
.aui .list__step > ul > li h4 small {position: relative; padding-left: 0.25rem;}
.aui .list__step > ul > li p {font-size:0.75rem; margin-top:0.25rem; line-height:1.5;}

.aui .list__content {margin-top: 1rem;}
.aui .list__content > ul {border-bottom: 1px solid #ddd;}
.aui .list__content > ul > li {border: 1px solid #ddd; border-bottom: none;padding: 1rem;}
.aui .list__content > ul > li h4 {color: #333; line-height: 1.4; padding-bottom: 0.5rem;}
.aui .list__content > ul > li strong {display: block; font-size:0.75rem; }
.aui .list__content > ul > li strong + .dot-list {margin-top: 0.25rem}

.aui .list__content > ul > li .contents__text + strong,
.aui .list__content > ul > li .dot-list + strong {margin-top: 0.5rem}
.aui .list__content > ul > li h4 small {color: #888; font-size:0.75rem; font-weight: 400; display: inline-block; margin-left: 0.25rem;}

.aui h3.contents__title {font-size: 1.125rem; color: #000; padding:1.75rem 0 1rem ; text-align:left;}
.aui h3.contents__title.location ul {float:none; display:block; clear:both; content:"";}
.aui h3.contents__title.location ul li {float: left; padding-right:; font-weight: 400;}
.aui h3.contents__title.location ul li:after {content: '>'; width:1.5rem; font-weight: 400;text-align: center; display: inline-block;}
.aui h3.contents__title.location ul li:last-child {font-weight: 600;}
.aui h3.contents__title.location ul li:last-child:after {display: none;padding-right: 0;}
.aui h4 {color: #000; padding-bottom: 0.5rem;}
.aui h4.contents__title {font-size:0.875rem; color: #000; padding:1.75rem 0 0.5rem ;}
.aui hr + .contents__title {padding: 0 0 1rem;}
.aui h3.contents__title  + h4.contents__title {padding: 0 0 0.5rem;}
.aui .contents__text p {font-size:0.8125rem; margin-bottom: 0.5rem; line-height: 1.6; text-align:left;}
.aui .contents__text p:last-child {margin-bottom: 0;}
.aui .contents__text li {font-size:0.8125rem; line-height: 1.4; margin-bottom: 0.25rem;}
.aui .contents__text li > ul {padding-left: 0.5rem; margin-top: 0.25rem;}


.aui .btn__more {width: 100%; border:1px solid #000;display: block; color: #000; font-weight: 500; height: 2.25rem; line-height: 2.25rem;font-size:0.875rem; text-align: center; margin-top: 1.125rem;}
.aui .btn__more span:after {content: ''; margin-left: 0.25rem;position: relative; top: -0.2rem;display: inline-block;width:  0.625rem; height:  0.3rem; background: url('../img/icon/i_accordion.png') no-repeat; background-size: cover; transform: rotate(180deg);}

.aui .box__right {text-align: center; font-weight: 600; border-bottom:1px solid #ddd; padding: 1.75rem 0; line-height: 1.5;color: #000;}
.aui .box__right strong {color: #004e96;}
.aui .box__grey {background: #f9f9f9; position: relative; width: 100%; margin-left: -1rem; padding: 1rem; margin-bottom: 1.5rem; font-size:0.85rem;line-height: 1.4;}
 
.aui .list__pastPolicy {border-top: 1px solid #ddd;}
.aui .list__pastPolicy li {border-bottom: 1px solid #ddd; font-size:0.8125rem; color: #333; padding: 0.75rem  0.625rem; position: relative; }
.aui .list__pastPolicy li small {display: block; font-size:0.8125rem; color: #222; margin-top: 0.5rem;}
.aui .list__pastPolicy li a {position: absolute; right:0.625rem; top:50%; margin-top: -0.4rem;text-indent: -9999px; width:0.4375rem; height:  0.8rem; display: inline-block;overflow: hidden;background:url('../img/icon/i_arr_cal.png') no-repeat ; background-size:cover;}

/* wrap */
.aui .mobile {width: 100%; max-width:480px; min-height: 100vh;  margin: 0 auto; background: #fff; overflow: hidden; position: relative;}
.aui .footer {margin-top: 4.063rem;}

.aui .ui-header {position: fixed; padding: 0 1rem; border-bottom: 1px solid #ddd; height: 2.625rem;  box-sizing: border-box;  background: #fff; z-index:5; width: 100vw; max-width:480px;}
.aui .ui-header h1 {padding-top:0.75rem ;position: absolute; lefT:50%; margin-left: -3.1rem; background: url(../img/common/logo.png); background-size:100%; background-repeat:no-repeat; background-position:left 0 bottom 0;}
.aui .ui-header h1 a { width:6.19rem; height: 1.313rem; overflow: hidden; text-indent: 999px; display: block; font-size:0;}
.aui .ui-header > a {font-size:0.625rem; font-weight: 500; margin-top: 0.5rem;}
.aui .ui-header > a:before {content:"";width: 1.063rem; height: 1.063rem; background: url('../img/icon/i_header.png') no-repeat; display: block; background-size: 300%; margin: 0 auto;}
.aui .ui-header > a.menu:before { background-position:right 0 top 0;}
.aui .ui-header > a.prev:before { background-position:left 50% top 0;}
.aui .ui-header .left {float: left; }
.aui .ui-header .right {position:absolute; right:1rem;}
.aui .ui-content > section {padding-top: 2.625rem;}
.aui .ui-content.ui-popup > section {padding-top: 0rem;}
.aui .ui-content.ui-popup > .btn-wrap {position:absolute; bottom:0; display: table; width:100%;}
.aui .ui-content.ui-popup > .btn-wrap a {display:table-cell; }

#nav.ui-panel { width: 17em; position: fixed; z-index:10; background: #fff; height:100vh;}
#nav.ui-panel-closed { width: 0; } #mobile .ui-panel-page-content-position-left, .ui-panel-dismiss-open.ui-panel-dismiss-position-left { left: 17em; right: -15em; }
#mobile .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal { left: 0; right: 0; -webkit-transform: translate3d(15em,0,0); -moz-transform: translate3d(15em,0,0); transform: translate3d(15em,0,0); }
.ui-listview > li .ui-collapsible-heading {margin: 0;}
.ui-collapsible.ui-li-static {   padding: 0; border: none !important;}
.ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn { border-top: none !important; }
.ui-listview .ui-listview .ui-btn { background: #fff; }
.ui-listview .ui-listview .ui-btn:hover { background: #f5f5f5; }
.ui-listview .ui-listview .ui-btn:active { background: #f1f1f1; }
#mobile .ui-panel-display-reveal { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#mobile .ui-panel-page-content-position-left { -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15); -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15); box-shadow: -5px 0px 5px rgba(0,0,0,.15); }
#mobile.ui-page-theme-a, #mobile .ui-panel-wrapper { background-color: #fff; }


.aui .inner > .popupContents > .title {margin-left: -1rem; width: calc(100% + 2rem); background: #567b9d; padding: 1.5rem 0;}
.aui section > .title {padding: 1.8rem 0 1.2rem;  height:auto; background: #567b9d;}
.aui section > .title h2,
.aui .popupContents > .title h2 {text-align: left; font-size:1.5rem; color: #fff; margin-left: 1rem; font-weight: 500;}
.aui section > .title p {text-align: left; font-size:.875rem; color: rgba(255,255,255,.7); font-weight: 400;line-height: 1.5; min-height:1.5rem; margin: 0.75rem 1rem 0;}


form > table {width: 100%;}
form > table tr td {padding-bottom: .75rem ;}

.aui .inner {padding: 0 1rem;}

.aui footer {background: #32363a; margin-top: 6.25rem;}
.aui footer .util {  text-align: center;}
.aui footer .util:first-child { border-bottom: 0.0625rem solid rgba(255,255,255,.1)}
.aui footer .util ul li {display: inline-block;  height: 2.5rem; line-height: 2.5rem; position: relative; padding: 0 0.5rem;}
.aui footer .util ul li:after {content:""; display: block; position: absolute; right:-0.15rem; width: 0.0625rem; height: 0.6875rem; background: rgba(255,255,255,.1); top:1rem;}
.aui footer .util ul li:last-child:after {display: none;}
.aui footer .util ul li a {color: rgba(255,255,255,.6); font-size: 0.6875rem; }

.aui footer .util address {font-size:0.8125rem; display: block; margin-bottom: 0.8rem;}
.aui footer .call {background: #282b2e; text-align: center; font-size:0.8125rem;  height: 3.125rem; line-height:  3.125rem;}
.aui footer .call a {display: block;color:rgba(255,255,255,.4);}
.aui footer .call strong {font-size:1rem; display: inline-block; margin-left: 0.5rem; color: #ddd;}


/* gnb */
#nav .ui-panel-inner {height: 100vh; position: relative;}
#nav .ui-panel-inner .box__mypage {background: #004e96;}
#nav .ui-panel-inner .box__mypage .util ul {padding:0.75rem 0.75rem 0;}
#nav .ui-panel-inner .box__mypage .util ul li {float: left;}
#nav .ui-panel-inner .box__mypage .util ul li a {font-size:0.625rem; color: #fff; display:block; line-height:1.2rem;}
#nav .ui-panel-inner .box__mypage .util ul li a:before  {content: ""; width: 1.063rem; height: 1.063rem; background: url(../img/icon/i_mypage.png) no-repeat; display: block; background-size: 200%; margin: 0 auto;}
#nav .ui-panel-inner .box__mypage .util ul li:last-child {float: right;}
#nav .ui-panel-inner .box__mypage .util ul li:last-child  a:before {background-position: right 0 top 0;}
#nav .ui-panel-inner .box__mypage .util ul:after,
#nav .ui-panel-inner .box__mypage .util dl:after {content:""; clear: both;display: block; float: none;}
#nav .ui-panel-inner .box__mypage .util dl {padding:1.5rem 0.75rem 0;}
#nav .ui-panel-inner .box__mypage .util dl dt {float: left; }
#nav .ui-panel-inner .box__mypage .util dl dt h2 {color: #fff; font-weight:300; font-size:1.125rem; line-height: 1.7;}
#nav .ui-panel-inner .box__mypage .util dl dt h2 strong {font-weight: 500;}
#nav .ui-panel-inner .box__mypage .util dl dd {float: right;}
#nav .ui-panel-inner .box__mypage .util dl dd a {display: block; color: #fff; font-size:0.625rem;text-align: center;}
#nav .ui-panel-inner .box__mypage .util dl dd a i {width: 2.25rem; height: 2.25rem; background-color: #67a62e; background-image:url('../img/icon/i_star.png'); background-repeat: no-repeat; background-size:58%; background-position:50% 50%;display: block; margin: 0 auto;border-radius:50%; margin-bottom: 0.3rem;}
#nav .ui-panel-inner .box__mypage .util dl.logout dd a i{ background-color: #003c74;background-image:url('../img/icon/i_user.png');}
#nav .ui-panel-inner .box__mypage .util:after {content:""; clear: both;display: block; float: none;}
#nav .ui-panel-inner .box__mypage .link {margin-top: 1.3rem;}
#nav .ui-panel-inner .box__mypage .link ul {display: table; width: 100%; table-layout: fixed;}
#nav .ui-panel-inner .box__mypage .link ul li {display: table-cell; width: 33.33%; text-align: center;background: #003c74; border-right: 1px solid #004e96;}
#nav .ui-panel-inner .box__mypage .link ul li a {color: #fff; display: block; font-size:0.8125rem; height: 2.75rem;line-height: 2.75rem; font-weight: 300;}
#nav .ui-panel-inner .call {position: absolute; width: 100%;bottom:0px; height: 3rem; line-height: 3rem; background:#59616d ; text-align: center; font-size:0.75rem;}
#nav .ui-panel-inner .call a {display: block; color: #fff;}
#nav .ui-panel-inner .call a span,
#nav .ui-panel-inner .call a strong {display: inline-block;height: 0.75rem; line-height: 0.75rem;;}
#nav .ui-panel-inner .call a strong  {font-size:0.9375rem;}
#nav .ui-panel-inner .call a i {display: inline-block; width: 0.75rem; height: 0.75rem; background: url('../img/icon/i_call.png') no-repeat ; background-size:contain; margin-left: 0.5rem;}

#nav .scroll__wrap {overflow-y:auto; height: calc(100vh - 15.15rem);}
#nav .scroll__wrap > ul {padding: 1rem;}
#nav .scroll__wrap > ul > li.ui-collapsible .ui-collapsible-content {padding: 1rem;}
#nav .scroll__wrap > ul > li.ui-collapsible li {line-height: 1.7;  position:relative; }
#nav .scroll__wrap > ul > li.ui-collapsible li a {font-size:0.875rem;display:block; line-height:1.8;padding-left:1rem;}
#nav .scroll__wrap > ul > li.ui-collapsible li a:hover {color:#000;}
#nav .scroll__wrap > ul > li.ui-collapsible li:before {content: '- '; position:absolute; left:0; line-height:18px;}
#nav .scroll__wrap .ui-collapsible-set > .ui-collapsible.ui-corner-all { -webkit-border-radius: 0; border-radius: 0; }
#nav .scroll__wrap .ui-collapsible > .ui-collapsible-heading {font-size:0.9375rem;  height: 2.75rem;line-height: 2.75rem; border-bottom: 1px solid #ddd; background: #fbfcfd; position: relative;}
#nav .scroll__wrap .ui-collapsible > .ui-collapsible-heading a {margin-left: 0.5rem; font-weight: 500; display:block; height: 2.75rem;line-height: 2.75rem;}
#nav .scroll__wrap .ui-collapsible > .ui-collapsible-heading a:before {content: ''; float: left; display: inline-block; width: 1.5rem; height: 1.5rem; background:url('../img/icon/i_nav.png')no-repeat; background-size:cover; margin:0.65rem 0.5rem 0;}
#nav .scroll__wrap .ui-collapsible:nth-child(2) > .ui-collapsible-heading a:before {background-position:33% -100%;}
#nav .scroll__wrap .ui-collapsible:nth-child(3) > .ui-collapsible-heading a:before {background-position:66% -100%;}
#nav .scroll__wrap .ui-collapsible:nth-child(4) > .ui-collapsible-heading a:before {background-position:99% -100%;}
#nav .scroll__wrap .ui-collapsible > .ui-collapsible-heading:after {content:"" ; display: block; position: absolute; right:1rem ; top:1.1rem;width: 0.875rem; height: 0.5rem; background: url('../img/icon/i_arr_nav.png');background-size:100%; background-position:left 0 bottom 0;}
#nav .scroll__wrap .ui-collapsible:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {  }
#nav .scroll__wrap .ui-collapsible:not(.ui-collapsible-collapsed) > .ui-collapsible-heading:after { background-position:left 0 top 0;}
#nav .scroll__wrap .ui-collapsible:not(.ui-collapsible-collapsed) > .ui-collapsible-heading a {color: #004e96; font-weight: 600; }