#sub{
	width:100%;
	min-width:1180px;
	overflow:Hidden;
}

#sub .subTitleArea{
	width:100%;
	position:relative;
	left:0px;
	margin-left:0px;
}

#sub .subTitleArea .bg{
	width:100%;
	height:500px;
	overflow:hidden;

}

#sub .subTitleArea .bg img{
	width:100%;
}

#sub .subTitleArea .cont{
	width:1180px;
	position:absolute;
	left:50%;
	margin-left:-590px;
	top:50%;
	transform:translateY(-50%);
}

#sub .subTitleArea .cont .textArea{
	width:588px;
	display: inline-block;
	padding-right:40px;
	box-sizing:border-box;
	vertical-align:middle;
}

#sub .subTitleArea .cont .title{
	font-size:48px;
	font-weight:bold;
	color:#fff;
	display: inline-block;

}

#sub .subTitleArea .cont .subTitle{
	font-size:24px;
	margin-top:5px ;
	color:#fff;
	display: inline-block;

}


#sub .subTitleArea .cont .searchArea{
	width:588px;
	display:inline-block;
	vertical-align:middle;
	margin-top:32px;
}

#sub .subTitleArea .cont .searchArea .search{
	width:100%;
	display:inline-block;
	background:rgba(255,255,255,0.7)
}

#sub .subTitleArea .cont .searchArea .search .input{
	width: 80%;
	display: inline-block;
	padding: 14px 20px;
	background: rgba(255,255,255,0);
	border: 0;
	margin-top: 2px;
	font-size: 23px;
	font-weight: bold;
}

#sub .subTitleArea .cont .searchArea .search .submitBTN{
	width:64px;
	display:inline-block;
	float:Right;
}

#sub .subCont{
	width:100%;
}

#sub .subCont .commonArea{
	width:100%;
}

#sub .subCont .commonArea .inner{
	width:1180px;
	margin:0 auto;
}



#sub .subCont .commonArea .nav{
	width:100%;
	padding:15px 0px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .subCont .commonArea .nav .text{
	font-size:14px;
	display:inline-block;
	vertical-align:middle;
}



#sub .subCont .commonArea .nav .arrow{
	width:7px;
	display:inline-block;
	vertical-align:middle;
	margin:0px 4px;
}




#sub .subCont .commonArea .sumMenu{
	width:100%;
	text-align:center;
	margin-top:30px;
}



#sub .subCont .commonArea .sumMenu li{
	display:inline-block;
	margin:0px 10px;
	font-size:18px;
	color:#c1c1c1;
}

#sub .subCont .commonArea .sumMenu li a{
	color:#c1c1c1;
}

#sub .subCont .commonArea .sumMenu .on{
	color:#0f91d0;
	text-decoration:underline;
	text-underline-position: under;
}

#sub .subCont .commonArea .sumMenu .on a{
	color:#0f91d0;
}




#sub .subCont .commonArea .sumMenu .on a{
	color:#0f91d0;
}

#sub .subCont .boardType01{
	width:1180px;
	margin:30px auto 0;
}

#sub .subCont .boardType01-mo {display:none;}

#sub .subCont .boardType01 table{
	width:100%;
	table-layout:fixed;
	border-top:1px solid #222;
}

#sub .subCont .boardType01 table td{
	padding:20px 15px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-size:15px;
}
#sub .subCont .boardType01 table .cliName{
	padding:20px 15px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-weight:normal;
	font-size:15px;
}
#sub .subCont .boardType01 table .mo_displaynone{
	padding:20px 15px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-weight:normal;
	font-size:15px;
	color:#888;
}



#sub .subCont .boardType01 table td  .subject{
	display:inline-block;

	width:auto;
	max-width:100%;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

#sub .subCont .boardType01 table td  .newIco{
	width:15px;
	line-height:15px;
	text-align:Center;
	font-size:11px;
	color:#fff;
	font-family:'roboto';
	font-weight:bold;
	background:#0f91d0;
	border-radius:15px;
	display:inline-block;
	vertical-align:middle;
}


#sub .subCont .boardType01 table td  .newIco{
	width:15px;
	line-height:15px;
	text-align:Center;
	font-size:11px;
	color:#fff;
	font-family:'roboto';
	font-weight:bold;
	background:#0f91d0;
	border-radius:15px;
	display:inline-block;
	vertical-align:middle;
	margin-left: 10px;
}



#sub .subCont .boardType01 table td  .reMark{
	display:inline-block;
	border:1px solid #d30000;
	color:#d30000;
	padding:8px;
	border-radius:20px;
	vertical-align:middle;
	margin-right:15px;
	min-width:100px;
	text-align:center;
}


#sub .subCont .boardType01 table td  .ingMark{
	display:inline-block;
	border:1px solid #0f91d0;
	color:#0f91d0;
	padding:8px;
	border-radius:20px;
	vertical-align:middle;
	margin-right:15px;
	min-width:100px;
	text-align:center;
}


#sub .subCont .boardType01 table td  .keMark{
	display:inline-block;
	border:1px solid #222;
	color:#222;
	padding:8px;
	border-radius:20px;
	vertical-align:middle;
	margin-right:15px;
	min-width:100px;
	text-align:center;
}

#sub .subCont .boardType01 table td  .qMark{
	display:inline-block;
	background:#0f91d0;
	text-align:Center;
	width:30px;
	line-height:30px;
	font-size:15px;
	font-family:'roboto';
	color:#fff;
	border-radius:100%;
	margin-right:5px;
}

#sub .subCont .boardType01 .selectLabel{
	height: 39px;
}

#sub .subCont .boardType02{
	width:1180px;
	margin:0 auto;
}

#sub .subCont .boardType02 table{
	width:100%;
	table-layout:fixed;
}
#sub .subCont .boardType02 table th{
	padding:20px 15px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-size:15px;
	font-weight:400;
	color:#888;
}
#sub .subCont .boardType02 table td{
	padding:20px 15px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-size:15px;
	font-weight:400;
	text-align:center;
}

/*counsel*/
#sub .subCont .boardType-counsel{
	width:1180px;
	margin:30px auto 0;
}
#sub .subCont .boardType-counsel-mo {display:none;}

#sub .subCont .boardType-counsel table{
	width:100%;
	table-layout:fixed;
	border-top:1px solid #222;
}

#sub .subCont .boardType-counsel table td{
	padding:20px 15px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-size:15px;
}
#sub .subCont .boardType-counsel table .cliName{
	padding:20px 15px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-weight:normal;
	font-size:15px;
}
#sub .subCont .boardType-counsel table .mo_displaynone{
	padding:20px 15px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	font-weight:normal;
	font-size:15px;
	color:#888;
}

#sub .subCont .boardType-counsel table td  .subject{
	display:inline-block;
	width:auto;
	max-width:80%;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

#sub .subCont .boardType-counsel table td  .newIco{
	width:15px;
	line-height:15px;
	text-align:Center;
	font-size:11px;
	color:#fff;
	font-family:'roboto';
	font-weight:bold;
	background:#0f91d0;
	border-radius:15px;
	display:inline-block;
	vertical-align:middle;
}

#sub .subCont .boardType-counsel table td  .newIco{
	width:15px;
	line-height:15px;
	text-align:Center;
	font-size:11px;
	color:#fff;
	font-family:'roboto';
	font-weight:bold;
	background:#0f91d0;
	border-radius:15px;
	display:inline-block;
	vertical-align:middle;
}

#sub .subCont .boardType-counsel table td  .reMark{
	display:inline-block;
	border:1px solid #d30000;
	color:#d30000;
	padding:8px 0px;
	border-radius:5px;
	vertical-align:middle;
	margin-right:5px;
	width:100px;
	text-align:center;
}


#sub .subCont .boardType-counsel table td  .ingMark{
	display:inline-block;
	border:1px solid #0f91d0;
	color:#0f91d0;
	padding:8px 0px;
	border-radius:5px;
	vertical-align:middle;
	margin-right:5px;
	width:100px;
	text-align:center
}


#sub .subCont .boardType-counsel table td  .keMark{
	display:inline-block;
	border:1px solid #222;
	color:#222;
	padding:8px 0px;
	border-radius:5px;
	vertical-align:middle;
	margin-right:5px;
	width:100px;
	text-align:center
}

#sub .subCont .boardType-counsel table td  .qMark{
	display:inline-block;
	background:#0f91d0;
	text-align:Center;
	width:30px;
	line-height:30px;
	font-size:15px;
	font-family:'roboto';
	color:#fff;
	border-radius:100%;
	margin-right:5px;
}
/*counsel*/

#sub .counselLine{
	width:1180px;
	background:#f7f7f7;
	text-align:center;
	padding:15px;
	margin:80px auto 80px
}


#sub .counselLine .text{
	font-size:16px;
	display:inline-block;
	vertical-align:Middle;
}


#sub .counselLine .counselBTN{
	display:inline-block;
	vertical-align:Middle;
	padding:8px 20px;
	background:#444;
	color:#fff;
	margin-left:20px;
	font-size:16px;
	font-family:'roboto','noto sans kr';
	cursor:pointer;
}

#sub .counselLine .counselBTN a{
	color:#fff;
}







#sub .boardType01View{
	width:1180px;
	position:relative;
	margin:80px 0px;
	left:50%;
	margin-left:-590px;
	display:inline-block;
}

#sub .boardType01View .viewCont{
	width:72%;
	display:inline-block;
}

#sub .boardType01View .viewCont .subject{
	width:100%;
	border-bottom:1px solid #222;
	font-size:24px;
	color:#222;
	padding:0 20px 20px 20px;
}



#sub .boardType01View .viewCont .opArea{
	width:100%;
	padding:20px;
	display:inline-block;
}

#sub .boardType01View .viewCont .opArea .date{
	font-size:14px;
	display:inline-block;
	color:#777;
	/*font-weight: bold;*/
}

#sub .boardType01View .viewCont .opArea .writer{
	font-size:14px;
	display:inline-block;
	color:#777;
	float:right;
}


#sub .boardType01View .viewCont .content{
	width:100%;
	padding:20px;
	box-sizing:border-box;
}

#sub .boardType01View .viewCont .content img{
	max-width:100%;
}

#sub .boardType01View .viewCont .file{
	width:100%;
	padding:12px 20px;
	border:1px solid #e5e5e5;
	border-radius:5px;
}


#sub .boardType01View .viewCont .file .fileIco{
	width:19px;
	display:inline-block;
	vertical-align:Middle;
}

#sub .boardType01View .viewCont .file .text{
	font-size:14px;
	display:inline-block;
	vertical-align:middle;
	color:#777;
	line-height:14px;
	margin-left:10px;
}


#sub .boardType01View .viewCont .file .text span{
	display:inline-block;
	padding-left:10px;
	border-left:1px solid #e5e5e5;
	margin-left:10px;
	box-sizing:border-box;
}




#sub .boardType01View .viewCont .buttonArea{
	width:100%;
	display:inline-block;
	margin-top:20px;
	padding-top:0px;
	padding-bottom:20px;
	border-bottom: 1px solid #e5e5e5;
}

#sub .boardType01View .viewCont .buttonArea .goList1{
	display: inline-block;
	padding: 12px 30px;
	border: 1px solid #e5e5e5;
	font-size: 15px;
	border-radius: 5px;
	cursor: pointer;
}

#sub  .boardType01View .viewCont .buttonArea .goList div{
	display:inline-block;
	padding:12px 30px;
	border:1px solid #e5e5e5;
	color:#222;
	font-size:15px;
	border-radius:5px;
}

#sub .boardType01View .viewCont .buttonArea .opBtn, #sub .boardType01View .viewCont .buttonArea .goModify{
	display:inline-block;
	padding:12px 30px;
	border:1px solid #e5e5e5;
	color:#222;
	font-size:15px;
	border-radius:5px;
	float:right;
	cursor: pointer;
}
#sub .boardType01View .viewCont .buttonArea .goModify{
	margin-left: 10px;
	cursor: pointer;
}
#sub  .boardType01View .viewCont .buttonArea .opBtn a, #sub  .boardType01View .viewCont .buttonArea .goModify a{
	color:#222;
}

#sub .counselProcess{
	width:100%;
	text-align:Center;
	margin-top:30px;
}

#sub .counselProcess li{
	display:inline-block;
	width:100px;
	border-radius:50px;
	border:1px solid #0f91d0;
	color:#222;
	padding:10px 0px;
	margin:0px 5px;
}

#sub .counselProcess .on{
	background:#0f91d0;
	color:#fff;
}


#sub .counselProcess .arrow{
	display:inline-block;
	width:auto;
	border-radius:0px;
	border:0px solid #0f91d0;
	padding:10px 0px;
	margin:0px 5px;
}



#sub .writeComment, .commentList .modifyComment{
	width:100%;
	margin:20px auto 0px;
	border-top:1px solid #e5e5e5;
	background:#f7f7f7;
	padding:20px;
	box-sizing:border-box;
}

#sub .writeComment .subject, .commentList .modifyComment .subject{
	width:100%;
	font-size:18px !important;
	border:0 !important;
	padding:0px 0px 20px 0px !important;
}


#sub .writeComment .inputBox, .commentList .modifyComment .inputBox{
	width:100%;
	box-sizing:border-box;
}

#sub .writeComment .inputBox textarea, .commentList .modifyComment .inputBox textarea{
	width:100%;
	padding:10px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	margin-top:10px;
}


#sub .writeComment .inputBox input, .commentList .modifyComment .inputBox input{
	margin-top:20px;
}

#sub .writeComment .buttonArea, .commentList .modifyComment .buttonArea{
	width:100%;
	margin-top:10px;
	text-align:right;
}


#sub .writeComment .buttonArea .goList, .commentList .modifyComment .buttonArea .goList, .requestAlertDiv .opBtn{
	display:inline-block;
	padding:12px 30px;
	border:1px solid #e5e5e5;
	color:white;
	font-size:15px;
	border-radius:5px;
	background:#0f91d0;
	cursor: pointer;
}

.commentList .modifyComment .inputBox .buttonArea .goList a, .writeComment .inputBox .buttonArea .goList a, .requestAlertDiv .opBtn{
	color:white;
}

#sub .commentList{
    width: 100%;
    margin: 30px auto 50px;
}

#sub .commentList dd{
	width:100%;
	margin-top:50px;
}

#sub .commentList dd:first-child{
	margin-top:0px;
}

#sub .infoList{
	width:100%;
	padding:20px 0px;
	box-sizing:border-box;
}
#sub .commentList .infoList{
	background:#e9f8ff;
}

#sub .admWrite{
	background:#f7f7f7 !important;
}

#sub .commentList dd .infoList li{
	width:100%;
	box-sizing:border-box;
}
#sub .commentList dd .infoList li:last-child{
	margin-top:5px;
}

#sub .commentList dd .infoList li .label{
	width:15%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
}
#sub .commentList dd .infoList li .cont{
	width:84%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	font-family:'roboto','noto sans kr';
}




#sub .commentList dd .commentBox{
	width:100%;
	//border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:20px;
}

#sub .commentList dd .commentBox .commentCont{
	width:100%;
	font-size:15px;
}


#sub .commentList dd .commentBox .fileArea{
	margin-top:30px;
	display:inline-block;
	padding:10px 20px;
	border:1px solid #e5e5e5;
	border-radius:5px;
}

#sub .commentList dd .commentBox .fileArea .ico{
	width:19px;
	display:inline-block;
	vertical-align:middle;
}

#sub .commentList dd .commentBox .fileArea .fileName{
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	color:#777;
	margin-left:10px;
}

#sub .commentList dd .commentBox .fileArea .fileName span{
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #e5e5e5;
	line-height:15px;
}



#sub .commentList dd .commentBox .newFile{
	margin-top:30px;
}





#sub .aside{
	width:25%;
	display:inline-block;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	vertical-align:top;
	float:right;
	padding:20px;

}



#sub .aside .title{
	font-size:24px;
	color:#222;
}

#sub .aside .noticeList{
	width:100%;
	margin-top:10px;
	padding-left:20px;
	box-sizing:border-box;
}


#sub .aside .noticeList li{
	width:100%;
	list-style:disc;
	font-size:14px;
	margin-top:8px;
	line-height:20px;
	overflow-wrap: break-word;
}
#sub .aside .noticeList li.active a{
    color: #0f91d0 !important;
    font-weight: bolder;
}
#sub .aside .noticeList li.active {
    color: #0f91d0 !important;
}





#sub .aside .more{
	width:100%;
	background:#0f91d0;
	color:#fff;
	text-align:center;
	padding:10px 0px;
	margin-top:20px;
	font-size:15px;
	cursor: pointer;
}

#sub .aside .more a{
	color:#fff;
}
#sub .aside .more:hover, #sub .aside .more a:hover{
	color: #ffff33 !important;
}


/*서비스이용내역*/
#sub .useInfo {width:100%; letter-spacing:-0.7px;}
#sub .useInfo .serviceTitle{
	width:1180px;
	margin:80px auto 0;
	padding-bottom:30px;
}
#sub .useInfo .serviceTitle .title{
	font-size:42px;
	font-weight:normal;
	text-align:center;
	margin-top:20px;
}
#sub .useInfo .serviceTitle .title span {
	display:inline-block;
	width:30px;
	height:45px;
	margin:0 10px;
	}
#sub .useInfo .serviceTitle .title span.quo-i-L {
	background:url(../images/sub/quotation.png) top left no-repeat;
	}
#sub .useInfo .serviceTitle .title span.quo-i-R {
	background:url(../images/sub/quotation.png) top right no-repeat;
	}
#sub .useInfo .serviceTitle .weburl {
	font-size:20px;
	font-weight:100;
	text-align:center;
	margin-top:10px;
}
#sub .useInfo .serviceTitle .weburl a {
	color:#666;
}

#sub .useInfo .urlLink {
	width:1180px;
	margin:30px auto 0;
	text-align:center;
}
#sub .useInfo .urlLink-mo {display:none; }
#sub .useInfo .urlLink .linkBtn {
	display:inline-block;
	padding:15px 20px;
	border-radius:10px;
	color:#fff;
	font-size:22px;
	line-height:22px;
	margin:0 10px;
	letter-spacing:-0.7px;
}
#sub .useInfo .urlLink .linkBtn a{color:#fff;}
#sub .useInfo .urlLink .linkBtn .arrow {
	display: inline-block;
    float: right;
	margin-left:15px;
	margin-top:-2px;
	}
#sub .useInfo .urlLink .bg-blue{background:#0f91d0;}
#sub .useInfo .urlLink .bg-yell{background:#ffc13d;}
#sub .useInfo .urlLink .bg-orange{background:#f49d54;}

#sub .serviceManual .infoTitle {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
#sub .serviceManual .infoTitle a {
	padding:8px 20px;
	background:#444;
	color:#fff;
	font-family: 'roboto','noto sans kr';
	font-size:16px;
}
#sub .serviceManual .infoTitle a + a {
	margin-left:6px;
}
#sub .serviceManual .infoTitle a:hover {
	color:#ffff99 !important;
}
#sub .serviceManual .slides {
	margin:0 auto;
	padding-top:30px;
	width:1180px;
}
#sub .serviceManual .slick-list {
	margin-inline:-10px;
}
#sub .serviceManual .slick-slide {
	padding-inline:10px;
}
#sub .serviceManual .slick-dots {
	position:initial;
	margin-top:10px;
}
#sub .serviceManual .slick-dots li button {
	border-radius:10px;
	background:#f7f7f7;
}
#sub .serviceManual .slick-dots .slick-active button {
	background:#0f91d0;
}

#modal {position:fixed; top:20%; left:50%; z-index:99999999; transform:translate(-50%,-50%); width:1230px; visibility:hidden; opacity:0; transition:all 0.8s;}
#modal.view {visibility:visible; opacity:1; top:48%; transition:all 0.8s; height: 70%;}

#modal .closeBtn {position:absolute; top:-60px; right:20px; cursor:pointer;}
#modal .closeBtn p {position:relative; display:inline-block; vertical-align:middle; text-align:center; width:45px; height:45px;}
#modal .closeBtn p a{position:absolute; left:0; top:5px; display:inline-block; width:45px; height:2px; background:#fff; margin:7px 0; transform: rotate(-45deg); transition:all 0.5s ease;}
#modal .closeBtn p a.two{transform: rotate(45deg); transition:all 0.5s ease;}
#modal .closeBtn:hover p a{transform: rotate(45deg); transition:all 0.5s ease;}
#modal .closeBtn:hover p a.two{transform: rotate(-45deg); transition:all 0.5s ease;}

#modal .youtubeWrap {padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height:0; overflow:hidden;}
#modal .youtubeWrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media only screen and (max-width: 426px) and (min-height: 600px) {
	#modal .youtubeWrap {
		position: relative;
	}
}

#sub .serviceManual .slide div[class^=thumb] {
	position:relative;
	width:calc(1120px / 4);
	height:155px;
	border-radius:10px 10px 0 0;
	overflow:hidden;
}
#sub .serviceManual .slide div[class^=thumb] img {
	position:absolute;
	left:0;
	right:0;
	top:-18%;
	width:100%;
}
#sub .serviceManual .slide .textbox {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:20px;
	width:calc(1120px / 4);
	border:4px solid #f7f7f7;
	border-top:none;
	border-radius:0 0 10px 10px;
	cursor:pointer;
}
#sub .serviceManual .slide .textbox:after {
	content:'';
	display:inline-block;
	width:40px;
	height:40px;
	background:url(/common/new/images/playIco.png) no-repeat 50% 50%;
}

#sub .serviceInfo {
	width:100%;
	margin:70px auto 0;
    padding:45px 0px;
    background:#f7f7f7;
	letter-spacing:0.7px;
}
#sub .serviceInfo .inner {
	display:flex;
	/*justify-content:center;*/
	justify-content:space-between;
	width: 1180px;
    margin: 0 auto;
}
#sub .serviceInfo .inner:first-child {margin-bottom:20px;}
#sub .serviceInfo .inner .infobox {
	width: 577px;
    /*display: inline-block;*/
    vertical-align: top;
	background:#fff;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 10px;
	letter-spacing:-0.7px;
}
#sub .serviceInfo .inner .infobox:first-child {
	margin-right:20px;
	}
#sub .serviceInfo .inner .infobox .title {
	font-size:20px;
	padding-bottom:10px;
	border-bottom:1px solid #222;
}
#sub .serviceInfo .inner .infobox .infoList {
	width:100%;
	margin-top:10px;
}
#sub .serviceInfo .inner .infobox .infoList li {
	width:100%;
	margin-top:8px;
}
#sub .serviceInfo .inner .infobox .infoList .item {
	width:auto;
	max-width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#777;
	display:Inline-block;
	font-size:16px;
	vertical-align:middle;
}
#sub .serviceInfo .inner .infobox .infoList .info {
	display:inline-block;
	float:right;
	font-size:16px;
	color:#222;
}
#sub .serviceInfo .inner .infobox .infoList .keycolor {
	color:#0f91d0;
}
#sub .serviceInfo .inner .infobox .infoList .info span {
	background:#0f91d0;
	color:#fff;
	padding:3px 8px 4px;
	letter-spacing:-0.7px;
}
#sub .serviceInfo .inner .infobox .infoList .info span a {
	color:#fff; letter-spacing:-0.7px;
	}
#sub .serviceInfo .inner .infobox .infoList .info .prog {
	width: 200px;
	border:1px solid #222;
	margin-bottom:6.6px;
	overflow: hidden;
    }
#sub .serviceInfo .inner .infobox .infoList .info .progs {
	height: 20px;
	background:#0f91d0;
}




#sub .infoArea {
	width:100%;
	margin:50px auto 0;
	letter-spacing:-0.7px;
}
#sub .infoArea .infoTitle {
	width:1180px;
	margin:0 auto;
	font-size:22px;
	border-bottom:1px solid #222;
	padding-bottom:15px;
}
#sub .infoArea .infoTitle span, #sub .serviceInfo .inner .infobox .title span {
	color:#0f91d0;
	font-size:14px;
	}
#sub .infoArea .infoItem {
	width:1180px;
	margin:0 auto;
	font-size:22px;
	border-bottom:1px solid #f3f3f3;
	padding:15px 40px;;
}
#sub .infoArea .infoItem .inner {
	display:inline-block;
	}
#sub .infoArea .infoItem .inner div {
	display:inline-block;
	vertical-align:middle;
	}
#sub .infoArea .infoItem .ico {
	width:70px;
	}
#sub .infoArea .infoItem .txt {
	font-size:18px;
	width:150px;
	}
#sub .infoArea .infoItem .txtbox {
	margin-left:70px;
	border: 0;
    background: #f7f7f7;
    height: 36px;
    width: 660px;
	padding:4px 10px;
	font-size:16px;
	color:#222;
}
#sub .infoArea .infoItem .moreBtn {
	margin-left: 15px;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	padding: 5px;
	font-size: 15px;
	height: 36px;
	border-radius: 5px;
}
#sub .infoArea .infoItem .moreBtn:hover{
	color: #0f91d0 ;
}

#sub .infoArea .infoItem .moreBtn span.ico img {
	width: 6px;
	margin-top: -3px;
	margin-left: 8px;
	margin-right: 5px;
}
#sub .infoArea .infoItem:last-child {border-bottom:1px solid #222; }

#sub .info-counselLine{
	width:1180px;
	background:#f7f7f7;
	text-align:center;
	padding:15px;
	margin:25px auto 80px
}
#sub .info-counselLine .text{
	font-size:16px;
	display:inline-block;
	vertical-align:Middle;
}
#sub .info-counselLine .counselBTN{
	display:inline-block;
	vertical-align:Middle;
	padding:8px 20px;
	background:#444;
	color:#fff;
	margin-left:20px;
	font-size:16px;
	font-family:'roboto','noto sans kr';
	cursor: pointer;
}
#sub .info-counselLine .counselBTN a{
	color:#fff;
}
.counselBTN:hover {
	color: #ffff99 !important;
}

#sub .infoArea .infoTitle .selectbox {
    float:right;
}
#sub .infoArea .infoTitle .selectbox .d-select {
	width: 150px;
    padding: 10px;
    padding-left: 12px;
    border: 1px solid #ddd;
    background: url(../images/arrow_down.png) no-repeat right 50%;
    background-size: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px;
    color: #000;
    outline:none;
	cursor: pointer;
}
#sub .infoArea .infoTitle .selectbox .d-select:hover {border: 1px solid #aaa;}

#sub .Information {
	width:100%;
	margin:70px auto 0;
    padding:50px 0px 80px;
    background:#f7f7f7;
	letter-spacing:0.7px;
}
#sub .Information .inner {
	width: 1180px;
    margin: 0 auto;
	background:#fff;
	border-radius:15px;
	padding:30px;
	box-sizing:border-box;
}
#sub .Information .inner:first-child {margin-bottom:40px;}
#sub .Information .inner .title {
	color:#0f91d0;
	font-size:18px;
	padding-bottom:10px;
	letter-spacing:-0.7px;
}
#sub .Information .inner p {
	font-size:15px;
	font-weight:400;
	color:#666;
	line-height:26px;
	letter-spacing:-0.7px;
}





#sub .service{
	width:100%;
}

#sub .serviceTabInner {
    width: 100%;
    position: relative;   
    display: flex;
    justify-content: center;
}

#sub .serviceTabBTN {
	border-top: none;
	width: 760px;
    height: auto;
	display: flex;
	margin-top: 30px;
    justify-content: center;
}

#sub .serviceTabBTN button {
    flex: 1;
    padding: 20px 15px;
    background: #fff;
    color: #0f91d0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    border: 2px solid #1e86b9e7;
    /* border-bottom: none; */
}

#sub .serviceTabBTN button + button {
    border-left: none;
}

#sub .serviceTabBTN button.active {
    background: #0f91d0;
    color: #fff;
    font-weight: 700;
}

#sub .serviceTabBTN button:hover {
    background: #0f91d0;
    color: #fff;
    font-weight: 700;
}

#sub .serviceTabContent {
    display: none;
}

#sub .serviceTabContent.active {
    display: block;
}

#sub .serviceTitle{
	width:1180px;
	margin:80px auto 0;
	border-bottom:1px solid #e5e5e5;
	/* padding-bottom:30px; */
}

#sub .serviceTitle .ico{
	width:80px;
	margin:0 auto;
}

#sub .serviceTitle .ico img{
	width:100%
}


#sub .serviceTitle .title{
	font-size:30px;
	text-align:center;
	margin-top:20px;
}


#sub .serviceTitle .substance{
	font-size:18px;
	color:#0f91d0;
	text-align:Center;
	margin-top:5px;
}


#sub .serviceTitle .linkBTN{
	width:180px;
	margin:10px auto 0;
	padding:12px 0px;
	background:#0f91d0;
	color:#fff;
	text-align:Center;
	border-radius:5px;
	font-size:15px;
}

#sub .serviceTitle .linkBTN a{
	color:#fff;
}


#sub .service .serviceDeCont{
	width:1180px;
	margin:80px auto 0;
}

#sub .service .serviceDeCont dl dd{
	width:100%;
	margin-top:20px;
}

#sub .service .serviceDeCont dl .studyLMS{
	margin-top:20px;
}

#sub .service .serviceDeCont dl dd .subject{
	font-size:24px;
	letter-spacing:-0.7px;
}

#sub .service .serviceDeCont dl dd .contentUpload{
	width:200px;
	border:1px solid #0f91d0;
	border-radius:50px;
	text-align:center;
	padding:15px 0px;
	margin-top:30px;
}

#sub .service .serviceDeCont dl dd .contentUpload .ico{
	width:28px;
	display:inline-block;
	vertical-align:middle;
}

#sub .service .serviceDeCont dl dd .contentUpload .text{
	font-size:16px;
	display:inline-block;
	vertical-align:middle;
}


#sub .service .serviceDeCont dl dd .subsList {
	width:100%;
	padding-left:20px;
	box-sizing:border-box;
	margin-top:20px;
}


#sub .service .serviceDeCont dl dd .subsList li{
	width:100%;
	list-style:disc;
	font-size:15px;
	color:#444;
	margin-top:8px;
}

#sub .service .serviceDeCont dl dd .subsList li span{
	color:#0f91d0;

}

#sub .service .mobileTable{
	display:none;
}



#sub .service .tableType01{
	width:100%;
	margin-top:15px;
}


#sub .service .tableType01 table{
	width:100%;
	border-top:1px solid #e5e5e5;
	border-collapse: collapse;
}

#sub .service .tableType01 table th{
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	box-sizing:border-box;
	color:#222;
	background:#f7f7f7;
	font-weight:normal;
	padding:15px 0px;
	font-family:'roboto','noto sans kr';
	font-size:14px;
}

#sub .service .tableType01 table td{
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	color:#777;
	font-weight:normal;
	padding:15px;
	font-family:'roboto','noto sans kr';
	font-size:14px;
}


#sub .service .tableType01 table .alignRight{
	text-align:right;
}

/*요금제*/
#sub .service .SMStable {
	width:100%;
	margin-top:15px;
}
#sub .service .SMStable-mo {display:none;}

#sub .service .SMStable table{
	width:100%;
	border-top:1px solid #e5e5e5;
}

#sub .service .SMStable table th{
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	box-sizing:border-box;
	color:#222;
	background:#f7f7f7;
	font-weight:normal;
	padding:15px 0px;
	font-family:'roboto','noto sans kr';
	font-size:15px;
}

#sub .service .SMStable table td{
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	color:#777;
	font-weight:normal;
	padding:15px;
	font-family:'roboto','noto sans kr';
	font-size:15px;
}

#sub .service .SMStable table .alignRight{
	text-align:right;
}
/*요금제*/








#sub .service .serviceDeCont dl dd .tableArea{
	width:100%;
}


#sub .service .serviceDeCont dl dd .tableArea .tableType02_list{
	width:100%;
}

#sub .service .serviceDeCont dl dd .tableArea .tableType02_list .tableType02{
	width:580px;
	display:inline-block;
	vertical-align:top;
	border:1px solid #e5e5e5;
	padding:20px;
	box-sizing:border-box;
	border-radius:10px;
	margin-left:16px;
}

#sub .service .serviceDeCont dl dd .tableArea .tableType02_list .tableType02:first-child{
	margin-left:0px;
}


#sub .service .serviceDeCont dl dd .tableArea .tableType02_list .tableType02 .subj{
	font-size:18px;
	color:#0f91d0;
	font-family:'roboto','noto sans kr';
	margin-bottom:20px;
}

#sub .service .serviceDeCont dl dd .tableArea .tableType02_list .tableType02 table{
	width:100%;
	border-top:1px solid #e5e5e5;
}

#sub .service .serviceDeCont dl dd .tableArea .tableType02_list .tableType02 table th{
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	font-weight:normal;
	padding:15px 0px;
	font-size:14px;
	font-family:'roboto','noto sans kr'
}



#sub .service .serviceDeCont dl dd .tableArea .tableType02_list .tableType02 table .l_Gr_back{
	background:#f7f7f7;
}


#sub .service .serviceDeCont dl dd .tableArea .tableType02_list .tableType02 table .m_Gr_back{
	background:#dedede;
}


#sub .service .serviceDeCont dl dd .tableArea .tableType02_list .tableType02 table th:last-child{
	border-right:0px solid #e5e5e5;
}
#sub .service .serviceDeCont dl .studyLMS{
	color:#777;
	font-size:14px;

}

#sub .service .processArea{
	width:1180px;
	margin:50px auto 0;
}

#sub .service .processArea ul{
	width:100%;
	display:inline-block;
	text-align:center;
}


#sub .service .processArea ul .arrow{
	width:7px;
	display:inline-block;
	margin-top:120px;
}

#sub .service .processArea ul li{
	width:30%;
	display:inline-block;
	padding:0px 10px;
	box-sizing:border-box;
	vertical-align:top;
}


#sub .service .processArea ul .ico{
	width:260px;
	margin:0 auto;
}

#sub .service .processArea ul .ico img{
	width:100%;
}

#sub .service .processArea ul .step{
	font-size:15px;
	color:#0f91d0;
	text-align:center;
	font-family:'roboto'
}


#sub .service .processArea ul .subeject{
	font-size:18px;
	color:#222;
	margin-top:10px;
}

#sub .service .processArea ul .substance{
	font-size:14px;
	color:#777;
	margin-top:5px;
}

#sub .service .serviceFullCont{
	width:100%;
	margin-top:80px;
}

#sub .service .serviceFullCont dl{
	width:1180px;
	margin:0px auto 0;
}

#sub .service .serviceFullCont dl dd{
	width:100%;
	margin-top:50px;
}

#sub .service .serviceFullCont dl dd:first-child{
	margin-top:0px;
}

#sub .service .serviceFullCont dl dd .subject{
	font-size:24px;
	letter-spacing:-0.7px;
}

#sub .service .serviceFullCont dl dd .subsList{
	width:100%;
	padding-left:20px;
	box-sizing:border-box;
	margin-top:15px;
}


#sub .service .serviceFullCont dl dd .subsList li{
	width:100%;
	list-style:disc;
	font-size:15px;
	color:#444;
	margin-top:8px;
}
#sub .service .serviceFullCont dl dd .subsList li span{
	color:#0f91d0;
}













#sub .service .serviceBkCont{
	width:1180px;
	margin:80px auto 0;
	background:#eaf7ff;
	padding:20px;
	box-sizing:border-box;
}

#sub .service .serviceBkCont .subjectArea{
	width:100%;
}


#sub .service .serviceBkCont .ico{
	display:inline-block;
	vertical-align:middle;
}


#sub .service .serviceBkCont .subj{
	font-size:24px;
	color:#222;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}



#sub .service .serviceBkCont .bkContList{
	width:100%;
	display:inline-block;
}

#sub .service .serviceBkCont .bkContList li{
	display:inline-block;
	float:left;
	margin-left:20px;
	margin-top:30px;
	background:#fff;
	border-radius:10px;
	overflow:hidden;
}



#sub .service .serviceBkCont .bkContList li .thum{
	width:100%;
}

#sub .service .serviceBkCont .bkContList li .textBox{
	width:100%;
	padding:20px;
	box-sizing:border-box;
}


#sub .service .serviceBkCont .bkContList li .textArea{
	width:82%;
	display:inline-block;
	vertical-align:top;
}



#sub .service .serviceBkCont .bkContList li .textArea .cate{
	font-size:14px;
	color:#777;
}


#sub .service .serviceBkCont .bkContList li .textArea .subject{
	font-size: 18px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 50px;
}




#sub .service .serviceBkCont .bkContList li .playIco{
    width:40px;
    display:inline-block;
    vertical-align:top;
}










#sub .service .serviceBkCont .bkTowList li{
    width:560px;
}



#sub .service .serviceBkCont .bkTowList li .thum{
    /*width:280px;*/
	margin:0 auto;
}




#sub .service .serviceBkCont .bkTowList li .textArea{
	width:91%;
	display:inline-block;
	vertical-align:middle;
}




#sub .service .serviceBkCont .bkthreeList li{
	width:32%;
}



#sub .service .serviceBkCont .bkthreeList li .thum{
	width:100%;
	margin:0 auto;
}

#sub .service .serviceBkCont .bkthreeList li .thum img{
	width:100%;
	margin:0 auto;
}


#sub .service .serviceBkCont .bkthreeList li .textArea{
	width:85%;
	display:inline-block;
	vertical-align:middle;
}

#sub .service .serviceBkCont .bkfourList li{
	width:23%;
	/*margin-bottom:20px;*/
}

#sub .service .serviceBkCont .bkfourList li:nth-child(4n+1){
	margin-left:0
}

#sub .service .serviceBkCont .bkfourList li .thum{
	width:100%;
	margin:0 auto;
}

#sub .service .serviceBkCont .bkfourList li .thum img{
	height: 151%;
	width: 100%;
	margin-top: -44px;
}

#sub .service .serviceBkCont .bkfourList li .textArea{
	width:80%;
	display:inline-block;
	vertical-align:middle;
}

#sub .la_listButtonArea{
	width:1180px;
	margin-bottom:80px;
	border-top:1px solid #e5e5e5;
	padding-top:20px;
	position:relative;
	left:50%;
	margin-left:-590px;
	display:inline-block;
}

#sub .la_listButtonArea .serviceRe{
	display:inline-block;
	padding:12px 30px;
	color:#fff;
	font-size:15px;
	border-radius:5px;
	background:#0f91d0;
}
#sub .la_listButtonArea .serviceRe a{
	color:#fff;
}

#sub .la_listButtonArea .goList{
	display:inline-block;
	padding:12px 30px;
	border:1px solid #e5e5e5;
	color:white;
	font-size:15px;
	border-radius:5px;
	float:Right;
	background:#0f91d0;
	cursor: pointer;
}

#sub .la_listButtonArea .goList a{
	color:white;
}


#sub .writeBTN{
	width:1180px;
	margin:20px auto 0;
	text-align:right;
}

#sub .writeBTN div{
	display:inline-block;
	padding:12px 30px;
	color:white;
	font-size:15px;
	border-radius:5px;
	background:#0f91d0;
	cursor: pointer;
}

#sub .writeBTN div a{
	color:#fff;
}

#sub .writeBTN select{
	padding: 10px;
	padding-left: 12px;
	padding-right: 30px;
	border: 1px solid #ddd;
	background: url(../images/arrow_down.png) no-repeat right 50%;
	background-size: 30px;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 12px;
	color: #000;
	outline: none;
}


#sub .listButtonArea{
	width:1180px;
	margin-bottom:80px;
	position:relative;
	left:50%;
	margin-left:-590px;
	display:inline-block;
	text-align:right;
}



#sub .listButtonArea .goList{
	display:inline-block;
	padding:12px 30px;
	background:#0f91d0;
	color:#fff;
	font-size:15px;
	border-radius:5px;
	cursor: pointer;
}

#sub .listButtonArea .goList a{
	color:#fff;
}






#sub .service .request{
	width:1180px;
	margin:80px auto 0;
}

#sub .service .request .subjectArea{
	width:100%;
	display:Inline-block;
	position: relative;
}

#sub .service .request .subjectArea .subject{
	font-size:24px;
	display:inline-block;
	margin-top:5px;
}

#sub .service .request .subjectArea .btn_wrap{
	float:right;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:8px 12px;
}

#sub .service .request .subjectArea .downloadBTN{
	font-size:16px;
	display:inline-flex;
	min-width:15%;
	height: 60px;
	background:#0f91d0;
	color:#fff;
	float:right;
	cursor: pointer;
	/*position: absolute;*/
	/*right: 0px;*/
	margin-left:12px;
	justify-content:center;
	align-items:center;
	text-align:center;
	line-height: 1.2;
	padding: 8px;
}

#sub .service .request .subjectArea .downloadBTN a{
	color:#fff;
}


#sub .service .request dd{
	width:100%;
	display:inline-block;
	border:1px solid #e5e5e5;
	border-radius:10px;
	padding:20px 0px;
	box-sizing:border-box;
	margin-top:20px;
}

#sub .service .request dd .titleArea{
	width:20%;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:20px;
	vertical-align:Middle;
}



#sub .service .request dd .contArea{
	width:79%;
	display:inline-block;
	vertical-align:middle;
	padding-left:40px;
	box-sizing:border-box;
	border-left:1px solid #e5e5e5;
}


#sub .service .request dd .contArea .ico{
	width:32px;
	display:inline-block;
	vertical-align:top;
	float:left;
	margin-right:15px;
}

#sub .service .request dd .contArea .ico img{
	width:100%;
}

#sub .service .request dd .contArea .subj {font-size:18px; line-height:28px; }
#sub .service .request dd .contArea .subj > a {color:#0f91d0}
#sub .service .request dd .contArea .subj > a:hover {text-decoration: underline;}

#sub .service .request dd .contArea .cont{
	width:93%;
	/*display:inline-block;*/
	vertical-align:top;
	/*margin-left:20px;*/
}


#sub .service .request dd .contArea li{
	width:100%;
	margin-top:30px;
}

#sub .service .request dd .contArea li:first-child{
	margin-top:0px;
}

#sub .service .request dd .contArea .nice_chk{
	padding-left:20px;
}
#sub .service .request dd .contArea .nice_chk li{
	margin-top:0;
}

#sub .service .request dd .contArea .cont .subj{
	font-size:18px;
}
#sub .service .request dd .contArea .cont .subj span{
	font-weight:700;
}


#sub .service .request dd .contArea .cont th{
	text-align:center;
	width: 8%;
}

#sub .service .request dd .contArea .cont .codeLine{
	width:100%;
	margin-top:10px;
	margin-left:47px;
}

#sub .service .request dd .contArea .cont .codeLine .email-wrap {
	display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

#sub .service .request dd .contArea .cont .codeLine .codeSubj{
	width:auto;
	display:inline-block;
	vertical-align:middle;
	text-align:Center;
	padding:8px 8px 8px 0px;
	color:#0f91d0;
	font-family:'roboto','noto sans kr';
	min-height:38px;
	max-height:38px;
/* 	line-height:20px; */
}



#sub .service .request dd .contArea .cont .codeLine .codeSubs{
	display:inline-block;
	vertical-align:middle;
	text-align:Center;
	font-size:16px;
	color:#222;
	font-family:'roboto','noto sans kr';
	margin-right:20px;
}



#sub .service .request dd .contArea .cont .add{
	width:100%;
	margin-top:5px;
	font-size:14px;
	color:#777;
	margin-left:50px;
}



#sub .service .request dd .contArea .cont .textList{
	font-size:14px;
	color:#444;
	margin-top:10px;
	word-break:keep-all;
}








#sub .service .promCounsel{
	width:1180px;
	margin:20px auto 0;
	padding:20px 1px;
	background:#f7f7f7;
	border-radius:10px;
}




#sub .service .promCounsel .title{
	width:20%;
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	text-align:center;
}




#sub .service .promCounsel .contArea{
	width:79%;
	display:inline-block;
	vertical-align:middle;
	padding-left:40px;
	border-left:1px solid #e5e5e5;
	box-sizing:border-box;
}



#sub .service .promCounsel .contArea .infoList{
	width:100%;
}

#sub .service .promCounsel .contArea .arlTextT{
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
}



#sub .service .promCounsel .contArea .infoList li{
	display:inline-block;
	font-size:16px;
	color:#222;
	margin-right:30px;
	min-width:175px;
}

#sub .service .promCounsel .contArea .infoList li span{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	line-height:30px;
	background:#0f91d0;
	border-radius:100%;
	font-size:14px;
	color:#fff;
	text-align:center;
}








#sub .service .promCounsel .contArea .textArea{
	width:100%;
	margin-top:20px;
}






#sub .service .data{
	width:1180px;
	margin:80px auto 0;
}


#sub .service .data .subj{
	font-size:24px;
	color:#d30000;

}


#sub .service .data .subs{
	font-size:18px;
	margin-top:5px;
}


#sub .service .data .dataList{
	width:100%;
	margin-top:20px;
	padding-left:20px;
}

#sub .service .data .dataList li{
	width:100%;
	margin-top:8px;
	list-style:disc;
	font-size:15px;
	color:#777;
}


#sub .service .data .tableArea{
	width:100%;
	margin-top:30px;
}
#sub .service .data .tableArea table{
	width:100%;
	border:1px solid #e5e5e5;
}

#sub .service .data .tableArea td{
	padding:15px;
	box-sizing:border-box;
	font-size:15px;
	border-bottom:1px solid #e5e5e5;
}

#sub .service .data .tableArea tr:last-child td{
	border-bottom:0px solid #e5e5e5;
}


#sub .service .data .tableArea td span{
	font-size:13px;
	color:#999;
}







#sub .peInfo{
	width:1180px;
	margin:0 auto;
}


#sub .peInfo .peInfoSec{
	width:100%;
}


#sub .peInfo .peInfoSec dd{
	width:100%;
	margin-top:50px;
}

#sub .peInfo .peInfoSec dd .subject{
	font-size:24px;
	display:inline-block;
	padding-bottom:20px;
	border-bottom:1px solid #222;
	width:100%;
}



#sub .peInfo .peInfoSec dd .subject span{
	font-size:16px;
	display:inline-block;
	color:#777;
	margin-left:10px;

}


#sub .peInfo .peInfoSec dd .formList{
	width:100%;
	padding:30px 0px;
    border-bottom: 1px solid #e5e5e5;
}

#sub .peInfo .peInfoSec dd .formList li{
	width:100%;
	margin-top:20px;
}

#sub .peInfo .peInfoSec dd .formList li:first-child{
	margin-top:0px;
}


#sub .peInfo .peInfoSec dd .formList li label{
	width:15%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
}



#sub .peInfo .peInfoSec dd .formList li .w50{
	width:50%;
	border:1px solid #e5e5e5;
	border-radius:5px;
	padding:10px;
	box-sizing:border-box;
}

#sub .peInfo .peInfoSec dd .formList li .w30{
	width:16%;
	border:1px solid #e5e5e5;
	border-radius:5px;
	padding:10px;
	box-sizing:border-box;
}



#sub .peInfo .peInfoSec dd .formList li .w40{
	width:20%;
	border:1px solid #e5e5e5;
	border-radius:5px;
	padding:10px;
	box-sizing:border-box;
}

.caret_down {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: -24px;
	vertical-align: middle;
	border-top: 6px dashed;
	border-top: 6px solid\9;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	color: #8a8a8a;
}
.caret_up {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: -24px;
	vertical-align: middle;
	border-bottom: 6px dashed;
	border-top: 0px solid transparent;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	color: #8a8a8a;
}


/*240109 JUDY*/
/*다이렉트 서비스이용내역*/
#sub .subCont.direct * {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
	box-sizing:border-box;
}
#sub .subCont.direct .infoArea .infoItem .inner div {
	vertical-align:initial;
}
#sub .subCont.direct .commonArea .sumMenu {
	margin-top:80px;
}
#sub .subCont.direct .commonArea .sumMenu li {
	margin:0 22px;
}
#sub .subCont.direct .commonArea .sumMenu li a {
	line-height:1.6;
	font-size:1.438rem;
	font-weight:600;
	color:#666;
	letter-spacing:-0.01em;
}
#sub .subCont.direct .commonArea .sumMenu .on {
	font-weight:700;
	color:#000;
}
#sub .subCont.direct .commonArea .sumMenu .on a {
	color:#000;
}
#sub .subCont.direct .serviceInfo {
	margin:50px auto 0;
	padding:0;
	background:initial;
	letter-spacing:-0.01em;
}
#sub .subCont.direct .serviceInfo .inner {
	width:1230px;
	border:1px solid #dedede;
	border-radius:14px;
}
#sub .subCont.direct .serviceInfo .inner:last-child {
	margin-bottom: 150px;
}
#sub .subCont.direct .serviceInfo .inner + .inner {
	margin-top:20px;
}
#sub .subCont.direct .serviceInfo .inner .infobox {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:40px 60px;
	width:100%;
	border-radius:inherit;
	letter-spacing:-0.01em;
}
#sub .serviceInfo .inner .infobox:first-child {
	margin-right:0;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea {
	margin:initial;
	width:330px;
	letter-spacing:-0.01em;
}
#sub .subCont.direct .label {
	display:block;
	width:64px;
	height:20px;
	border-radius:9px;
	font-size:0.75rem;
	line-height:20px;
	text-align:center;
}
#sub .subCont.direct .label.site_0 {
	border:1px solid #ddd;
	background:#f2f2f2;
}
#sub .subCont.direct .label.site_1 {
	border:1px solid #029444;
	color:#0f8946;
}
#sub .subCont.direct .label.site_-1 {
	border:1px solid #ff0000;
	color:#c90e00;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .title {
	display:block;
	margin-top:15px;
	padding-bottom:initial;
	border-bottom:none;
	font-size:1.438rem;
	font-weight:700;
	line-height:1.6;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .weburl {
	margin-top:13px;
	font-size:0.875rem;
	color:#777;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .urlLink {
	margin-top:25px;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .urlLink .btn {
	display:inline-block;
	width:105px;
	height:34px;
	border-radius:17px;
	font-size:0.813rem;
	color:#fff;
	line-height:34px;
	text-align:center;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .urlLink .btn::before {
	content:'';
	display:inline-block;
	margin:0 5px -3px 0;
	width:18px;
	height:18px;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .urlLink .btn.link_b {
	background:#0070c0;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .urlLink .btn.link_b::before {
	background:url(../images/sub/ico_url01.png) no-repeat center;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .urlLink .btn.link_g {
	border-color:#00b050;
	background:#00b050;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .urlLink .btn.link_g::before {
	background:url(../images/sub/ico_url02.png) no-repeat center;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoList {
	margin-top:0;
	padding:10px 0;
	width:640px;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoList li {
	display:inline-block;
	margin-top:0;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoList li  + li {
	margin-top:14px;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoList li .item {
	width:130px;
	color:#777;
	vertical-align:middle;
	overflow:initial;
	text-overflow:initial;
	white-space:nowrap;
	font-size:1rem;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoList li .info {
	display:inline-block;
	float:none;
	margin-left:60px;
	min-width:180px;
	font-size:0.938rem;
	font-weight:500;
	color:#000;
	text-align:left;
}
#sub .subCont.direct .serviceInfo .inner .infoList li .info span {
	padding:0;
	background:#fff;
	color:#226fb3;
	letter-spacing:-0.01em;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn {
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li + li {
	margin-top:10px;
}
#sub .subCont.direct .btn {
	display:inline-block;
	width:137px;
	height:40px;
	border:1px solid #0070c0;
	border-radius:6px;
	font-size:1rem;
	font-weight:600;
	color:#0070c0;
	line-height:40px;
	text-align:center;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li .btn.btn_red {
	border:1px solid #e93830;
	background:#e93830;
	color:#fff;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li .btn.btn_blue {
	position:relative;
	background:#0070c0;
	color:#fff;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li .btn.btn_blue + .dday {
	position:absolute;
	right:60px;
	top:-20px;
	display:none;
	padding:10px 0;
	width:132px;
	height:55px;
	border:1px solid #848484;
	border-radius:27px;
	box-shadow:0 5px 3.6px 1.4px rgba(0, 0, 0, 0.11);
	background:#fff;
	font-size:14px;
	font-weight:500;
	color:#666;
	text-align:center;
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li .btn.btn_blue + .dday::after {
	content:'';
	position:absolute;
	left:60px;
	bottom:-6px;
	display:block;
	width:12px;
	height:12px;
	border-right:1px solid #848484;
	border-bottom:1px solid #848484;
	border-radius:2px;
	background-color:#fff;
	transform:rotate(45deg);
}
#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li .btn.btn_blue + .dday span {
	color:#f33127;
}
#sub .subCont.direct .serviceInfo .inner .newbox {
	position:relative;
	width:100%;
	height:210px;
	border-radius:inherit;
	background:#f8f8f8;
	font-size:20px;
	line-height:2;
	text-align:center;
}
#sub .subCont.direct .serviceInfo .inner .newbox a {
	position:absolute;
	left:50%;
	bottom:50px;
	font-size:1.188rem;
	transform:translateX(-50%);
}
#sub .subCont.direct .serviceInfo .inner .newbox a::before {
	content:'';
	display:block;
	margin:0 auto 20px;
	width:68px;
	height:60px;
	background:url(../images/sub/ico_open.png) no-repeat center;
}

/*서비스 이용내역 상세*/
#sub .subCont.direct .label.status_0 {
	border:1px solid #8b8b8b;
	color:#6b6b6b;
}
#sub .subCont.direct .label.status_1 {
	border:1px solid #dd3f3f;
	color:#dd3f3f;
}
#sub .subCont.direct .label.status_2 {
	background:#808080;
	color:#fff;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox {
	align-items:flex-start;
	padding:40px;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoArea {
	padding-left:20px;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList {
	width:400px;
	border-right:1px solid #dedede;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList li:last-child {
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList li .label_dday {
	display:inline-block;
	margin:0 0 0 -10px;
	width:175px;
	height:25px;
	background:#ffff00;
	font-size:0.938rem;
	font-weight:500;
	color:#666;
	line-height:25px;
	text-align:center;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList li .label_dday span{
	color:#f33127;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList li .info {
	margin-left:50px;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList {
	padding-left:40px;
	align-self:center;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList li {
	display:inline-block;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList li + li {
	margin-left:30px;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList .item {
	font-weight:700;
	text-align:center;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList .graph {
	position:relative;
	margin-top:20px;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList .graph .bar_wrap {
	position:relative;
	width:170px;
	height:90px;
	/*margin-bottom:;*/
	overflow:hidden;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList .graph .bar_wrap .bar {
	position:absolute;
	left:0;
	top:0;
	width:172px;
	height:172px;
	border:10px solid #f9fafa;
	border-right-color: #24b0ff;
	border-bottom-color: #24b0ff;
	border-radius:50%;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList .graph .bar_wrap .bar.green {
	border-right-color:#00b050;
	border-bottom-color:#00b050;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList .graph .info {
	position:absolute;
	left:50%;
	top:80%;
	display:inline-block;
	text-align:center;
	transform:translate(-50%, -50%);
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList .graph .info .used {
	font-size:1.75rem;
	font-weight:800;
	color:#4b5675;
	letter-spacing:-0.05em;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList .graph .info .total {
	font-size:1.25rem;
	font-weight:600;
	color:#b8b8b8;
	letter-spacing:-0.05em;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoBtn {
	position:absolute;
	right:0;
	bottom:-60px;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoBtn li{
	display:inline-block;
}
#sub .subCont.direct .serviceInfo.view .inner .infobox .infoBtn li + li {
	margin:0 0 0 10px;
}
/*기본 세팅 가이드*/
#sub .subCont.direct .infoArea.view {
	width:100%;
	margin:0 auto 80px;
	letter-spacing:-0.01em;
}

#sub .subCont.direct .infoArea.view .infoTitle {
	position:relative;
	padding-bottom:30px;
	width:1230px;
	border-bottom:none;
	font-size:1.625rem;
	font-weight:700;
	line-height:1.4;
	letter-spacing:-0.025em;
}
#sub .subCont.direct .infoArea.view .infoTitle span {
	display:inline-block;
	margin:5px 0 0 20px;
	vertical-align:top;
	font-size:1rem;
	font-weight:400;
	color:#000;
	letter-spacing:-0.025em;
}
#sub .subCont.direct .infoArea.view .infoTitle a {
	position:absolute;
	right:0;
	top:5px;
	font-size:1rem;
	font-weight:600;
	color:#000;
	letter-spacing:-0.01em;
	text-decoration:underline;
}
#sub .subCont.direct .infoArea.view .infoList {
	display:flex;
	justify-content:space-evenly;
	align-items:flex-end;
	margin:0 auto 50px;
	padding:0;
	width:1230px;
	height:220px;
	border-radius:12px;
	background:#f8f8f8;
}
#sub .subCont.direct .infoArea.view .infoList li {
	margin-bottom:40px;
	width:304px;
	text-align:center;
}
#sub .subCont.direct .infoArea.view .infoList li + li{
	border-left:1px solid #d9d9d9;
}
#sub .subCont.direct .infoArea.view .infoList li .title {
	margin-bottom:10px;
	font-size:1.375rem;
	font-weight:700;
	color:#0070c0;
}
#sub .subCont.direct .infoArea.view .infoList li .title::before {
	content:'';
	display:block;
	margin:0 auto 24px;
}
#sub .subCont.direct .infoArea.view .infoList li .ico_user::before {
	width:67px;
	height:64px;
	background:url(../images/sub/ico_guide01.png) no-repeat 50% 50% / 100%;
}
#sub .subCont.direct .infoArea.view .infoList li .ico_content::before {
	width:53px;
	height:61px;
	background:url(../images/sub/ico_guide02.png) no-repeat 50% 50% / 100%;
}
#sub .subCont.direct .infoArea.view .infoList li .ico_course::before {
	width:61px;
	height:67px;
	background:url(../images/sub/ico_guide03.png) no-repeat 50% 50% / 100%;
}
#sub .subCont.direct .infoArea.view .infoList li .ico_order::before {
	width:68px;
	height:55px;
	background:url(../images/sub/ico_guide04.png) no-repeat 50% 50% / 100%;
}
#sub .subCont.direct .infoArea.view .infoList li a {
	font-size:1rem;
	font-weight:500;
	color:#000;
	text-decoration:underline;
}
#sub .subCont.direct .infoArea.view .infoItem.card {
	display:flex;
	align-items:stretch;
	gap:26px;
	padding:0 0 20px;
	width:1230px;
	border-bottom:none;
	font-size:22px;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner {
	position:relative;
	display:inline-block;
	width:290px;
	min-height:400px;
	height:auto;
	border:1px solid #0070c0;
	border-radius:15px;
	text-align:center;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner .title {
	position:relative;
	padding:65px 38px 0;
	width:100%;
	height:146px;
	border-radius:15px;
	background:#f8f9ff;
	font-size:1.313rem;
	font-weight:600;
	letter-spacing:-0.025em;
	text-align:left;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner .title .label {
	position:absolute;
	left:38px;
	top:30px;
	width:52px;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner.on {
	outline:3px solid #0070c0;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner.on .title {
	border-bottom:1px solid #e4e4e4;
	border-radius:initial;
	background:initial;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner .cont {
	padding:30px 40px 40px;
	min-height:177px;
	text-align:left;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner .cont li {
	font-size:1rem;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner .cont li + li {
	margin-top:10px;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner .cont li::before {
	content:'';
	margin:0 8px 5px 0;
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:2px;
	background:#a4a4a4;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner .btn {
	width:100px;
	border:transparent;
	background:#0070c0;
	color:#fff;
	cursor:pointer;
}
#sub .subCont.direct .infoArea.view .infoItem.card .inner.on .btn {
	background:#474747;
}

#sub .subCont.direct .infoArea.view .infoTitle .selectbox {
	position:relative;
}
#sub .subCont.direct .infoArea.view .infoTitle .selectbox .d-select {
	width:116px;
	height:40px;
	background:url(../images/sub/ico_arrow_down.png) no-repeat 90px 50%;
	background-size: 10px;
	font-size:0.875rem;
	color:#777;
	letter-spacing:-0.025em;
}
/*부가 서비스*/
#sub .subCont.direct .infoArea.view .infoTab {
	display:flex;
	margin:0 auto 40px;
	width:1230px;
}
#sub .subCont.direct .infoArea.view .infoTab li {
	width:100%;
	height:52px;
	border:1px solid #ddd;
	border-bottom-color:#000;
	border-radius:15px 15px 0 0;
}
#sub .subCont.direct .infoArea.view .infoTab li + li {
	margin-left:-1px;
}
#sub .subCont.direct .infoArea.view .infoTab li a {
	display:block;
	text-align:center;
	font-size:1.125rem;
	font-weight:500;
	color:#666;
	line-height:52px;
}
#sub .subCont.direct .infoArea.view .infoTab li.on {
	border-color:#000;
	border-bottom:none;
	z-index:1;
}
#sub .subCont.direct .infoArea.view .infoTab li.on a {
	font-weight:700;
	color:#000;
}
#sub .subCont.direct .infoArea.view .infoItem {
	padding:0;
	width:1230px;
	border-bottom:none;
}
#sub .subCont.direct .infoArea.view .infoItem:last-child {
	border-bottom:none;
}
#sub .subCont.direct .infoArea.view .infoItem .inner {
	display:block;
}
#sub .subCont.direct .infoArea.view .infoItem .inner .nodata {
	padding:50px 0 0;
	width:100%;
	font-size:1rem;
	color:#666;
	line-height:2;
	text-align:center;
}
#sub .subCont.direct .infoArea.view .infoItem .inner .nodata a {
	margin:50px auto 20px;
	display:block;
	width:234px;
	height:62px;
	border:1px solid #0070c0;
	border-radius:30px;
	font-size:1.125rem;
	font-weight:600;
	color:#0070c0;
	line-height:62px;
	text-align:center;
}
#sub .subCont.direct .infoArea.view .infoItem .inner .nodata a::after {
	content:'';
	margin-left:20px;
	display:inline-block;
	width:16px;
	height:13px;
	background:url(../images/sub/ico_arrow_right.png) no-repeat 50% 50%;
}
/*이용중인 서비스*/
#sub .subCont.direct .infoArea.view .servicebox {
	display:none;
	margin:0 auto;
	width:1230px;
}
#sub .subCont.direct .infoArea.view .serviceArea .title {
	display:block;
	margin-bottom:20px;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.6;
}
#sub .subCont.direct .infoArea.view .serviceArea .title::before {
	content:'';
	display:inline-block;
	margin:0 10px 5px 0;
	width:8px;
	height:8px;
	border-radius:4px;
	background:#000;
}
#sub .subCont.direct .infoArea.view .serviceArea.using .infoItem {
	flex-wrap:wrap;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner {
	padding:40px 30px;
	width:auto;
	min-height:208px;
	height:auto;
	border:1px solid #ddd;
	border-radius:14px;
	text-align:left;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico {
	display:inline-block;
	margin:0 10px -5px;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_pg {
	width: 40px;
	height: 27px;
	background: url(../images/sub/ico_service_pg.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_app {
	width:30px;
	height:31px;
	background:url(../images/sub/ico_service_app.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_sms {
	width:32px;
	height:32px;
	background:url(../images/sub/ico_service_sms.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_auth {
	width:42px;
	height:29px;
	background:url(../images/sub/ico_service_auth.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_social {
	width:40px;
	height:31px;
	background:url(../images/sub/ico_service_social.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_sso {
	width:41px;
	height:34px;
	background:url(../images/sub/ico_service_sso.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_script {
	width:30px;
	height:28px;
	background:url(../images/sub/ico_service_script.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_data {
	width:31px;
	height:28px;
	background:url(../images/sub/ico_service_data.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_api {
	width:39px;
	height:33px;
	background:url(../images/sub/ico_service_api.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .ico.service_cert {
	width:36px;
	height:30px;
	background:url(../images/sub/ico_service_cert.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .txt {
	width:auto;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.6;
	letter-spacing:-0.025em;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .txtbox {
	display:block;
	margin:26px 0 0;
	padding:12px 20px;
	width:326px;
	min-height:74px;
	height:auto;
	border-radius:8px;
	background:#ebf5fe;
	font-size:1rem;
	font-weight:600;
	color:#000;
	letter-spacing:-0.025em;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .txtlist {
	display:inline-block;
	margin-left:6px;
	padding:0 10px;
	width:205px;
	border-left:1px solid #bec6cc;
	color:#226fb3;
	vertical-align:top;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .txtlist li {
	word-break:keep-all;
	word-wrap:break-word;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .txtlist li + li {
	margin-top:14px;
}
#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .txtlist .ico_service_link{
	margin:0 0 -3px 4px;
	display:inline-block;
	width:16px;
	height:18px;
	background:url(../images/sub/ico_service_link.png) no-repeat 50% 50%;
	
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem {
	padding-bottom:30px;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner {
	width:100%;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .top {
	display:flex;
	justify-content:space-between;
	width:100%;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .txt .label {
	display:inline-block;
	margin-left:10px;
	width:52px;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .btn {
	position:static;
	margin:0;
	width:95px;
	height:35px;
	font-size:0.938rem;
	line-height:35px;
	transform:initial;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .txtbox {
	width:100%;
	min-height:initial;
	text-align:left;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .txtlist {
	width:calc(100% - 100px);
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .txtlist li {
	display:inline-block;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .txtlist li + li {
	margin:0 0 0 12px;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .guide {
	margin-top:40px;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .tit {
	display:block;
	font-size:1.125rem;
	font-weight:600;
	letter-spacing:-0.025em;
	text-align:left;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .con {
	display:flex;
	flex-wrap:wrap;
	gap:4px 48px;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .txtbox {
	position:relative;
	padding:40px 30px;
	width:256px;
	min-height:236px;
	height:auto;
	border:1px solid #dedede;
	border-radius:14px;
	background:#fbfbfb;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .txtbox + .txtbox::before {
	content:'';
	position:absolute;
	left:-34px;
	top:50%;
	display:inline-block;
	width:20px;
	height:33px;
	background:url(../images/sub/ico_arrow_next.png) no-repeat 50% 50%;
	transform:translateY(-50%);
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .guide .txtbox input[type=checkbox] {
	display:none;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .guide .txtbox label {
	position:absolute;
	right:10px;
	top:10px;
	display:inline-block;
	width:30px;
	height:30px;
	border:1px solid #505052;
	border-radius:15px;
	cursor:pointer;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .inner .guide .txtbox label:has(input:checked) {
	display:block;
	width:30px;
	height:30px;
	border:none;
	background:url(../images/sub/ico_chk01.png) no-repeat 50% 50%;
}

#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .txtbox .sub_tit {
	margin:0 0 18px;
	font-size:1.063rem;
	word-break:keep-all;
	word-wrap:break-word;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .txtbox p {
	font-size:0.938rem;
	font-weight:400;
	color:#777;
	line-height:1.6;
	word-break:keep-all;
	word-wrap:break-word;
}
#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem + p {
	padding-left:40px;
	font-size:0.875rem;
	color:#777;
	letter-spacing:-0.025em;
}
/*부가 서비스 신청*/
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem {
	flex-wrap:wrap;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	padding:40px 30px 30px;
	width:390px;
	min-height:420px;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner.on {
	border-color:#0070c0;
	outline:none;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .top {
	text-align:center;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .top .txt {
	display:block;
	text-align:left;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .top p {
	margin-top:30px;
	font-size:1rem;
	letter-spacing:-0.025em;
	text-align:initial;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .top p span {
	display:block;
	margin-top:12px;
	padding-left:10px;
	font-weight:300;
	line-height:1.45;
	text-indent:-10px;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .top p span + span {
	margin-top:0;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner > .btn {
	margin:30px auto 0;
	width:95px;
	height:35px;
	font-size:0.938rem;
	line-height:35px;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner.on > .btn {
	border-color:#0070c0;
	background:#0070c0;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtbox {
	margin-top:20px;
	padding:20px 30px;
	min-height:156px;
	text-align:center;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtbox .txtlist {
	margin:0;
	padding:0 0 26px;
	width:100%;
	min-height:46px;
	border:none;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtbox .txtlist li {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtlist .item {
	color:#000;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtlist .info {
	color:#e93830;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtlist .info input[type=checkbox] {
	display:none;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtlist .info label {
	display:inline-block;
	margin-left:10px;
	width:23px;
	height:23px;
	border:1px solid #767676;
	border-radius:2px;
	cursor:pointer;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtlist .info label:has(input:checked) {
	display:inline-block;
	width:23px;
	height:23px;
	border:none;
	background:url(../images/sub/ico_chk02.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtbox a {
	position:static;
	margin-bottom:10px;
	width:194px;
	height:62px;
	border:1px solid #0070c0;
	border-radius:29px;
	background:#fff;
	font-size:1.125rem;
	color:#0070c0;
	line-height:62px;
	transform:initial;
	
}
#sub .subCont.direct .infoArea.view .serviceArea.add .infoItem .inner .txtbox a::after {
	content:'';
	margin-left:30px;
	display:inline-block;
	width:16px;
	height:13px;
	background:url(../images/sub/ico_arrow_right.png) no-repeat 50% 50%;
}

#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .inner > .txtbox {
	background:#f1f1f2;
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox {
	min-height:132px;
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox:nth-child(5)::before {
	display:none;	
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox p a {
	color:#0070c0;
	text-decoration:underline;
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox p a:hover {
	color:#000;
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox p span {
	display:block;
	margin-top:26px;
	padding-left:10px;
	font-size:0.875rem;
	line-height:1.5;
	text-indent:-10px;
	word-break:keep-all;
	word-wrap:break-word;
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox p span + span {
	margin-top:0;
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox > a {
	display:inline-block;
	margin-top:16px;
	border-bottom:1px solid #000;
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox > a::after {
	content:'';
	display:inline-block;
	margin-left:4px;
	width:13px;
	height:12px;
	background:url(../images/sub/ico_sample_down.png) no-repeat 50% 50%;
}
#sub .subCont.direct .infoArea.view .serviceArea.adding .infoItem .guide .txtbox.white {
	background:#fff;
}
/*모달*/
#sub .subCont.direct + .modalBackDiv{
	position:fixed;
	left:0;
	top:0;
	display: none;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	z-index:2;
}
#sub .subCont.direct .infoArea.view .modalDiv {
	position: fixed;
	left:50%;
	top:50%;
	display:none;
	min-width:410px;
	min-height:225px;
	border-bottom:5px solid #00a1ef;
	border-radius:28px 28px 0 0;
	background:#fff;
	letter-spacing:-0.025em;
	text-align:center;
	transform:translate(-50%, -50%);
	z-index:3;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalHead {
	position:relative;
	padding:30px 30px 20px;
	border-radius:28px 28px 0 0;
	background:#00a1ef;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalHead .btn_close {
	position:absolute;
	right:30px;
	top:50%;
	width:30px;
	height:30px;
	background:url(../images/sub/btn_x.png) no-repeat 50% 50%;
	transform:translateY(-40%);
	cursor:pointer;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalHead .title {
	font-size:1.563rem;
	font-weight:700;
	color:#fff;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody {
	padding:30px 30px 45px;
	font-size:1rem;
	color:#777;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody p {
	padding-bottom:30px;
	border-bottom:1px solid #767676;
	font-size:1.063rem;
	color:#222;
	line-height:1.4;
	letter-spacing:-0.01em;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody p span {
	font-weight:700;
	color:#226fb3;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul {
	padding:30px 10px;
	border-bottom:1px solid #ddd;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul li {
	display:flex;
	gap:30px;
	text-align:left;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul li + li {
	margin-top:20px;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul li .item {
	min-width:104px;
	color:#777;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul li .item::before {
	content:'';
	display:inline-block;
	margin:0 10px 4px 0;
	width:4px;
	height:4px;
	border-radius:2px;
	background:#777;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul li .info {
	font-weight:500;
	color:#000;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul li .info span {
	color:#e93830;
}
#sub .subCont.direct .infoArea.view .modalDiv .modalBody .desc {
	display:inline-block;
	padding-top:20px;
	font-size:0.938rem;
	font-weight:500;
	color:#666;
}
#sub .subCont.direct .infoArea.view .txtbox.mouse-click:hover {
	background:#0f91d0 !important;
	color:white !important;
	cursor:pointer;
}
/*입금 내역*/
#sub .subCont.direct .infoArea.view .boardType02 {
	width:1230px;
}
#sub .subCont.direct .infoArea.view .boardType02 table {
	width:100%;
}
#sub .subCont.direct .infoArea.view .boardType02 table th {
	padding:16px 50px;
	border-bottom:initial;
	background:#0070c0;
	font-size:1.063rem;
	font-weight:500;
	color:#fff;
}
#sub .subCont.direct .infoArea.view .boardType02 table td {
	padding:16px 50px;
	border-bottom:1px solid #ddd;
	font-size:1rem;
}
#sub .subCont.direct .infoArea.view .boardType02 table td a {
	text-decoration:underline;
}
#sub .subCont.direct .infoArea.view .boardType02 table td .pay_label {
	line-height:2;
}
#sub .subCont.direct .infoArea.view .boardType02 table td .pay_label.status_1 {
	color:#1e7500;
}
#sub .subCont.direct .infoArea.view .boardType02 table td .pay_label.status_3, .pay_label.status_4 {
	color:#ff3600;
}
#sub .subCont.direct .infoArea.view .boardType02 table td.nodata {
	height:186px;
	font-size:1.063rem;
	font-weight:300;
	color:#666;
}
/*페이지바*/
.subCont.direct .paging {
	margin:20px auto;
}
.subCont.direct .paging li {
	font-size:0.688rem;
}
.subCont.direct .page_first_btn	{ 
	margin-right:4px;
	width:29px;
	height:30px;
	border:1px solid #ddd;
	border-radius:6px;
}
.subCont.direct .page_last_btn { 
	margin-left:4px;
	width:29px;
	height:30px;
	border:1px solid #ddd;
	border-radius:6px;
}
.subCont.direct .page_prev_btn { 
	margin-right:0;
	width:29px;
	height:30px;
	border:1px solid #ddd;
	border-radius:6px;
}
.subCont.direct .page_next_btn { 
	margin-left:0;
	width:29px;
	height:30px;
	border:1px solid #ddd;
	border-radius:6px;
}
.subCont.direct .page_number_btn {
	margin:0 2px;
	width:29px;
	height:30px;
	border:1px solid #ddd;
	border-radius:6px;
	line-height:30px;
	color: #222;
	padding:0 8px 0 8px;
}
.subCont.direct .page_number_btn_on {
	margin:0 2px;
	width:30px;
	height:30px;
	border-radius:6px;
	background:#8e8e8e;
	line-height:30px;
	color:#fff;
	font-weight:bold;
}
#sub .subCont.direct .Information {
	margin:60px auto 185px;
	padding:20px;
	background:initial;
	letter-spacing:-0.05em;
}
#sub .subCont.direct .Information .inner {
	padding:8px;
	width:1230px;
	background:#f6f6f6;
	border-radius:13px;
}
#sub .subCont.direct .Information .inner:first-child {
	margin-bottom:0;
}
#sub .subCont.direct .Information .inner .info_box {
	padding:50px;
	border-radius:6px;
	background:#fff;
}
#sub .subCont.direct .Information .inner .info_box + .info_box{
	margin-top:-50px;
}
#sub .subCont.direct .Information .inner .title {
	font-size:1.125rem;
	font-weight:600;
	color:#000;
	padding-bottom:10px;
	line-height:1.75;
	letter-spacing:-0.05em;
}
#sub .subCont.direct .Information .inner p {
	font-size:0.938rem;
	color:#777;
	line-height:1.75;
	letter-spacing:-0.05em;
}
/*다이렉트 서비스이용내역*/




#sub .boardType01Write{
	width:1180px;
	position:relative;
	margin:80px 0px;
	left:50%;
	margin-left:-590px;
	display:inline-block;
}

#sub .boardType01Write .writeCont{
	width:72%;
	display:inline-block;
}

#sub .boardType01Write .writeCont .subject{
	width:100%;
	border-bottom:1px solid #222;
	font-size:24px;
	color:#222;
	padding:20px;
}


#sub .boardType01Write .writeCont .formList{
	width:100%;
}



#sub .boardType01Write .writeCont .formList li{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	display:inline-block;
}

#sub .boardType01Write .writeCont .formList li .label{
	width:20%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
}

#sub .boardType01Write .writeCont .formList li .radioList{
	width:79%;
	display:inline-block;
	vertical-align:middle;
}

#sub .boardType01Write .writeCont .formList li .radioList div{
	display:inline-block;
	margin-right:20px;
}


#sub .boardType01Write .writeCont .formList li .radioList div label{
	margin-top:-2px;
	display:inline-block;
	font-size:14px;
	color:#777;
}




#sub .boardType01Write .writeCont .formList li .subjInput{
	width:79%;
	display:inline-block;
	vertical-align:middle;
	border: 1px solid #e5e5e5;
	padding: 10px 5px;
}



#sub .boardType01Write .writeCont .formList li textarea{
	width:79%;
	display:inline-block;
	vertical-align:top;
	border:1px solid #e5e5e5;
	padding:10px;
}











#sub .boardType01Write .writeCont .buttonArea{
	width:100%;
	display:inline-block;
	margin-top:20px;
	padding-top:20px;
}

#sub .boardType01Write .writeCont .buttonArea .goList1{
	display: inline-block;
	padding: 12px 30px;
	border: 1px solid #e5e5e5;
	font-size: 15px;
	border-radius: 5px;
	cursor: pointer;
}

#sub .boardType01Write .writeCont .buttonArea .goList div:nth-child(1){
	display:inline-block;
	padding:12px 30px;
	border:1px solid #e5e5e5;
	color:#222;
	font-size:15px;
	border-radius:5px;
}
#sub .boardType01Write .writeCont .buttonArea .goList div:nth-child(2){
	background-color:#0f91d0;
	color:#fff;
	display:inline-block;
	padding:12px 30px;
	border:1px solid #e5e5e5;
	font-size:15px;
	border-radius:5px;
}
#sub .boardType01Write .writeCont .buttonArea .goList div:nth-child(2) a{
	color:#fff;
}

#sub .boardType01Write .writeCont .buttonArea .opBtn1{
	display:inline-block;
	padding:12px 30px;
	border:1px solid #e5e5e5;
	color:white;
	font-size:15px;
	border-radius:5px;
	float:right;
	background:#0f91d0;
	cursor: pointer;
}


#sub .boardType01Write .writeCont .buttonArea .delBtn{
	display:inline-block;
	padding:12px 30px;
	border:1px solid #e5e5e5;
	color:#222;
	font-size:15px;
	border-radius:5px;
	float:right;
	cursor: pointer;

}


#sub .boardType01Write .writeCont .buttonArea .delBtn{
margin-left: 10px;
}
#sub .boardType01Write .writeCont .buttonArea .opBtn  a{
	color:white;
}

#sub .keycolor{
	color:#0f91d0 !important;
}







#numBox{
	width:800px;
	margin:80px auto 80px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}

#numBox .wtArea{
	width:100%;
	padding:30px;
	box-sizing:border-box;
}

#numBox .wtArea .comIn{
	width:100%;
	display:inline-block;
}

#numBox .wtArea .comIn .logo{
	width:190px;
	display:inline-block;
}

#numBox .wtArea .comIn .text{
	font-size:14px;
	float:right;
	text-align:right;
	display:inline-block;
	font-family:'roboto','noto sans kr'
}










#numBox .wtArea .arCont{
	width:100%;
	margin-top:100px;
}


#numBox .wtArea .arCont .subject{
	text-align:Center;
	color:#222;
	font-size:24px;
}


#numBox .wtArea .arCont .substance{
	text-align:Center;
	color:#777;
	font-size:16px;
	margin-top:10px;
}



#numBox .wtArea .arCont .numbox{
	width:100%;
	padding:15px;
	background:#f7f7f7;
	border-radius:5px;
	box-sizing:border-box;
	text-align:center;
	margin-top:50px;
}


#numBox .wtArea .arCont .numbox .subj{
	font-size:16px;
	display:inline-block;
	vertical-align:middle;
}

#numBox .wtArea .arCont .numbox .num{
	font-size:24px;
	display:inline-block;
	vertical-align:middle;
	color:#0f91d0;
	font-family:'roboto';
	margin-left:20px;
}



#numBox .grArea{
	width:100%;
	padding:30px;
	margin-top:20px;
	background:#f7f7f7;
	box-sizing:border-box;
	border-top:1px solid #e5e5e5;
	text-align:Center;
	color:#999;
	font-size:14px;
}


.service .arlText{
	width:100%;
	text-align:Center;
	font-size:14px;
	color:#999;
	margin-top:20px;
}



.redText{
	color:#d30000
}



 .frame{
	width:380px;
	margin:50px auto 0;
}

 .frame img{
	width:100%;
}


#sub .searchList{
	width:1180px;
	position:relative;
	margin:80px 0px;
	left:50%;
	margin-left:-590px;
	display:inline-block;
}
#sub .searchList .searchCont{
	width:72%;
	display:inline-block;
}
#sub .searchList .searchCont .subject{
	width:100%;
	border-bottom:1px solid #222;
	font-size:24px;
	color:#222;
	padding:20px 0;
}
#sub .searchList .searchCont .subject span {color:#0f91d0; font-weight:600;}
#sub .searchList .searchCont .opArea{
	width:100%;
	padding:20px 20px 5px 20px;
	display:inline-block;
	border-bottom: 1px solid #e5e5e5;
}
#sub .searchList .searchCont .opArea .subj{
	float:left;
	font-size:18px;
	display:inline-block;
	color:#222;
}
#sub .searchList .searchCont .opArea .subj a{color:#222;}
#sub .searchList .searchCont .opArea .channel{
	clear:both;
	font-size:14px;
	color:#777;
	padding:8px 0;
}
#sub .searchList .searchCont .opArea .writer{
	font-size:14px;
	display:inline-block;
	color:#777;
	float:right;
}
#sub .searchList .searchCont .content {
	width:100%;
	padding:5px 20px 20px 20px;
	display:inline-block;
	border-bottom:1px solid #e5e5e5;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	max-height: 33px;
}

#sub .boardType01Write .file-div{
	width: 79%;
	display: inline-block;
	vertical-align: top;
}

.c_pointer {
    cursor: pointer;
}
.marked_notice{
	width:15px;
	line-height:15px;
	text-align:Center;
	font-size:11px;
	color:#fff;
	font-family:'roboto';
	font-weight:bold;
	background: #bfbe24;
	border-radius:15px;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}
.la_listButtonArea div:hover, .subjectArea .downloadBTN:hover, .writeBTN div:hover, .writeComment .buttonArea .goList:hover, .buttonArea .opBtn:hover, .aside .more:hover,.buttonArea div.goList:hover, .buttonArea div.opBtn1:hover {
	color:#ffff33 !important;
}

.buttonArea div:not(.goList):not(.noticeCheck):not(.opBtn1):hover, .customButton:hover{
	color:#0f91d0 !important;
}