/* 
 *   Wrighting day: 2018. 08.02
 *   Modifying day: 2018. 10.17
 */

@charset "utf-8";

/********** MOBILE **********/

@media all and ( min-width:374px ) { 
	.sc.character { margin-left:20px; }
 }
 
@media all and ( min-width:420px ) and ( max-width: 991px ){ /* 420px 이상 ~ 991px 이하 */

	/* Layout */
 	.inr { padding:0 27px; }

	/********** HEADER **********/
	#header { height:67px; }
	#header h1 .logo { padding-top:24px; font-size:21px; }
	#header .btn_prevPage { width:25px; height:23px; margin-top:21px; }
	#header .presentPage { font-size:20px; margin-top:20px;  }
	#header .btn_hamBug { width:28px; height:22px; margin-top:24px; }

	/********** MAIN **********/
	#wrap.index #header .btn_login { line-height:25px; padding:0 10px; margin-top:20px; font-size:12px; }
	#wrap.index #header .btn_notice {width:22px; height:19px; margin-top:24px; }
	#mainContainer { padding:67px 27px 200px 27px; }
	#wrap.index #mainContainer h2 { padding-top:84px; font-size:40px; }
	#wrap.index #mainContainer h3 { padding-top:22px; line-height: 26px; font-size:18px; }
	#wrap.index .btn-introWrap { padding-top:44px; }
	#wrap.index .btn-introWrap .btn-intro { line-height: 53px; margin-top:13px; border-radius: 30px; font-size:18px; }

	/********** SUB PAGES COMMON **********/

	/* layout */
	#subContainer { padding:67px 0 200px 0; }
	.container { padding:0 20px; }

 	/* swiper ( mobile navigation ) */
 	.swiper-container { height:52px; }
 	.swiper-wrapper { padding:0 20px; }
 	.swiper-slide { 
 		width:33.3333% !important; 
		margin-right:0 !important; 
		padding-left:0;
		text-align: center; 
	     -webkit-box-pack: center;
	     -ms-flex-pack: center;
	     -webkit-justify-content: center;
	     justify-content: center;
	     -webkit-box-align: center;
	     -ms-flex-align: center;
	     -webkit-align-items: center;
	     align-items: center;
 	}
 	.swiper-slide a { line-height: 52px; font-size:15px;  }

 	/* tabs */
 	.tabContents { margin-top:20px; }

	/* form-control */
 	select.form-control { height:40px; line-height: 20px; padding:10px; font-size:15px; }
 	input[type="text"].form-control,
 	input[type="password"].form-control { height:40px; line-height: 20px; padding:10px; font-size:15px; }
 	textarea.form-control { line-height: 20px; padding:10px; font-size:15px; }
	.form-control.ins-date { background-position:95% center !important; }

 	/* searchForm */
 	.searchForm { padding:20px; margin-bottom: 20px; }
 	.searchForm .col-xs-12 { padding-bottom: 20px; }
 	.searchForm .tit { padding-bottom: 10px; font-size:16px; }
 	.searchForm .tit .dateTxt { font-size:12px; }
 	.searchForm .btn-group button { line-height: 30px; font-size:14px; }
 	.searchForm .btn-search { width:115px; line-height:40px; font-size:16px; }
 	.searchForm input.form-control.custom { height:40px; line-height: 20px; padding:10px; font-size:15px; }

 	/* table2 */
	.tblType2 > ul > li > a { padding:15px 10px; }
	.tblType2 li.tit { padding:17px 15px; }
	.tblType2 li.tit > span { padding:0 12px; font-size:15px; }
	.tblType2 li .txt > span { line-height:30px; padding:0 8px; font-size:13px; }
 	.tblType2 li .txt2 > span { font-size:14px; }
 	.tblType2 li .txt2 > span.txt5 { font-size:15px; }
 	.tblType2 .noticeTit { font-size:17px; }

 	/* buttons */
 	.btn-aply { top:30px; width:80px; font-size:14px; }
 	.wait { top:33px; right:30px; font-size:14px; }

	/********** SUB PAGES **********/
 	/* 문서함 */
 	.docWrap  { padding-top:20px; }
 	.tabs li a { line-height: 50px; font-size:15px; }
 	.doc .swiper-slide { 
 		padding-left:0px;
	  text-align: center; 
	     -webkit-box-pack: center;
	     -ms-flex-pack: center;
	     -webkit-justify-content: center;
	     justify-content: center;
	     -webkit-box-align: center;
	     -ms-flex-align: center;
	     -webkit-align-items: center;
	     align-items: center;
	}
 	
 }

 @media all and ( min-width:420px ) { 
	
	/********** HEADER **********/
 	#header .btn_tel { width:21px; height:20px; margin-top:24px; margin-right:15px; }

 	/********** mobile GNB **********/
 	.gnb_mobile .utill_menu { padding:27px 17px 33px 17px; }
 	.gnb_mobile .utill_menu .btn_home { top:27px; left:17px; width:25px; height:22px; }
	.gnb_mobile .utill_menu .btn_close { top:27px; right:17px; width:22px; height:21px; }
 	.gnb_mobile .utill_menu .name { padding-top:43px; font-size:24px; }
 	.gnb_mobile .utill_menu .date { padding-top:20px; font-size:16px; }
 	.gnb_mobile .utill_menu .util_btns { padding-top:20px; }
 	.gnb_mobile .utill_menu .util_btns a { line-height: 36px; }
 	.mGnb > li { background-position:29px 20px; background-size:14px; }
 	.mGnb > li:nth-of-type(2) { background-position:29px 16px; }
 	.mGnb > li:nth-of-type(3) { background-size:18px; background-position:27px 25px; }
 	.mGnb > li:nth-of-type(4) { background-size:17px; background-position:27px 25px; }
 	.mGnb > li:last-child { background-size: 17px; background-position:29px 25px; }
 	.mGnb > li > a { font-size:18px; padding:18px 20px 18px 57px; background-size:20px; }
	.mGnb .depth2 { padding-left:57px; }
	.mGnb .depth2 li a { padding:14px 0; font-size:17px; }
	
	/********** MAIN **********/
	#wrap.index #header .btn_hamBug { width:20px; height:15px; margin-top:26px; }
	#mainContainer .newdocWrap { padding-top:53px; }
	#mainContainer .newdocWrap li > a { min-width:81px; padding-top:94px; margin-top:8px; background-size:81px; font-size:13px;}
	#mainContainer .newdocWrap .new { width:30px; height:30px; font-size:14px; }
	#mainContainer .noticeWrap { padding-top:53px; }
	#mainContainer .noticeWrap .tit { padding:13px 20px; }
	#mainContainer .noticeWrap .tit > span { font-size:15px; }
	#mainContainer .noticeWrap .tit > a { padding-right:13px; margin-top:4px; font-size:11px; background-size:6px; }
	#mainContainer .noticeWrap ul { padding:12px 20px; }
	#mainContainer .noticeWrap li { line-height: 26px; }
	#mainContainer .noticeWrap li span { font-size:14px; }
	#mainContainer .noticeWrap li span.date { font-size:13px; }
	.quicWrap .btn_quick { width:54px; height:30px; }
	.quicWrap .quickMenu { height:90px; }
	.quicWrap .quickMenu ul { padding:20px 0; }
	.quicWrap .quickMenu ul li a { padding-top:32px; font-size:14px; background-size:18px; }

 	/********** SUB PAGES COMMON **********/
 	/* paging */
  	.paging { margin-top:20px; }
 	.paging li span { font-size:14px; }
 	.paging .btn-prev, 
 	.paging .btn-next { width:34px; height: 34px; margin-right: 24px; }
 	.paging .btn-next { margin-right: 0; margin-left:24px; }

 	/* form-control */
 	.form-control.ins-date { font-size:15px !important; }
 	.form-control.btns + .btnType2 { line-height: 40px; }

 	/* table1 */
 	.tblType1 thead th, 
 	.tblType1 tbody th { padding:15px 20px; font-size:14px; }
 	.tblType1 tbody td { padding:15px 20px; font-size:14px; }

	/* table2 */
	.tblType2 thead th, 
	.tblType2 tbody td { padding:18px 10px; font-size:14px; }

 	/* table3 */
 	.tblType3 thead th, 
 	.tblType3 tbody th { padding:15px 20px; font-size:14px; }
 	.tblType3 tbody td { padding:15px 20px; font-size:14px; }
 	.tblType3.responsive tbody th { width:160px; }
	
	/* table4 */
 	.tblType4 table tbody th, 
 	.tblType4 table tbody td, 
 	.tblType4 table thead th, 
 	.tblType4 table thead td { padding:8px; font-size:12px; }
	
	/* table5 */
 	.tblType5 { margin-top:20px; }
 	.tblType5 table th { font-size:15px; padding:15px; }
 	.tblType5 table td { font-size:14px; padding:0 15px 15px 30px; line-height: 22px; }
 	.tblType5 .num { width:20px; height:20px; font-size:13px; }
	
	/* tbl_view */
 	.tbl_view .tit { padding:20px 10px 20px 20px; font-size:16px; }
	.tbl_view .tit p { line-height: 24px; }
	.tbl_view .tit span { padding-right: 5px; font-size:13px; }
	.tbl_view .subTit ul li { padding:10px; }
	.tbl_view .subTit ul li > span { line-height: 19px; }
	.tbl_view .subTit ul li > span.name { font-size:14px; }
	.tbl_view .subTit ul li > span.cate { font-size:13px; }
	.tbl_view .detail { padding:26px 20px 36px 20px; font-size:14px; line-height: 24px; }

 	/* buttons */
 	.btnWrap.detail { padding-top:20px; }
 	.btnWrap2 { padding:12px 20px; }
 	.btnType1 { line-height: 50px; font-size:16px; }
 	.btnType1.border { line-height: 46px; font-size:16px; }
 	.btnType3 { padding:5px 10px; }

 	/* file download */
 	.fileDownload .title { font-size:14px; background-position:left 6px; }
 	.fileDownload ul li a { font-size:13px; background-position:left 5px; }

 	/* tabs02 */
 	.tabs02 li a { line-height: 56px; }
 	.tabs02 li.sk img { width:71px; }
	.tabs02 li.lg img { width:71px; margin-top:0; }
	.tabs02 li.kt img { width:20px; }
 	
	/********** SUB PAGES **********/

	/* 로그인 */
  	.loginWrap { padding-top:30px; }
	.loginWrap h3 { font-size:15px; line-height: 23px; }
	.loginWrap .txt { margin-top:15px; padding:14px 10px 14px 18px; }
	.loginWrap .txt span { padding-left:12px; font-size:14px; line-height:22px;  }
	.tab_login { padding-top:20px; }
	.tab_login ul li a { line-height: 50px; font-size:15px; }

	/* 회원가입 */
  	#wrap.member #header h1 .logo { padding-top:22px; }

  	/* 모바일 전용 회원가입 */
  	#wrap.m_join #header h1 .logo { padding-top:22px; }
  	#wrap.m_join .lit { font-size:14px; }
  	#wrap.m_join iframe { height:655px !important; }
  	.join_div .agree_div .txt { height:90px; padding:15px; font-size:12px; line-height: 19px; }
  	.join_div .agree_div .c_red { font-size:12px; }
  	.join_div { margin-top:20px; }
  	.join_div p { font-size:15px; line-height: 23px; }
  	.join_div h3 { font-size:25px; padding-bottom: 20px; }
  	.join_div label { font-size:15px; line-height: 21px; }

  	/* 공공알림문자서비스 개인정보 본인확인 */
  	#wrap.personal #header h1 .logo { padding-top:16px; font-size:21px; }
	.personalWrap { padding-top:30px; }
	.personalWrap h2 { padding-bottom:30px; font-size:22px; }
	.personalForm .tit { padding-top:20px; font-size:14px; }
	.personalForm input[type="text"],.personalForm input[type="tel"], .personalForm input[type="password"] {height:50px; line-height:50px; padding:0 10px; font-size:14px; }
	.personalForm select { height:50px; padding:0 10px; font-size:14px; }
	.personalForm .half input[type="text"], 
	.personalForm .half input[type="password"] { width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); width:calc(100% - 110px); }
	.personalForm .btnPhone { width:100px; line-height: 52px; font-size:14px; }
	.agreeForm { padding-top:30px; }
	.agreeForm .tit label { font-size:15px; }
	.agreeForm .contents { height:120px; }
	.agreeForm .contents label { font-size:14px; }
	.agreeForm .contents a { font-size:12px; }
	.btnPersonal { padding-top:30px; }
	.btnPersonal button { line-height: 61px; font-size:20px;}
	
	/* 서비스 안내 */
	.serviceWrap {margin-top:20px; padding:20px ; }
	.serviceWrap h3 { padding-top:20px;  font-size:19px; line-height: 34px; }
	.serviceWrap > .subTit { padding-top:15px; line-height: 34px; font-size:15px; }
	.feature > div { padding:20px;}
	.feature .service_icon { width:70px; height: 70px; background-size:auto; }
	.feature ul li { line-height: 26px; font-size:14px; }
	.feature ul li > span { background-position:left 8px; }
	.feature .tit { padding-bottom: 12px; font-size:18px; }
	.feature p { padding-top:20px; font-size:14px; line-height: 25px; }
	.step > div { padding-top:40px; }
	.step > div:nth-child(1) { padding-top:54px; }
	.step .tit { width:182px; padding-top:224px; font-size:18px; background-size:auto; }
	.step .txt { padding-top:20px; font-size:16px; line-height: 28px; }
	.sc.character { padding-top:40px; background-position:48px center; }
	.sc.character > div { padding-bottom: 30px; }
	.sc.character .sc_icon { width:96px; height:96px; }
	.sc.character .lst_txt { padding-left:15px; width:-webkit-calc(100% - 96px); width:-moz-calc(100% - 96px); width:calc(100% - 96px); }
	.lst_txt li { font-size:14px; line-height: 26px; }
	.lst_txt .tit { padding-bottom: 12px; font-size:18px; line-height:23px;  }
	.join.sj { padding-top:40px; }
	.join.sj > div { padding:40px 18px; }
	.join.sj .tit { font-size:18px; line-height: 34px; }
	.join.sj .txt { padding:20px 0 30px 0; font-size:15px; line-height: 24px; }
	.join.sj .txt_link { font-size:14px; }
	.join.sj .btnType2 { font-size:14px; width:115px; line-height: 40px; }
	.se.feature { margin-top:40px; }
	.se.step .tit { height:212px; }
	.se.step .txt { padding-top:8px; } 
	.se.step .tit2 { font-size:18px; padding-bottom: 10px; }

	/* 이용방법 */
	.useWrap { margin-top:20px; padding:20px; }
	.useWrap h3 { padding-top:20px; font-size:19px; line-height: 34px; }
	.useWrap h3.tit { padding-left:20px; font-size:18px; background-size:14px; background-position:left 30px;  }
	.useWrap .procedure { padding-top:42px; }
	.useWrap .procedure > div { padding:30px 15px; }
	.useWrap .procedure .pro_icon { width:182px; height:182px; margin-bottom: 30px; }
	.useWrap .procedure .lst_icon { width:59px; height:44px; background-size:auto; }
	.useWrap .procedure .pro_lst ul { padding-top:24px; width:200px; }
	.useWrap .procedure .pro_lst ul li { font-size:14px; line-height: 22px; }
	.useWrap .procedure .pro_lst p { font-size:14px; padding-top:18px; }
	.useWrap .procedure .pro_lst p.tit { font-size:16px; padding-top:25px; }
	.useWrap .pro1 .pro_lst { margin-bottom: 77px; }
	.useWrap .pro1 .pro_lst::before { bottom:-57px;  width:11px; height:35px; margin-left:-5.5px; }
  	.useWrap .pro1 .pro_lst:nth-child(3) .lst_icon { width:46px; height:46px; }
  	.useWrap .pro1 .pro_lst:nth-child(4) .lst_icon { width:54px; height:45px; }
  	.useWrap .pro2 .lst_icon { width:46px; height:46px; }
  	.useWrap .pro2 .pro_lst p.tit { padding-top:19px; }
  	.useWrap .pro2 .pro_lst ul { width:230px; padding-top:20px; }
  	.useWrap .pro3 .pro_icon { margin-bottom: 23px; }
  	.useWrap .pro3 .lst_icon { width:135px; height:53px; }
  	.useWrap .pro3 .pro_lst p.tit { padding-top:23px; }
  	.useWrap .pro3 .pro_lst p { padding-top:16px; }
  	.useWrap .adress { padding-bottom: 20px; }
  	.useWrap .adress ul { padding-left:20px; }
  	.useWrap .adress ul li { font-size:14px; line-height: 24px; }
  	.lst_proof { margin-bottom: 20px; padding:20px 15px; }
  	.lst_proof li { font-size:14px; line-height: 25px; }
	.useWrap .document .lst_doc { padding:30px 20px 20px; margin-bottom: 20px; }
	.useWrap .document .lst_doc li { font-size:14px; line-height: 25px; }
	.useWrap .doc_box > div { padding:20px; margin-bottom: 60px; }
	.useWrap .doc_box > div:before { bottom:-65px; width:207px; height:73px; margin-left:-103.5px; background-size:auto; }
	.useWrap .doc_box .tit { padding-top:117px; font-size:18px; background-size:auto; }
	.useWrap .doc_box ul { padding-top:22px; }
	.useWrap .doc_box ul li { width:200px; line-height:45px; font-size:15px; }

	/* 납부 */
	.payWrap { margin-top:20px; padding:20px; }
	.payWrap h3 { padding-top:20px; font-size:19px; line-height: 34px; }
	.payGuid { padding-top: 40px; }
	.payGuid li { line-height: 68px; margin-bottom: 40px; }
	.payGuid li::before { top:85px; width:12px; height:10px; }
	.payGuid li span.txt { width:-webkit-calc(100% - 68px); width:-moz-calc(100% - 68px); width:calc(100% - 68px); line-height: 48px; font-size:16px; }
	.payGuid li span.num { width:68px; height:68px; }
	.payGuid li:first-child span.txt { line-height: 24px; }


 	/* 개인정보처리지침, 서비스이용약관 */
  	.privacyWrap { margin-top:22px; padding:20px 22px; }
  	.privacyWrap h2 { font-size:16px; }
  	.privacyWrap h3 { padding-top:40px; font-size:14px; }
  	.privacyWrap p { font-size:13px; line-height: 24px; }
  	.privacyWrap .lst_num { padding-top:40px; }
  	.privacyWrap .lst_num li { font-size:13px; line-height: 24px; padding-bottom: 25px; }
	.privacyWrap .lst_letter { padding:40px 0 0 15px; }
	.privacyWrap .lst_letter li { padding-bottom: 15px; font-size:13px; line-height: 24px; }
  	.privacyWrap a { font-size:13px; line-height: 24px; }

  	/* 공지사항, 자료실, FAQ */
  	.faqWrap { padding-top:20px; }


	/* 마이페이지 */
	.myWrap { padding-top:20px; }
	.myWrap .tblType3 { margin-top:40px; }

	/* modal */
	.ins_adress.half { width:200px; }
  }
    @media all and (min-width: 491px) { 
		
		/********** SUB PAGES **********/
    	/* 이용방법 */
    	.useWrap .proof .img_proof img { display: block; width:392px; margin:0 auto; }
    }
  
  @media all and (min-width: 526px) { 

  	/********** SUB PAGES **********/
  	/* 회원가입 */
	.sc.character .sc_icon.sc1 + .lst_txt { padding-top:10px; }

   }

  @media all and (min-width: 540px) { 

  	/********** SUB PAGES **********/
  	/* 서비스 안내 */
	.sc.character .sc_icon.sc1 + .lst_txt { padding-top:10px; }

   }

  @media all and (min-width: 550px) { 
	
	/********** SUB PAGES **********/
	

	/* 납부 */
  	.payGuid li:first-child span.txt { line-height: 48px; }
  }


 /* wide mobile, tablet */
 @media all and ( min-width:640px ) and ( max-width: 991px ) { 

	
 }

  @media all and ( min-width:640px ) { 

	/********** FOOTER **********/
	#footer { border-top:0; padding:30px 0; height:180px; }
	#footer .main_lst li { float:none; display: inline-block; width:auto; padding:0 20px; border-right:1px solid #666; }
	#footer .main_lst li:last-child { border-right:0; }
	#footer .main_lst li a { font-size:14px; font-weight: bold; }
	#footer .copy { font-size:13px; line-height: 25px; padding-top:27px; }
	
	/* MAIN */
	#wrap.index #footer .main_lst li { border-right:0; }

	/********** SUB PAGES **********/
	/* 로그인 */
	.login_cont .box { width:410px; margin:0 auto; }

	/* 회원가입 */
	.joinWrap { width:460px; margin:0 auto; padding-top:30px;  }

	/* 공공알림문자서비스 개인정보 본인확인 */
	#wrap.personal #subContainer { padding:90px 0 200px 0; }
	.personalWrap { width:460px; margin:0 auto;  }

	/* 공인전자주소 찾기 */
	.useWrap .find { width:460px; }
 }

  @media all and ( min-width:768px ) and ( max-width: 991px ) { /* tablet size */
	
	/********** SUB PAGES COMMON **********/
	/* Layout */
	.container { width:100%; padding:0 20px; }

 }

/********** PC **********/

/* 992px 이상 */
 @media all and ( min-width:992px ) { 

 	/* Layout */
 	.inr { width:1100px; margin:0 auto; padding:0; }

 	/********** HEADER **********/
 	#header { border-bottom: 0; background-color:#43aee8; }
 	#header .top { height:30px; background-color:#2f85b3; }
 	#header .top .utill_menu { float:right; }
 	#header .top .utill_menu::after { content: ''; display: block; clear:both; }
 	#header .top .utill_menu li { float:left; }
 	#header .top .utill_menu li a { position:relative; display: inline-block; padding:0 10px; line-height: 30px; font-size:12px; font-weight: bold; color:#fff; }
	#header .top .utill_menu li a::after { position:absolute; top:11px; right:0; width:1px; height:9px; background:#43aee8; content: ''; }
	#header .top .utill_menu li:last-child a { padding:0 0 0 10px; }
	#header .top .utill_menu li:last-child a:after { display: none; }
	#header {  height:120px; }
	#header h1 .logo { padding-top:33px; padding-left:0; font-size:24px; }
	#header .gnb { float:left; margin-top:36px; margin-left:120px; }
	#header .gnb::after { clear:both; display: block; content: ''; }
	#header .gnb li { float:left; }
	#header .gnb li a { padding:0 27px; font-size:19px; font-weight: bold; letter-spacing: -1px; color:#fff; }
	#header .btn_myPage { display: block; float:right; margin-top:28px; padding:0 17px 0 40px; line-height: 40px; border-radius: 20px; color:#fff; font-weight: bold; background:url(../m_images/btn_login.png) no-repeat 20px center #2f85b3; }
	
	/********** mobile GNB **********/
	.gnb_mobile { display: none; }

	/********** MAIN **********/
	#wrap.index { background-image:url(../m_images/main_bg.jpg); }
	#wrap.index #header {position:relative; height:90px; border-bottom: 1px solid #2f85b3; }
	#wrap.index #header .logo1 { text-align:left; }	
	#wrap.index #header .btn_login { line-height:38px; padding:0 20px 0 40px; margin-top:27px; background:url(../m_images/btn_login.png) no-repeat 18px center transparent; border: 1px solid #2f85b3; font-size:15px; }
	#wrap.index .btn-introWrap { padding-top:80px; }
	#wrap.index .btn-introWrap .btn-intro { width:250px; height:270px; margin-top:0; margin-left:35px; padding-top:206px; border:0; border-radius: 15px; background-image:url(../m_images/icon_serviceInfo.png); background-repeat: no-repeat; background-position: center 32px; background-color: rgba(255, 255, 255, 0.8); font-size:26px; font-weight: bold; color:#333; letter-spacing: -1px; }
	#wrap.index .btn-introWrap .btn-intro:first-child { margin-left:0; }
	#wrap.index .btn-introWrap .btn-intro.bi2 { background-image: url(../m_images/icon_doc.png); }
	#wrap.index .btn-introWrap .btn-intro.bi3 { background-image: url(../m_images/icon_payHis.png); }
	#wrap.index .btn-introWrap .btn-intro:hover, 
	#wrap.index .btn-introWrap .btn-intro:focus,
	#wrap.index .btn-introWrap .btn-intro:active { background-color:rgba(255, 255, 255, 0.8); border:0; }
	#mainContainer { width:1100px; padding:0px 0 372px 0; margin:0 auto; border-top:0; }
	#wrap.index #mainContainer h2 { padding-top:135px; font-size:62px; }
	#wrap.index #mainContainer h3 { padding-top:38px; line-height: 24px; font-size:24px; }
	#wrap.index #mainContainer h3 > br { display: none; }
	#wrap.index #footer { position:absolute; height:180px; padding:30px 0; }
	#wrap.index #footer .main_lst li {height:auto; padding:0 20px; width:auto; border-right: 1px solid #666; }
	#wrap.index #footer .main_lst li:last-child { border-right: 0; }
	#wrap.index #footer .main_lst li:nth-child(1) { display: inline-block; }
	#wrap.index #footer .main_lst li:nth-child(2) { border-right:1px solid #666; }
	#wrap.index #footer .main_lst li:nth-child(4) { display: inline-block; }
	#wrap.index #footer .copy { display: block; }
	#mainContainer .newdocWrap { padding-top:60px; }
	#mainContainer .newdocWrap li { width:-webkit-calc(25% - 23px); width:-moz-calc(25% - 23px); width:calc(25% - 23px); margin-left:15px; margin-right:15px; }
	#mainContainer .newdocWrap li:nth-child(1) { margin-left:0; }
	#mainContainer .newdocWrap li:nth-child(4) { margin-right:0; }
	#mainContainer .newdocWrap li > a { height:280px; width:100%; padding-top:206px; margin-top:0; border-radius: 15px; font-size:23px; font-weight: bold; background:url(../m_images/icon_main1_1.png) no-repeat center 32px rgba(255, 255, 255, 0.8); }
	#mainContainer .newdocWrap li:nth-child(2) > a {  background-image:url(../m_images/icon_main2_1.png); }
	#mainContainer .newdocWrap li:nth-child(3) > a {  background-image:url(../m_images/icon_main3_1.png); }
	#mainContainer .newdocWrap li:nth-child(4) > a {  background-image:url(../m_images/icon_main4_1.png); }
	#mainContainer .newdocWrap .new { top:32px; right:40px; width:46px; height:46px; padding-top:7px; font-size:21px; }
	#mainContainer .noticeWrap { display: none; }
	.quicWrap { display: none; }



	/********** SUB PAGES Common Settings **********/
	/* Layout */
	#subContainer {  padding:120px 0 200px 0; margin:0 auto; }
	#subContainer h2 { font-size:28px; letter-spacing: -1px; }	
	.container { width:1100px; padding:0; }

	/* modal */
 	.modal-body img { width:auto; }
 	.modal.modalType2 .modal-body .tit { font-size:20px; }
 	.modal.modalType2 .modal-body .tit br { display: none; }
 	.modal.modalType2 .modal-body .txt { font-size:15px; }
 	.ins_adress { font-size:24px; }
 	

	/* PC navigation */
	.navigation { height:50px; background:#fff; border-bottom: 1px solid #d4d5d5; }
	.navigation .naviDepth1::after { clear:both; content: ''; display: block; }
	.navigation .naviDepth1 > li { position:relative; float:left; padding:0 20px; border-right:1px solid rgba(212, 213, 213, 0.5); }
	.navigation .naviDepth1 > li.active > a { background:url(../m_images/arr_naviOn.png) no-repeat right center; }
	.navigation .naviDepth1 > li.home { padding:0; }
	.navigation .naviDepth1 > li > a { display: inline-block; width:230px; line-height: 50px; font-size:14px; color:#666; background:url(../m_images/arr_navi.png) no-repeat right center; }
	.navigation .naviDepth1 > li.home a { width:52px; height:50px; background:url(../m_images/btn_home.png) no-repeat center; }
  	.navigation .naviDepth2 { display: none; position:absolute; left:0; top:50px; z-index: 1029; width:100%; border:1px solid #d4d5d5; border-top:0; background:#fff; }
  	.navigation .naviDepth2 > li { padding:0 20px; }
  	.navigation .naviDepth2 > li:hover { background:#43aee8; }
  	.navigation .naviDepth2 > li:hover a { font-weight: bold; color:#fff; }
  	.navigation .naviDepth2 > li.active { background:#43aee8; }
  	.navigation .naviDepth2 > li.active a { font-weight: bold; color:#fff; }
  	.navigation .naviDepth2 > li > a { display: inline-block; width:100%; line-height: 50px; font-size:14px; color:#666; }

	/* tabs */
	.tabs { border-top:2px solid #444; }
	.tabs li { 
		width:25%; 
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(244,244,244,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 );
		}
	.tabs li a { font-size:15px; }

	/* form-control */
	select.form-control { line-height: 20px; height:40px; font-size:15px; }
	input[type="text"].form-control,
	input[type="password"].form-control { line-height: 20px; height:40px; font-size:15px; }
	textarea.form-control { line-height: 20px; font-size:15px; }
	.form-control.half { width:36.5%; }

	/* searchForm */
  	.searchForm { padding:15px 20px; margin-bottom: 36px; border:2px solid #dee2e4; background:#f8f8fa; }
	.searchForm .col-md-3 { padding-left:10px; }
	.searchForm .col-md-2 { padding-left:10px; }
	.searchForm .col-md-4 { padding-left:10px; }
	.searchForm .col-md-5 { padding-left:10px; }
	.searchForm .tit { font-size:15px; }
	.searchForm .tit .dateTxt { display: none; }
	.searchForm .res-div { float:left; width:60%; }
	.searchForm .btn-group { float:left; width:40%; padding-top:0; padding-left:10px; }
	.searchForm .btn-group button { line-height:40px; font-size:14px; }
	.searchForm .btnWrap { text-align:right; }
	.searchForm .btn-search { line-height: 40px; width:115px; padding-left:12px; border-radius: 0; font-size:16px; background:url(../m_images/btn_search.png) no-repeat 28px center #43aee8; }	
	.form-control.ins-date { line-height: 20px; height:40px; font-size:15px; }
	.searchForm input.form-control.custom { line-height: 20px; height:40px; font-size:15px; }
	.searchForm.faq .col-md-2 { padding:29px 0 0 10px; }
	.searchForm.faq .btn-search { width:100%; background-position:30% center; }

	/* table1 */
 	.tblType1 thead th, 
 	.tblType1 tbody th { padding:15px 15px 15px 30px; }

	/* table3 */
 	.tblType3 thead th, 
 	.tblType3 tbody th { padding:15px 15px 15px 30px; }
 	.tblType3.responsive tbody th { width:180px; }
 	.tblType3.responsive tbody td { width:339px; }
 	.tblType3.responsive tbody td.col3{ width:858px; }
 	.tblType3.h-fix th { height:71px; }

 	/* table4 */
 	.tblType4 table tbody th, 
 	.tblType4 table tbody td, 
 	.tblType4 table thead th, 
 	.tblType4 table thead td { padding:10px 10px; font-size:13px;}

	/* table5 */
 	.tblType5 table th, .tblType5 table td { display: table-cell; width:auto; padding:14px; }
	.tblType5 table th  { border-right: 1px solid #d4d4d4; }

	/* tbl_view */
	.tbl_view { border:0; border-top:2px solid #43aee8; border-bottom: 1px solid #c9dde8; }
 	.tbl_view .tit { padding:20px; font-size:18px; background:#e6f2f9; }
	.tbl_view .tit p { line-height: 24px; }
	.tbl_view .tit p:first-child { padding-bottom: 5px; }
	.tbl_view .tit span { padding-right: 10px; font-size:14px; }
	.tbl_view .subTit { padding:18px 6px; border-top:1px solid #c9dde8; border-bottom: 1px solid #c9dde8; }
	.tbl_view .subTit ul li { width:auto; padding:0; background:#fff; border-left:0; }
	.tbl_view .subTit ul li > span { position:relative; display: inline-block; padding:0 14px; }
	.tbl_view .subTit ul li > span.name { font-weight: normal; }
	.tbl_view .subTit ul li > span.name::after { position:absolute; top:5px; right:0; width:1px; height:9px; content: ''; background:#b4b4b4; }
	.tbl_view .subTit ul li > span.cate { font-size:14px; padding:0 10px; }
	.tbl_view .subTit.len2 ul li { width:auto;}

 	/* buttons */
 	.btnWrap.detail { text-align:right; }
 	.btnWrap2 { border:0; padding:20px 20px 0 20px; }
	.btnType1 { width:125px; }
	.btnType1.half { width:180px; }
	.btnWrap.detail .btnType1 { margin-top: 0; }
	.btnType3 { padding:14px 25px; font-size:15px; font-weight: bold; }
	.btn-apply { font-size:14px; line-height: 30px; color:#222; }
	
	/* file download */
	.fileDownload { margin-top:90px; border-top:1px solid #c9dde8; }
	.fileDownload ul li { border:1px solid #c9dde8; border-top:0; }
	.fileDownload ul li:first-child { border-top:1px solid #c9dde8; }


	/********** SUB PAGES **********/
	/* 로그인 */
	.loginWrap { margin-top:30px; padding:40px 30px; border:1px solid #d4d5d5; background:#fff; }
	.loginWrap h3 { font-weight: normal; padding-top:23px; }
	.loginWrap .txt { margin-top:30px; padding:22px 20px; }
	.loginWrap .txt span { background-position:left 9px; }
	.tab_login ul { border-top:2px solid #444; }
	.tab_login ul li { 
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(244,244,244,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 );
	 }

	.login_cont { padding:50px 0; }
	.login_cont .box > .tit { margin-bottom: 40px; padding-top:57px; font-size:22px; background-size:auto; }
	.login_cont .inputWrap .tit { font-size:16px; }
	.login_cont .inputWrap .elec_adress input[type="password"] { height:45px; width:-webkit-calc(37% - 13px); width:-moz-calc(37% - 13px); width:calc(37% - 13px); }
	.login_cont .inputWrap .elec_adress input[type="password"].half { width:-webkit-calc(26% - 14px); width:-moz-calc(26% - 14px); width:calc(26% - 14px); }
	.login_cont .inputWrap .elec_adress .slider { width:10px; font-size:23px; }
	.login_cont .inputWrap input[type="text"],
	.login_cont .inputWrap input[type="password"] { height:45px; }
	.login_cont .inputWrap select { height:45px; }
	.login_cont .btnLogin { margin-top:5px; }
	.login_cont .infoWrap li { padding-bottom: 5px; }
	.login_cont .infoWrap li a { position:relative; line-height: 26px; font-size:13px; background-position:left 9px; }
	.login_cont .infoWrap li a > span { position:absolute; display: inline-block; right:0; top:0; width:118px; line-height: 24px; border:1px solid #43aee8; border-radius: 4px; font-size:12px; text-align:center; letter-spacing: -1px; color:#1979ae; }

	/* 모바일전용 회원가입 */
  	#wrap.m_join #header { height:90px; }
  	#wrap.m_join #subContainer { padding:90px 0 200px 0; }

  	/* 회원가입 */
  	#wrap.member #header { height:90px; }
  	#wrap.member #header h1 .logo { padding-top:34px; }
  	#wrap.member #subContainer { padding:90px 0 200px 0; }
  	#wrap.member .join_div { margin-top:28px; }
  	#wrap.member .join_div p { font-weight: normal; }
  	#wrap.member .join_div .agree_div { padding-top:30px; }
  	#wrap.member .join_div .agree_div .txt { height:160px; padding:20px; font-size:13px; line-height: 24px; }
 	.join_div .btnWrap { padding-top:36px; }
 	.join_div .tblType3 table tr td, 
	.join_div .tblType3 table tr th { display: table-cell; } 
	.join_div .tblType3 table tr th { width:180px; }
	.join_div .ex_txt { display: none; }

	/* 공공알림문자서비스 개인정보 본인확인 */
	#wrap.personal #header { height:90px; }
	#wrap.personal #header h1 .logo { padding-top:32px; }

	/* 서비스 안내 */
	.serviceWrap {margin-top:30px; padding:37px 30px; }
	.serviceWrap h2 { padding-bottom: 32px; border-bottom: 2px solid #444; }
	.serviceWrap h3.last { padding-top:60px; }
	.serviceWrap h3 { padding-top:77px; font-size:23px; line-height: 38px; }
	.serviceWrap > .subTit { padding-top:10px; font-size:18px; }
	.step > div { padding-top:50px !important; }
	.step .tit { width:194px; background-image:url(../m_images/si_iconStep1_1.png);}
	.feature { padding-left:1px; }
	.feature > div { border:1px solid #d4d4d4; margin-left:-1px; }
	.feature ul li { padding-left:8px; text-align:left; background:url(../m_images/icon_bullet.png) no-repeat left 12px; }
	.feature ul li > span { padding-left:0; background:none; }
	.si.step { background:url(../m_images/si_bg.png) no-repeat 240px 142px; }
	.si.step > div:nth-child(2) .tit { background-image:url(../m_images/si_iconStep2_1.png); }
	.si.step > div:nth-child(3) .tit { background-image:url(../m_images/si_iconStep3_1.png); }
	.si.step > div:nth-child(4) .tit { background-image:url(../m_images/si_iconStep4_1.png); }
	.si.feature { margin-top:50px; }
	.si.feature > div { height:180px; }
	.si.feature > div::after { content: ''; clear:both; display: block; }
	.si.feature ul { float:left; padding-left:20px; width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); }
	.si.feature .tit { padding-top:0; }
	.si.feature .service_icon { float:left; }
	.sc.character { padding-top:67px; padding-bottom: 85px; background:url(../m_images/sc_bg_horizon.png) no-repeat center 144px; }
	.sc.character .sc_icon { float:none; width:154px; height:154px; margin:0 auto; background-size:auto; }
	.sc.character .lst_txt { float:none; width:200px; margin:0 auto; padding-left:0; padding-top:20px !important; }
	.lst_txt li { text-align:left; }
	.lst_txt .tit { text-align:center; padding-bottom: 18px; margin-left:0; }
	.sc.character .sc_icon.sc3 + .lst_txt { width:230px; }
	.join.sj { padding-left:1px; }
	.join.sj > div { height:510px; padding:40px 20px; margin-top:0; margin-left:-1px; }
	.m_br { display: none; } 
	.p_br { display: block; }
	.se.feature { margin-top:50px; }
	.se.feature > div { height:150px; }
	.se.feature > div::after { content: ''; clear:both; display: block; }
	.se.feature .service_icon { float:left; }
	.se.feature p { float:left; padding-top:0; padding-left:22px; width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); text-align:left; }
	.se.step > div { padding-left:135px; padding-top:0 !important; margin-top:-20px; }
	.se.step > div::after { clear: both; content: ''; display: block; }
	.se.step > div > p { float:left; }
	.se.step .tit { width:282px; height:180px; }
	.se.step > div:nth-child(1) { margin-top:53px; }
	.se.step > div:nth-child(1) .tit { background-image:url(../m_images/se_bg1.png); }
	.se.step > div:nth-child(2) .tit { background-image:url(../m_images/se_bg2.png); }
	.se.step > div:nth-child(3) .tit { background-image:url(../m_images/se_bg3.png); }
	.se.step .txt { width:-webkit-calc(100% - 282px); width:-moz-calc(100% - 282px); width:calc(100% - 282px); padding-left:20px; padding-top:33px; text-align:left; }
	
	/* 이용방법 */
	.useWrap { margin-top:30px; padding:37px 30px; }
	.useWrap h2 { padding-bottom: 32px; border-bottom: 2px solid #444; }
	.useWrap h3 {  padding-top:57px; font-size:23px; line-height: 38px; }
	.useWrap h3.tit { padding-top:30px; padding-left:25px; font-size:18px; line-height: 18px; background-size:auto; background-position:left 31px; }
	.useWrap .procedure { padding-top:60px; width:862px; margin:0 auto;}
	.useWrap .procedure > div { height:180px; padding:0; margin-bottom: 80px; margin-right: 50px; border-radius: 100px; }
	.useWrap .procedure > div.pro2  { margin-right: 0; margin-left:50px; }
	.useWrap .procedure > div::before { left:90px; top:180px; bottom:0; width:680px; height:80px; margin-left:0; background:url(../m_images/use_pr1_bg.png) no-repeat center top; background-size:contain;}
	.useWrap .procedure > div.pro2::before { left:40px; background:url(../m_images/use_pr2_bg.png) no-repeat center top; background-size:contain; }
	.useWrap .procedure > div::after { clear:both; content: ''; display: block; }
	.useWrap .procedure .pro_icon { float:left; width:180px; height:180px; margin-bottom: 0; background-size:auto; }
	.useWrap .procedure .pro_lst { float:left; width:-webkit-calc(33.333% - 68px); width:-moz-calc(33.333% - 68px); width:calc(33.333% - 68px); }
	.useWrap .procedure .pro_lst p { padding-top:24px; }
	.useWrap .pro1 .pro_icon { margin-right:24px; }
	.useWrap .pro1 .pro_lst { margin-bottom: 0; padding-top:40px; }
	.useWrap .pro1 .pro_lst::before { bottom:0; top:55%; left:auto; right:-25px; width:35px; height:11px; background:url(../m_images/use_pr_arr.png) no-repeat center; }
	.useWrap .pro2 .pro_icon { float:right; }
	.useWrap .pro2 .pro_lst { float:right; width:-webkit-calc(100% - 180px); width:-moz-calc(100% - 180px); width:calc(100% - 180px); padding-left:90px; padding-top:30px; }
	.useWrap .pro2 .pro_lst ul { width:100%; padding-top:18px; }
	.useWrap .pro2 .pro_lst ul::after { clear:both; display: block; content: ''; }
	.useWrap .pro2 .pro_lst ul li { float:left; width:25%; text-align:center; }
	.useWrap .pro3 .pro_lst { width:-webkit-calc(100% - 180px); width:-moz-calc(100% - 180px); width:calc(100% - 180px); padding-right:90px; padding-top:30px; }
	.useWrap .pro3 .pro_lst p { padding-top:16px; } 
	.useWrap .pro3 .pro_lst p.tit { padding-top:20px; }
	.useWrap .adress { padding-bottom: 0; padding-right:50px; }
	.useWrap .adress ul { padding-left:25px; padding-top:20px; }
	.useWrap .adress ul li { padding-bottom: 30px; }
	.useWrap .proof { padding:30px 20px; }
	.useWrap .proof .img_proof { padding-right:20px; }
	.lst_proof { padding:28px 20px; margin-bottom: 30px; }
	.lst_proof li { padding-bottom: 0; }
	.useWrap .txt_proof { padding:23px 23px 36px; margin-top:30px; border:1px solid #d4d4d4; background:#f8f8f8; }
	.useWrap .txt_proof p.tit { padding-bottom: 10px; font-weight: bold; font-size:15px; }
	.useWrap .txt_proof p { font-size:14px; line-height: 24px; letter-spacing: -1px; word-break: keep-all; }
  	.useWrap .find .tblType3 tr td, 
	.useWrap .find .tblType3 tr th { display: table-cell; width:auto; }
	.useWrap .find .form-control.half { width:35%; }
	.useWrap .document .lst_doc { padding:30px 20px; }
	.useWrap .document .lst_doc li { padding-bottom: 0; }
	.useWrap .doc_box::after { display: block; content: ''; clear:both; }
	.useWrap .doc_box > div { float:left; width:-webkit-calc(33.333% - 90px); width:-moz-calc(33.333% - 90px); width:calc(33.333% - 90px); height:345px; padding:30px 25px; margin-bottom: 0; margin-right: 135px; }
	.useWrap .doc_box > div:last-child { margin-right: 0; }
	.useWrap .doc_box > div:before { width:73px; height:94px; left:auto; bottom:auto; right:-105px; top:200px; margin-left:0; background:url(../m_images/use_doc_arr1_1.png) no-repeat center; }
	.useWrap .doc_box .box2:before { background-image:url(../m_images/use_doc_arr2_1.png); }
	.useWrap .doc_box ul li { width:162px; line-height: 30px; margin-bottom: 10px; font-size:14px; }
	.useWrap .doc_box ul li.noBg { font-size:13px; line-height: 20px; padding-top:0; margin-bottom: 5px; }
	.useWrap .tabContents.checked .doc_box .box2:before { background-image: url(../m_images/use_doc_arr3_1.png); }
 	.useWrap .tabContents.send .doc_box .box2:before { top:220px; background-image: url(../m_images/use_doc_arr4_1.png); }

	/* 문서함 */
	.docWrap { padding:37px 30px; margin-top:30px; border:1px solid #d4d5d5; background:#fff; }
	.docWrap h2 { padding-bottom: 32px; }
	.docWrap h3 { position:relative; line-height: 30px; margin-bottom: 15px; padding-left:25px; font-size:18px; letter-spacing: -1px; background:url(../m_images/icon_h3.png) no-repeat left center; }
  	.docWrap h3 .searchDate { position:absolute; right: 0; bottom: 0; font-weight: normal; font-size:14px; }

	/* 납부 */
	.payWrap { margin-top:30px; padding:37px 30px; }
	.payWrap h2 { padding-bottom: 32px; border-bottom: 2px solid #444; }
	.payWrap h3 { padding-top:57px; font-size:23px; line-height: 38px; }
	.payWrap h4 { position:relative; line-height: 30px; margin-bottom: 15px; padding-left:25px; font-size:18px; letter-spacing: -1px; background:url(../m_images/icon_h3.png) no-repeat left center; }
	.payGuid { padding-top:64px; }
	.payGuid li { width:657px; height:80px; line-height: 80px; margin:0 auto 40px; border-radius: 40px; }
	.payGuid li::before { top:95px; }
	.payGuid li span.num { width:80px; height:80px; font-size:18px; }
	.payGuid li:first-child span.txt { line-height: 80px; }
	.payGuid li span.txt { width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); line-height: 80px; padding:0; text-align:center; font-size:18px; }
 
	/* 개인정보처리지침, 서비스이용약관 */
  	.privacyWrap { padding:37px 30px; margin-top:30px; border:1px solid #d4d5d5; background:#fff; }
  	.privacyWrap h3 { padding-top:40px; font-size:14px; }
  	.privacyWrap .subtit { padding-top:26px; font-size:15px; color:#666; }

  	/* 공지사항, 자료실, FAQ */
  	.faqWrap { padding:37px 30px; margin-top:30px; border:1px solid #d4d5d5; background:#fff; }
  	.faqWrap h2 { padding-bottom: 32px; }
  	.faqWrap h3 { position:relative; line-height: 30px; margin-bottom: 15px; padding-left:25px; font-size:18px; letter-spacing: -1px; background:url(../m_images/icon_h3.png) no-repeat left center; }
  	.faqWrap .searchForm .res-div { width:100%; }
  	.fileWrap >input[type=text] { width:50%; }
  	.fileWrap > label { margin-left:5px; }

 	/* 마이페이지 */
 	.myWrap { padding:37px 30px; margin-top:30px; border:1px solid #d4d5d5; background:#fff; }
 	.myWrap h2 { padding-bottom: 32px; padding-top:18px; }
 	.myWrap h2:nth-of-type(1) { padding-top:0; }
 	.myWrap h3 { position:relative; line-height: 30px; margin-bottom: 15px; padding-left:25px; font-size:18px; letter-spacing: -1px; background:url(../m_images/icon_h3.png) no-repeat left center; }
 	
 	.myWrap .tblType3 { margin-top:0; }

  } 

 /* 992px 이상 ~ 1200px 이하 */ 
  @media all and ( min-width:992px ) and ( max-width: 1200px ) {

  	/* Layout */
 	.inr { width:970px; }
 	#mainContainer { width:970px; }

  	/********** HEADER **********/
  	#header .gnb { margin-left:100px; }
  	#header .gnb li a { padding:0 22px; font-size:17px; }
	
	/********** MAIN **********/
  	#mainContainer .newdocWrap .new { right:30px; }

  	/********** SUB PAGES COMMON **********/
 	/* Layout */
	.container { width:970px; }
	
	/* table3 */
	.tblType3.responsive tbody td { width:274px; }
	.tblType3.responsive tbody td.col3{ width:728px; }
	
	/* form-control */
	input[type="text"].form-control.half,
	input[type="password"].form-control.half { width:34%; }
	.form-control.ins-date { font-size:13px !important; }

	/********** SUB PAGES **********/
	/* 로그인 */

	/* 서비스 안내 */
	.si.step { background:url(../m_images/si_bg_small.png) no-repeat 214px 142px; }
	.si.feature > div { height:210px; }
	.se.step > div { padding-left:100px; }

	/* 이용방법 */
	.useWrap .find .form-control.half { width:32%; }
	.useWrap .doc_box > div { width:-webkit-calc(33.333% - 60px); width:-moz-calc(33.333% - 60px); width:calc(33.333% - 60px); margin-right: 90px; }
	.useWrap .doc_box > div:before { right:-82px; }
  }

    @media all and ( min-width:1200px ) {
	
	/********** SUB PAGES COMMON **********/
	/* table5 */
   	.tblType5 { margin-top:0; }
   	.tblType5 table td { line-height: 21px; }
	
	/********** SUB PAGES **********/
	/* 로그인 */

    }