@media screen and (max-width:1180px){
	#sub{
		width:100%;
		min-width:100%;
		overflow:Hidden ;
	}

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

	#sub .subTitleArea .bg{
		width:130%;
		height:auto;
	}

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

	#sub .subTitleArea .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:50%;
		transform:translateY(-50%);


	}

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

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

	}

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

	}


	#sub .subTitleArea .cont .searchArea{
		width:49.5%;
		display:inline-block;
		vertical-align:middle;
	}

	#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:12px 20px;
		background:rgba(255,255,255,0);
		border:0;
	}

	#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:94%;
		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:50px;
	}



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

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

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

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




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

	#sub .writeBTN {
		width:94%;
		margin:1.5em auto 0;
	}

	#sub .writeBTN select{
		width: 100%;
		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 .subCont .boardType01{
		width:94%;
		margin:1.5em auto 0;
	}

	#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 th{
		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 td  .subject{
		display:inline-block;
		width:auto;
		max-width: 95%;
		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  .reMark{
		display:inline-block;
		border:1px solid #d30000;
		color:#d30000;
		padding:7px;
		border-radius:20px;
		vertical-align:middle;
		margin-right:5px;
		min-width:80px;
		text-align:center;
	}


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


	#sub .subCont .boardType01 table td  .keMark{
		display:inline-block;
		border:1px solid #222;
		color:#222;
		padding:7px;
		border-radius:20px;
		vertical-align:middle;
		margin-right:5px;
		min-width:80px;
		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 .useInfo {width:100%; letter-spacing:-0.7px;}
	#sub .useInfo .serviceTitle{
		width:100%;
		margin:50px auto 0;
		padding-bottom:30px;
	}
	#sub .useInfo .serviceTitle .title{
		font-size:32px;
		font-weight:600;
		text-align:center;
		margin-top:20px;
	}
	#sub .useInfo .serviceTitle .title span {
		display:inline-block;
		width:30px;
		height:30px;
		margin:5px 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:18px;
		margin-top:0;
	}
	#sub .useInfo .serviceTitle .weburl a {
		color:#666;
	}

	#sub .useInfo .urlLink {
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	#sub .useInfo .urlLink .linkBtn {
		font-size:15px;
		margin:0 5px;
		padding:10px 12px;
	}
	#sub .useInfo .urlLink .linkBtn .arrow img {
		width:10px;
	}

	
	#sub .serviceManual .inner, #sub .serviceManual .slides {
		margin:0 auto;
		width:94%;
	}
	#sub .serviceManual .infoTitle a {
		padding:5px 10px;
		font-size:13px;
	}
	
	
	#sub .serviceInfo {width:100%; margin: 45px auto 0;}
	#sub .serviceInfo .inner {
		display:block;
		width: 94%;
		margin: 0 auto;
	}

	#sub .serviceInfo .inner .infobox {
		width:100%;
	}
	#sub .serviceInfo .inner .infobox:first-child {
		margin-right:0;
		margin-bottom:20px;
	}
	#sub .serviceInfo .inner .infobox .title {font-size:16px;}
	#sub .infoArea .infoTitle {width:94%; font-size:18px;}
	#sub .infoArea .infoItem {width:94%; padding:15px;}
	#sub .infoArea .infoItem .inner {width:100%;}
	#sub .infoArea .infoItem .ico {width:40px;}
	#sub .infoArea .infoItem .ico img {width:25px;}
	#sub .infoArea .infoItem .txt {font-size:16px;}
	#sub .infoArea .infoItem .txtbox {
		margin-left:0;
		width:55%;
		font-size: 14px;
		line-height: 28px;
	}
	#sub .infoArea .infoItem .moreBtn{
		float:right;
		font-size:14px;
		margin-top: 5px
	}
	#sub .infoArea .infoItem .moreBtn .ico img {width:6px !important;}
	#sub .info-counselLine {width:94%;}
	#sub .info-counselLine .text {font-size:13px;}
	#sub .info-counselLine .counselBTN {font-size:13px; padding:5px 10px;}
	#sub .subCont .boardType02 {width:94%;}
	#sub .subCont .boardType02 table th {font-size:13px; padding: 10px 8px;}
	#sub .subCont .boardType02 table td {font-size:13px; padding: 10px 8px;}
	#sub .Information .inner {width:94%;}
	#sub .Information .inner .title {font-size:16px;}
	#sub .Information .inner p {font-size:13px; line-height:22px;}
	#sub .serviceInfo .inner .infobox .infoList .item {font-size:14px;}
	#sub .serviceInfo .inner .infobox .infoList .info {font-size:14px;}
	#sub .serviceInfo .inner .infobox .infoList .info .progs {height:16px;}

	#sub .searchList {
		width: 94%;
		position: relative;
		margin: 1em 0px 0px;
		left: 50%;
		margin-left: -47%;
		display: inline-block;
	}
	#sub .searchList .searchCont {width:100%;}
	#sub .searchList .searchCont .subject {font-size:18px; padding: 10px 0;}
	#sub .searchList .searchCont .opArea {padding: 10px 10px 0;}
	#sub .searchList .searchCont .opArea .subj {font-size:14px;}
	#sub .searchList .searchCont .opArea .writer {font-size:13px;}
	#sub .searchList .searchCont .opArea .channel {font-size:13px;}
	#sub .searchList .searchCont .content {padding:0 10px 10px; font-size:13px;}
	.paging {margin: 30px auto;}

	#sub .counselLine{
		width:94%;
		background:#f7f7f7;
		text-align:center;
		padding:15px;
		margin:4em auto 4em
	}


	#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'
	}

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

	#sub .boardType01View{
		width:94%;
		position:relative;
		margin:4em 0px;
		left:50%;
		margin-left:-47%;
		display:inline-block;
	}

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

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




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

	}


	#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:20px;
	}

	#sub .boardType01View .viewCont .buttonArea .goList{
		display:inline-block;
		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;
	}
	#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 .writeComment{
		width:100%;
		margin:30px auto 0em;
		border-top:1px solid #e5e5e5;
		background:#f7f7f7;
		padding:20px;
		box-sizing:border-box;
	}



	#sub .writeComment .subject{
		width:100%;
		font-size:16px;
	}


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

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

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

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

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


	#sub .writeComment .buttonArea .goList{
		display:inline-block;
		padding:12px 30px;
		border:1px solid #e5e5e5;
		font-size:14px;
		border-radius:5px;
	}



	#sub .commentList{
		width:94%;
		margin:0px auto 2.5em;
	}

	#sub .commentList dd{
		width:100%;
		margin-top:2.5em;
	}

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


	#sub .commentList dd .infoList{
		width:100%;
	}

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

	#sub .commentList dd .infoList li:first-child{
		border-top:1px solid #222;
	}

	#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 .title{
		font-size:20px;
		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;
	}





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

	#sub .aside .more a{
		color:#fff;
	}

	#sub .service{
		width:100%;
	}

	#sub .service .serviceTitle{
		width:94%;
		margin:4em auto 0;
		border-bottom:1px solid #222;
		padding-bottom:1.5em;
	}

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

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


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


	#sub .service .serviceTitle .substance{
		font-size:16px;
		text-align:Center;
		margin-top:5px;
	}


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

	#sub .service .serviceTitle .linkBTN a{
		color:#fff;
	}
	#sub .service .serviceDeCont{
		width:94%;
		margin:0 auto;
	}

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

	#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 .mobileTable{
		display:block;
	}

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

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


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

	#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 .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:100%;
		display:inline-block;
		vertical-align:top;
		border:1px solid #e5e5e5;
		padding:20px;
		box-sizing:border-box;
		border-radius:10px;
		margin-left:0px;
		margin-top:1em;
	}

	#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 .processArea{
		width:94%;
		margin:2.5em auto 0;
	}

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


	#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:180px;
		margin:0 auto;

	}

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

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


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

	#sub .service .processArea ul .substance{
		font-size:13px;
		color:#777;
		margin-top:5px;
		word-break:keep-all;
	}




	#sub .service .serviceFullCont{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
		margin-top:4em;
	}


	#sub .service .serviceFullCont dl{
		width:94%;
		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:20px;
		letter-spacing:-0.7px;
	}

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


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













	#sub .service .serviceBkCont{
		width:94%;
		margin:4em auto 0;
		background:#f7f7f7;
		padding:1em;
		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:16px;
		color:#222;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}



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

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


	#sub .service .serviceBkCont .bkContList li:first-child{
		margin-left:0px;
	}


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

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

	#sub .service .serviceBkCont .bkContList li .textBox{
		width:100%;
		padding:1em;
		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:13px;
		color:#777;
	}


	#sub .service .serviceBkCont .bkContList li .textArea .subject{
		font-size:15px;
		color:#222;
	}




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










	#sub .service .serviceBkCont .bkTowList li{
		width:48%;
	}



	#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:31%;
	}



	#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:22.5%;
		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{
		width:100%;
	}


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




	#sub .la_listButtonArea{
		width:94%;
		margin-bottom:4em;
		border-top:1px solid #e5e5e5;
		padding-top:1em;
		position:relative;
		left:50%;
		margin-left:-47%;
		display:inline-block;
	}


	#sub .la_listButtonArea .serviceRe{
		display:inline-block;
		padding:0.6em 1.5em;
		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:0.6em 1.5em;
		border:1px solid #e5e5e5;
		color:white;
		font-size:15px;
		border-radius:5px;
		float:Right;
	}

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






	#sub .listButtonArea{
		width:94%;
		margin-bottom:4em;
		position:relative;
		left:50%;
		margin-left:-47%;
		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;
	}

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






	#sub .service .request{
		width:94%;
		margin:4em auto 0;
	}

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

	#sub .service .request .subjectArea .subject{
		font-size:24px;
		display:inline-block;
		margin-top:5px;
	}
	#sub .service .request .subjectArea .downloadBTN{
		font-size:14px;
		display:inline-block;
		padding:12px 20px;
		height:auto;
		background:#0f91d0;
		color:#fff;
		float:right;
	}

	#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:1em 0em;
		box-sizing:border-box;
		margin-top:1em;
	}

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



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


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

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








	#sub .service .request dd .contArea .cont{
		width:100%;
		/*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 .cont .subj{
		font-size:15px;
	}
	#sub .service .request dd .contArea .cont .subj br{
		display:none;
	}


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

	}

	#sub .service .request dd .contArea .cont .codeLine{
		width:100%;
		margin-top:10px;
	}
	#sub .service .request dd .contArea .cont .codeLine .codeSubj{
		width:auto;
		display:inline-block;
		vertical-align:middle;
		padding:10px 8px 8px 0px;
		color:#0f91d0;
		font-family:'roboto','noto sans kr'
	}



	#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;
		word-break:keep-all;
	}



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

	}








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




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




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



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



	#sub .service .promCounsel .contArea .infoList li{
		display:inline-block;
		font-size:14px;
		color:#222;
		margin-right:30px;
		font-family:'roboto','noto sans kr';
		min-width:175px;
	}

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








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






	#sub .service .data{
		width:94%;
		margin:4em auto 0;
	}


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

	}


	#sub .service .data .subs{
		font-size:15px;
		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:13px;
		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:94%;
		margin:0 auto;
	}


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


	#sub .peInfo .peInfoSec dd{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		margin-top:50px;
	}


	#sub .peInfo .peInfoSec dd:last-child{
		border-bottom:0px solid #e5e5e5
	}



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



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


	#sub .peInfo .peInfoSec dd .formList{
		width:100%;
		padding:30px 0px;
	}

	#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:21%;
		display:inline-block;
		vertical-align:middle;
		font-size:14px;
	}



	#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;
	}









	#sub .boardType01Write{
		width:94%;
		position:relative;
		margin:0.5em 0px;
		left:50%;
		margin-left:-47%;
		display:inline-block;
	}

	#sub .boardType01Write .writeCont{
		width:100%;
		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:100%;
		display:inline-block;
		vertical-align:middle;
		font-size:14px;
	}

	#sub .boardType01Write .writeCont .formList li .radioList{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		margin-top:10px;
	}

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


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




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

	}



	#sub .boardType01Write .writeCont .formList li textarea{
		width:100%;
		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 .goList{
		display:inline-block;
	}

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

	#sub .boardType01Write .writeCont .buttonArea .opBtn, #sub .boardType01View .viewCont .buttonArea .goModify{
		display:inline-block;
		padding:12px 30px;
		border:1px solid #e5e5e5;
		font-size:15px;
		border-radius:5px;
		float:right;
	}
	#sub .boardType01Write .writeCont .buttonArea .opBtn a, #sub .boardType01View .viewCont .buttonArea .goModify a{
		color:white;
	}




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







	#numBox{
		width:94%;
		margin:4em auto 4em;
		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:150px;
		display:block;
		margin:0 auto;
	}

	#numBox .wtArea .comIn .logo img{
		width:100%;
	}


	#numBox .wtArea .comIn .text{
		font-size:14px;
		float:right;
		text-align:center;
		clear:both;
		width:100%;
		margin-top:20px;

		display:inline-block;
		font-family:'roboto','noto sans kr'
	}










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


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


	#numBox .wtArea .arCont .substance{
		text-align:Center;
		color:#777;
		font-size:13px;
		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'
	}



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





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



	.redText{
		color:#d30000
	}



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

	 .frame img{
		width:100%;
	}

	/*다이렉트 서비스이용내역*/
	#sub .subCont.direct .serviceInfo .inner {
		width:94%;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox {
		display:block;
		padding:20px 30px;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoArea {
		margin:0 auto;
		text-align: center;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .label {
		margin:0 auto;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoList {
		margin:30px auto 0;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoList li {
		text-align:center;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoList li .item {
		text-align:left;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn {
		margin-top:30px;
		text-align:center;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li {
		display:inline-block;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li + li{
		margin:0 0 0 10px;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox {
		text-align:center;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox .infoArea {
		padding-left:0;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList {
		border-right:none;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList {
		display:inline-block;
		margin-top:30px;
		padding-left:initial;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList li + li {
		margin-left:40px;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox .infoBtn {
		bottom:-90px;
	}
	#sub .subCont.direct .infoArea.view {
		width:94%;
	}
	#sub .subCont.direct .infoArea.view .infoTitle {
		margin:0;
		width:100%;
	}
	#sub .subCont.direct .infoArea.view .infoList {
		flex-wrap:wrap;
		gap:40px;
		padding:20px 10px;
		width:100%;
		height:auto;
	}
	#sub .subCont.direct .infoArea.view .infoList li {
		margin-bottom:0;
	}
	#sub .subCont.direct .infoArea.view .infoList li + li {
		border-left:none;
	}
	#sub .subCont.direct .infoArea.view .infoItem.card {
		justify-content:center;
		flex-wrap:wrap;
		width:100%;
	}
	#sub .subCont.direct .infoArea.view .infoTab,
	#sub .subCont.direct .infoArea.view .servicebox,
	#sub .subCont.direct .infoArea.view .infoItem,
	#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide {
		width:100%;
	}
	#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .con {
		display:block;
	}
	#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .txtbox {
		margin:40px 0 0;
		width:100%;
		min-height:initial;
	}
	#sub .subCont.direct .infoArea.view .serviceArea.setting .infoItem .guide .txtbox + .txtbox::before {
		left:50%;
		top:-36px;
		display:block;
		transform:rotate(90deg);
	}
	#sub .subCont.direct .infoArea.view .boardType02 {
		width:100%;
	}
	#sub .subCont.direct .Information .inner {
		width:100%;
	}
	/*다이렉트 서비스이용내역*/

}


@media screen and (max-width:980px) {
	#sub .serviceManual .slides {width:580px;}
}


@media screen and (max-width:767px){
	#sub{
		width:100%;
		min-width:100%;
		overflow:Hidden;
	}

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

	#sub .subTitleArea .bg{
		width:200%;
	}

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

	#sub .subTitleArea .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:50%;
		transform:translateY(-50%);



	}

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

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

	}

	#sub .subTitleArea .cont .subTitle{
		font-size:14px;
		margin-top:5px;
		color:#fff;
		display: inline-block;
		padding-right:40px;
	}


	#sub .subTitleArea .cont .searchArea{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		margin-top:1em;
	}

	#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:10px 15px;
		background:rgba(255,255,255,0);
		border:0;
		font-size: 20px;
	}

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








	#sub .subCont{
		width:100%;
	}

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

	#sub .subCont .commonArea .inner{
		width:94%;
		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:25px;
	}



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

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

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

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




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


	/*다이렉트 서비스이용내역*/
	#sub .subCont.direct .serviceInfo.view .inner .infobox .infoBtn {
		position:initial;
		margin:30px auto 0;
		width:140px;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox .infoBtn li + li {
		margin:8px 0 0;
	}
	/*다이렉트 서비스이용내역*/
	
	
	/*모바일화면 게시판 변형*/
	#sub .subCont .boardType-counsel {
		display:none;
	}

	#sub .subCont .boardType-counsel-mo {
		display:block;
		width:94%;
		margin:1.5em auto 0;
	}
	#sub .subCont .boardType-counsel-mo table{
	width:100%;
	table-layout:fixed;
	border-top:1px solid #222;
	}

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

	#sub .subCont .boardType-counsel-mo .mo-writer {
		width:100%;
		display:inline-block;
		padding: 10px 0 0 0;
		}

	#sub .subCont .boardType-counsel-mo .mo_displaynone{
		float:left;
		padding:0 15px;
		box-sizing:border-box;
		font-family:'roboto','noto sans kr';
		font-weight:normal;
		font-size:13px;
		line-height:20px;
		color:#888;
	}

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

	#sub .subCont .boardType-counsel-mo 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-mo 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-mo table td  .reMark{
		display: inline-block;
		border: 1px solid #d30000;
		color: #d30000;
		padding: 5px 0px;
		border-radius: 5px;
		vertical-align: middle;
		margin-right: 5px;
		width: 60px;
		text-align: center;
	}

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

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

	#sub .subCont .boardType-counsel-mo 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 {
		width: 94%;
		margin: 1.5em auto 0;
	}
	#sub .subCont .boardType01 table td {
		padding: 20px 5px;
		box-sizing: border-box;
		border-bottom: 1px solid #e5e5e5;
		font-family: 'roboto','noto sans kr';
		font-size: 13px;
	}
	#sub .subCont .boardType01 table td .reMark {
		padding: 7px 0px;
		min-width: 55px;
		font-size: 12px;
	}
	#sub .subCont .boardType01 table td  .subject{
		max-width: 88%;
	}
	#sub .subCont .boardType01 table .mo_displaynone {
		display: none;
	}

	#sub .subCont .boardType01 .selectLabel{
		height: unset;
	}


	#sub .useInfo {width:100%; letter-spacing:-0.7px;}
	#sub .useInfo .serviceTitle{
		width:100%;
		margin:50px auto 0;
		padding-bottom:30px;
	}
	#sub .useInfo .serviceTitle .title{
		font-size:32px;
		font-weight:600;
		text-align:center;
		margin-top:20px;
	}
	#sub .useInfo .serviceTitle .title span {
		display:inline-block;
		width:30px;
		height:30px;
		margin:5px 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:18px;
		margin-top:0;
	}
	#sub .useInfo .serviceTitle .weburl a {
		color:#666;
	}

	#sub .useInfo .urlLink {display:none;}
	#sub .useInfo .urlLink-mo {
		display:flex;
		flex-direction:column;
		justify-content:center;
		gap:8px;
		width:180px;
		margin:0 auto;
		text-align:center;
	}
	#sub .useInfo .urlLink-mo .linkBtn {
		display:inline-block;
		padding:8px 12px;
		border-radius:10px;
		color:#fff;
		font-size:13px;
		line-height:22px;
		margin:0 5px;
		letter-spacing:-0.7px;
	}
	#sub .useInfo .urlLink-mo .linkBtn a {color:#fff;}
	#sub .useInfo .urlLink-mo .linkBtn .arrow {
		display: inline-block;
		float: right;
		margin-left:8px;
		margin-top:-1px;
		}
	#sub .useInfo .urlLink-mo .linkBtn .arrow img {
		width:8px;
	}
	#sub .useInfo .urlLink-mo .bg-blue {background:#0f91d0; }
	#sub .useInfo .urlLink-mo .bg-yell {background:#ffc13d; }
	#sub .useInfo .urlLink-mo .bg-orange{background:#f49d54;}
	

	#sub .serviceInfo {width:100%; margin: 45px auto 0;}
	#sub .serviceInfo .inner {
		width: 94%;
		margin: 0 auto;
	}

	#sub .serviceInfo .inner .infobox {
		width:100%;
	}
	#sub .serviceInfo .inner .infobox:first-child {
		margin-right:0;
		margin-bottom:20px;
	}
	#sub .serviceInfo .inner .infobox .title {font-size:16px;}
	#sub .infoArea .infoTitle {width:94%; font-size:18px;}
	#sub .infoArea .infoItem {width:100%; padding:15px;}
	#sub .infoArea .infoItem .inner {width:100%;}
	#sub .infoArea .infoItem .ico {width:40px;}
	#sub .infoArea .infoItem .ico img {width:25px;}
	#sub .infoArea .infoItem .txt {font-size:16px;}
	#sub .infoArea .infoItem .txtbox {
		margin-left:40px;
		width:90%;
		font-size: 14px;
		line-height: 28px;
	}
	#sub .infoArea .infoItem .moreBtn{
		float:right;
		font-size:14px;
		margin-top: 5px;
	}
	#sub .infoArea .infoItem .moreBtn .ico img {width:6px !important;}
	#sub .infoArea .infoItem .txt {width:80%;}
	#sub .info-counselLine {width:94%;}
	#sub .info-counselLine .text {font-size:13px;}
	#sub .info-counselLine .counselBTN {font-size:13px; padding:5px 10px;}
	#sub .subCont .boardType02 {width:94%;}
	#sub .subCont .boardType02 table th {font-size:13px; padding: 10px 8px;}
	#sub .subCont .boardType02 table td {font-size:13px; padding: 10px 8px;}
	#sub .Information .inner {width:94%;}
	#sub .Information .inner .title {font-size:16px;}
	#sub .Information .inner p {font-size:13px; line-height:22px;}
	#sub .serviceInfo .inner .infobox .infoList .item {font-size:14px;}
	#sub .serviceInfo .inner .infobox .infoList .info {font-size:14px;}
	#sub .serviceInfo .inner .infobox .infoList .info .progs {height:16px;}

	#sub .searchList {
		width: 94%;
		position: relative;
		margin: 1em 0px 0px;
		left: 50%;
		margin-left: -47%;
		display: inline-block;
	}
	#sub .searchList .searchCont {width:100%;}
	#sub .searchList .searchCont .subject {font-size:18px; padding: 10px 0;}
	#sub .searchList .searchCont .opArea {padding: 10px 10px 0;}
	#sub .searchList .searchCont .opArea .subj {
		font-size: 14px;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 65%;
		white-space: nowrap;
		display: inline-block;
	}
	#sub .searchList .searchCont .opArea .writer {font-size:13px;}
	#sub .searchList .searchCont .opArea .channel {font-size:13px;}
	#sub .searchList .searchCont .content {padding:0 10px 10px; font-size:13px; max-height: 23px}
	.paging {margin: 30px auto;}

	#sub .counselLine{
		width:94%;
		background:#f7f7f7;
		text-align:center;
		padding:15px;
		margin:2em auto 4em
	}


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


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

	#sub .counselLine .counselBTN a{
		color:#fff;
	}
	.counselBTN:hover {
		color: #ffff99 !important;
	}

	#sub .boardType01View{
		width:94%;
		position:relative;
		margin:2em 0px;
		left:50%;
		margin-left:-47%;
		display:inline-block;
	}

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

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



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

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

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


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

	}


	#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:20px;
	}

	#sub .boardType01View .viewCont .buttonArea .goList{
		display:inline-block;
	}

	#sub  .boardType01View .viewCont .buttonArea .goList div{
		display:inline-block;
		padding:0.6em 1.5em;
		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:0.6em 1.5em;
		border:1px solid #e5e5e5;
		color:#222;
		font-size:15px;
		border-radius:5px;
		float:right;
	}
	#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 .arrow{
		display:none;

	}


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

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


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



	#sub .writeComment .subject{
		width:100%;
		font-size:14px;
	}


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

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


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

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


	#sub .writeComment .buttonArea .goList{
		display:inline-block;
		padding:0.6em 1.5em;
		border:1px solid #e5e5e5;
		font-size:13px;
		border-radius:5px;
		background:#0f91d0;
	}

	#sub .writeBTN div {
		padding:0.6em 1.5em;
		font-size:13px;
	}

	#sub .commentList{
		width:94%;
		margin:0px auto 2.5em;
	}

	#sub .commentList dd{
		width:100%;
		margin-top:2.5em;
	}

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


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

	#sub .commentList dd .infoList li{
		width:100%;
		border-bottom:0px solid #e5e5e5;
		box-sizing:border-box;
		padding:0px;
	}

	#sub .commentList dd .infoList li:first-child{
		border-top:0px solid #222;
	}

	#sub .commentList dd .infoList li .label{
		width:15%;
		display:inline-block;
		vertical-align:middle;
		font-size:14px;
	}
	#sub .commentList dd .infoList li .cont{
		width:84%;
		display:inline-block;
		vertical-align:middle;
		font-size:14px;
		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:13px;
	}


	#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:13px;
		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 .title{
		font-size:16px;
		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:13px;
		margin-top:8px;
		line-height:20px;
	}





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

	#sub .aside .more a{
		color:#fff;
	}

	#sub .service{
		width:100%;
	}

	#sub .service .serviceTitle{
		width:94%;
		margin:4em auto 0;
		border-bottom:1px solid #222;
		padding-bottom:1.5em;
	}

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

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


	#sub .service .serviceTitle .title{
		font-size:22px;
		text-align:center;
		margin-top:20px;
		word-break:keep-all;
	}


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


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

	#sub .service .serviceTitle .linkBTN a{
		color:#fff;
	}
	#sub .service .serviceDeCont{
		width:94%;
		margin:0 auto;
	}

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

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

	#sub .service .serviceDeCont dl dd .contentUpload{
		width:150px;
		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:13px;
		display:inline-block;
		vertical-align:middle;
	}


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


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




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


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

	#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:13px;

	}

	#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:13px;
	}


	#sub .service .tableType01 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:100%;
	display:inline-block;
	vertical-align:top;
	border:1px solid #e5e5e5;
	padding:1em;
	box-sizing:border-box;
	border-radius:10px;
	margin-left:0px;
	margin-top:1em;
}

#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:15px;
	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:13px;
	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 .processArea{
		width:94%;
		margin:2.5em auto 0;
	}

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

	#sub .service .processArea ul .arrow{
		display:none;
	}

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


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

	}

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

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


	#sub .service .processArea ul .subeject{
		font-size:14px;
		color:#222;
		margin-top:10px;
		word-break:keep-all;
	}

	#sub .service .processArea ul .substance{
		font-size:13px;
		color:#777;
		margin-top:5px;
		word-break:keep-all;

	}




	#sub .service .serviceFullCont{
		width:100%;
		background:#fff;
		padding:4em 0px;
		margin-top:4em;
	}


	#sub .service .serviceFullCont dl{
		width:94%;
		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:20px;
		letter-spacing:-0.7px;
	}

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


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













	#sub .service .serviceBkCont{
		width:94%;
		margin:4em auto 0;
		background:#f7f7f7;
		padding:1em;
		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:16px;
		color:#222;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}



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

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


	#sub .service .serviceBkCont .bkContList li:first-child{
		margin-left:0px;
	}


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

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

	#sub .service .serviceBkCont .bkContList li .textBox{
		width:100%;
		padding:0.5em;
		box-sizing:border-box;
		min-height:90px;
	}


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



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


	#sub .service .serviceBkCont .bkContList li .textArea .subject{
		font-size:15px;
		color:#222;
	}




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










	#sub .service .serviceBkCont .bkTowList li{
		width:48%;
		margin-left:3%;
	}



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




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




	#sub .service .serviceBkCont .bkthreeList li{
		width:48%;
		display:inline-block;
		margin-left:3%;
		margin-top:1em;
	}

	#sub .service .serviceBkCont .bkthreeList li:nth-child(2n+1){
		margin-left:0%;
	}

	#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:100%;
		display:inline-block;
		vertical-align:middle;
	}





	#sub .service .serviceBkCont .bkfourList li{
		width:48%;
		margin-bottom:20px;
		margin-left:3%;
	}

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

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



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


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




	#sub .la_listButtonArea{
		width:94%;
		margin-bottom:4em;
		border-top:1px solid #e5e5e5;
		padding-top:1em;
		position:relative;
		left:50%;
		margin-left:-47%;
		display:inline-block;
	}


	#sub .la_listButtonArea .serviceRe{
		display:inline-block;
		padding:0.6em 1.5em;
		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:0.6em 1.5em;
		border:1px solid #e5e5e5;
		color:white;
		font-size:15px;
		border-radius:5px;
		float:Right;
	}

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






	#sub .listButtonArea{
		width:94%;
		margin-bottom:4em;
		position:relative;
		left:50%;
		margin-left:-47%;
		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;
	}

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






	#sub .service .request{
		width:94%;
		margin:4em auto 0;
	}

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

	#sub .service .request .subjectArea .subject{
		font-size:18px;
		display:inline-block;
		margin-top:5px;
	}
	#sub .service .request .subjectArea .downloadBTN{
		font-size:13px;
		display:inline-block;
		padding:9px 10px;
		background:#0f91d0;
		color:#fff;
		float:right;
	}

	#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:1em 0em;
		box-sizing:border-box;
		margin-top:1em;
	}

	#sub .service .request dd .titleArea{
		width:100%;
		display:inline-block;
		box-sizing:border-box;
		text-align:center;
		font-size:16px;
		vertical-align:Middle;
		padding-bottom:10px;
		border-bottom:1px solid #e5e5e5;
		box-sizing:border-box;
	}



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


	#sub .service .request dd .contArea .ico{
		display:none;
		/*width:32px;
		vertical-align:top;
		margin:0 auto;
		margin-top:10px;*/
	}

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

    #sub .service .request dd .contArea .subj {
		float:left;
		font-size:16px;
		line-height:20px;
		margin-top:15px;
		margin-left:10px;
		/*width:88%;*/
	}




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


	#sub .service .request dd .contArea li{
		display:inline-block;
		width:100%;
		margin-top:10px;
		font-size:13px;
	}

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

	#sub .service .request dd .contArea .nice_chk li {
		display:list-item;
	}
	
	#sub .service .request dd .contArea .cont .subj{
		font-size:15px;
	}


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

	#sub .service .request dd .contArea .cont .codeLine{
		width:100%;
		margin-top:10px;
		clear:both;
		margin-left:10px;
	}
	#sub .service .request dd .contArea .cont .codeLine .codeSubj{
		width:auto;
		display:inline-block;
		vertical-align:middle;
		padding:10px 8px 8px 0px;
		color:#0f91d0;
		font-family:'roboto','noto sans kr';
		font-size:12px;
		margin-top:5px;
		min-height:28px;
		max-height:28px;
		line-height:10px;
	}


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



	#sub .service .request dd .contArea .cont .add{
		width:100%;
		margin-top:5px;
		font-size:13px;
		color:#777;
		word-break:keep-all;
		margin-left:10px;
	}



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

	}








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




	#sub .service .promCounsel .title{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
		text-align:left;
		padding-bottom: 10px;
	}




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



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



	#sub .service .promCounsel .contArea .infoList li{
		display:inline-block;
		font-size:14px;
		color:#222;
		margin-right:0px;
		font-family:'roboto','noto sans kr';
		margin-top:1em;
		width:100%;
		min-width:175px;
	}

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








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






	#sub .service .data{
		width:94%;
		margin:4em auto 0;
	}


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

	}


	#sub .service .data .subs{
		font-size:15px;
		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:13px;
		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 .service .SMStable {display:none;}
	#sub .service .SMStable-mo {
		display:block;
		width:100%;
		margin-top:15px;
	}

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

	#sub .service .SMStable-mo 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:5px;
		font-family:'roboto','noto sans kr';
		font-size:13px;
		width:20% !important;
	}
	#sub .service .SMStable-mo table th:last-child {width:16% !important;}

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

	#sub .service .SMStable-mo table .alignRight{
		text-align:right;
	}
	#sub .service .SMStable-mo table .alignCenter{
		text-align:center;
	}

	/*다이렉트 서비스이용내역*/
	#sub .subCont.direct .serviceInfo .inner .infobox .infoArea {
		text-align:center;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .label {
		margin:0 auto;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoArea .urlLink {
		position:static;
		margin-top:20px;
		transform:initial;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoList {
		width:initial;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li {
		display:block;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoBtn li + li{
		margin:10px 0 0;
	}
	#sub .subCont.direct .infoArea.view .boardType02 {
		overflow-x:auto;
	}
	#sub .subCont.direct .infoArea.view .boardType02 table {
		width:1230px;
	}
	/*다이렉트 서비스이용내역*/

}

@media screen and (max-width: 660px){
	#sub .serviceManual .slides {width:280px;}
}

@media screen and (max-width: 450px){
	#sub .service .serviceBkCont .bkfourList li:nth-child(2n+1) {
		 width: 100%;
	}
	#sub .searchList .searchCont .opArea .subj {
		width: 62%;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoList,
	#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList{
		width:60%;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoList li .item {
		display:block;
		width:initial;
	}
	#sub .subCont.direct .serviceInfo .inner .infobox .infoList li .info,
	#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList li .info {
		display:block;
		margin:4px 0 0;
	}
	
	
	/*다이렉트 서비스이용내역*/
	#sub .subCont.direct .serviceInfo .inner .infobox,
	#sub .subCont.direct .serviceInfo.view .inner .infobox {
		padding:20px 15px;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox .infoList li .label_dday {
		margin:initial;
	}
	#sub .subCont.direct .serviceInfo.view .inner .infobox .graphList li + li {
		margin:10px 0 0;
	}
	#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner {
		min-height:initial;
		width:94%;
	}
	#sub .subCont.direct .infoArea.view .serviceArea .infoItem .inner .txtbox {
		min-height:initial;
		width:100%;
	}
	/*모달*/
	#sub .subCont.direct .infoArea.view .modalDiv {
		min-width:initial;
		word-break:keep-all;
		word-wrap:break-word;
	}
	#sub .subCont.direct .infoArea.view .modalDiv .modalHead .btn_close {
		width:25px;
		height:25px;
	}
	#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul li {
		display:block;
	}
	#sub .subCont.direct .infoArea.view .modalDiv .modalBody ul li .info {
		margin-top:4px;
		padding-left:14px;
	}
	/*다이렉트 서비스이용내역*/

}