@charset "utf-8";

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

}


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

}

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

}

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

}

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

}

@media only screen and (max-width:1024px) {
	.forDesk {display:none;}
	.forMo {display:block;}
	.inner {padding:0;}
	.gloHeader {padding:0;}
	.gloHeader > .inner {padding:16px; display:block;}
	.gloHeader > .inner .logo {width:300px; height:33px;}
	.gloHeader > .inner .logo a {width:300px; height:33px; background:url(../img/logo_mobile.svg) no-repeat 50% 50%; background-size:100%;}
	.gloHeader > .inner .naviPart {position:fixed; right:-100%; top:0; width:100%; height:100%; background:#FFF; z-index:30000; flex-flow:column-reverse wrap; justify-content:flex-end; align-items:flex-start; transition:.4s all;}
	.gloHeader > .inner .naviPart.on {right:0;}
	.gloHeader > .inner .naviPart .menuClose {display:block; position:absolute; right:6px; top:6px; width:40px; height:40px;}
	.gloHeader > .inner .naviPart .menuClose:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:1px; height:18px; background:#222;}
	.gloHeader > .inner .naviPart .menuClose:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:1px; height:18px; background:#222;}
	.gloHeader > .inner .naviPart .topFunc {width:100%; max-width:100%; justify-content:flex-start; gap:0; border-bottom:1px solid #ccc; background:#f9f9f9;}
	.gloHeader > .inner .naviPart .topFunc li {width:calc(50% - 20px); position:relative;}
	.gloHeader > .inner .naviPart .topFunc li:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:16px; background:#ccc;}
	.gloHeader > .inner .naviPart .topFunc li:last-child:after {display:none;}
	.gloHeader > .inner .naviPart .topFunc li a {padding:16px 0; justify-content:center;}
	.gloHeader > .inner .naviPart .topFunc li a img {width:20px; height:20px;}
	.gloHeader > .inner .naviPart .naviSec {flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; width:100%; gap:0; height:calc(100vh - 53px); overflow:hidden; overflow-y:auto; padding:0;}
	.gloHeader > .inner .naviPart .naviSec .naviMenu {display:block; width:100%;}
	.gloHeader > .inner .naviPart .naviSec .naviMenu > a {padding:20px; font-size:18px; border-bottom:1px solid #E5E5E5;}
	.gloHeader > .inner .naviPart .naviSec .naviMenu > a.on {background:#007D72; color:#FFF;}
	.gloHeader > .inner .moMenu {width:40px; height:40px; display:block; background:url(../img/ico_menu.svg) no-repeat 50% 50%; flex:0 0 auto; position:absolute; right:6px; top:50%; transform:translate(0, -50%);}

	.subMenuWrap {position:relative; left:unset; top:unset;}
	.subMenuWrap:before {display:none;}
	.subMenuWrap .subMenuBox .inner {flex-flow:column wrap;}
	.subMenuWrap .subMenuBox .mDep01 {width:100%; background:#f0f0f0; color:#222; font-size:16px; padding:14px 20px; min-height:0; border-bottom:1px solid #E5E5E5;}
	.subMenuWrap .subMenuBox .sMenuSet {flex-flow:column wrap; padding:0; width:100%; gap:20px; padding:20px;}
	.subMenuWrap .subMenuBox .sMenuSet .perSmenu {width:100%;}
	.subMenuWrap .subMenuBox .sMenuSet .perSmenu.long {width:100%;}
	.subMenuWrap .subMenuBox .sMenuSet .perSmenu .psTitle a {font-size:14px; margin-bottom:8px;}
	.subMenuWrap .subMenuBox .sMenuSet .perSmenu .psTitle a:before {top:6px;}
	.subMenuWrap .subMenuBox .sMenuSet .perSmenu ul {gap:0px;}
	.subMenuWrap .subMenuBox .sMenuSet .perSmenu ul li {width:100%;}
	.subMenuWrap .subMenuBox .sMenuSet .perSmenu ul li a {font-size:14px; width:100%; padding:3px 0;}

	.sideMenu {top:unset; transform:none; right:0; bottom:0; border-radius:0; flex-flow:row wrap; width:100%; height:auto; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); border-left:0; border-right:0;}
	.sideMenu a {width:25%; border-right:1px solid #E5E5E5; padding:16px 0; font-size:14px; border-bottom:0;}
	.sideMenu a:last-child {border-right:0;}

	.mVisual {padding:30px 20px 100px;}
	.mVisual .inner {flex-flow:column wrap;}
	.mVisual .inner .txtSec {width:100%; padding-bottom:0;}
	.mVisual .inner .txtSec .headTitle {font-size:32px;}
	.mVisual .inner .txtSec .headDesc {font-size:14px;}
	.mVisual .inner .bnrSec {width:100%;}
	.mVisual .inner .bnrSec .bnrFunc {margin-top:12px;}
	.mVisual .inner .headItems {position:relative; left:unset; bottom:unset; gap:10px; width:100%; flex-wrap:wrap;}
	.mVisual .inner .headItems a {width:calc(25% - 8px); border-radius:8px; padding:16px 8px;}
	.mVisual .inner .headItems a .icoSec {width:24px;}
	.mVisual .inner .headItems a .txt {font-size:14px;}
	.mVisual .inner .bnrSec .swiper-container.mBnr {border-radius:8px;}

	.mVisual .deco01 {width:20%;}
	.mVisual .deco02 {width:50%; margin-left:0;}

	.mService {padding:40px 0 50px;}
	.mService:after {left:unset; right:0; margin:0; width:85px; height:82px;}
	.mService .msTitle {font-size:20px; margin-bottom:12px; width:100%;}
	.mService .msTitle:before {width:20px; height:20px; flex:0 0 auto;}
	.mService .inner {flex-flow:column wrap; padding:0 16px;}
	.mService .majorSec {width:100%;}
	.mService .majorSec .majorBox {border-radius:8px;}
	.mService .majorSec .majorBox .perMajor a {padding:16px;}
	.mService .majorSec .majorBox .perMajor a:after {left:16px; width:calc(100% - 32px);}
	.mService .majorSec .majorBox .perMajor a .icoSec {width:40px; height:40px;}
	.mService .majorSec .majorBox .perMajor a .majorInfo .title {font-size:16px;}
	.mService .majorSec .majorBox .perMajor a .majorInfo .desc {font-size:14px; margin-top:4px;}
	.mService .majorSec .majorBox .perMajor a .majorInfo .desc br {display:none;}
	.mService .relOrgSec {width:100%;}
	.mService .relOrgSec .relOrgMap {padding:40px 10px 10px;}
	.mService .relOrgSec .relOrgMap .mapGuide {font-size:14px; padding:6px 16px; right:5px; top:5px;}
	.mapWrap {height:auto;}
	#incheon-map {width:100%; height:100%;}

	.mGallery {padding:40px 0;}
	.mGallery > .inner {padding:0 16px;}
	.mGallery .titleSec {flex-flow:column wrap; align-items:flex-start;}
	.mGallery .titleSec .title {font-size:20px; margin-bottom:12px; width:100%;}
	.mGallery .titleSec .title:before {width:20px; height:20px; flex:0 0 auto;}
	.mGallery .titleSec .mgTab {width:100%; justify-content:flex-start; gap:4px;}
	.mGallery .titleSec .mgTab a {font-size:13px; flex:1 0 auto; text-align:center;}
	.mGallery .bbsList {margin-top:16px; gap:24px 12px;}
	.mGallery .bbsList .perGallery {width:calc(50% - 6px);}
	.bbsList .perGallery .thumb {border-radius:8px;}
	.bbsList .perGallery .subjectSec {margin-top:8px;}
	.bbsList .perGallery .subjectSec .subject {font-size:14px; height:40px;}
	.bbsList .perGallery .subjectSec .date {margin-top:10px;}
	
	.orgBnr {padding-bottom:20px;}
	.orgBnr .slideBnr .swiper-slide img {height:28px;}

	.footer {padding-bottom:104px;}
	.footer .btmFunc {flex-flow:column wrap; padding:20px 16px; gap:10px;}
	.footer .btmFunc .btmLogo {justify-content:center;}
	.footer .btmFunc .btmLogo img {height:24px;}
	.footer .btmFunc .btmMenu {gap:15px; justify-content:center;}
	.footer .btmFunc .btmMenu a {font-size:14px;}
	.footer .btmFunc .btmMenu a:after {right:-7px;}
	.footer .copyright {padding:0 16px;}
	.footer .copyright span {display:inline-flex; line-height:1.4;}
	.footer .copyright span:first-child {display:flex;}
	.footer .copyright span:first-child:after {display:none;}
	.footer .copyright span:nth-child(3):after {display:none;}
	.footer .txt {padding:0 16px;}

	.subVisual {height:120px;}
	.subVisual .inner {padding:0 16px;}
	.subVisual .inner h1 {display:none;}
	.pLocationSet {display:none;}
	.comnContSec {padding:0 0 40px;}
	.pTitleSec {padding:0; margin:0; border:0;}
	.pTitleSec .title {padding:0 16px; height:60px; font-size:16px; line-height:1.3; font-weight:600; background:#f9f9f9; display:flex; justify-content:flex-start; align-items:center; border-top:1px  solid #E5E5E5;}

	.comnCont .moPageTab {padding:0 16px 16px; background:#f9f9f9; position:relative; border-bottom:1px solid #E5E5E5;}
	.comnCont .moPageTab .currentPage {position:relative; display:block; border-radius:8px; border:1px solid #E5E5E5; padding:12px 16px; color:#222; font-size:14px; font-weight:700; background:#FFF; cursor:pointer;}
	.comnCont .moPageTab .currentPage .arTail {position:absolute; right:16px; top:16px; width:12px; height:7px; background:url(../img/ar_select.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
	.comnCont .moPageTab .currentPage .arTail.on {transform:rotate(180deg);}
	.comnCont .moPageTab .tabMenuList {position:absolute; left:16px; top:38px; width:calc(100% - 32px); border:1px solid #E5E5E5; border-radius:0 0 8px 8px; height:auto; max-height:400px; padding:16px; overflow:hidden; overflow-y:auto; background:#FFF; z-index:100; display:none;}
	.comnCont .depTab {margin-bottom:0; flex-flow:column wrap; gap:0px; background:transparent; border-bottom:0;}
	.comnCont .depTab a {padding:8px 0; font-size:14px; text-align:left; justify-content:flex-start; display:block;}
	.comnCont .depTab a.on {border:0; border-radius:0;}
	.comnCont .depTab.tab02 a, 
	.comnCont .depTab.tab03 a, 
	.comnCont .depTab.tab04 a, 
	.comnCont .depTab.tab05 a {width:100%;}

	.cbTitleSec {margin:24px 16px;}
	.cbTitleSec .cbTitle {font-size:18px; align-items:flex-start;}
	.cbTitleSec .cbTitle:before {width:22px; height:22px;}
	.cbTitleSec .cbTitle span {width:100%; font-size:14px; margin-left:30px;}
	.cbTitleSec .pBtn {position:relative; display:block; right:unset; top:unset; padding:6px 14px; font-size:14px; border-radius:4px; margin:10px 0 0 40px; display:inline-block;}
	.cbTitleSec .cbGuide li {font-size:14px;}

	.conBlock .cbTitleSec {margin:0 0 24px 0;}

	.conBlock {padding:0 16px 40px; margin-bottom:0; margin-top:20px;}
	.contBox {padding:24px 16px; border-radius:8px;}
	.contBox > ul {gap:24px;}
	.contBox > ul li {flex-flow:column wrap;}
	.contBox > ul li > .item {width:100%; margin-bottom:6px;}
	.contBox > ul li > .ipCon {width:100%; padding-left:8px; font-size:14px;}
	.contBox > ul li > .ipCon .tRed {display:block; font-size:14px; width:100%;}

	.contBox > ul li > .ipCon > dl.itemList dd {display:block; position:relative; padding-left:0px;}
	.contBox > ul li > .ipCon > dl.itemList dd:before {display:none;}
	.contBox > ul li > .ipCon > dl dd.caution {font-size:13px;}
	.contBox a.funcBtn {vertical-align:middle;}

	.stepBox {margin-top:24px; gap:16px;}
	.stepBox .perStep {width:calc(50% - 8px); padding:16px 8px; flex:0 0 auto;}
	.stepBox .perStep:after {right:-16px; width:14px; height:14px;}
	.stepBox .perStep:nth-child(2n):after {transform:rotate(-225deg); right:unset; top:unset; bottom:-16px;; left:-16px;}
	.stepBox .perStep .num {font-size:12px;}
	.stepBox .perStep .ico {width:28px; height:28px;}
	.stepBox .perStep .txt {font-size:14px; margin:6px 0;}
	.stepBox .perStep .desc {margin-top:0; font-size:12px; word-break:break-all;}

	.stepBox.seven {gap:16px;} 
	.stepBox.seven .perStep {width:calc(50% - 8px); padding:16px 8px; flex:0 0 auto;}
	.stepBox.seven .perStep:after {right:-16px; width:14px; height:14px;}

	.stepBox.tightGap {flex-flow:column wrap; gap:10px;}
	.stepBox.tightGap .perStep {width:100%;}
	.stepBox.tightGap .stepAr {margin-top:10px;}
	.stepBox.tightGap .stepAr img {transform:rotate(90deg); height:10px; margin-bottom:10px;}

	.stepBox.vision .perStep {width:calc(50% - 10px);}
	.stepBox.vision .perStep .ico {width:50px; height:50px;}
	.stepBox.vision .perStep .txt {font-size:16px; margin:0;}
	
	a.pBtn {font-size:14px; padding:6px 12px; border-radius:4px;}

	.contBox .contTitle {font-size:16px;}
	.contBox .contDesc {font-size:14px;}
	.contBox.flex {flex-flow:column wrap; gap:24px;}
	.contBox > ul.list li {width:100%; font-size:14px;}
	.contBox > ul.tight li > .item {width:100%;}
	.contBox > ul.tight li > .ipCon {width:100%;}
	.contBox.in {padding:16px;}
	.contBox.in > ul li .item {width:100%; font-size:16px; margin-bottom:10px;}
	.contBox.in > ul li dl {flex-flow:column wrap; gap:6px;}
	.contBox.in > ul li dl.num {gap:6px;}
	.contBox.in > ul li dl dd {width:100%; font-size:14px;}
	.contBox.in > ul li dl dd:before {width:12px; height:12px;}
	.contBox > ul li > .ipCon .imgSec {flex-flow:column wrap;}
	.contBox > ul li > .ipCon > dl dd {padding-left:16px;}
	.contBox > ul li > .ipCon > dl.plat dd {display:block;}
	.contBox.clean .btnArea {margin:10px 0 20px;}
	.contBox.clean .btnArea a.pBtn {width:100%; padding:10px;}

	.contItem {margin:18px 0; display:flex; flex-flow:column wrap; gap:8px; border:0; border-radius:0; background:transparent;}
	.contItem .itemBlock {flex-wrap:wrap; border:1px solid #E5E5E5; border-radius:8px; background:#FFF;}
	.contItem .itemBlock .ibTitle {width:100%; font-size:14px; padding:10px; justify-content:flex-start; align-items:flex-start; border-bottom:1px solid #E5E5E5;}
	.contItem .itemBlock .item {font-size:14px; width:calc(100% - 26%); border-left:0; align-items:stretch;}
	.contItem .itemBlock li {font-size:14px; padding:10px; text-align:left; height:53px; align-items:center; display:flex; justify-content:flex-start;}
	.contItem .itemBlock .period {font-size:14px; width:26%; flex:0 0 auto; align-items:stretch; justify-content:flex-start;}
	.contItem .itemBlock .period li {text-align:center; padding:10px 0; height:100%; display:flex; justify-content:center; align-items:center; height:53px;}
	.contItem .itemBlock:last-child {border:1px solid #E5E5E5;}

	.safeSystem {flex-flow:column wrap; gap:8px; padding:0;}
	.safeSystem:after {content:''; position:absolute; left:50%; top:50px; transform:translate(-50%, 0); width:1px; height:calc(100% - 50px); background:#ccc;}
	.safeSystem .sysSafe {display:block; left:unset; top:unset; transform:none; position:relative; max-width:100%; margin-bottom:16px; z-index:1;}
	.safeSystem .sysSafe .sysTitle {font-size:16px;}
	.safeSystem .sysSafe .sysGroup .perSys {font-size:14px; padding:14px 8px; height:64px;}
	.safeSystem .sysSafe .sysGroup .perSys.major {font-size:16px;}
	
	.safeSystem .partBox {width:100%; position:relative; z-index:1;}
	.safeSystem .partBox .line {display:none;}
	.safeSystem .partBox .sysItem {gap:8px;}
	.safeSystem .partBox .sysItem li {border-radius:8px;}
	.safeSystem .partBox .sysItem li .desc {font-size:14px; margin-top:4px;}

	.partCont {width:100%; padding:0;}
	.partCont:after {display:none;}
	.partCont .pTitle {font-size:16px; margin-bottom:8px;}
	.partCont ul {gap:6px;}
	.partCont ul li {font-size:14px;}

	.txtStepBox {gap:20px;}
	.txtStepBox .perStep {width:calc(50% - 10px); font-size:14px; padding:16px 10px;}
	.txtStepBox .perStep:after {right:-16px; width:14px; height:14px;}
	.txtStepBox .perStep:nth-child(2n):after {transform:rotate(-225deg); right:unset; top:unset; bottom:-16px;; left:-16px;}

	.halfCont {flex-flow:column wrap;}
	.halfCont .perHalf {width:100%; padding:16px; border-radius:8px;}
	.halfCont .perHalf .title {font-size:16px;}
	.halfCont .perHalf ul {gap:8px;}
	.halfCont .perHalf ul li {font-size:14px;}
	.halfCont .perHalf ul li:after {top:6px;}

	.halfCont table colgroup {display:none !important;}
	.halfCont table col {width:auto;}
	.halfCont table th {display:none; border-right:0;}
	.halfCont table tr {position:relative;}
	.halfCont table tr td {border-right:0; display:block; position:absolute; right:0; top:0; border-bottom:0; padding:10px 0;}
	.halfCont table tr td.arLeft {position:relative; display:block; right:unset; top:unset; padding-right:50px; border-bottom:1px solid #E5E5E5; height:60px;}
	.halfCont table tr td:last-child {top:24px; right:unset; left:0;}
	.halfCont table tr:last-child td {border-bottom:0;}

	.contTable {border:0; background:transparent; margin-top:18px;}
	.contTable table {table-layout:auto;}
	.contTable table colgroup {display:none !important;}
	.contTable table col {width:auto;}
	.contTable table tr {display:block; width:100%; border:1px solid #E5E5E5; padding:0 16px; margin-bottom:20px; background:#FFF; overflow:hidden; border-radius:8px;}
	.contTable table tr:first-child {display:none;}
	.contTable table th {display:none;}
	.contTable table td {display:block; width:100% !important; padding:16px 0; border-right:0; font-size:14px;}
	.contTable table td.noPad {padding-top:0;}
	.contTable table tr td:first-child {text-align:left;}
	.contTable table tr:last-child td {border-bottom:1px solid #E5E5E5;}
	.contTable table tr td:last-child {border-bottom:0;}
	.contTable table td:before {content:attr(data-label); display:block; color:#222; font-weight:600; margin-bottom:10px;}

	/* .contTable.ty01 table td {position:relative; padding-left:60px;}
	.contTable.ty01 table td:before {position:absolute; left:0; top:16px;} */

	.levCont {margin-bottom:20px;}
	.levCont .levTitle {flex-flow:column wrap; gap:10px; align-items:flex-start; font-size:16px;}
	.levCont .levTitle span {font-size:12px;}

	.itemTable {border-radius:8px;}
	.itemTable table col.item {width:24%;}
	.itemTable table col.item01 {width:60px;}
	.itemTable table col.item02 {width:110px;}
	.itemTable table th, .itemTable table td {padding:8px; font-size:14px; word-break:break-all;}
	.itemTable table th, tHead, .itemTable table td.tHead {font-size:14px;}
	.itemTable table td ul li {display:block; width:100%; word-break:break-all;}

	.flowCont .perFlow .fTitle {font-size:14px;}
	.flowCont .perFlow > dl dd {gap:2px; padding-left:0px !important; flex-flow:column wrap;}
	.flowCont .perFlow > dl dd:before {display:none;}
	.flowCont .perFlow > dl dd span {width:100%; flex:0 0 auto; position:relative; font-weight:600;}
	.flowCont .perFlow > dl dd.plat {padding-left:0 !important;}
	.flowCont .perFlow.plat > dl.inline dd {flex-flow:row wrap;}
	.flowCont .perFlow.plat > dl.inline dd span {width:auto;}

	.pollKind {margin-top:0;}
	.pollKind a {padding:12px 0; font-size:16px;}
	.pollTitle {font-size:16px;}
	.pollCont {margin-top:18px;}
	.pollCont .pollTitle {font-size:16px;}
	.pollCont .questList .perQuest {padding:16px; align-items:flex-start; gap:10px;}
	.pollCont .questList .perQuest .number {width:30px; height:30px; font-size:14px;}
	.pollCont .questList .perQuest .question {width:calc(100% - 40px);}
	.pollCont .questList .perQuest .question .txt {font-size:16px; line-height:1.3;}
	.pollCont .questList .perQuest .question .sample {flex-flow:column wrap; gap:10px;}
	.pollCont .questList .perQuest .question .sample li {width:100%; font-size:14px;}
	.pollCont .questList .perQuest .question .sample li label {font-size:14px;}
	.pollCont .questList .perQuest .question .sample li .comnRadio {gap:22px;}
	.pollCont .questList .perQuest .question .sample li .comnRadio input:before {width:16px; height:16px; background-size:100%;}
	.pollCont .btnArea a.viewResult {font-size:16px; padding:12px 24px;}

	.resultCont .inCont {padding:16px; flex-flow:column wrap; gap:16px;}
	.resultCont .inCont .imgSec {width:100%; padding:40px 40px 0;}
	.resultCont .inCont .txtSec {width:100%;}
	.resultCont .inCont .txtSec .resultSector {font-size:16px;}
	.resultCont .inCont .txtSec .txt {font-size:14px;}
	.resultCont .inCont .solveSec .solTitle {font-size:16px;}

	.scrollBox {overflow:hidden; overflow-x:auto;}
	.scrollBox img {min-width:768px;}
	.caution.forMo {display:block; font-size:13px; margin:10px 0;}

	.cbTitleSec .cbGuide span {font-size:18px;}
	.fourthCont {gap:10px;}
	.fourthCont .perItem {width:100%; border-radius:8px; padding:20px;}
	.fourthCont .perItem .kind {font-size:14px; padding:3px 6px;}
	.fourthCont .perItem .title {font-size:20px;}
	.fourthCont .perItem .title em {font-size:24px;}
	.fourthCont .perItem .howto {margin-top:0px;}

	.bbsForm table colgroup {display:none;}
	.bbsForm table colgroup col {display:none;}
	.bbsForm table th, .bbsForm table td {display:block; width:100%; font-size:14px; height:auto; padding-left:0; padding-right:0;}
	.bbsForm table th {background:none; border-bottom:0; padding-bottom:0;}
	.bbsForm table td .comnRadio.marSet {margin-bottom:16px;}
	.bbsForm .reasonTxt .resTitle {font-size:14px;}
	input.inputName {width:100%;}
	input[type="text"], input[type="password"], input[type="number"] {height:36px; line-height:34px; font-size:14px;}
	select {height:36px; line-height:34px; font-size:14px; background:#FFF url(../img/ar_select.svg) no-repeat right 10px center; background-size:12px auto; padding:0 30px 0 10px;}
	textarea {font-size:14px;}
	.bbsForm .selResult .srTitle {width:60px; font-size:14px;}
	.bbsForm .reasonPart {flex-flow:column wrap; margin-top:6px; gap:16px;}
	.bbsForm .reasonPart label {width:100%;}
	.bbsForm .birth {gap:8px;}
	a.btnZip {height:36px;}
	.pBlock.fix {height:36px;}
	.termsCont {font-size:14px;}
	a.bbsBtn {width:auto; flex:1 0 auto; padding:12px 0;}

	.bbsListSec {margin-top:24px; padding:0 16px;}
	.bbsSearch {flex-flow:column wrap; align-items:flex-start; gap:10px;}
	.bbsSearch .totalCount {font-size:13px;}
	.bbsSearch .searchFunc {width:100%;}

	.bbsList {gap:12px;}
	.bbsList .perArticle {width:100%;}
	.bbsList .perArticle > a {border-radius:8px; padding:20px;}
	.perArticle .stats {padding:3px 10px; font-size:13px;}
	.bbsList .perArticle .subject .txt {font-size:18px; height:auto; line-height:1.3;}

	.pagingWrap {margin:20px 0;}
	.pagingWrap a {font-size:14px; width:26px; height:26px;}
	.pagingWrap a.dir {width:26px; height:26px;}
	.pagingWrap a.dir.back {background-size:auto 22px;}
	.pagingWrap a.dir.first {background-size:auto 22px;}
	.pagingWrap a.dir.forward {background-size:auto 22px;}
	.pagingWrap a.dir.backword {background-size:auto 22px;}

	.bbsViewSec {margin-top:24px; padding:0 16px;}
	.bbsViewSec .bbsViewCont {border-radius:8px;}
	.bbsViewSec.flex {flex-flow:column wrap; gap:20px;}
	.bbsViewSec.flex .bbsViewCont {width:100%; border-radius:8px;}
	.bbsViewCont .subject {font-size:16px; padding:16px; align-items:flex-start;}
	.bbsViewCont .optLine {padding:16px; flex-flow:column wrap; gap:6px;}
	.bbsViewCont .optLine.cPart {flex-flow:row wrap; align-items:center;}
	.bbsViewCont .optLine .optTitle {font-size:14px; height:auto;}
	.bbsViewCont .optLine .fileList {gap:6px;}
	.bbsViewCont .optLine .fileList li {width:100%; display:flex; justify-content:space-between; font-size:14px; word-break:break-all;}
	.bbsViewCont .viewCont {padding:20px 16px;}
	.bbsViewCont .viewCont * {font-size:14px !important;}
	.bbsViewCont .viewCont p, 
	.bbsViewCont .viewCont span,
	.bbsViewCont .viewCont u {word-break:break-all; font-family:'pretendard variable' !important;}
	.bbsViewCont .viewCont table {width:100% !important;}
	.bbsViewCont .viewCont table th, .bbsViewCont .viewCont table td {width:auto !important; font-size:14px !important; font-family:'pretendard variable' !important;}
	.bbsViewCont .dateLine {padding:16px;}
	.bbsViewCont .dateLine .wDate {font-size:14px; color:#999;}
	.bbsViewCont .dateLine .wHit {font-size:14px; color:#999;}
	.bbsViewCont .bbsEtc {border-radius:0; padding:16px; flex-flow:column wrap; gap:16px;}
	.bbsViewCont .bbsEtc .manageInfo {flex-flow:column wrap; gap:6px; align-items:flex-start;}
	.bbsViewCont .bbsEtc .manageInfo span {font-size:14px;}
	.bbsViewCont .bbsEtc .manageInfo span:after {display:none;}
	.bbsViewCont .btnArea {padding:0 16px;}

	.relBox .perRel {padding:0 16px; gap:8px; height:54px;}
	.relBox .perRel .ico {width:24px; height:24px;}
	.relBox .perRel .txt {font-size:14px;}
	.relBox .perRel > a {padding:10px 0; margin:0 0 0 6px; font-size:14px;}
	.relBox .perRel .relDate {display:none;}

	.bbsViewSec.flex .bbsApplySec {position:relative; left:unset; top:unset; width:100%;}
	.bbsViewSec.flex .bbsApplyPart {padding:20px 16px; border-radius:8px;}
	.bbsViewSec.flex .bbsApplyPart .perArticle ul li .item {font-size:14px;}
	.bbsViewSec.flex .bbsApplyPart .perArticle ul li .ipCon {font-size:14px;}
	.bbsViewSec.flex .bbsApplyPart .btnArea {gap:10px; margin-top:28px;}
	.bbsViewSec.flex .bbsApplyPart .btnArea a.bbsBtn {padding:10px 18px;}
	.bbsViewSec.flex .bbsApplySec .shareBox {padding:0 16px;}

	.serviceCont {flex-flow:column wrap; padding:20px 16px;}
	.serviceCont .perService {width:100%; gap:8px; align-items:flex-start;}
	.serviceCont .perService .ico {width:40px;}
	.serviceCont .perService .txtSec .txt {font-size:14px;}
	.serviceCont .perService .txtSec .desc {font-size:14px; margin-top:0;}

	.articleList {border-top:1px solid #222;}
	.articleList ul {position:relative; align-items:flex-start;}
	.articleList ul.tHead {display:none;}
	.articleList ul.tBody li.cont .num {display:none;}
	.articleList ul.tBody li.cont .nf {width:36px; margin-right:6px; text-align:center;}
	.noti {padding:3px 6px; font-size:12px; }
	.articleList ul.tBody li.cont {width:100%; flex:0 0 auto; font-size:16px; margin-bottom:8px; line-height:1.3; align-items:flex-start;}
	.articleList ul.tBody li.cont a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100%;}
	.articleList ul li.attatch {width:auto;}
	.articleList ul li.attatch a {margin-right:10px;}
	.articleList ul li.date {color:#999; width:auto; margin:0 10px 0 0; height:20px;}
	.articleList ul li.hit {color:#999; width:auto; height:20px;}
	.articleList ul li.hit .forMo {margin-right:5px;}
	.articleList ul li.part {width:auto; margin-right:10px;}

	.bbsList.gallery {gap:24px 12px;}
	.bbsList .perGallery {width:calc(50% - 6px);}

	.bbsViewCont .bbsEtc .galleryCont {background:transparent !important; font-size:14px;}
	.bbsViewCont .bbsEtc .galleryCont p {color:#222 !important; font-size:14px !important; line-height:1.4 !important; background:transparent !important; margin:3px 0 !important;}
	.bbsViewCont .bbsEtc .cAuthorInfo .thumb {width:90px; border-radius:4px;}
	.bbsViewCont .bbsEtc .cAuthorInfo .authInfo {flex-flow:column wrap;}
	.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li {flex-flow:column wrap; gap:0;}
	.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li .item {font-size:14px; width:100%;}
	.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li .ipCon {font-size:14px; width:100%;}
	.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li.inline {flex-flow:row wrap; width:100%;}
	.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li.inline .item {width:auto; margin-right:10px;}
	.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li.inline .ipCon {width:auto;}

	.sPart:before {width:20px; height:20px;}
	.rKind {font-size:12px; padding:2px 8px; width:70px;}
	a.inBtn {flex:0 0 auto;}

	.greetingSec {flex-flow:column wrap;}
	.greetingSec .txtSec {width:100%;}
	.greetingSec .contSec {width:100%;}
	.greetingSec .txtSec .grTitle {font-size:24px; line-height:1.3;}
	.greetingSec .txtSec .grImg {margin:0;}
	.greetingSec .contSec .txt {font-size:14px;}
	.greetingSec .contSec .sign {margin-top:30px; font-size:16px;}

	.hisTab {margin-bottom:30px;}
	.hisTab a {font-size:14px; padding:12px 10px; text-align:left;}
	.hisTab a.on:after {height:2px;}
	.hisCont .inHis {flex-flow:column wrap; gap:18px;}
	.hisCont .inHis .currentHis {width:100%; font-size:20px; padding:0;}
	.hisCont .inHis .history {width:100%;}
	.hisCont .inHis .history .perHis {padding:0 0 30px 16px; width:100%;}
	.hisCont .inHis .history .perHis:first-child:after {top:10px;}
	.hisCont .inHis .history .perHis .hisYr:after {left:-19px; top:8px; width:8px; height:8px;}
	.hisCont .inHis .history .perHis .hisYr {font-size:20px; margin-bottom:8px;}
	.hisCont .inHis .history .perHis ul li {flex-flow:column wrap; width:100%; gap:0px;}
	.hisCont .inHis .history .perHis ul li .item {font-size:16px;}
	.hisCont .inHis .history .perHis ul li .ipCon {width:100%; font-size:14px; line-height:1.3;}

	.conGuide {padding:16px; border-radius:8px;}
	.conGuide .ico {width:40px; height:40px; flex:0 0 auto;}
	.conGuide .txt {font-size:14px;}
	.orgCont {padding:30px 20px; border-radius:8px;}
	.orgBox {width:240px; height:50px; border-radius:8px; position:relative; z-index:1;}
	.orgBox img {height:20px;}
	.orgBox.incheon {margin-bottom:10px;}
	.orgBox.incheon:after {bottom:-10px; height:10px;}
	.orgBox.px {margin-bottom:10px;}
	.orgBox.px:after {bottom:-10px; height:10px;}
	.orgBox.px img {height:20px;}
	.orgBox.director a {font-size:16px;}
	.orgBox.director:after {height:96px; bottom:-96px;}
	.orgGroup .orgBox {width:130px; text-align:center; font-size:14px; padding:0 10px;}
	.orgBox a {font-size:14px; text-align:center; padding:0 10px;}
	.orgBox a.on:after {border-radius:8px;}
	.orgBox:after {height:10px;}
	.orgTeam {flex-flow:row wrap; gap:10px;}
	.orgTeam .orgBox {width:calc(50% - 5px); margin-top:0; height:60px;}
	.orgTeam .orgBox:after {top:-22px; height:22px;}
	.orgTeam .orgBox:nth-child(3):after {top:-10px; height:10px; display:block;}
	.orgTeam .orgBox:nth-child(4):after {top:-10px; height:10px;}
	.orgTeam .orgBox:nth-child(5):after {top:-10px; height:10px;}
	.orgTeam .orgBox:nth-child(6):after {top:-10px; height:10px;}
	.lineGroup {margin-top:40px;}
	.lineGroup:after {left:24%; width:calc(100% - 48%); bottom:20px;}

	.perTeamInfo {margin-top:20px; padding:0px; border-radius:8px;}
	.perTeamInfo .teamClose {right:10px; top:0px;}
	.perTeamInfo .perTeam .itemTable tr td.arLeft {text-align:left; position:relative; padding:10px;}
	.perTeamInfo .perTeam .itemTable tr td.arLeft p.tel {position:relative; display:block; right:unset; top:unset; transform:none; text-align:left;}
	.perTeamInfo .perTeam .teamTitle {font-size:18px; margin-bottom:10px;}
	.perTeamInfo .perTeam .teamTitle:before {width:22px; height:22px;}

	.contBox > ul li > .item.inIco {font-size:16px; margin-bottom:6px;}
	.contBox > ul li > .item.inIco .ico {width:20px; height:20px;}
	.contBox > ul li.addressInfo {margin-bottom:0;}
	.contBox > ul li > .ipCon > dl.mapCont dd {padding-left:0; font-size:14px;}
	.station {font-size:14px; width:130px; flex:0 0 auto;}

	.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg {padding:20px; border-radius:8px;}
	.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgName {font-size:16px;}
	.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo p {font-size:14px;}
	.mService .relOrgSec .relOrgMap .relOrgPop .ropClose {right:0; top:-10px;}
	.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo .insta {margin-left:-5px;}

	.relOrgPop {right:unset; left:50%; transform:translate(-50%, -50%);}
	.relOrgPop .perRelOrg {padding:20px; border-radius:8px;}
	.relOrgPop .perRelOrg .orgInfo p {font-size:14px;}
	.relOrgPop .ropClose {right:0; top:-10px;}
	.relOrgPop .ropClose {right:10px; top:0px;}
	.perRelOrg .metro {font-size:14px;}
	.relOrgPop .perRelOrg .orgName {font-size:18px; height:auto; margin:6px 0 10px;}
	.relOrgPop .perRelOrg .orgInfo {flex-flow:row wrap; gap:10px;}
	.relOrgPop .perRelOrg .orgInfo .location:before {width:20px; height:22px;}
	.relOrgPop .perRelOrg .orgInfo .tel:before {width:20px; height:22px;}
	.relOrgPop .webInfo {margin-top:10px;}
	.relOrgPop .webInfo p a {gap:6px; font-size:14px;}
	.relOrgPop .webInfo .homepage a:before {width:20px; height:20px;}
	.relOrgPop .webInfo .insta a:before {width:20px; height:20px;}

	.mapTab {border-radius:8px 8px 0 0; display:flex;}
	.mapTab a.on {border-radius:8px 8px 0 0;}
	.mapTab a {font-size:14px; padding:10px; width:50%; display:flex; justify-content:center;}
	.mapTab a br {display:block;}
	.relOrgBox {border-radius:8px; padding:20px; flex-flow:column wrap; gap:20px;}
	.relOrgBox .relMap {width:100%;}
	.relOrgBox .emptyTxt {width:100%; font-size:14px; text-align:left; display:block; position:relative; padding-left:40px;}
	.relOrgBox .emptyTxt br {display:none;}
	.relOrgBox .emptyTxt .ico {width:28px; height:28px; position:absolute; left:0; top:0;}

	.relOrgList {gap:12px;}
	.perRelOrg {width:100%; padding:20px;}
	.perRelOrg .orgName {font-size:18px;}
	.perRelOrg .orgInfo p {font-size:14px;}
	.perRelOrg .webInfo {margin-top:10px;}

	.comnSubWrap.gray {padding:40px 0;}
	.memberSec {padding:0 16px;}
	.memberSec .memTitle {font-size:22px;}
	.memberSec .loginForm .input input {height:40px; line-height:38px; font-size:14px;}
	.regiFormBox .inBox {padding:20px; border-radius:8px;}
	.regiFormBox .regiFormTitle label {font-size:14px;}

	.termsCont.full {padding:20px; border-radius:8px;}

	.chapterTitle {font-size:14px;}
	.termsSection {margin-top:0;}
	.articleTitle {margin:10px 0 6px; font-size:14px;}
	.termsText {font-size:12px;}
	.termsItem {font-size:12px;}
	.termsSubItem {font-size:12px;}

	.myCont {padding:0 16px 40px;}
	.myCont .bbsForm table td select {width:100%;}
	.bbsForm .formTitle .required {font-size:12px;}
	.bbsForm .inputPw {width:100%;}
	.bbsForm .cauTxt.inline {display:block; margin-top:6px; font-size:12px;}
	.mOutReason li .comnChk {font-size:14px;}
	.filebox label {margin-right:0 !important; height:36px; line-height:34px;}
	.filebox .upload-name {width:calc(100% - 75px); height:36px; line-height:34px;}
	
}

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

}