@charset "utf-8";

/*
	**  피씨
*/
@media screen and (min-width:1024px) {
	nav{ height:40px; position:relative;width:1180px; margin:0 auto;margin-top:41px; }
	.menu{ position:relative;}
	.gnb1dp{ position:relative; top:-1px;}
	.gnb1dp:after{ clear:both; content:''; display:block;}
	.gnb1dp > li{ float:left; padding:0 65px; position:relative;}
	.gnb1dp > li > a{ color:#000; font-size:20px; font-weight:700; position:relative; display: inline; padding-bottom: 20px; font-family:'Nanum Square', 'Nanum Gothic';}
	.gnb1dp > li.on > a{ color:#3e50b4;}
	.gnb1dp > li.on > span{position: absolute; top: -10px; left: 63px; width: 32px; height: 1px; background: #3e50b4;transition:all 1s;}
	/*.gnb1dp > li > a:hover{ color:#3e50b4;}*/
	/*.gnb1dp > li > a:hover:after{ position:absolute; top:-10px; left:0; display:block; content:''; background:#3e50b4; width:32px; height:1px;}*/
	.gnb2dp{ height:0;overflow:hidden; background:#fff; border-top:0 none; position:absolute; top:40px; left:30px; min-width:190px; z-index:100;}
	.gnb2dp.on{ z-index:100;border: 1px solid #d7d8dd; border-top: 1px solid #fff;}
	.gnb2dp > li{ padding-bottom:15px; padding-left:35px; padding-right:25px;}
	.gnb2dp > li:first-child{ padding-top:40px;}
	.gnb2dp > li:last-child{ padding-bottom:60px;}
	.gnb2dp > li > a{ font-size:15px; color:#000; padding-bottom:1px;}
	.gnb2dp > li > a:hover{ color:#3e50b4; border-bottom:1px solid #3e50b4;}

	.gnb2dp.open{ height:auto !important;}

	.pcHidden,
    .tabletImg,
	.mobileImg,
	.mobileBtn,
	.menuClose,
	.bbsGunsoo{ display:none;}
}

@media screen and (min-width:1024px) and (max-width:1179px) {
	header .topHeader{ width:100%;}
	nav{ width:100%;}
	.gnb1dp > li{ padding: 0 5%;}
	.mainWrap{ min-width:0;}
	.main{ width:100%;}
	.mainTop > .fr{ width:24%;}
	.mainMiniBbs{ width:50%;}
	.mainBottom > .fl{ width:49%; margin-left:1%;}
	.mainTop .fr > div{ width:100%;}
	.disputeInfo{ width:49%; margin-left:0; border-radius: 10px;}
	.disputeSev{ width:49%; margin-left:2%; border-radius: 10px;}
	.newsWrap .newsList{ width:100%;}
	.newsWrap .newsList > div{ width:24%; margin-left:1.3333%;}
	.newsWrap .newsBanner{ padding-left:0;}
	.newsWrap .newsBanner .bx-wrapper{ margin:0 auto;}
	.newsWrap .newsBannerCtl .bx-prev{ left:5px;}
	.newsWrap .newsBannerCtl .bx-next{ right:5px;}
	.newsWrap .newsBbs,
	.newsWrap .sevGuide,
	.newsWrap .newsDir{ padding-left:2%;}
	.newsWrap .newsBbs .newsMore,
	.newsWrap .sevGuide .newsMore,
	.newsWrap .newsDir .newsMore{ left:8%;}
	footer .innerfooter{ width:100%;}
	footer .footerBanner{ margin-right:30px;}
}

/*
	**  테블릿
*/
@media screen and (max-width:1023px) {
	header{ height:100px;}
	header h1 a{ font-size:28px; font-family:'Nanum Square', 'Nanum Gothic';}
	header h1 a img{ width:50px; height:auto;}
	header .innerHeader{ width:100%; padding-top:30px;}
	header .topHeader{ padding-left:15px; text-align:left; width:100%;}
	.location > ul{width:100%;}

	.mainWrap{ min-width:360px; background:#f0f2f5;}
	.main{ width:100%; padding:0 30px;}
	.mainInner{ background: url(/images/dc/t_main_bg.jpg) 0% 0 no-repeat; height: auto; background-size: 130%;}
	.disputeTotal{ width:100%; height:auto; padding-top: 90px; padding-left: 25px; margin-bottom:55px; float:none !important;}
	.disputeTotal h3{ font-size:65px; font-family:'Nanum Square', 'Nanum Gothic';}
	.disputeTotal a{ margin-top:30px;}
	.mainTop .fr{ float:none !important;}
	.mainTop .fr:after{ content:''; display:block; clear:both;}
	.mainTop .fr > div{width:49%; float:left; height:344px;}
	.mainTop .fr > div + div{ float:right;}
	.disputeApp{ margin-top:0;}
	.disputeApp,
	.disputeInq{ position:relative; margin-bottom:0;}
	.disputeApp:after,
	.disputeInq:after{ position:absolute; bottom:15%; left:50%; display:block; content:''; background: url(/images/dc/dispute_arr.png) 0 0 no-repeat; width:61px; height:9px; margin-left:-30.5px;}
	.mainBottom > .fl{ float:none !important; position:relative;}
	.mainBottom > .fl:after{ content:''; display:block; clear:both;}
	.disputeFmt{ width:100%; position:relative; top:225px; left:0; border-top:0;}
	.disputeFmt > div{ float:none;}
	.disputeFmt > ul{ float:none; margin-left:0; margin-top:15px; width:100%; position:relative; padding-left:202px; padding-right:39px; top:-73px; left:0; }
	.disputeFmt .fileDw{ position:absolute; padding-right: 75px;}
	.disputeFmt .fileDw:after{ position:absolute; top:0; right:0; display:block; content:'다운로드'; width:50px; height:16px; text-indent:0;}
	.mainFaq{ width:100%; position:relative; top:-225px; left:0; border-top:1px solid #dcdee5;}
	.mainBottom > .fl + .fl > div{width:49%; margin-left:0; margin-top:20px; height:355px; background-size:cover;}

	.disputeSev{ float:right; height: 344px; width: 49%; margin-left:0; background-size: 100% auto;}
	.disputeInfo{ margin-left:0;width: 49%; float: left; height: 344px; background-size: 100% auto;}
	.disputeInfo a,
	.disputeSev a{ padding-top:25px; padding-left:25px;}
	.mainMiniBbs{ float:none; width:100%; margin-bottom:20px; margin-left:0;}
	.newsWrap{ height:880px; padding-top:55px;}
	.newsWrap .newsList{ width:580px; margin-top:45px;}
	.newsWrap .newsList > .newsBbs{ margin-bottom:28px;}
	.newsWrap .newsList > .sevGuide{ margin-left:20px; margin-bottom:28px;}
	.newsWrap .newsList > .newsDir{ margin-left:0;}
	.newsWrap .newsList > .newsBanner{ margin-left:20px;}
	
	.memberTypeBox p label span{display:none;}
	.memberTypeBox p label em{display:block;margin-bottom:10px;}
	.memberTypeBox p input:checked + label:after{top:20px;right:15px;}
	.certList{padding:40px 30px; text-align:center;}
	.certList a{float:none; display:inline-block; width:100%; padding: 47px 0 0 45px;background-position:45px 119px !important;}
	.certList > p{padding-right:0;}

	.schBox input[type=text]{ width:110px;}
	.schBox select{ width:110px;}
    .schBox > div:first-child{margin-right:5%;}
	
	.topBtn{ display:block;}

	footer{ height:209px; padding-left:30px; padding-right:50px;}
	footer .innerfooter{ width:100%;}

	/* gnb */
	.siteMap{ display:none;}
	nav{ text-align:right; height:auto; position:absolute; top:37px; right:41px; margin-top:0;}
	.mobileBtn{ background: url(/images/dc/m_menu_bg.png) 0 0 no-repeat; width:43px; height:28px; text-indent:-9999em;}
	.menuClose{ background:url(/images/dc/m_menu_close.png) 0 0 no-repeat; width:26px; height:26px; text-indent:-9999em; float:left; margin-top:4px; margin-left:36px;}
	.menu{ position:fixed; top:0; right:0; background:#ffffff; width:360px; height:100%; z-index:1000; padding:0 30px;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		-ms-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s;
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		-ms-transform:translateX(100%);
		-o-transform:translateX(100%);
		transform:translateX(100%);

	}
	.menu.on{
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		-o-transform:translateX(0);
		transform:translateX(0);
	}
	header .utilMenu{ background: #3e50b4; position: absolute; height: 100px; padding-top: 31px; top: 0; left: 0; width: 100%;}
	header .utilMenu:after{ clear:both; display:block; content:'';}
	header .utilMenu a{ color:#fff; width:115px; height:36px; border:1px solid #fff; display:block; font-size:14px; text-align:center; line-height:36px; float:left;}
	header .utilMenu a:first-child{ margin-right:10px; margin-left:29px;}
	header .topLink{ position:static; padding:0 30px; width:100%; font-size:18px; height:57px; line-height:57px; background:url(/images/dc/m_top_link_arr.jpg) 85% center no-repeat; margin-top:35px; font-family:'Nanum Square', 'Nanum Gothic';}
	.menu{ overflow-y:auto;}
	.gnb1dp{ padding-top:100px;}
	.gnb1dp > li{ float:none; padding:0; overflow: hidden;}
	.gnb1dp > li > a{ font-size:24px; text-align:left; display: block; padding:18px 0 18px 8px; position:relative; font-family:'Nanum Square', 'Nanum Gothic';}
	.gnb1dp > li > a:after{ content:''; display:block; position:absolute; top:50%; right:10px; margin-top:-7.5px; background:url(/images/dc/m_menu_plus.png) 0 0 no-repeat; width:15px; height:15px;
		-webkit-transition:all .6s;
		-moz-transition:all .6s;
		-ms-transition:all .6s;
		-o-transition:all .6s;
		transition:all .6s;
	}
	.gnb1dp > li > a.on:after{
		transform: rotate(135deg);
	}

	.gnb2dp{ border:none; border-bottom:1px solid #e3e3e3; height:0;}
	.gnb2dp > li{ text-align:left; padding-left:30px;}
	.gnb2dp > li:first-child{border-top:1px solid #e3e3e3; padding-top:10px;}
	.gnb2dp > li:last-child{ margin-bottom:10px;}
	.gnb2dp > li:last-child a{ padding-bottom:20px;}
	.gnb2dp > li > a{ color:#434a54; font-size:18px; padding-top:10px; padding-bottom:10px;display:block; font-family:'Nanum Square', 'Nanum Gothic';}
	/* gnb */

	.tab.col6 li{ width:33.3333% !important;}
	.tab.col6 li + li + li + li{ position:relative; top:-1px;}
	.tab.col7 li{width:25% !important;}
	.tab.col7 li + li + li + li + li{ width:33.3333% !important;position:relative; top:-1px;}

	.mypageAppCon .mypageConfirmInfo{ display:none;}
	.mypageAppCon .mypageConfirm > div p{ float:left;}
	.mypageAppCon .mypageConfirm > div a{ float:right;}
	.mypageFileBox .mypageFileList > div > p{ line-height:1.5;}
	.mypageFileBox .mypageFileList > div > p span{ display:block;}
	.mypageFileBox .mypageFileList strong{ margin-top:5px;}
	.memberLeaveBtn a{ margin:0 auto; margin-top:30px;}
	.memberLeaveBtn{ padding-left:20%; padding-right:20%;}
	.memberLeaveBtn p{ padding-left:55px;}
	.memberLeaveBtn p:after{ left:0;}
	.memberLeaveBox{ padding:95px 20%; padding-left:30%; background-position:20% center;}


.entryBox.type02 .entryTit {color:#000; width:72%;}


	.loginBox{ height:auto;}
	.loginBox > div{ width:100%; display:table; height:300px;}
	.certLoginBox{ border-left:1px solid #d7d8dd;}
	.certLoginBox .inner{ padding:0; text-align:center;}
	.certLoginBox .inner div{ display:inline-block; margin-top:70px;}
	.certLoginBox .inner div span{ text-align:left;}
	.idLoginBox{ border-top:none 0; padding:0;}
	.idLoginBox .inner{ text-align:center;}
	.idLoginBox .inner > div{ display:inline-block; margin-top:45px;}
	.loginUtil{}
	/* .loginUtil > div{ width:32%; width:calc((100% - 8%) / 5); margin-left:2%; padding-left:10px; padding-right:10px;} */
	.loginUtil > div {width:30%; height:150px; margin:5px 10px; padding-left:10px; padding-right:10px; text-align:center;}
	/* .loginUtil > div:first-child{ padding-top:15px;} */
	.loginUtil > div:first-child {margin:5px 10px;}
	.loginUtil > div:first-child a { margin-top:18px;}
	.loginUtil > div p{word-break:keep-all;}
	.idPwCertBox p{ width:100%; float:none;}
	.idPwCertBox p:first-child{ margin-bottom:17px;}
	.imgBox.call img{ width:100%;}
	.linkInfoBox{ padding:30px;}
	.linkInfoBox li{ padding:13px 0;}
	.linkInfoBox li div{ float:none;}
	.linkInfoBox li p{ width:100%; float:none; margin-top:10px;}

	.serviceGuideBox > p{ float:none; margin-bottom:15px;}
	.serviceGuideBox > p > br{ display:none;}
	.serviceGuideBox > .imgBox{ float:none;}

	.statuteBox{ padding:30px;}
	.pageInfo h3{ float:none;}
	.pageInfo p{ float:none; width:auto;}
	.tabStyle02{ margin-bottom:0;}
	.tabStyle02.co6 li{ width: 16.6666%;}
	.disptBox > div:first-child{ width:180px;}
	.transport{ border-bottom:1px solid #e0e1e5; padding-bottom:40px;}
	.privateCar{ margin-top:50px;}
	.transport,
	.privateCar{ float:none; width:100%;}
	.transport li,
	.privateCar li{word-break:keep-all;}
	.dirList.brt .infoBox{ width:100%;}
	.tabStyle02.type02 li{ height:70px; line-height:1.5; padding:10px 0;}
	.tabStyle02.type02 li:after{ margin-top:-13px;}
	.tabStyle02.type02 li a{ height:100%;}
	.tabStyle02.type02 .oneLine{ line-height:50px;}
	.tabStyle02.type02 .oneLine:after{ margin-top:-24px;}
	.tabStyle02 li a br{ display:block;}

	.imgBox.pwImg .pcImg{ display:block; margin:0 auto;}
	.tblStyle.grvcTbl.dataTbl { padding:50px 30px;}

	.sub{ width:100%;padding:0 30px;padding-top:75px;}
	.pcImg,
	.tabletHidden{ display:none;}
	.mobileImg{ display:none;}
	.tColumn{ display:none;}
}

/*
	**  모바일
*/
@media screen and (max-width:767px) {

	header{ height:51px;}
	header h1 a{ font-size:14px;}
	header h1 a img{ width:25px; height:auto;}
	header .innerHeader{ padding-top:14px;}
	.location{ margin-bottom:33px;}
	.location > ul > li { display:none;}
	.location > ul > .lctLast{ display:block; border:none; width:100%; text-align:center;}
	.location > ul > .lctLast a{ padding:0; font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
	.lctLast .lctSelect{ padding-left:0;}
	.lctLast .lctSelect li > a{ font-size:15px;}

	.sub{ padding:0 15px;}
	.sub .subTit,
	.listTit.schTit,
	.tab{ display:none;}
	.sub .subTitExp{ font-size:15px;word-break:keep-all; line-height:1.5; margin-bottom:28px;}
	.listTit{ margin-bottom:15px; border-bottom:none; padding-bottom:0;}
	.listTit ~ .listTit{ margin-top:60px;}
	.listTit strong{ display:block; border-bottom:1px solid #000; margin-bottom: 15px; padding-bottom: 14px;}
	.listTit span{ padding:0; display:block; font-size:12px;line-height: 17px;}
	.termsChkBox{ margin-bottom:40px;}


	.menu{ width:100%;}
	.gnb1dp{ padding-top:72px;}
	header .utilMenu{ height:72px; padding-top:17px;}
	.menuClose{ padding-right:50px; float:none; margin-left:0;}
	.mobileBtn{ width:21px; height:auto; background-size:100% auto; position:relative; top:-18px; right:-15px;}
	.sub .subSbj span{ display:block; margin-top:7px; font-size:12px;}
	.sub .subSbj span em{ padding-left:0; }

	.memberTypeBox p{ width:49%; position:relative; height:155px;}
	/* .memberTypeBox p:after{ display:block; content:'개인 공인인증서'; position:absolute; top:100px; left:0; width:100%; text-align:center; font-size:16px;word-break:keep-all;}
	.memberTypeBox p + p:after{content:'개인·법인 사업자 공인인증서';} */
	
	.memberTypeBox p:after{ display:block; content:'개인 '; position:absolute; top:100px; left:0; width:100%; text-align:center; font-size:16px;word-break:keep-all;}
	.memberTypeBox p + p:after{content:'개인·법인 사업자 ';}
	
	.memberTypeBox p label{ padding-left:0; background-position:center 30px !important; text-indent:-9999em;}
	.memberTypeBox p label span{ display:none;}
	.memberTypeBox p label em{display:none;}
	.memberTypeBox p input:checked + label:after{ top:14px; right:13px;}
	.certList{ padding:0; border:0; position:relative;}
	.certList > p{ background:none; padding:0; margin:0; height:auto; padding-top:55%; font-size:12px; line-height:1.5; z-index:180;}
	.certList a{ width:48%; padding:0; font-size:16px; text-align:center; padding-bottom: 46.9696%; height:0;}
	.certList a:before{ content:''; width:100%; display:block; height:2px; padding-bottom:58%;}
	.certList .signCert{ margin-right:0; background-position:center 25% !important; background-size:50px auto;}
	.certList .hpCert{ float:right; background-position:center 25% !important;background-size:35px auto;}
	.certList a span{ font-size:9px; background-size:100% !important; width:58px; bottom:0; right:0; background-position:0 10px !important; position:static; text-align:center; margin: 0 auto; margin-top:14px;}
	.certList div{ position:absolute; top:09px; left:0; width:100%; z-index:200;}
	.certList > p:after{display:none;}
	.joinComplete{ background-position:center 15px; background-size:85px 85px; padding-top:0; text-align:center; padding-bottom:50px;}
	.joinComplete > p{ font-size:24px; padding-top:127px; font-family:'Nanum Square', 'Nanum Gothic';}
	.joinComplete > span{ font-size:12px;}
	.joinComplete + .btnArea{ text-align:center !important;}

	.mainWrap{ position: relative;}
	.main{ padding:0 15px;}
	.disputeTotal{ padding-left:15px; padding-top:35px; margin-bottom:25px;}
	.disputeTotal h3{ font-size:30px; line-height:1.4; font-family:'Nanum Square', 'Nanum Gothic';}
	.disputeTotal h3 span{/* font-size:22px; */ font-family:'Nanum Square', 'Nanum Gothic';}
	.disputeTotal p{ line-height:1.5; font-size:14px;}
	.disputeTotal a{ width:120px; height:32px; line-height:32px; font-size:12px; margin-top:27px;}
	.mainTop .fr > div{ width:49%;height:0px; padding-bottom:49%;}
	.mainTop .fr > div:first-child{ border-right:none; }
	.disputeFmt h3,
	.mainFaq h3{ font-size:22px; font-family:'Nanum Square', 'Nanum Gothic';}
	.disputeFmt > ul{ padding-left:120px; height: 160px; overflow-y: scroll;}
	.disputeFmt .fmtList{ margin-left:0;}
	.disputeFmt li span{ float:none;}
	.disputeFmt li p{ float:none;}
	.disputeInfo,
	.disputeSev{ height:0; padding-bottom:49%;}
	.disputeApp h3,
	.disputeInq h3{line-height:1.4;}
	.disputeInfo a,
	.disputeSev a{ padding-top:12px; padding-left:12px;}
	.disputeInfo h3,
	.disputeSev h3{ width:90px; height:90px; font-size:14px; padding-left:12px; padding-top:25px;}
	.disputeInfo h3:after,
	.disputeSev h3:after{ top:16px; left:14px;}
	.mainMiniBbs{ height:320px; margin-bottom:15px;}
	.mainMiniBbs > ul > li > button{ padding-left:0; text-align:center; position:static;}
	.mainMiniBbs > ul > li > button a{ display:none;z-index:100;top:inherit; bottom:20px;}
	.mainMiniBbs > ul > li.miniFaq > button a{  right:50%; margin-right:-46px; }
	.mainMiniBbs > ul > li.miniSusic > button a{ bottom:20px; right:25px; }
	.mainMiniBbs > ul > li.on > button a{ display:block;}
	.mainMiniBbs .miniFaq .miniBox{ padding-left:25px; padding-right:25px; top:92px;}
	.mainMiniBbs .miniFaq .miniBox p.ell{-webkit-line-clamp:3; height:68px;}
	.mainMiniBbs .miniFaq .miniBox .more{ left:25px; bottom:65px;}
	.mainMiniBbs .miniFaq .miniBox .bx-next{ bottom:20px; right:50%; top:inherit; margin-right:-15.5px;}
	.mainMiniBbs .miniFaq .miniBox .bx-prev{ bottom:20px; left:50%; top:inherit; margin-left:-47.5px;}
	.mainMiniBbs .miniSusic .miniBox{ padding-left:25px; padding-right:25px; top:92px;}
	.mainMiniBbs .miniSusic .miniBox p{ padding-left:105px;}
	.mainMiniBbs .miniSusic .miniBox p a{ text-indent: -9999em; padding-left: 10px; display:block; width:17px; height:15px;}
	.mainMiniBbs .miniSusic .miniBox p strong{display:block; overflow:hidden; word-break:break-all; text-overflow:ellipsis; float:left; width:80%;white-space:nowrap;}

	.mainBottom > .fl + .fl > div{ width:48.86365%; margin-top:15px;}
	.mainFaq .mainFaqConWrap{ padding-left:155px;}
	.newsWrap{ height:auto; padding-top:40px; margin-bottom:50px;}
	.newsWrap h3{ font-size:36px; margin-bottom:15px; font-family:'Nanum Square', 'Nanum Gothic';}
	.newsWrap h3:after{ bottom:0; height:1px; width:28px; margin-left:-14px;}
	.newsWrap h3 + p{ font-size:15px;}
	.newsWrap .newsBbs p{ height:45px;}
	.newsWrap .newsList{ width:280px; margin-top:20px;}
	.newsWrap .newsList > div{ float:none;}
	.newsWrap .newsList > .newsBbs{ margin-bottom:0px;}
	.newsWrap .newsList > .sevGuide{ margin-left:0px; margin-bottom:0px; background-position:60% 72%;}
	.newsWrap .newsList > .newsDir{ margin-left:0;background-position:center 72%;}
	.newsWrap .newsList > .newsBanner{ margin-left:0px; clear:both;}
	.newsWrap .sevGuide p, .newsWrap .newsDir p{ display:none;}
	.newsWrap .sevGuide .newsMore, .newsWrap .newsDir .newsMore{ display:none;}
	.newsWrap .newsList > .sevGuide,
	.newsWrap .newsList > .newsDir{width:130px; height:130px; float:left; margin-top:15px; margin-bottom:15px; padding:0; background-size:50px auto;}
	.newsWrap .newsList > .newsDir{ float:right;}
	.newsWrap .newsList > .sevGuide h4,
	.newsWrap .newsList > .newsDir h4{ text-align:center; margin-top:25px; margin-bottom:7px;}
	.newsWrap h4{ font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
	.newsWrap .newsBannerCtl a{ width:8px; height:13px; background-size:100% auto; position:absolute;}
	.newsWrap .newsBannerCtl a:before{ position:absolute; top:50%; left:50%; margin-left:-22px; margin-top:-22px; content:''; display:block; width:44px; height:44px; background:rgba(38,37,42,0.3); border-radius:50%;}
	.newsWrap .bx-prev{ background:url(/images/dc/m_news_banner_left.png) 0 0 no-repeat; left:-10px;}
	.newsWrap .bx-next{ background:url(/images/dc/m_news_banner_right.png) 0 0 no-repeat; right:-10px;}
	.topBtn{ margin-top:14px; margin-bottom:8px;}

	footer{ height:auto; padding-top:22px; padding-left:20px; padding-right:20px;}
	.footerInfo{ text-align:center;}
	.footerUtil{ display:inline-block;}
	footer .footerUtil li{ margin-bottom:15px;}
	footer .footerInfo{ float:none;}
	footer .footerBanner{ float:none; margin:0 auto; margin-top:45px; margin-bottom:40px;}
	footer address{ margin-bottom:3px;}

	.mobileImg{ width:100%; display:block;}
	.pcImg{ display:none;}
	.tabletImg{ display:none;}
	.imgBox.join{ margin-bottom:50px;}
	.mobileHidden{ display:none;}
	.mColumn{ display:none;}
	.bbsGunsoo{ display:block;}
	.imgBox.pwImg .pcImg{ display:none;}

	.tblStyle th{white-space:nowrap;}
	.tblStyle .dataInfo{ margin-left:0;}
	.tblStyle .singleInput,
	.tblStyle .sltStyle{ width:100% !important;}
	.tblStyle .doubleInput{ width:100%;}
	.tblStyle .doubleInput + .doubleInput { float:right !important; margin-top:5px;}
	.tblStyle.dataTbl .btn{ margin-left:0; position:absolute; top:0; right:0;}
	.tblStyle.dataTbl .tblBtnBox.id{ padding-right:98px;}
	.tblStyle.dataTbl .tblBtnBox.address{ padding-right:119px;}
	.tblStyle.listTbl a.ell{-webkit-line-clamp:3; height:auto; line-height:22px; font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
	.ie .tblStyle.listTbl a.ell{ max-height:66px;}
	.tblStyle.listTbl .date{ font-size:11px; color:#768082; vertical-align:top;}
	.tblStyle.listTbl .title{ width:70%;}
	.tblStyle.viewTbl{ margin-bottom:25px;}
	.tblStyle.viewTbl .title th{white-space:normal;}
	.tblStyle.viewTbl th,
	.tblStyle.viewTbl td{ padding:30px 15px;}
	.tblStyle.viewTbl .title{ line-height:1.5;}
	.tblStyle.viewTbl .viewFile th{ display:none;}
	.tblStyle.viewTbl.rowView th,
	.tblStyle.viewTbl.rowView td{ padding:15px;}

	.schBox{ border:none; border-bottom:1px solid #000000; padding-top:0; padding-bottom:10px;margin-bottom:32px;}
	.schBox > div{ width:100%; float:none; margin-bottom:6px;}
	.schBox .inner{ float:none; position:relative; top:0; left:0; padding-left:61px;}
	.schBox input.datepicker{ width:48%;}
	.schBox .dash{ width:4%; margin:0; text-align:center;}
	.schBox label{ margin-right:10px;}
	.schBox .select-title.sltStyle{ width:100% !important;}
	.schBox .schBtn{ float:none; margin:0 auto; width:110px; height:36px; margin-top:12px;}

	.tblStyle.dataTbl.grvcTbl.grvcView{ padding:0; border:0; margin-bottom:40px;}
	.tblStyle.dataTbl.grvcTbl.grvcView th{word-break:keep-all;white-space:normal;}
	.tblStyle.dataTbl.grvcTbl.grvcView + .grvcTbl{ background:none; border:none; padding:0; margin-top:0px;}

	.tblStyle.grvcTbl .grvcTit:after{ display:none;}
	.grvcView .doubleExp{ float:none; width:100%;}
	.grvcView .doubleExp + .doubleExp{ float:none; width:100%;}
	.hadoList{ text-align:center; padding-right:0; margin-bottom:35px;}
	.hadoList:after{right:15%;}
	.eviFileList .icdTit{ float:none;}
	.eviFileList .eviFileListInner{ float:none; width:100%; padding-left:10px;}
	.dcTextArea table tbody,
	.dcTextArea table tr,
	.dcTextArea table th,
	.dcTextArea table td{ display:block; width:100%;}
	.grvcTit{ height:auto; line-height:inherit;}
	.icdTit{ margin-bottom:10px; padding-left:10px;}
	.tblStyle.dataTbl.grvcTbl th{ padding-left:10px;}
	.tblStyle.dataTbl.grvcTbl.grvcView td{ padding-left:10px;}
	.icdTbl table{ margin-bottom:30px;}

	.bbsSchBox{ padding:25px; padding-left:15px !important; padding-top:67px; padding-right:114px;}
	.bbsSchBox .cdtBox{ left:15px; top:25px;}
	.bbsSchBox .schBtn{ top:67px; right:15px;}
	.bbsSchBox.col2 .cdtBox{ padding:0 15px; width:100%; left:0;}
	.bbsSchBox.col2 .cdtBox .sltStyle{ margin-right:0; width:49% !important;}
	.bbsSchBox.col2 .cdtBox .sltStyle:last-child{ float:right;}

	.mypageAppCon .mypageConfirm{ display:block; padding:15px; height:auto;}
	.mypageAppCon .mypageConfirm > div{ float:none;}
	.mypageAppCon .mypageConfirm > div p{ font-size:14px; height:auto; line-height: 1.5;}
	.mypageAppCon .mypageConfirm > div p span{ display:block; font-size:20px; font-family:'Nanum Square', 'Nanum Gothic';}
	.mypageFileBox{ padding:15px; position:relative;}
	.mypageFileBox .mypageFileList strong{ margin-top:0; display:block; float:none; margin-top:9px;}
	.mypageFileBox .mypageFileList strong:after{ display:none;}
	.mypageFileBox .mypageFileInput{ position:absolute; top:15px; right:15px;}
	.mypageFileBox .mypageFileList > div > p{ margin-top:20px;}
	
	.entryBox.type02 {padding:30px 15px;}

	.certInfoList{ background-position:center 0; background-size:140px auto; padding-top:140px; padding-left:0; margin-top:30px;}
	.certInfoList li{ line-height:1.4; margin-bottom:10px;}
	.mypageCertLoginBox{ margin-top:20px; padding:35px 0;}
	.mypageCertLoginBox .inner{ width:100%;}
	.mypageCertLoginBox p{ position:relative; padding-left:80px; padding-right:15px;}
	.mypageCertLoginBox label{ position:absolute; top:0; left:0;}
	.mypageCertLoginBox input{ width:100%;}
	.mypageCertLoginBox .certBtn{ margin-right:15px; margin-left:15px;}
	.mypageCertLoginBox .certBtn.col2 a{ width:100%; margin-bottom:7px;}
	.mypageCertLoginBox p > span{ position:absolute; top:0; left:0;}
	.mypageCertLoginBox .inner > span{ position: relative; padding-left: 80px; padding-right: 15px; text-align: left; line-height: 1.4;}
	.mypageCertLoginBox.pwChange .inner{ width:100%;}
	.mypageCertLoginBox.pwChange .certBtn{ margin-left:15px;}
	.mypageCertLoginBox.pwChange p{ padding-left:145px;}
	.mypageCertLoginBox.pwChange .inner > span{ padding-left:145px;}
	.memberLeaveBtn{ padding-left:15px; padding-right:15px;}
	.memberLeaveBtn a{ width:100%;}
	.memberLeaveBox{ background-position:center 90px; padding-left:15px; padding-right:15px; text-align:center;}
	.memberLeaveBox p{ font-size:24px; line-height:36px; margin-top:70px; font-family:'Nanum Square', 'Nanum Gothic';}
	.qnaBox button{ padding-left:60px; background-position:15px center;}
	.qnaBox div{ padding-top:30px; padding-bottom:30px; padding-left:100px; padding-right:20px; background-position:50px center;}

	.loginBox .loginTit{ top:23px; left:25px;}
	.loginBox > div .inner{ padding-left:15px; padding-right:15px;}
	.loginBox .certLoginBox{ height:211px;}
	.certLoginBox .inner a{ width:100%; display:block; line-height:57px;}
	.certLoginBox .inner span{word-break:keep-all; margin-top:20px;}
	.certLoginBox .inner span br{ display:none;}
	.certLoginBox .inner div{ width:100%; margin-top:35px;}
	.idLoginBox{ border-bottom:none; height:320px !important;}
	.idLoginBox .inner > div{ width:100%;}
	.idLoginBox .inner > div > div{ float:none; margin-bottom:16px;}
	.idLoginBox button{ float:none; width:100%; height:57px; display:block;}
	.loginUtil{ margin-top:0; background:#f0f2f5; border:1px solid #d7d8dd; border-top:none; padding-left:15px; padding-right:15px; padding-bottom:32px;}
	.loginUtil > div{ width:48%; border:none; /* margin-left:0; */ padding:0 !important; height:auto; /* margin-top:7px; */ margin:7px 1% 0;}
	.loginUtil > div:first-child{/* width:100%; margin-top:0; */ margin:7px 1% 0 1%;}
	/* .loginUtil > div:last-child{ margin-left:1%; float:right;} */
	.loginUtil > div p{ display:none;}
	.loginUtil > div a{ width:100%; margin:0 !important; background:#fff;}
	.idPwExpBox{ background-position:center 24px; padding:0; text-align:center; padding-top:145px; padding-bottom:29px;}
	.idPwExpBox:after{ display:none;}
	.idPwExpBox p{ line-height:1.3;word-break:keep-all;}
	.idPwExpBox span{ line-height:1.3;word-break:keep-all;}
	.idPwCertBox{ padding:28px 16px;}
	.idPwCertBox p{ background-position:20px center !important;}
	.idPwCertBox p label{ text-indent:80px; background-position:97% center;}
	/*.pwResetBox .innerInput label{ width: 100px; display: block; float: left; padding-right:0px;}
	.pwResetBox input{ width: 65%; height: 42px; float: left; min-width: 213px;}*/
	.pwResetBox .innerInput p{ position:relative; padding-left:135px;}
	.pwResetBox .innerInput label{ position:absolute; top:12px; left:0;}
	.pwResetBox input{ width:100%;}
	.pwResetBox .innerInput p span{ text-align:left;}
	.pwResetBox span.pwResetExp{ -ms-word-break:keep-all; word-break:keep-all;}
	.pwResetBox p.pwResetExp{ -ms-word-break:keep-all; word-break:keep-all;}
	.pwResetBox > div{ padding:25px 15px;}
	.pwResetBox .innerInput{ width:100%; padding:0;}

	/* 분쟁신청조희 데이터 테이블 */
	.tblStyle.listTbl.dispreReqList{ border-top:none;}
	.tblStyle.listTbl.dispreReqList thead{ display:none;}
	.tblStyle.listTbl.dispreReqList tbody{ display:block;}
	.tblStyle.listTbl.dispreReqList tbody tr{ display:block; border: 1px solid #000000; padding: 22px 25px 7px; margin-top: 15px; height:auto; position:relative;}
	.tblStyle.listTbl.dispreReqList tbody tr:before{ display:block; position:absolute; bottom:43PX; left:0; right:0; content:''; width:90%; height:1px; background:#d7d8dd; margin:0 auto;}
	.tblStyle.listTbl.dispreReqList tbody tr:after{ clear:both; content:''; display:block;}
	.tblStyle.listTbl.dispreReqList tbody td{ border-bottom:none; padding:0 !important; display:block; text-align:left;}
	.tblStyle.listTbl.dispreReqList tbody .incident{ color: #3e50b4; font-size: 14px; margin-bottom: 15px;}
	.tblStyle.listTbl.dispreReqList tbody .agency{ font-size: 18px; margin-bottom: 10px; font-family:'Nanum Square', 'Nanum Gothic';}
	.tblStyle.listTbl.dispreReqList tbody .name{font-size: 11px; color: #768082; margin-bottom: 22px;}
	.tblStyle.listTbl.dispreReqList tbody .state{ font-size: 12px; margin-top: 7px; margin-bottom: 7px; float:left; position:relative; padding-left:53px !important;}
	.tblStyle.listTbl.dispreReqList tbody .state:before{ position:absolute; top:0; left:0; content:'접수상태 : '; display:block;}
	.tblStyle.listTbl.dispreReqList tbody .concubine{ float:right}
	/* 분쟁신청조희 데이터 테이블 */

	.tabStyle02{ display:block;}
	.dispt{ border-top:1px solid #d7d8dd;}
	.disptBox{ padding:0; border:none;}
	.disptBox > div{ width:100% !important; display:block; border:0 !important;}
	.disptBox h5{background-size:100px 100px; padding-top:110px;}
	.disptBox.tab02 h5{background-size:100px 100px;}
	.disptBox.tab03 h5{background-size:100px 100px;}
	.disptBox.tab04 h5{background-size:100px 100px;}
	.disptBox.tab05 h5{background-size:100px 100px;}
	.disptBox.tab06 h5{background-size:100px 100px;}
	.disptBox > div + div{ padding-left:0;}
	.disptBox .disptList .box{ padding:25px 15px;}
	.disptBox .disptList .box li{word-break:keep-all;}
	.tabStyle02.disptTab li:after,
	.tabStyle02.statuteTab li:after{ display:none;}
	.disptCon,
	.statuteCon{ position:relative;}
	.slideTabCtl a{ display:block; width:35px; height:35px; border:1px solid #d7d8dd; position:absolute; top:8px;}
	.slideTabCtl .bx-next{ background:#fff url(/images/dc/dispt_tab_next.png) center no-repeat; background-size:7px auto; right:0;}
	.slideTabCtl .bx-prev{ background:#fff url(/images/dc/dispt_tab_prev.png) center no-repeat; background-size:7px auto; left:0;}
	.listTit.border{ padding-bottom:15px;}
	.statuteBox{ padding:0; border:none;}
	.statuteBox .statuteList a strong{word-break:keep-all; line-height:1.4;}
	.statuteBox .statuteList a div p{ float:none;}
	.statuteBox .statuteList a div span{ float:none; display:block; margin-top:10px;}
	.slideTabList{ position:absolute; top:52px; left:0; width:100%; background:#fff; z-index:100; border:1px solid #d7d8dd;}
	.slideTabList li{}
	.slideTabList button{ display:block; text-align:center; width:100%; font-size:14px; padding:10px 0;}
	.slideTab li a{ background: url(/images/dc/slide_arr_btn.png) right center no-repeat; background-size: 12px auto; display:inline; padding-right:20px;}
	.callCenter{ padding:38px 0 136px 23px; background:url(/images/dc/m_call_center_bg.png) 0 bottom no-repeat; background-size: contain;}
	.directions{ margin-top:20px;position: relative; padding-top: 120px;}
	.directions button{ height:101px; margin-left:0; padding-left:0; font-size:18px; text-align:center; border:1px solid #e0e1e5; padding-top:40px;  position:absolute; top:0; width:50%; font-family:'Nanum Square', 'Nanum Gothic';}
	.directions button.on{ color:#fff; border-color:#4f64da;}
	.directions .trspBtn.on{ background:#4f64da url(/images/dc/m_trsp_btn_on.png) center 30% no-repeat;}
	.directions .prvcBtn.on{ background:#4f64da url(/images/dc/m_prvc_btn_on.png) center 30% no-repeat;}
	.directions .trspBtn{ border-right:none; background:url(/images/dc/m_trsp_btn.png) center 30% no-repeat; background-size:40px auto !important; left:0;}
	.directions .prvcBtn{ background-size:42px auto !important; right:0; background:url(/images/dc/m_prvc_btn.png) center 30% no-repeat; }
	.dirList{ padding-left: 0; margin-left: 0; padding-top: 0; border-left:none; border-top:1px solid #e0e1e5 !important; padding-top:61px !important; margin-top:40px !important;}
	.dirList:after { top: -35px !important; left: 50% !important; margin-left: -40px !important;}
	.dirList.bus,
	.dirList.gosog{ padding-bottom:40px;}
	.transport{ border-bottom:none; padding-bottom:0;}
	.privateCar{ margin-top:0;}
	.transport .dirList{ display:block;}
	.directions button + div{ display:none;}
	.directions button.on + div{ display:block;}
	.linkInfoBox li{ padding:13px 15px;}
	.linkInfoBox{ padding:0; border:none;}
	.linkInfoBox li p{ display:none;}
	.linkInfoBox li a{ display:block;}
	.susicBox{ background-position:center 0;padding-left: 0px; height:auto; padding-top:110px;}
	.susicBox p,
	.susicBox span{ line-height:1.4;}
	.btnArea.col1 .btnAreaInner{ width:100%; display:block;}
	.btnArea.col1 a{ width:100%;}
	.btnArea.col2{}
	.btnArea.col3{}

	.tabStyle02 li a br{ display:none;}
	.tabStyle02.type02 li{ line-height: 52px; height: 52px; padding:0;}
}

@media screen and (max-width:640px) {
	.disputeApp p,
	.disputeInq p{ display:none;}
	.disputeApp h3,
	.disputeInq h3{font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
	.disputeApp h3 span,
	.disputeInq h3 span{ display:block;}
	.disputeApp,
	.disputeInq{ background-position:center 16.3636%;}
	.disputeApp{ background-size:22.7272% auto;}
	.disputeInq{ background-size:24.5454% auto;}
	.disputeApp a,
	.disputeInq a{ padding-top:46.9696%;}
	.disputeApp:after,
	.disputeInq:after{ width:30px; background-size:100%; margin-left: -15px;}
	.disputeFmt .fileDw{ padding-right:0;}
	.disputeFmt .fileDw:after{ display:none;}
}

@media screen and (min-width:460px) and (max-width:767px){
	.callCenter{background-size: cover;}
}
