.content{margin-top: 154px; margin-bottom: 60px;}
.content> div{display: grid; grid-template-columns: 2fr 9fr; gap: 60px;}

/*서브네비게이션*/
.content .subNav> p{font-size: 30px; font-weight: bold; padding: 78px 0; box-sizing: border-box; border-bottom: 2px solid #000;}
.content .subNav .submenu> li.hasChild{position: relative;}
.content .subNav .submenu> li.hasChild .arrow{background: url('../images/gnbArr.png') no-repeat center center; transform: translateY(-50%) rotate(0deg);; transition: transform 0.3s ease; position: absolute; right: 10px; top: 30px; width: 12px; height: 12px;}
.content .subNav .submenu> li.hasChild.active .arrow{transform: translateY(-50%) rotate(180deg);}
.content .subNav .submenu> li.hasChild .sub3depth{background: #f9f9f9; padding: 10px 15px; box-sizing: border-box; display: none;}
.content .subNav .submenu> li.hasChild.active .sub3depth{display: block; line-height: 22px; font-size: 15px;}
.content .subNav .submenu> li.hasChild .sub3depth> li> a{padding: 7px 0 7px 15px; box-sizing: border-box; position: relative; display: block;}
.content .subNav .submenu> li.hasChild .sub3depth> li> a::before{content: ""; position: absolute; left: 0; top: 17px; width: 2px; height: 2px; background: #000; border-radius: 5px;}
.content .subNav .submenu> li> a{border-bottom: 1px solid #ddd; padding: 22px 10px; display: block; font-size: 17px; position: relative; line-height: 24px;}
.content .subNav .submenu> li> a .direc{position: absolute; right: 10px; top: 20px;}
.content .subNav .submenu> li> button{border-bottom: 1px solid #ddd; padding: 22px 10px; position: relative; font-size: 17px; cursor: pointer; width: 100%; text-align: left;}
.content .subNav .submenu> li> a.active{color: #35A841; font-weight: bold;}
.content .subNav .submenu> li> button.active{color: #35A841; font-weight: bold; border-bottom: 3px solid #35A841;}
.content .subNav .submenu> li.hasChild .sub3depth> li> a.active{color: #35A841;}

/*서브콘텐츠 공통*/
.content .subArea .breadclumbs{display: inline-flex; margin-top: 20px;}
.content .subArea .breadclumbs> li> a{color: #333; text-decoration: underline; padding: 0 30px; box-sizing: border-box; position: relative;}
.content .subArea .breadclumbs> li> a::after{content: ""; position: absolute; right: -2px; top: 5px; width: 6px; height: 12px; background: url(../images/sub/bc.png)no-repeat;}
.content .subArea .breadclumbs> li:first-child> a::before{content: ""; position: absolute; left: 0; top: 2px; width: 14px; height: 14px; background: url(../images/sub/home.png)no-repeat;}
.content .subArea .breadclumbs> li:last-child> a::after{display: none;}
.content .subArea .breadclumbs> li:first-child> a{padding-left: 22px;}
.content .subArea .breadclumbs> li:last-child> a{padding-right: 0; color: #000;}
.content .subArea .subTitle{display: flex; justify-content: space-between; align-items: center; margin: 50px 0;}
.content .subArea .subTitle h2{font-size: 50px; font-weight: bold;}
.content .subArea .subTitle ol{display: flex; gap: 10px;}
.content .subArea .subTitle ol> li> a{background: #f9f9f9; border: 1px solid #ddd; border-radius: 10px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px;}
.textMargin{margin-bottom: 50px;}
.textType .txtbar li::before {content: "- "; color: #666666;}
.textType .txtcaution li::before {content: "※ "; color: #666666;}
.textType .txtbutton li {margin-bottom: 10px;}
.textType .txtcaution img {width: 80px;}
.solo {display: block; margin: 0 auto 30px; color: #35A841; position: relative;}
/*서브콘텐츠 내용*/
.subCont .inner{border-top: 1px solid #555; padding-top: 40px; line-height: 1.5rem;}
.subCont .textType{margin-bottom: 50px; border-bottom: 1px dashed #ddd; padding-bottom: 50px;}
.subCont .textType:last-child{border-bottom: 0; padding-bottom: 0;}
.subCont .textType .gordoBox{overflow-x: auto;}
.subCont .textType .gordo{max-width: 1090px; width: 100%; display: block; margin: 10px auto; min-width: 800px;}
.subCont .textType .gordo02{min-width: initial;}
.subCont .textType h3{font-weight: bold; font-size: 26px; margin-bottom: 30px; display: flex; align-items: center; gap: 10px;}
.subCont .textType h3 span, .subCont .textType h4 span{font-size: 17px; display: inline-block; margin-top: 12px;}
.subCont .textType h4{font-weight: bold; font-size: 22px; margin-bottom: 20px; }
.subCont .textType .grayBox{background: #f9f9f9; border: 1px solid #ddd; border-radius: 10px; padding: 30px; box-sizing: border-box; line-height: 26px; font-size: 17px;}
.subCont .textType ol> li{margin-bottom: 10px; padding-left: 15px; position: relative; line-height: 26px; font-size: 17px; word-break: break-all;}
.subCont .textType ol> li:last-child{margin-bottom: 0;}
.subCont .textType ol> li::after{content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 5px; background: #35A841;}
.subCont .textType ol> li.liStNone{padding-left: 20px; position: relative;}
.subCont .textType ol> li.liStNone::after{display: none;}
.subCont .textType ol> li.liStNone> span{position: absolute; left: 0;}
.subCont .textType ol> li> ul{margin-top: 5px;}
.subCont .textType ol> li> ul> li{color: #555; font-size: 15px;}
.subCont .textType .tableType{margin: 10px auto;}
.subCont .textType .tableType.tableScroll{overflow-x: auto;}
.subCont .textType .tableType.tableScroll table{min-width: 800px; border-spacing: 0; border-radius: 10px; overflow: hidden; border: 1px solid #ddd; border-collapse: separate;}
.subCont .textType .tableType.tableScroll table.tsW600{min-width: 600px;}
.subCont .textType .tableType p.tit{font-size: 17px; font-weight: bold; margin-bottom: 10px; position: relative; padding-left: 10px; margin-top: 10px;}
.subCont .textType .tableType p.tit::before{content: ""; position: absolute; left: 0; top: 6px; width: 3px; height: 14px; background: #000;}
.subCont .textType .tableType table thead tr th, .subCont .textType .tableType table thead tr td, .subCont .textType .tableType table tbody th, .subCont .textType .tableType table tbody td{padding: 15px; box-sizing: border-box; text-align: center; vertical-align: middle; line-height: 24px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.subCont .textType .tableType table thead tr th:last-child, .subCont .textType .tableType table thead tr td:last-child, .subCont .textType .tableType table tbody th:last-child, .subCont .textType .tableType table tbody td:last-child{border-right: none;}
.subCont .textType .tableType table tbody tr:last-child th, .subCont .textType .tableType table tbody tr:last-child td{border-bottom: none;}
.subCont .textType .tableType table thead tr th{background: #f2f4f7;}
.tablestyle2 {margin:0 auto 20px}
.subCont .textType .tableType table thead tr th> p{font-size: 15px; font-weight: normal; margin-top: 10px;}
.subCont .textType .tableType .tablestyle2 th {border-left: none;}
.subCont .textType .tableType .tablestyle2 td {border-right: none;}
.borderR{border-right: 1px solid #ddd !important;}
.centerBox{display: block; text-align: center; margin-top: 30px;}
.leftBox{text-align: left; margin-top: 30px;}
.rightBox{text-align: right; margin-top: 30px;}
.btnType{border: 1px solid #444; padding: 12px 25px; box-sizing: border-box; font-size: 17px; border-radius: 10px; background: #fff; color: #555; display: inline-block;}
.btnType01{background: #3D7BB6; color: #fff; border: 1px solid #3D7BB6;}
.btnType02{border: 1px solid #3D7BB6; color: #3D7BB6;}
.btnType03{background: #f1f1f1; border: 1px solid #ccc;}
.btnType04{background: #444; border: 1px solid #444; color: #fff;}
.smallBtnType{font-size: 15px; background: #ddd; color: #555; padding: 0 10px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ddd; display: inline-block;}
.smallBtn01{border: 1px solid #35A841; color: #35A841; background: #fff;}
.smallBtn02{background: #35A841; color: #fff; border: 1px solid #35A841;}

/*설문조사*/
.surveyArea{margin-top: 100px;}
.surveyArea .call{padding: 20px 30px; box-sizing: border-box; border-radius: 10px 10px 0 0; border: 1px solid #ddd; font-size: 17px; color: #333;}
.surveyArea .call b{margin-right: 5px;}
.surveyArea .survey{padding: 30px 40px 30px 210px; box-sizing: border-box; border-radius: 0 0 10px 10px; border: 1px solid #ddd; background: #f9f9f9; margin-top: -1px; position: relative;}
.surveyArea .survey::before{content: ""; position: absolute; left: 40px; top: 30px; width: 130px; height: 130px; border-radius: 100px; background-color: #fff !important; background: url(../images/sub/survey.png)no-repeat center;}
.surveyArea .survey b{font-size: 20px; color: #333;}
.surveyArea .survey> ul{margin: 20px 0; display: flex; gap: 20px;}
.surveyArea .survey> ul> li{display: flex; justify-content: center; gap: 5px;}
.surveyArea .survey> ul> li label{color: #555;}
.surveyArea .survey .feedback{display: grid; grid-template-columns: auto 100px; gap: 10px;}
.surveyArea .survey .feedback input{border-radius: 5px; font-size: 17px; padding: 14px 20px;}
.surveyArea .survey .feedback button{background: #333; color: #fff; border-radius: 5px; font-size: 17px;}

/*탭 페이지*/
.subCont .tabInner .tabs{display: grid; gap: 5px;}
.subCont .tabInner .tabs.tab02{grid-template-columns: repeat(2, 1fr);}
.subCont .tabInner .tabs.tab03{grid-template-columns: repeat(3, 1fr);}
.subCont .tabInner .tabs.tab04{grid-template-columns: repeat(4, 1fr);}
.subCont .tabInner .tabs.tab05{grid-template-columns: repeat(5, 1fr);}
.subCont .tabInner .tabs.tab06{grid-template-columns: repeat(6, 1fr);}
.subCont .tabInner .tabs.tab07{grid-template-columns: repeat(7, 1fr);}
.subCont .tabInner .tabs button{background: #f9f9f9; border: 1px solid #ddd; color: #555; font-size: 17px; padding: 15px 10px; box-sizing: border-box; border-radius: 5px;}
.subCont .tabInner .tabs button[aria-selected="true"]{background: #3D7BB6; color: #fff; border: 1px solid #3D7BB6;}
.subCont .tabInner .tabPanel{margin-top: 40px;}

/*input, select 등*/
select{border-radius: 5px; background: url(../images/sub/select.png)no-repeat right 12px center;}
input[type="text"]{padding: 14px 12px; border-radius: 5px;}
input[type="text"].textWidth01{width: 400px;}
input[type="text"].textWidth02{width: 700px;}
input[type="text"].textWidth03{width: 100%;}

/*게시판*/
.boardArea .searchBox{background: #F5F6F9; border-radius: 10px; padding: 30px 50px; box-sizing: border-box; display: grid; grid-template-columns: 140px auto 100px; gap: 10px;}
.boardArea .searchBox button{background: #333; color: #fff; font-size: 17px; display: flex; justify-content: center; align-items: center; gap: 5px; border-radius: 5px;}
.boardArea .boardBox{margin-top: 50px;}
.boardArea .boardBox .listTop{display: flex; justify-content: space-between; align-items: center;}
.boardArea .boardBox .listTop p{font-size: 20px; font-weight: bold; display: flex; justify-content: center; align-items: center; padding-left: 30px; position: relative;}
.boardArea .boardBox .listTop p::before{content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../images/sub/count.png)no-repeat;}
.boardArea .boardBox .listTop p span{color: #FF0000;}
.boardArea .boardBox .listTop div{display: flex; justify-content: center; gap: 5px;}
.boardArea .boardBox .listTop div select{border: 1px solid #757575; color: #333; border-radius: 50px; padding: 6px 15px; width: 110px;}
.boardArea .boardBox .listTop div button{font-size: 17px; background: #333; color: #fff; border-radius: 50px; width: 70px; padding: 8px;}
.boardArea .boardBox .listTable, .boardArea .boardBox .listTable02{margin-top: 30px;}
.boardArea .boardBox .listTable table tbody tr:last-child, .boardArea .boardBox .listTable02 table tbody tr:last-child{border-bottom: 1px solid #ddd;}
.boardArea .boardBox .listTable table thead tr th, .boardArea .boardBox .listTable table thead tr td, .boardArea .boardBox .listTable table tbody tr th, .boardArea .boardBox .listTable table tbody tr td, .boardArea .boardBox .listTable02 table thead tr th, .boardArea .boardBox .listTable02 table thead tr td, .boardArea .boardBox .listTable02 table tbody tr th, .boardArea .boardBox .listTable02 table tbody tr td{padding: 20px 10px; box-sizing: border-box; font-size: 17px; text-align: center; color: #333; line-height: 26px; vertical-align: middle;}
.boardArea .boardBox .listTable table thead tr th, .boardArea .boardBox .listTable02 table thead tr th{border-top: 2px solid #000; background: #F7F7FC; color: #000; font-weight: bold;}
.boardArea .boardBox .listTable table tbody tr td, .boardArea .boardBox .listTable02 table tbody tr td{vertical-align: middle;}
.boardArea .boardBox .listTable table tbody tr:nth-child(even) td, .boardArea .boardBox .listTable02 table tbody tr:nth-child(even) td{background: #f9f9f9;}
.boardArea .boardBox .listTable table tbody tr td.cat{color: #3D7BB6;}
.boardArea .boardBox .listTable table tbody tr td.tit{text-align: left;}
.boardArea .boardBox .listTable table tbody tr td.tit:hover{text-decoration: underline;}
.boardArea .boardBox .pagination{display: flex; gap: 15px; justify-content: center; align-items: center; margin-top: 60px;}
.boardArea .boardBox .pagination> a{width: 44px; height: 44px; display: inline-flex; justify-content: center; align-items: center;}
.boardArea .boardBox .pagination ul li> a{width: 44px; height: 44px; display: inline-flex; gap: 10px; justify-content: center; align-items: center;}
.boardArea .boardBox .pagination ul li> a.active{background: #333; color: #fff;}
.boardArea .boardBox .pagination> a:hover, .boardArea .boardBox .pagination ul li> a:hover{background: #f9f9f9;}
.boardArea .boardBox .pagination ul li> a.active:hover{background: #333; color: #fff;}


/*이미지 반반*/
.textType .picwrap {margin: 24px 0;}
.textType .picwrap img {display: inline-block;}
.textType .picwrap img:last-child {margin-left:24px;}
.textType .picNGM img {width: 48%;}
.textType .picETRS img:first-child, .textType .picORS img:first-child {width: 32%;}
.textType .picETRS img:last-child, .textType .picORS img:last-child  {width: 65%;}




/*테블릿 가로*/
@media all and (max-width:1480px) {
    .content> div{display: block;}
    
    /*서브네비게이션*/
    .content .subNav{display: none;}

    /*서브콘텐츠 공통*/
    .content .subArea .subTitle h2{font-size: 40px;}

}

/*테블릿 세로*/
@media all and (max-width:1000px) {
    .content{margin-top: 100px;}

    /*서브콘텐츠 공통*/
    .content .subArea .subTitle{margin: 50px 0 30px 0;}

    /*서브콘텐츠 내용*/
    .subCont .textType h3{line-height: 36px;}
    .btnType{display: inline-block; margin-bottom: 5px; padding: 10px 15px;}
    .btnType:last-child{margin-bottom: 0;}
    .centerBox, .leftBox, .rightBox{margin-top: 20px;}
    .subCont .textType .gordo {max-width: 1090px; overflow-x: scroll;}

    /*설문조사*/
    .surveyArea{margin-top: 50px;}
    .surveyArea .survey{padding: 30px 40px 30px 160px;}
    .surveyArea .survey::before{width: 100px; height: 100px; background-size: 60px;}
    .surveyArea .survey b{font-size: 17px; line-height: 26px;}
    .surveyArea .survey> ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 15px 0;}
    .surveyArea .survey> ul> li{display: block;}
    .surveyArea .survey .feedback{display: grid; grid-template-columns: initial; gap: 5px;}
    .surveyArea .survey .feedback input{padding: 10px 15px; width: 100%;}
    .surveyArea .survey .feedback button{padding: 11px; box-sizing: border-box;}

    /*탭 페이지*/
    .subCont .tabInner .tabs{grid-template-columns: repeat(2, 1fr) !important;}
    .subCont .tabInner .tabs.tab02 button, .subCont .tabInner .tabs.tab03 button, .subCont .tabInner .tabs.tab04 button, .subCont .tabInner .tabs.tab05 button, .subCont .tabInner .tabs.tab06 button, .subCont .tabInner .tabs.tab07 button{border-right: 1px solid #ddd;}

    /*게시판*/
    .boardArea .searchBox{grid-template-columns: initial !important; gap: 5px; padding: 30px; display: inline-grid; width: 100%;}
    .boardArea .searchBox button{font-size: 17px; padding: 14px; box-sizing: border-box;}
    .boardArea .boardBox .listTable table thead tr th, .boardArea .boardBox .listTable table thead tr td, .boardArea .boardBox .listTable table tbody tr th, .boardArea .boardBox .listTable table tbody tr td, .boardArea .boardBox .listTable02 table thead tr th, .boardArea .boardBox .listTable02 table thead tr td, .boardArea .boardBox .listTable02 table tbody tr th, .boardArea .boardBox .listTable02 table tbody tr td{font-size: 15px; padding: 15px 5px; line-height: 22px;}


    /*이미지 반반*/
    .textType .picwrap img {display: block; width: 98%; margin:0 auto 30px;}
    .textType .picwrap img:last-child {margin-left: 0;}
    .textType .picETRS img:nth-child(2), .textType .picORS img:nth-child(2) { max-width: 352px !important;}
    .textType .picETRS img:last-child, .textType .picORS img:last-child {width: 100%;}
    
}

/*모바일*/
@media all and (max-width:460px) {
    .content{margin-top: 70px; margin-bottom: 30px;}

    /*서브콘텐츠 공통*/
    .content .subArea .breadclumbs{font-size: 13px;}
    .content .subArea .breadclumbs> li> a{padding: 0 15px;}
    .content .subArea .breadclumbs> li:first-child> a::before{background-size: 10px;}
    .content .subArea .breadclumbs> li> a::after{top: 3px;}
    .content .subArea .subTitle{display: block; margin: 30px 0;}
    .content .subArea .subTitle h2{font-size: 34px; line-height: 42px;}
    .content .subArea .subTitle ol{margin-top: 20px;}
    .content .subArea .subTitle ol> li> a{width: 40px; height: 40px;}
    .content .subArea .subTitle ol> li> a img{width: 20px; height: 20px;}
    .solo{font-size: 13px;}

    /*서브콘텐츠 내용*/
    .subCont .inner{padding-top: 30px;}
    .subCont .textType{margin-bottom: 30px; padding-bottom: 30px;}
    .subCont .textType h3{font-size: 22px; margin-bottom: 20px; display: grid; gap: 0;}
    .subCont .textType h3 span{font-size: 13px;}
    .subCont .textType h4{font-size: 17px; margin-bottom: 10px;}
    .subCont .textType .grayBox{padding: 15px; font-size: 15px; margin-bottom: 30px; line-height: 22px;}
    /* .subCont .textType ol{margin-bottom: 30px;} */
    .subCont .textType ol> li{font-size: 15px; line-height: 22px;}
    .subCont .textType ol> li::after{top: 8px;}
    .subCont .textType .tableType table thead tr th, .subCont .textType .tableType table thead tr td, .subCont .textType .tableType table tbody th, .subCont .textType .tableType table tbody td{padding: 10px; font-size: 15px; line-height: 22px;}
    .subCont .textType .tableType p.tit::before{top: 4px;}
   .btnType{display: block; text-align: center; padding: 12px; font-size: 15px; }
   .smallBtnType{font-size: 13px;}

    /*설문조사*/
    .surveyArea{margin-top: 60px;}
    .surveyArea .call{font-size: 15px; line-height: 22px; padding: 15px;}
    .surveyArea .survey{padding: 130px 15px 15px 15px;}
    .surveyArea .survey::before{width: 100px; height: 100px; background-size: 60px; left: 50%; margin-left: -50px; top: 15px;}
    .surveyArea .survey .feedback input{font-size: 15px;}
    .surveyArea .survey .feedback button{font-size: 15px;}
    .surveyArea .survey> ul> li{font-size: 13px;}
    .surveyArea .survey b{font-size: 15px; line-height: 22px;}

    /*탭 페이지*/
    .subCont .tabInner .tabs{grid-template-columns: initial !important;}
    .subCont .tabInner .tabs button{font-size: 15px; padding: 10px;}
    
    /*게시판*/
    input[type="text"]{padding: 12px;}
    .boardArea .searchBox button{font-size: 15px; padding: 12px;}
    .boardArea .boardBox{margin-top: 30px;}
    .boardArea .boardBox .listTop{display: block;}
    .boardArea .boardBox .listTop p{font-size: 15px; display: block; padding-left: 20px;}
    .boardArea .boardBox .listTop p::before{background-size: 14px; top: 5px;}
    .boardArea .boardBox .listTop div{justify-content: end; margin-top: 20px;}
    .boardArea .boardBox .listTop div select{width: 90px; font-size: 13px;}
    .boardArea .boardBox .listTop div button{width: 56px; padding: 6px; font-size: 13px;}
    .boardArea .boardBox .listTable{margin-top: 20px;}
    .boardArea .boardBox .listTable table colgroup col{width: 100% !important;}
    .boardArea .boardBox .listTable table thead{display: none;}
    .boardArea .boardBox .listTable table tbody tr:nth-child(even) td{background: initial;}
    .boardArea .boardBox .listTable table tbody tr td.tit{border: 1px solid #ddd; display: block; background: #f9f9f9; padding: 10px 15px; line-height: 22px;}
    .boardArea .boardBox .listTable table thead tr th, .boardArea .boardBox .listTable table thead tr td, .boardArea .boardBox .listTable table tbody tr th, .boardArea .boardBox .listTable table tbody tr td{border-right: 0; border-bottom: 0;}
    .boardArea .boardBox .listTable table tbody tr{border-bottom: 1px dashed #ddd; display: block; padding: 15px 0;}
    .boardArea .boardBox .listTable table tbody tr td{display: inline-block; padding: 10px 5px; font-size: 15px; line-height: 22px;}
    .boardArea .boardBox .listTable table tbody tr td img{width: 16px;}
    .boardArea .boardBox .listTable table tbody tr:first-child{border-top: 2px solid #000;}
    .boardArea .boardBox .listTable02 table thead tr th, .boardArea .boardBox .listTable02 table tbody tr td{font-size: 15px; padding: 5px;}
    .boardArea .boardBox .pagination{gap: 5px; margin-top: 30px;}
    .boardArea .boardBox .pagination> a{width: 25px; height: 25px;}
    .boardArea .boardBox .pagination ul li> a{width: 25px; height: 25px; font-size: 13px;}

}