@charset "utf-8";
/*
*   name : uxis default
*   date : 2021.07.07 
*	사이트에 맞게 필요없는 항목부터 지운 뒤 변경해서 사용 요망.
*/

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

/* color */
.fcPoint {color:var(--point-c);}

/* button */
.btn {border:none;cursor:pointer;line-height:normal;text-align:center;transition:all 0.3s;border-radius:3px;max-width:100%;display: inline-flex;align-items: center;justify-content: center;}
.btn span {display:inline-block;position:relative;transition:color .3s;font-weight:600;max-width:100%;line-height:140%;}
.btn.noclick {cursor:default;}


	/* 버튼 크기 */
.btn.sizeB {min-height:60px;padding:1rem 2rem;font-size:1.6rem;}
.btn.sizeM {min-height:52px;padding:1rem 2rem;font-size:1.6rem;}
.btn.sizeS {min-height:35px;padding:0.6rem 2rem;font-size:1.4rem;}


	/* 버튼 색상*/
.btn.point {background:var(--point-c);border:1px solid var(--point-c);}
.btn.point span {color:#fff;}
.btn.black {background:var(--point-black);border:1px solid var(--point-black);}
.btn.black span {color:#fff;}
.btn.orange {background:#eb6100;border:1px solid #eb6100;}
.btn.orange span {color:#fff;}
.btn.gray {background:#f4f4f4;border:1px solid #f4f4f4;}


	/* 버튼 아이콘*/
.btn.write span {padding-left:30px;}
.btn.write span:before {content:"";position:absolute;top:50%;left:0;margin-top:-10px;display:block;width:20px;height:20px;background:url(../img/default/btn_write.svg) no-repeat center center;}
.btn.message span {padding-left:30px;}
.btn.message span:before {content:"";position:absolute;top:50%;left:0;margin-top:-10px;display:block;width:20px;height:20px;background:url(../img/default/btn_message.svg) no-repeat center center;}



/* info-ex */
.info-ex {text-indent:-20px;padding-left:20px;}
.info-ex:before {content:url(../img/default/info-ex.svg);display:inline-block;margin-right:6px;vertical-align:middle;text-indent:0;}
.info-ex .txt {vertical-align:middle;font-size:1.6rem;line-height:140%;color:#222;}
.info-ex .txt i {font-style:normal;font-size:1.6rem;}


/* title */
.u-tit02 {margin-bottom:2rem;font-weight:600;font-size:2rem;font-family: 'GmarketSans', sans-serif;line-height:160%;}


/* list */
.dotList li {text-indent:-7px;padding-left:7px;line-height:160%;}
.dotList li + li {margin-top:1.5rem;}
.dotList li * {text-indent:0;}
.dotList li:before {content:"";display:inline-block;width:2px;height:2px;margin-right:5px;background:#222;vertical-align:middle;}

.dasList li {text-indent:-10px;padding-left:10px;line-height:160%;}
.dasList li + li {margin-top:1.5rem;}
.dasList li * {text-indent:0;}
.dasList li:before {content:"";display:inline-block;width:4px;height:1px;margin-right:6px;background:#222;vertical-align:middle;}


/* input */
/* select {padding:10px;padding-right:35px !important;background:url(../img/default/arrow-black.svg) no-repeat right 15px center;border:1px solid #ececec;border-radius:3px;} */

input:not([type=checkbox]):not([type=radio]):disabled{background:#f4f4f4;}

/* input:not([type=checkbox]):not([type=radio]) {padding:10px;border:1px solid #ececec;border-radius:3px;} */
.datepicker {width:170px;padding-left:45px !important;background:url(../img/default/datepicker.svg) no-repeat 15px center #fff;}

textarea {width:100%;min-height:120px;border:1px solid #ececec;border-radius:3px;padding:20px;}


/* checkbox */
.chkBox {display:inline-block;min-height:17px;padding-left:17px;color:#555;position:relative;}
.chkBox > label {font-size:0 !important;}
.chkBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.chkBox .box {display:block;position:absolute;top:0;left:0;width: 18px; height: 18px; cursor: pointer; background: url('../img/default/checkbox.svg') no-repeat left center;font-size:0;}
.chkBox .labelTxt {font-size:1.4rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.chkBox input:checked ~ .box {background-position:-19px center;}
.chkBox input:disabled ~ .box {background-position:-57px center;}
.chkBox input:checked:disabled ~ .box {background-position:right center;}
.chkBox input:focus ~ .box {background-position:-38px center;}
.chkBox input:focus:checked ~ .box {background-position:-19px center;}


/* radio */
.radioBox {display:inline-block;min-height:17px;padding-left:17px;color:#555;position:relative;}
.radioBox > label {font-size:0 !important;}
.radioBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.radioBox .box {display:block;position:absolute;top:0;left:0;width: 18px; height: 18px; cursor: pointer; background: url('../img/default/radio.svg') no-repeat left center;font-size:0;}
.radioBox .labelTxt {font-size:1.4rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.radioBox input:checked ~ .box {background-position:-19px center;}
.radioBox input:disabled ~ .box {background-position:-57px center;}
.radioBox input:checked:disabled ~ .box {background-position:right center;}
.radioBox input:focus ~ .box {background-position:-38px center;}
.radioBox input:focus:checked ~ .box {background-position:-19px center;}


/* tab */
.tab01 {display:flex;flex-wrap:wrap;border-left:1px solid #ececec;margin-bottom:6rem;margin-top:1px;}
.tab01 li {width:25%;margin-top:-1px;}
.tab01 li a {padding:1rem;height:6rem;border:1px solid #ececec;border-left:none;display:flex;align-items:center;justify-content:center;font-size:1.8rem;line-height:160%;font-weight:600;}
.tab01 li.over a {background:#00a29a;border-color:#00a29a;color:#fff;}

    @media screen and (max-width:860px) {
        
        .tab01 li {width:50%;}
    }

	/* 서브 컨텐츠가 있는 탭 */
	.tablist:focus,
	.tablist .tab.over:focus {outline:2px solid #222;}
	.tabpanel {display:none;}
	.tabpanel.over {display:block;}

/* faq 게시판 */
.faqLst {border-top:2px solid #222;}
.faqLst li .qbox,
.faqLst li .abox .abox-inwrap {display:flex;flex-wrap:wrap;width:100%;padding:4rem 2rem;border-bottom:1px solid #ececec;}
.faqLst li.open .qbox:before {transform:rotate(180deg);}
.faqLst li .abox {display:none;background:#f4f4f4;}
.faqLst li .mark {flex:0 0 32px;width:32px;height:32px;line-height:32px;margin-right:2rem;border-radius:50%;font-size:1.4rem;color:#fff;text-align:center;}
.faqLst li .qbox .mark {background:var(--point-c);}
.faqLst li .abox .mark {background:var(--point-black);margin-left:7rem;}
.faqLst li .num {flex:0 0 50px;width:50px;margin-right:2rem;margin-top:8px;text-align:center;}
.faqLst li .txt {flex:1;min-width:0;line-height:200%;transition:all .3s;}
.faqLst li .qbox .txt {padding-right:8rem;position:relative;}
.faqLst li .qbox .txt:before {content:"";position:absolute;top:50%;right:3rem;margin-top:-3px;display:block;width:10px;height:5px;background:url(../img/default/arrow-black.svg) no-repeat center center;}


/* board page */
.board_page  {text-align:center;line-height:110%;display:block;position:relative;height:auto;min-height:48px;padding:50px 0 0px 0;}
.board_page a {display:inline-block;height:48px;min-width:48px;line-height:48px;padding:0 5px;margin:0 1px 5px;border:1px solid #ececec;background:#fff;text-align:center;overflow:hidden;border-radius:3px;font-size:1.5rem;font-weight:500;position:relative;} 
.board_page a.over {background:var(--point-black); border-color:var(--point-black); color:#fff;}
.board_page a.page-first,
.board_page a.page-prev,
.board_page a.page-next,
.board_page a.page-last {background:#f4f4f4;}
.board_page a.page-first:before,
.board_page a.page-prev:before,
.board_page a.page-next:before,
.board_page a.page-last:before {position:absolute;top:50%;left:50%;display:block;height:10px;background:url(../img/default/paging.svg)no-repeat;}
.board_page a.page-first:before {content:"";width:10px;margin:-5px 0 0 -5px;background-position:left center;}
.board_page a.page-prev:before {content:"";width:6px;margin:-5px 0 0 -2px;background-position:-12px center;}
.board_page a.page-next:before {content:"";width:6px;margin:-5px 0 0 -2px;background-position:-18px center;}
.board_page a.page-last:before {content:"";width:10px;margin:-5px 0 0 -5px;background-position:right center;}


	/* hover */
	@media screen and (min-width:1200px){
		
		/* faq 게시판 */
		.faqLst li .qbox:hover .txt,
		.faqLst li .qbox:focus .txt {color:var(--point-c);}
	}

    
    @media screen and (max-width:1200px){

		/* faq 게시판 */
		.faqLst li .qbox .txt {padding-right:3em;}
		.faqLst li .qbox .txt:before {right:0;}
    }
    @media screen and (max-width:650px){
	
		/* faq 게시판 */
		.faqLst li .qbox, 
		.faqLst li .abox .abox-inwrap {padding:2rem 1.5rem;}
		.faqLst li .num {flex:0 0 100%;width:100%;margin-bottom:2rem;text-align:left;}
		.faqLst li .mark {flex:0 0 26px;margin-right:1rem;width:26px;height:26px;line-height:26px;}
		.faqLst li .abox .mark {margin-left:0;}
		.faqLst li .txt {margin-top:-0.3rem;}
	}

	@media screen and (max-width:500px){
		
		
    }


.lh15{line-height:1.5;}