/* 
 *   Wrighting day: 2018. 08.02
 *   Modifying day: 2018. 10.17
 * 	 320px 기준 (mobile)
 */

@charset "utf-8";
/********** FONTS **********/

/* 상상폰트 */

/*
@font-face { 
	font-family: SangbodyL;
	src: url(../fonts/SangSang/SANGSANGBODYL.eot),
		 url(../fonts/SangSang/SANGSANGBODYL.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/SangSang/SangSangBodyL.woff) format('woff'),
		 url(../fonts/SangSang/SANGSANGBODYL.ttf) format('truetype');
 }
*/
 @font-face { 
	font-family: SangbodyM;
	src: url(../fonts/SangSang/SANGSANGBODYM.eot),
		 url(../fonts/SangSang/SANGSANGBODYM.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/SangSang/SangSangBodyM.woff) format('woff'),
		 url(../fonts/SangSang/SANGSANGBODYM.ttf) format('truetype');
 }

 @font-face { 
	font-family: SangtitM;
	src:url(../fonts/SangSang/SANGSANGTITLEM.eot),
		url(../fonts/SangSang/SANGSANGTITLEM.eot?#iefix) format('embedded-opentype'),
		url(../fonts/SangSang/SangSangTitleM.woff) format('woff'),
		url(../fonts/SangSang/SANGSANGTITLEM.ttf) format('truetype');

 }

@font-face { 
	font-family: SangtitB;
	src:url(../fonts/SangSang/SANGSANGTITLEB.eot),
		url(../fonts/SangSang/SANGSANGTITLEB.eot?#iefix) format('embedded-opentype'),
		url(../fonts/SangSang/SangSangTitleB.woff) format('woff'),
		url(../fonts/SangSang/SANGSANGTITLEB.ttf) format('truetype');

 }

/* 맑은고딕 */
@font-face {
  font-family: MalgunGothic;
  src: url(../fonts/MalgunGothic/MalgunGothic.eot),
  	  url(../fonts/MalgunGothic/MalgunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/MalgunGothic/MalgunGothic.woff) format('woff'),
       url(../fonts/MalgunGothic/MalgunGothic.ttf) format('truetype');
}

/********** DEFALT SETTINGS **********/
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin: 0;padding: 0;}

html, body { height:100%;}
body { font-size:14px; font-family:'맑은 고딕', MalgunGothic, arial, Dotum, '돋움', sans-serif; color:#444; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; border:0; text-align:left; background:#fff; font-weight: normal;}
article, aside, footer, header, nav, section { display: block; }
table { border-collapse: collapse;}
fieldset, img { border: none;}
input{vertical-align:middle; }
input:focus{ outline: none; }
select {font-size:13px; vertical-align:middle;}
select:focus{ outline: none; }
textarea { vertical-align:middle; }
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0;}
ul,li,ol,li,dl,dd,dt{list-style:none;}
legend,hr{position:absolute; left:-999px; width:0; height:0; font-size:0; visibility:hidden; z-index:-1;}
caption{margin:0; padding:0; width:0; height:0;  z-index:-1; font-size:0; line-height:0; visibility:hidden; }
hr{ display:none;}
a{text-decoration:none; vertical-align:middle; }
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
em{font-style:normal;}
textarea{resize:none;}
html input[disabled] { background-color:#eee;}
h1, h2, h3, h4, h5, h6{font-weight:bold;}
p { word-break: keep-all; }
button{cursor:pointer; vertical-align:middle; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
button:focus { outline: none; }
button span{position:relative;}

/* Layout */
#wrap { position:absolute; margin:0 auto; width:100%; min-height: 100%; background:#f3f3f3; }
.inr { width:100%; padding:0 13px; }

/* margin */
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom: 20px; }

/* padding */
.pt-n { padding-top:0 !important; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pd-n { padding:0 !important; }
.pl-n { padding-left:0 !important; }
.pb10 { padding-bottom: 10px; }

/* visibility */
.blind { margin:0; padding:0; width:0; height:0; line-height:0; visibility:hidden; }
.hidden { display: none; }

/* align */
.ta-c { text-align:center; }
.ta-r { text-align:right; }

/* float */
.clear::after { clear:both; content:''; display: block; }

/* border */
.bd-n { border:0 !important; }

/* color */
.c_blue { color:#43aee8; }

/********** HEADER **********/
#header { height:50px; position:fixed; left:0; top:0; right:0; z-index:1030; border-bottom: 1px solid #d4d5d5; background:#fff; }
#header h1 .logo { display: inline-block; padding-top:5px; font-family: SangbodyM; font-size:16px; letter-spacing: -1px; color:#fff; }
#header .btn_prevPage { display: inline-block; width:19px; height:17px; margin-top:16px; background:url(../m_images/btn_prevPage.png) no-repeat center; background-size:contain; }
#header .presentPage { display: inline-block; margin-top:14px; padding-left:30px; font-size:19px; color:#080808; }
#header .btn_hamBug { display: inline-block; width:21px; height:17px; margin-top:19px; background:url(../m_images/btn_hamBug.png) no-repeat center; background-size:contain; }
#header .btn_tel { float:right; display: inline-block; width:16px; height:16px; margin-top:18px; margin-right:12px; background:url(../m_images/icon_tell.png) no-repeat center; background-size:contain; }

/********** mobile GNB **********/
.gnb_mobile { position:fixed; top:0; left:-100%; z-index: 1031; width:100%; height: 100%; background:#fff; }
.gnb_mobile .utill_menu { position:relative; padding:20px 13px 25px 13px;text-align:center; background:#43aee8; color:#fff; }
.gnb_mobile .utill_menu .btn_home { display: inline-block; position:absolute; top:20px; left:13px; width:19px; height:17px; background:url(../m_images/icon_home.png) no-repeat center; background-size:cover; }
.gnb_mobile .utill_menu .btn_close { display: inline-block;  position:absolute; top:20px; right:13px; width:17px; height:16px; background:url(../m_images/icon_close.png) no-repeat center; background-size:cover; }
.gnb_mobile .utill_menu .name { padding-top:32px; font-size:19px; font-weight: bold; }
.gnb_mobile .utill_menu .date { padding-top:14px; font-size:14px; }
.gnb_mobile .utill_menu .util_btns { padding-top:15px; }
.gnb_mobile .utill_menu .util_btns a { display: inline-block; line-height: 30px; width:95px; border:1px solid #fff; border-radius: 20px; font-size:14px; color:#fff; }
.gnb_mobile .utill_menu .util_btns a:first-child { margin-right:5px; }
.gnb_mobile .utill_menu .util_btns a:last-child { margin-left:5px; }
.mGnb {overflow-y: auto; }
.mGnb > li { border-bottom:1px solid #dbdee0; background:url(../m_images/icon_service.png) no-repeat 22px 18px; background-size:11px; }
.mGnb > li:nth-of-type(2) { background-image: url(../m_images/icon_use.png); background-position:22px 14px; }
.mGnb > li:nth-of-type(3) { background-image: url(../m_images/icon_document.png); background-size:14px; background-position:20px 21px; }
.mGnb > li:nth-of-type(4) { background-image: url(../m_images/icon_pay.png); background-size:14px; background-position:20px 21px;}
.mGnb > li:last-child { background-image:url(../m_images/icon_serviceCenter.png); background-position:22px 20px; background-size:13px; }
.mGnb > li.active > a {border-bottom:1px solid #dbdee0; background-image: url(../m_images/arr_menuOn.png); }
.mGnb > li.active .depth2 { display: block; }
.mGnb > li > a { display: inline-block; width:100%; padding:16px 20px 16px 46px;  font-size:15px; font-weight: bold; color:#222; background:url(../m_images/arr_menu.png) no-repeat 94% center; background-size:14px; }
.mGnb .depth2 { display: none; padding-left:46px; background:#f2f3f6; }
.mGnb .depth2 li {  border-bottom: 1px solid #dbdee0; }
.mGnb .depth2 li:last-child { border-bottom: 0; }
.mGnb .depth2 li a { display: inline-block; width:100%; padding:12px 0; font-size:14px; font-weight: bold; color:#222; }

/********** FOOTER **********/
#footer { position:absolute; left:0; bottom: 0; right:0; height:180px; border-top:1px solid #d5d5d5; padding:25px 0; background-color:#f3f3f3; }
#footer .main_lst  { width:100%; text-align:center;}
#footer .main_lst::after { clear:both; content: ''; display: block; }
#footer .main_lst li { float:left; width:50%; }
#footer .main_lst li a { display: inline-block; width:100%; font-size:12px; color:#222; font-weight: bold; word-break: keep-all; }
#footer .copy { text-align:center; padding-top:25px; color:#666; font-size:11px; line-height: 15px; word-break: keep-all; }

/********** INTRO , MAIN **********/
#wrap.index { background:url(../m_images/main_mBg.jpg) no-repeat 50% bottom; background-size:cover; }
#wrap.index #header { position:absolute; background-color:transparent; border-bottom:1px solid rgba(255, 255, 255, 0.5);}
#wrap.index #header .logo1 { text-align:center; }
#wrap.index #header .btn_login { display: inline-block; line-height:15px; padding:3px 8px; margin-top:13px; border:1px solid #fff; border-radius: 20px; font-size:10px; color:#fff; letter-spacing: -1px; }
#wrap.index #header .btn_notice { display: inline-block; width:17px; height:15px; margin-top:18px; background:url(../m_images/btn_notice.png) no-repeat center; background-size:contain; }
#wrap.index #header .btn_hamBug { float:right; width:15px; height:12px; background:url(../m_images/btn_hamBug2.png) no-repeat center; background-size:contain; }
#mainContainer { position:relative; width:100%; padding:50px 21px 200px 21px; }
#wrap.index #mainContainer h2 { padding-top:63px; font-family: SangtitB; font-size:31px; text-align: center; color:#fff; }
#wrap.index #mainContainer h3 { padding-top:17px; line-height: 20px; font-family: SangtitM; font-size:14px; text-align: center; color:#fff; }
#wrap.index .btn-introWrap { padding-top:34px; text-align:center; }
#wrap.index .btn-introWrap .btn-intro { display: inline-block; width:100%; line-height: 40px; margin-top:10px; text-align: center; border:1px solid #51b5e9; border-radius: 20px; background:#51b5e9; color:#fff; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#wrap.index .btn-introWrap > .btn-intro:hover, 
#wrap.index .btn-introWrap > .btn-intro:focus, 
#wrap.index .btn-introWrap > .btn-intro:active { background-color:transparent; border:1px solid #fff; }
#wrap.index #footer { position:fixed; background:#fff; height:45px; padding:0;}
#wrap.index #footer .inr { padding:0; }
#wrap.index #footer .copy { display: none; }
#wrap.index #footer .main_lst li { float:none; display: inline-block; padding:12px 0; height:45px; width:49%; text-align:center; }
#wrap.index #footer .main_lst li:nth-child(1) { display: none; }
#wrap.index #footer .main_lst li:nth-child(2) { border-right:1px solid #666; }
#wrap.index #footer .main_lst li:nth-child(4) { display: none; }
#mainContainer .newdocWrap { padding-top:40px; }
#mainContainer .newdocWrap ul::after { clear:both; content: ''; display: block; }
#mainContainer .newdocWrap li { float:left; width:25%; text-align:center; }
#mainContainer .newdocWrap li > a { position:relative; display: inline-block; min-width:62px; padding-top:70px; font-size:10px; color:#222; letter-spacing: -1px;  background:url(../m_images/icon_main1.png) no-repeat center top; background-size:62px;}
#mainContainer .newdocWrap li:nth-child(2) > a { background-image: url(../m_images/icon_main2.png); }
#mainContainer .newdocWrap li:nth-child(3) > a { background-image: url(../m_images/icon_main3.png); }
#mainContainer .newdocWrap li:nth-child(4) > a { background-image: url(../m_images/icon_main4.png); }
#mainContainer .newdocWrap .new { position:absolute; top:-3px; right:-4px; width:23px; height:23px; padding-top:3px; font-size:11px; color:#fff; text-align:center; background:#ff5339; border-radius: 50%; }
#mainContainer .noticeWrap { padding-top:40px; }
#mainContainer .noticeWrap .tit { padding:10px 14px; border-bottom: 1px solid #88c9e0; background:#fff; }
#mainContainer .noticeWrap .tit::after { clear:both; content:''; display: block; }
#mainContainer .noticeWrap .tit > span { float:left; vertical-align: middle; font-size:12px; font-weight: bold; }
#mainContainer .noticeWrap .tit > a { float:right; vertical-align: middle; padding-right:10px; margin-top:2px; font-size:10px; font-weight: bold; color:#666; background:url(../m_images/arr_mainNotice.png) no-repeat right center; background-size:4px; }
#mainContainer .noticeWrap ul { padding:10px 14px; background:#fff; }
#mainContainer .noticeWrap li { line-height: 20px; }
#mainContainer .noticeWrap li > a { display: block; width:100%; }
#mainContainer .noticeWrap li > a:hover span,
#mainContainer .noticeWrap li > a:focus span,
#mainContainer .noticeWrap li > a:active span { color:#43aee8; }
#mainContainer .noticeWrap li > a:hover span.date,
#mainContainer .noticeWrap li > a:focus span.date,
#mainContainer .noticeWrap li > a:active span.date { color:#222; }
#mainContainer .noticeWrap li > a::after { clear:both; content: ''; display: block; }
#mainContainer .noticeWrap li span { float:left; display: inline-block; width:76%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:11px; color:#222; }
#mainContainer .noticeWrap li span.date { float:right; width:auto; font-size:10px; }

/* MAIN Quick Menu */
.quicWrap { position:fixed; bottom:45px; left:0; right:0; text-align:center; }
.quicWrap .btn_quick { display: inline-block; border:0; width:42px; height:24px; background:url(../m_images/icon_quickMenu.png) no-repeat center top; background-size:contain; }
.quicWrap .quickMenu { display: none; height:70px; background:#43aee8; } 
.quicWrap .quickMenu ul { padding:15px 0; }
.quicWrap .quickMenu ul::after { clear:both; content: ''; display: block; }
.quicWrap .quickMenu ul li  { float:left; width:25%; text-align:center; border-right:1px solid #88c9e0; }
.quicWrap .quickMenu ul li:last-child { border-right: 0; }
.quicWrap .quickMenu ul li a { display: inline-block; width:100%; padding-top:25px; font-size:11px; font-weight: bold; color:#fff; background:url(../m_images/icon_quick1.png) no-repeat center top; background-size:14px; }
.quicWrap .quickMenu ul li:nth-child(2) a { background-image: url(../m_images/icon_quick2.png); }
.quicWrap .quickMenu ul li:nth-child(3) a { background-image: url(../m_images/icon_quick3.png); }
.quicWrap .quickMenu ul li:nth-child(4) a { background-image: url(../m_images/icon_quick4.png); }


/********** SUB PAGES Common Settings **********/
/* Layout */
#subContainer { position:relative; width:100%; padding:50px 0 200px 0; }
.container { padding:0 15px; }


/* swiper ( mobile navigation ) */
.swiper-container { width:100%; height:40px; border-bottom: 1px solid #d4d5d5; background-color:#1bacdf; }
.swiper-wrapper { padding:0 15px; }
.swiper-slide { 
	width:auto;
	text-align: center; 
	display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -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 { display: inline-block; line-height: 40px; font-size: 15px; color:rgba(255, 255, 255, 0.5); }
.swiper-slide a.active { font-weight: bold; color:#fff; }

/* tabs */
.tabs::after { content: ''; clear:both; display: block; }
.tabs { border-left:1px solid #d4d5d5; border-top:1px solid #d4d5d5; }
.tabs li { float:left; width:50%; text-align:center; border-bottom: 1px solid #d4d5d5; border-right: 1px solid #d4d5d5; background:#fff; }
.tabs li.active { background:#444; font-weight: bold; }
.tabs li.active a { color:#fff;}
.tabs li a { display: inline-block; width:100%; line-height: 40px; font-size:13px; color:#666; }
.tabs.w3 li { width:33.333%; }
.tabContents { display: none; margin-top:15px; }
.tabContents.active { display: block; }

/* tabs02 */
.tabs02 { padding-top:10px; }
.tabs02 ul:after { clear:both; display: block; content: ''; }
.tabs02 li { float:left; width:33.333%; padding-top:1px; text-align:center; background:#fff; border:1px solid #d4d5d5; border-bottom: 2px solid #43aee8; }
.tabs02 li.active { border:2px solid #43aee8; padding-top:0;}
.tabs02 li a { display: inline-block; width:100%; line-height: 42px; color:#666; }
.tabs02 li.sk img { width:54px; margin-top:-7px; }
.tabs02 li.lg img { width:54px; margin-top:-2px; }
.tabs02 li.kt img { width:16px; margin-top:-3px; }
.tabContents02 { display: none; }
.tabContents02.active { display: block; }

/* form-control */
select.form-control {height: 30px; padding:6px 8px; border:1px solid #d4d5d5; border-radius: 2px; font-size:13px; background:#f4f4f4;}
input[type="text"].form-control,
input[type="password"].form-control {display: inline-block; height: 30px; padding:6px 8px; border:1px solid #d4d5d5; border-radius: 2px; font-size:13px; text-align:left; background:#f4f4f4;}
textarea.form-control { height: 200px; padding:6px 8px; border:1px solid #d4d5d5; border-radius: 2px; font-size:13px; text-align:left; background:#f4f4f4; overflow-y: scroll;  -moz-appearance:none; outline:0px none transparent; }
textarea.form-control:focus, 
textarea.form-control:active { outline:0; }
.form-control.btns { width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); width:calc(100% - 85px); }
.form-control.btns + button { margin-top:-1px; }

/* searchForm */
.searchForm { padding:15px 17px; margin-bottom: 15px; border:1px solid #d4d5d5; background:#fff; }
.searchForm .col-xs-12 { padding-bottom: 15px; }
.searchForm .tit { position: relative; padding-bottom: 8px; text-align:left; font-size:14px; letter-spacing: -1px; font-weight: bold; }
.searchForm .tit .dateTxt { position:absolute; right:0; top:3px; font-weight: normal; font-size:11px; color:#666; }
.searchForm .btn-search { display: inline-block; width:90px; line-height: 32px; border:0; border-radius: 20px; background:#1bacdf; font-weight: bold; color:#fff; } 
.searchForm .btn-search:hover, 
.searchForm .btn-search:focus, 
.searchForm .btn-search:active { background-color:#3190c3; }
.searchForm .btn-group { width:100%; padding-top:10px; }
.searchForm .btn-group button { display: inline-block; width:33.3333%; border-radius: 0; padding:0; line-height:23px; font-size:12px; color:#666; }
.searchForm .btn-group button:hover, 
.searchForm .btn-group button:focus, 
.searchForm .btn-group button:active { background:#1bacdf; color:#fff; font-weight: bold; }
.searchForm .btn-group button:focus { outline: none; }
.searchForm .btn-group button.active { background:#1bacdf; color:#fff; font-weight: bold; }
.searchForm .btnWrap { padding-bottom: 0 !important; }
.searchForm .res-div { width:100%; }
.searchForm .res-div .slice { display: inline-block; width:10px; text-align:center; }
.form-control.ins-date { display: inline-block; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); font-weight: bold; background:url(../m_images/icon_calendar.png) no-repeat 90% center #f4f4f4 !important; font-size:11px !important; border:1px solid #d4d5d5; }
.searchForm input.form-control.custom {height: 30px; padding:6px 8px; border:1px solid #d4d5d5; border-radius: 2px; font-size:13px; background:#f4f4f4;}


/* datepicker */
.datepicker { padding:10px 15px; font-family: arial, sans-serif; }
.datepicker-dropdown { z-index: 1032; }
.datepicker table tr td.today, 
.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:hover, 
.datepicker table tr td.today:hover { 
  background-color:#7accfc; 
  background-image:-moz-linear-gradient(to bottom,#7accfc,#7accfc);
  background-image:-ms-linear-gradient(to bottom,#7accfc,#7accfc);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#7accfc),to(#7accfc));
  background-image:-webkit-linear-gradient(to bottom,#7accfc,#7accfc);
  background-image:-o-linear-gradient(to bottom,#7accfc,#7accfc);
  background-image:linear-gradient(to bottom,#7accfc,#7accfc);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7accfc', endColorstr='#7accfc', GradientType=0);
  border-color:transparent;
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color:#fff;
}
.datepicker table tr td.today:hover:hover { color:#fff; }
.datepicker table tr td.active, 
.datepicker table tr td.active.disabled, 
.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active:hover {
  background-color:#6395f8;
  background-image:-moz-linear-gradient(to bottom,#6395f8,#6395f8);
  background-image:-ms-linear-gradient(to bottom,#6395f8,#6395f8);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#6395f8),to(#6395f8));
  background-image:-webkit-linear-gradient(to bottom,#6395f8,#6395f8);
  background-image:-o-linear-gradient(to bottom,#6395f8,#6395f8);
  background-image:linear-gradient(to bottom,#6395f8,#6395f8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6395f8', endColorstr='#6395f8', GradientType=0);
  border-color:transparent;
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datepicker table tr td span.active.active, 
.datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled:active, 
.datepicker table tr td span.active.disabled:hover.active, 
.datepicker table tr td span.active.disabled:hover:active, 
.datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover.active, 
.datepicker table tr td span.active:hover:active { 
  background-color:#6395f8;
 }

 .datepicker table tr td span.active.active, 
 .datepicker table tr td span.active.disabled, 
 .datepicker table tr td span.active.disabled.active, 
 .datepicker table tr td span.active.disabled.disabled, 
 .datepicker table tr td span.active.disabled:active, 
 .datepicker table tr td span.active.disabled:hover, 
 .datepicker table tr td span.active.disabled:hover.active, 
 .datepicker table tr td span.active.disabled:hover.disabled, 
 .datepicker table tr td span.active.disabled:hover:active, 
 .datepicker table tr td span.active.disabled:hover:hover, 
 .datepicker table tr td span.active.disabled:hover[disabled], 
 .datepicker table tr td span.active.disabled[disabled], 
 .datepicker table tr td span.active:active, 
 .datepicker table tr td span.active:hover, 
 .datepicker table tr td span.active:hover.active, 
 .datepicker table tr td span.active:hover.disabled, 
 .datepicker table tr td span.active:hover:active, 
 .datepicker table tr td span.active:hover:hover, 
 .datepicker table tr td span.active:hover[disabled], 
 .datepicker table tr td span.active[disabled] { 
    background-color:#6395f8;
  }

  .datepicker table tr td span.active, 
  .datepicker table tr td span.active.disabled, 
  .datepicker table tr td span.active.disabled:hover, 
  .datepicker table tr td span.active:hover { 

    background-color:#6395f8;
    background-image:-moz-linear-gradient(to bottom,#6395f8,#6395f8);
    background-image:-ms-linear-gradient(to bottom,#6395f8,#6395f8);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#6395f8),to(#6395f8));
    background-image:-webkit-linear-gradient(to bottom,#6395f8,#6395f8);
    background-image:-o-linear-gradient(to bottom,#6395f8,#6395f8);
    background-image:linear-gradient(to bottom,#6395f8,#6395f8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6395f8', endColorstr='#6395f8', GradientType=0);
    border-color:transparent;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
   }

/* modal */
.modal-header { background:#1e1e1e; }
.modal-header .modal-title { color:#fff; letter-spacing: -1px; }
.modal-header .close { color:#fff; opacity: .5; }
.modal-header .close:focus, 
.modal-header .close:hover { opacity: .8; }
.modal-body { text-align:center; }
.modal-body img { width:100%; }
.modal-body p { text-align: left; }
.modal-body .agree h3 { padding-bottom: 20px; text-align: left; font-size: 16px; letter-spacing: -1px; }
.modal-body .agree ul { text-align: left; }
.modal-body .agree ul li { padding-bottom: 15px; font-size:13px; line-height: 22px; letter-spacing: -1px; word-break: keep-all; }
.modal-body .agree ul li strong { display: inline-block; padding-bottom: 10px; }
.modal-body .agree ul.dp2 li { padding-bottom: 10px; }
.modal-body .agree ul.dp2 li:last-child { padding-bottom: 0; }
.modal-body .agree ul.dp3 { padding-left:15px; padding-top:10px; }
.modal-body .agree ul.dp3 li { line-height: 18px; font-size:12px; }
.modal-body .agree .link { color:#222; font-weight: bold; text-decoration: underline; }
.modal-body .call { min-height: 57px; width:240px; margin:0 auto; padding-left:65px; background:url(../m_images/icon_call.png) no-repeat left top; }
.modal-body .call li { padding-top:9px; text-align: left; font-size:17px; line-height: 17px; }
.modal-body .call li:first-child { padding-top:3px; }
.modal-body .call li > a { display: inline-block; font-size:26px; font-weight: bold; text-decoration: underline; letter-spacing: -0.5px; color:#43aee8; }
.modal.modalType2 .modal-header { background:#43aee8; }
.modal.modalType2 .modal-body { padding:30px 15px; }
.modal.modalType2 .modal-body p { text-align: center; }
.modal.modalType2 .modal-body .tit { padding-bottom: 32px; font-size:18px; font-weight: bold; line-height: 28px; letter-spacing: -0.5px; word-break: keep-all; }
.modal.modalType2 .modal-body .txt { padding-top: 20px; font-size:13px; }
.modal.modalType2 .modal-footer { text-align: center; }
.ins_adress { display: inline-block; width:80%; line-height: 46px; text-align: center; font-size:22px; font-weight: bold; border:1px solid #b0b0b0; background:#f4f4f4; }
.ins_adress.half { width:140px; }
.ins_adress::placeholder { color:#222; }
.ins_adress::-webkit-input-placeholder { color:#222;  }
.ins_adress::-moz-placeholder {color:#222; }
.ins_adress:-ms-input-placeholder { color:#222; }
.ins_adress:-moz-placeholder { color:#222;}
.ins_label { font-weight: normal; font-size:17px; }

/* paging */
.paging { text-align:center; margin-top:15px; }
.paging li { display: inline-block; }
.paging li span { font-size:13px; font-weight: bold; color:#444; }
.paging li span.present { color:#1bacdf; }
.paging .btn-prev,
.paging .btn-next { display: inline-block; width:26px; height: 26px; margin-right:17px; background:url(../m_images/btn-prev.png) no-repeat center; background-size:contain; }
.paging .btn-prev:hover, 
.paging .btn-prev:focus,
.paging .btn-prev:active { background-image: url(../m_images/btn-prevOn.png); }
.paging .btn-next { margin-right:0; margin-left:17px; background:url(../m_images/btn-next.png) no-repeat center; background-size:contain;}
.paging .btn-next:hover, 
.paging .btn-next:focus,
.paging .btn-next:active { background-image: url(../m_images/btn-nextOn.png); }

/* table1 */
.tblType1 { border-top:2px solid #43aee8; }
.tblType1 table { width:100%; table-layout: fixed; }
.tblType1 thead th, 
.tblType1 tbody th { padding:13px 17px; vertical-align:middle; text-align: center; border-bottom: 1px solid #c9dde8; border-right: 1px solid #c9dde8; font-size:12px; word-break: break-all; background-color:#e6f2f9; }
.tblType1 tbody td { padding:13px 15px; vertical-align:middle; text-align: center; border-bottom: 1px solid #c9dde8; border-right: 1px solid #c9dde8; font-size:12px; word-break: break-all; background:#fff;}
.tblType1 tbody td:last-child { border-right:0; }

/* table2 */
.tblType2 table { width:100%; table-layout: fixed; }
.tblType2 tbody tr { cursor: pointer; }
.tblType2 tbody tr:hover td { background-color:#f9fcfe; }
.tblType2 tbody tr.null td { background:#fff; cursor: default; }
.tblType2 thead th,
.tblType2 tbody td { padding:13px 5px; border-bottom: 1px solid #c9dde8; border-left:1px solid #c9dde8; text-align:center; font-size:13px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.tblType2 thead tr th:first-child,
.tblType2 tbody tr td:first-child { border-left: 0; }
.tblType2 thead th { border-top:2px solid #43aee8; background:#e7ecef; }
.tblType2 tbody td { background:#fff; }
.tblType2 > ul > li { position:relative; border-bottom: 1px solid #d7e6ee; }
.tblType2 > ul > li > a { position:relative; display: block; padding:15px 8px; color:#222; background:#fff; }
.tblType2 > ul > li > a:hover,
.tblType2 > ul > li > a:focus, 
.tblType2 > ul > li > a:active { background:#f9fcfe; }
.tblType2 > ul > li::after  { content: ''; clear:both; display: block; }
.tblType2 li.tit { padding:12px 8px; border-top:2px solid #43aee8; border-bottom: 0; background:#e8ecef; }
.tblType2 li.tit > span { display: inline-block; float:left; vertical-align:middle; padding:0 8px; font-size:13px; background:url(../m_images/icon_tit1.png) no-repeat left center; }
.tblType2 li.tit > span.tit2 { background:url(../m_images/icon_tit2.png) no-repeat left center; }
.tblType2 li.tit > span.tit3 { background:url(../m_images/icon_tit3.png) no-repeat left center; }
.tblType2 li.tit > span.tit4 { float:right; padding:0; background:none; } 
.tblType2 li .txt::after  { content: ''; clear:both; display: block; }
.tblType2 li .txt > span { display: inline-block; float:left; margin-right: 4px; line-height: 22px; padding:0 5px; border:1px solid #1bacdf; border-radius: 15px; font-size:13px; font-weight: bold; color:#1bacdf; }
.tblType2 li .txt > span.txt2 { border-color:#5ec412; color:#5ec412; }
.tblType2 li .txt > span.txt3 { border-color: #f27814; color:#f27814; }
.tblType2 li .txt2 { padding-top:5px; }
.tblType2 li .txt2::after  { content: ''; clear:both; display: block; }
.tblType2 li .txt2 > span { float:left; font-size:12px; line-height: 20px; vertical-align:middle; letter-spacing: -0.5px; }
.tblType2 li .txt2 > span.txt5 { float:right; font-size: 12px; font-weight: bold; }
.tblType2 .noticeTit { padding-top:10px; font-size:15px; font-weight: bold; letter-spacing: -1px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  }
.tblType2.nh tbody tr { cursor:default; }
.tblType2.nh tbody tr:hover td { background-color:#fff; }

/* table3 */
.tblType3 { border-top:2px solid #43aee8; }
.tblType3 table { width:100%; table-layout: fixed; }
.tblType3 thead th, 
.tblType3 tbody th { padding:13px 17px; vertical-align:middle; border-bottom: 1px solid #c9dde8; border-right: 1px solid #c9dde8; font-size:13px; word-break: keep-all; background-color:#e6f2f9; }
.tblType3 tbody td { padding:13px 15px; vertical-align:middle; border-bottom: 1px solid #c9dde8; border-right: 1px solid #c9dde8; font-size:13px; word-break: keep-all; background:#fff;}
.tblType3 tbody td:last-child { border-right:0; }
.tblType3.responsive tbody th { width:115px; }
.tblType3 .detail_view { height: 300px; line-height: 24px; padding:13px 15px; overflow:hidden; overflow-y: auto; }

/* table4 */
.tblType4 { border-top:1px solid #a4a4a4; }
.tblType4 table { width:100%; table-layout: fixed; }
.tblType4 table tbody th, 
.tblType4 table tbody td,
.tblType4 table thead th, 
.tblType4 table thead td { padding:5px; border-bottom: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4; text-align:center; font-size:12px; word-break: break-all; }
.tblType4 table tbody tr th:first-child,
.tblType4 table tbody tr td:first-child,
.tblType4 table thead tr th:first-child,
.tblType4 table thead tr td:first-child { border-left:0; }

/* table5 */
.tblType5 { border:1px solid #d4d4d4; margin-top:15px; }
.tblType5 table { width:100%; table-layout: fixed; }
.tblType5 table tr { border-bottom:1px solid #d4d4d4;}
.tblType5 table tr:last-child { border-bottom: 0; }
.tblType5 table th, 
.tblType5 table td { display: block; width:100%; word-break: keep-all; letter-spacing: -1px; }
.tblType5 table th { padding:14px 10px 10px 10px; font-size:13px; }
.tblType5 table td { padding:0 10px 14px 34px; font-size:12px; line-height: 18px; }
.tblType5 .num { display: inline-block; width:16px; height:16px; padding-right:1px; padding-top:1px; margin-right:5px; border-radius: 50%; background:#10659e; font-size:11px; font-weight: bold; color:#fff; text-align:center; } 

/* tbl_view */
.tbl_view { border:1px solid #d4d5d5; background:#fff; }
.tbl_view .tit { padding:15px 10px; font-size:14px; font-weight: bold; letter-spacing: -0.5px; }
.tbl_view .tit p { line-height: 18px; }
.tbl_view .tit span { font-weight: normal; font-size:12px; color:#666; }
.tbl_view .subTit { border-top:1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.tbl_view .subTit ul::after { clear:both; display: block; content: ''; }
.tbl_view .subTit ul li { float:left; width:33.333%; padding:8px; text-align:center; background:#f4f4f4; border-left:1px solid #e7e7e7; }
.tbl_view .subTit ul li > span { display: block; }
.tbl_view .subTit ul li > span.name { font-size:12px; font-weight: bold; }
.tbl_view .subTit ul li > span.cate { font-size:11px; color:#666; }
.tbl_view .subTit.len2 ul li { width:50%; }
.tbl_view .detail { padding:20px 15px 28px 15px; font-size:12px; line-height: 20px; letter-spacing: -1px; word-break: keep-all; }
.tbl_view a { vertical-align: baseline; color:#222; border-bottom: 1px solid #222; }
.tbl_view a:hover, 
.tbl_view a:focus,
.tbl_view a:active { color:#1bacdf; border-bottom: 1px solid #1bacdf; }

/* buttons */
.btnWrap { width:100%; text-align:center; }
.btnWrap.detail { padding-top:15px; }
.btnWrap.detail .btnType1 { margin-top:10px; }
.btnWrap.detail .btnType1:nth-child(1) { margin-top: 0px; }
.btnWrap .btnType1.half:nth-child(1) { margin-right:4px; } 
.btnWrap .btnType1.half:nth-child(2) { margin-left:4px; } 
.btnWrap2 { width:100%; padding:8px 15px; text-align: right; border:1px solid #d4d5d5; border-top:0; background:#fff; }
.btnType1 { display: inline-block; width:100%; line-height: 38px; border:0; font-size:13px; font-weight: bold; color:#fff; background:#444; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; text-align:center; }
.btnType1:hover, 
.btnType1:focus, 
.btnType1:active { background-color:#1e1e1e; color:#fff; }
.btnType1.blue { background:#43aee8; }
.btnType1.blue:hover,
.btnType1.blue:focus,
.btnType1.blue:active { background-color:#3190c3; color:#fff; }
.btnType1.border { line-height: 34px; background:#fff; color:#43aee8; border:2px solid #43aee8; }
.btnType1.half { width:-webkit-calc(50% - 7px); width:-moz-calc(50% - 7px); width:calc(50% - 7px); }
.btnType2 { display: inline-block; width:80px; line-height:30px; border:0; border-radius: 4px; font-size:14px; font-weight: bold; text-align:center; color:#fff; background:#444; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.btnType2.blue { background:#43aee8; }
.btnType2:hover,
.btnType2:focus, 
.btnType2:active { background-color:#1e1e1e; color:#fff; }
.btnType2.blue:hover,
.btnType2.blue:focus, 
.btnType2.blue:active { background-color:#3190c3; color:#fff; }
.btnType3 { padding:8px 12px; font-size:14px; border:1px solid #d4d5d5; background:#fff; }
.btn-aply { position:absolute !important; top:20px; right:10px; display: inline-block !important; width:60px; line-height:30px; border:0; padding:0 !important; background:#43aee8 !important; border-radius: 4px; font-size:12px; font-weight: bold; color:#fff !important; text-align:center; }
.btn-aply.black { background:#444444 !important; }
.btn-aply.first { top:6px; }
.btn-aply.second { top:40px; }
.wait { position:absolute; top:25px; right:22px; font-size:12px; }
.btnInfo { display: inline-block; padding-left:20px; font-size:13px; color:#222; background:url(../m_images/icon_tooltip.png) no-repeat left center; }
.btnInfo:hover,
.btnInfo:focus,
.btnInfo:active { color:#222; }
.btnConfirm { display: inline-block; width:120px; line-height: 40px; font-size:16px; font-weight: bold; border:1px solid #b0b0b0; background:#fff; }

/* file download */
.fileDownload { margin-top:30px; padding-top:10px; border-top:1px solid #d4d5d5; }
.fileDownload .title { padding:0 0 10px 17px; font-weight: bold; font-size:13px; background:url(../m_images/icon_file.png) no-repeat left 3px; }
.fileDownload ul li { padding:8px 15px; border:1px solid #d4d5d5; border-top:0;}
.fileDownload ul li:first-child { border-top:1px solid #d4d5d5;}
.fileDownload ul li a { display: inline-block; width:100%; padding-left:20px; border-bottom: 0; font-size:12px; background:url(../m_images/icon_download.png) no-repeat left 3px; word-break: break-all; }
.fileDownload ul li a:hover, 
.fileDownload ul li a:active,
.fileDownload ul li a:focus { border-bottom: 0; color:#222; }
.fileDownload ul li a > span { padding-left:5px; font-size:11px; color:#a4b1b9; }

/********** SUB PAGES **********/
/* login */
.loginWrap { padding-top:22px; }
.loginWrap h3 { font-size:13px; line-height: 18px; letter-spacing: -1px; }
.loginWrap .txt { padding:10px 14px; margin-top:15px; background:#e9f5fb; }
.loginWrap .txt span { display: inline-block; padding-left:7px; font-size:12px; line-height: 17px; background:url(../m_images/icon_bullet2.png) no-repeat left 7px; }
.tab_login { padding-top:15px; }
.tab_login ul::after { clear: both; content: ''; display: block; }
.tab_login ul li { float:left; width:50%; text-align:center; background:#fff; border:1px solid #d4d5d5;}
.tab_login ul li a { display: inline-block; width:100%; line-height: 38px; font-size:12px; color:#666; }
.tab_login ul li.active { background:#444; border-color:#444; }
.tab_login ul li.active a { color:#fff; font-weight: bold; }
.login_cont { display: none; border:1px solid #cecece; border-top:0; padding:30px 28px; background:#fff; }
.login_cont.active { display: block; }
.login_cont .box > .tit { padding-top:55px; margin-bottom: 20px; font-size:21px; font-weight: bold; letter-spacing: -1px; text-align:center; background:url(../m_images/icon_id.png) no-repeat center top; background-size:46px; }
.login_cont .inputWrap li { padding-bottom: 20px; }
.login_cont .inputWrap .tit { padding-bottom: 10px; font-size:14px; letter-spacing: -0.5px;  }
.login_cont .inputWrap .elec_adress { padding-bottom: 25px;  }
.login_cont .inputWrap .elec_adress .slider { display: inline-block; width:5px; line-height: 40px; vertical-align: middle; font-size:15px; font-weight: bold; }
.login_cont .inputWrap .elec_adress input[type="password"] { height:40px; width:-webkit-calc(37% - 10px); width:-moz-calc(37% - 10px); width:calc(37% - 10px); padding:0 10px; text-align:center; font-size:22px; font-weight: bold; color:#666; border:2px solid #43aee8; background:#f6f7f8; }
.login_cont .inputWrap .elec_adress input[type="password"].half { width:-webkit-calc(26% - 10px); width:-moz-calc(26% - 10px); width:calc(26% - 10px); }
.login_cont .inputWrap input[type="text"],
.login_cont .inputWrap input[type="password"] { width:100%; height:40px; padding:0 10px; border:1px solid #c0c0c0; background:#f6f7f8; }
.login_cont .inputWrap input[type="text"].half { width:-webkit-calc(50% - 8px); width:-moz-calc(50% - 8px); width:calc(50% - 8px); margin-right:5px; }
.login_cont .inputWrap select { width:-webkit-calc(50% - 8px); width:-moz-calc(50% - 8px); width:calc(50% - 8px); height:40px; margin-left:5px; margin-top:-1px; padding:0 10px; border:1px solid #c0c0c0; background:#f6f7f8; }
.login_cont .btnLogin { width:100%; line-height: 60px; font-size:17px; font-weight: bold; color:#fff; border:0; background:#43aee8; }
.login_cont .btnLogin > span { padding-right:22px; background:url(../m_images/arr_login.png) no-repeat right 6px; }
.login_cont .infoWrap { padding-top:30px; }
.login_cont .infoWrap li { padding-bottom: 10px; }
.login_cont .infoWrap li a { display: inline-block; width:100%; padding-left:8px; font-size:14px; line-height: 22px;  letter-spacing: -1px; color:#222; background:url(../m_images/icon_bullet3.png) no-repeat left 10px;}
.login_cont .infoWrap li a:hover,
.login_cont .infoWrap li a:focus,
.login_cont .infoWrap li a:active { text-decoration: underline; color:#43aee8; }
.login_cont .infoWrap li a > span { display: none; }
.login_cont.pw .box > .tit { background:url(../m_images/icon_pw.png) no-repeat center top; background-size:auto; } 


/* 모바일용 회원가입 */
#wrap.m_join { background:#fff; }
#wrap.m_join #header { background:#43aee8; }
#wrap.m_join #header h1 { text-align:center; }
#wrap.m_join #header h1 .logo { padding:0; }
#wrap.m_join #footer { background:#fff; }
#wrap.m_join .lit { padding-top:23px; font-size:11px; }
.join_div { margin-top:15px; }
.join_div h3 { font-size:16px; padding-bottom: 15px; }
.join_div p { font-size:13px; line-height: 18px; letter-spacing: -1px; }
.join_div .agree_div { padding-top:20px; }
.join_div .agree_div:first-child { padding-top:25px; }
.join_div .agree_div .c_red { color:#dd2c39; font-size:11px; }
.join_div .agree_div p { position:relative; margin-bottom: 8px; font-weight: bold; font-size:13px; letter-spacing: -0.5px; }
.join_div .agree_div .txt { height:80px; padding:8px; border:1px solid #c0c0c0; overflow:hidden; overflow-y: scroll; line-height: 18px; background:#fff; font-size:12px; color:#666; }
.join_div .agree_div .txt ul strong { display: inline-block; padding-bottom: 5px; }
.join_div .agree_div .txt ul li { padding-bottom: 10px; }
.join_div .agree_div .txt ul li:last-child { padding-bottom: 0; }
.join_div .agree_div .txt .dp2 { padding-left:10px; }
.join_div .agree_div .txt .dp2 li { padding-bottom:5px; }
.join_div .agree_div .txt .dp3 { padding-left:5px; }
.join_div .agree_div h4 { padding-bottom: 10px; font-size:14px; }
.join_div input[type="checkbox"] { display: inline-block; border:0; margin:0; margin-right:3px; vertical-align:middle; width:23px; height:23px; -moz-appearance:none; -webkit-appearance:none;   appearance:none; background:url(../m_images/icon_chk02.png) no-repeat left bottom; cursor: pointer; }
.join_div input[type="checkbox"]:checked { background-position:left top; outline: none; }
.join_div input[type="checkbox"]:checked + label { font-weight: bold; }
.join_div input[type="checkbox"]:focus,
.join_div input[type="checkbox"]:active { outline: none; }
.join_div label { display: inline-block; width:-webkit-calc(100% - 32px); width:-moz-calc(100% - 32px); width:calc(100% - 32px); margin-bottom: 0; vertical-align:middle; cursor:pointer; word-break: break-all; font-weight: normal; }
.join_div label .c_blue { font-size:0.9em; }
.join_div .btnWrap { padding-top:20px; }
.join_div .tblType3 table tr td, 
.join_div .tblType3 table tr th { position:relative; display: block; width:100%; border-right: 0; } 
.join_div .ex_txt { position:absolute; top:13px; right:13px; font-weight: normal; color:#666; }


/* 개인정보 본인확인, 비밀번호 본인확인 (모바일전용) */
#wrap.password p.pw { padding-top:10px; text-align:center; font-size:13px; }
#wrap.password p.pw a { display: inline-block; padding-left:12px; vertical-align: baseline; font-size:12px; color:#222; text-decoration: underline; }
.join_div .scroll_div { height:80px; padding:8px; overflow:hidden; overflow-y: scroll; line-height: 18px; border:2px solid #ddd; color:#666; background:#f3f3f3; }

/* 회원가입 */
#wrap.member #header { background:#43aee8; }
#wrap.member #header h1 { text-align:center; }
#wrap.member #header h1 .logo { padding:0; }
.joinWrap { padding-top:10px; }

/* 공공알림문자서비스 개인정보 본인확인 */
#wrap.personal #header { background:#043764; }
#wrap.personal #header h1 { text-align:center; }
#wrap.personal #header h1 .logo { padding:0; font-family: MalgunGothic; }
.personalWrap { padding-top:25px; }
.personalWrap h2 { padding-bottom: 23px; font-size:17px; }
.personalForm .tit { padding-top:14px; padding-bottom: 7px; font-size:12px; font-weight: bold; }
.personalForm .tit:nth-of-type(1) { padding-top:0; }
.personalForm input[type="text"],
.personalForm input[type="tel"],
.personalForm input[type="password"] { display: inline-block; width:100%; height:40px;line-height: 38px; padding:0 7px; font-size:12px; border:1px solid #c0c0c0; background:#fff; }
.personalForm input[type="text"]:focus,
.personalForm input[type="password"]:focus, 
.personalForm input[type="text"]:active,
.personalForm input[type="password"]:active { outline: none; border:1px solid #43aee8; }
.personalForm select { display: inline-block; width:100%; height: 40px; padding:0 7px; font-size:12px; border:1px solid #c0c0c0; background:#fff; }
.personalForm select:focus,
.personalForm select:active { outline: none; border:1px solid #43aee8; }
.personalForm .half input[type="text"],
.personalForm .half input[type="password"] { width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px); width:calc(100% - 90px); }
.personalForm .btnPhone { display: inline-block; width:80px; margin-left:5px; line-height: 38px; border:0; color:#fff; background:#43aee8; }
.personalForm .btnPhone.black { background:#444; }
.agreeForm { padding-top:23px; }
.agreeForm label { margin:0; vertical-align: middle; cursor: pointer; }
.agreeForm .tit { padding-bottom: 8px; }
.agreeForm .tit input[type="checkbox"] { display: inline-block; border:0; margin:0; width:23px; height:23px; margin-right:3px; vertical-align: middle; -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../m_images/icon_chk02.png) no-repeat left bottom; cursor: pointer; }
.agreeForm .tit input[type="checkbox"]:focus, 
.agreeForm .tit input[type="checkbox"]:active { outline: none; }
.agreeForm .tit input[type="checkbox"]:checked { background-position:left top; outline: none; }
.agreeForm .tit label { font-size:13px; }
.agreeForm .tit label .c_blue { font-size:0.9em; }
.agreeForm .contents { height:115px; padding:14px 14px 14px 7px; overflow:hidden; overflow-y: auto; border:1px solid #c0c0c0; background:#fff; }
.agreeForm .contents ul li { position:relative; padding-bottom: 10px; }
.agreeForm .contents ul li:last-child { padding-bottom: 0; }
.agreeForm .contents input[type="checkbox"] { display: inline-block; border:0; margin:0; width:16px; height:16px; vertical-align: middle; -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../m_images/icon_chk02_small.png) no-repeat left bottom; cursor: pointer; }
.agreeForm .contents input[type="checkbox"]:focus, 
.agreeForm .contents input[type="checkbox"]:active { outline: none; }
.agreeForm .contents input[type="checkbox"]:checked { background-position:left top; outline: none; }
.agreeForm .contents input[type="checkbox"]:checked + label { font-weight: bold; }
.agreeForm .contents label { font-size:12px; font-weight: normal; }
.agreeForm .contents a { position:absolute; right:0; top:5px; padding-right:11px; font-size:11px; color:#5c5c5c; background:url(../m_images/arr_mainNotice.png) no-repeat right 4px; background-size:5px; }
.btnPersonal { width:100%; padding-top: 22px; text-align: center; }
.btnPersonal button, 
.btnPersonal a { display: inline-block; width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px); width:calc(50% - 5px); margin-right:5px; line-height: 46px; border:2px solid #43aee8; font-size:15px; color:#fff; background:#43aee8; }
.btnPersonal button:nth-of-type(2),
.btnPersonal a:nth-of-type(2) { margin-right:0; }
.btnPersonal button.btnCancel,
.btnPersonal a.btnCancel { color:#43aee8; ; background:#fff; }


/* 서비스 안내 */
.serviceWrap {margin-top:15px; padding:15px; border:1px solid #d4d5d5; background:#fff; }
.serviceWrap h3 { padding-top:15px; text-align:center; font-size:16px; line-height: 26px; letter-spacing: -1px; word-break: keep-all; }
.serviceWrap h3.last { padding-top:30px; border-top: 1px solid #cecece; }
.serviceWrap > .subTit { padding-top:8px; line-height: 20px; text-align: center; font-size:14px; word-break: keep-all; }
.step > div { padding-top:34px; text-align:center; }
.step > div:nth-child(1) { padding-top:40px; }
.step .tit { width:138px; margin:0 auto; padding-top:170px; font-size:16px; font-weight: bold; letter-spacing: -1px; background:url(../m_images/si_iconStep1.png) no-repeat center top; background-size:contain; }
.step .txt { padding-top:7px; font-size:14px; line-height: 27px; letter-spacing: -1px; }
.feature { text-align:center; }
.feature > div { padding:15px 20px; border:1px solid #d4d4d4; border-top:0; }
.feature > div:nth-child(1) { border-top:1px solid #d4d4d4; }
.feature .service_icon { display: inline-block; width:54px; height: 54px; background:url(../m_images/si_icon1.png) no-repeat center; background-size:contain; }
.feature ul li { text-align:center; line-height: 23px; letter-spacing: -1px; font-size:13px; color:#666; word-break: keep-all; }
.feature ul li > span { padding-left:8px; background:url(../m_images/icon_bullet.png) no-repeat left 6px; }
.feature .tit { padding-left:0; padding-top: 10px; padding-bottom: 4px; font-size:16px; font-weight: bold; letter-spacing: -1px; color:#222; background:none; }
.feature p { padding-top:5px; font-size:13px; color:#666; line-height: 23px; letter-spacing: -1px; }
.si.step > div:nth-child(2) .tit { background-image:url(../m_images/si_iconStep2.png); }
.si.step > div:nth-child(3) .tit { background-image:url(../m_images/si_iconStep3.png); }
.si.step > div:nth-child(4) .tit { background-image:url(../m_images/si_iconStep4.png); }
.si.feature { margin-top:40px; }
.si.feature .service_icon.si2 { background-image:url(../m_images/si_icon2.png); }
.si.feature .service_icon.si3 { background-image:url(../m_images/si_icon3.png); }
.sc.character { padding-top:30px; padding-bottom: 8px; background:url(../m_images/sc_bg.png) no-repeat 36px center; }
.sc.character > div { padding-bottom: 24px; }
.sc.character > div::after { clear:both; content: ''; display: block; }
.sc.character .sc_icon { float:left; display: block; width:72px; height:72px; background:url(../m_images/sc_icon1.png) no-repeat center; background-size:contain; }
.sc.character .sc_icon.sc2 { background-image:url(../m_images/sc_icon2.png); }
.sc.character .sc_icon.sc3 { background-image:url(../m_images/sc_icon3.png); }
.sc.character .sc_icon.sc4 { background-image:url(../m_images/sc_icon4.png); }
.sc.character .sc_icon.sc5 { background-image:url(../m_images/sc_icon5.png); }
.sc.character .sc_icon.sc6 { background-image:url(../m_images/sc_icon6.png); }
.sc.character .sc_icon.sc7 { background-image:url(../m_images/sc_icon7.png); }
.sc.character .sc_icon.sc8 { background-image:url(../m_images/sc_icon8.png); }
.sc.character .lst_txt { float:left; padding-left:10px; width:calc(100% - 72px); width:-webkit-calc(100% - 72px); width:-moz-calc(100% - 72px);}
.sc.character .sc_icon.sc2 + .lst_txt { padding-top:10px; } 
.sc.character .sc_icon.sc4 + .lst_txt { padding-top:10px; }
.sc.character .sc_icon.sc5 + .lst_txt { padding-top:10px; }
.sc.character .sc_icon.sc8 + .lst_txt { padding-top:10px; }
.lst_txt li { padding-left:8px; font-size:13px; line-height: 23px; letter-spacing: -0.5px; word-break: keep-all; color:#666; background:url(../m_images/icon_bullet.png) no-repeat left 10px;}
.lst_txt .tit { padding-bottom: 10px; padding-left:0; font-size:16px; font-weight: bold; line-height: 18px; background:none; color:#222;}
.se.feature { margin-top:33px; }
.se.feature .service_icon.se2 { background-image:url(../m_images/se_icon2.png); }
.se.feature .service_icon.se3 { background-image:url(../m_images/se_icon3.png); }
.se.step .tit { height:161px; padding:0; }
.se.step .tit2 { display: block; padding-bottom: 5px; font-size:16px; font-weight: bold; letter-spacing: -1px; }
.se.step > div:nth-child(1) .tit { background-image:url(../m_images/se_bg1_1.png); }
.se.step > div:nth-child(2) .tit { background-image:url(../m_images/se_bg2_1.png); }
.se.step > div:nth-child(3) .tit { background-image:url(../m_images/se_bg3_1.png); }
.join.sj { padding-top:30px; }
.join.sj > div { padding:30px 14px; margin-top:-1px; border:1px solid #d4d4d4; text-align:center; }
.join.sj .tit { font-size:16px; line-height: 26px; font-weight: bold; color:#43aee8; letter-spacing: -1px; }
.join.sj .txt { padding:15px 0 24px 0; font-size:14px; line-height: 22px; letter-spacing: -1px;}
.join.sj .txt_link { font-size:13px; border-bottom: 1px solid #222; color:#222; }
.join.sj .txt_link:hover,
.join.sj .txt_link:focus,
.join.sj .txt_link:active { font-weight: bold; }
.join.sj .btnType2 { width:88px; font-size:13px; }
.p_br { display: none; }

/* 이용방법 */
.useWrap { margin-top:15px; padding:15px; border:1px solid #d4d5d5; background:#fff; }
.useWrap h3 { padding-top:15px; text-align:center; font-size:16px; line-height: 26px; letter-spacing: -1px; word-break: keep-all; }
.useWrap h3.tit { text-align:left; padding-left:15px; background:url(../m_images/icon_h3.png) no-repeat left 22px; background-size:12px; }
.useWrap .procedure { padding-top:30px; }
.useWrap .procedure > div { position:relative; padding:24px 15px; margin-bottom: 50px; text-align:center; background:#f2f5f7; }
.useWrap .procedure > div:last-child { margin-bottom: 0; }
.useWrap .procedure > div::before { content:''; position:absolute; bottom:-37px; left:50%; width:9px; height:38px; margin-left:-4.5px; background:url(../m_images/use_pr_arr2.png) no-repeat center; background-size:contain; content: ''; }
.useWrap .procedure > div:last-child::before { content:''; display: none; }
.useWrap .procedure .pro_icon { display: block; width:139px; height:139px; margin:0 auto; margin-bottom: 23px; background:url(../m_images/use_pr_icon1.png) no-repeat center; background-size:contain; }
.useWrap .procedure .lst_icon { display: block; width:45px; height:33px; margin:0 auto; background:url(../m_images/user_ficon1.png) no-repeat center top; background-size:contain; }
.useWrap .procedure .pro_lst { position:relative; }
.useWrap .procedure .pro_lst ul { padding-top:20px; width:180px; margin:0 auto; }
.useWrap .procedure .pro_lst ul::after { display: block; content: ''; clear:both; }
.useWrap .procedure .pro_lst ul li { float:left; width:50%; text-align: left; font-size:13px; line-height: 17px; color:#444; letter-spacing: -1px; }
.useWrap .procedure .pro_lst p { padding-top:14px; font-size:13px; color:#444; letter-spacing: -1px; }
.useWrap .procedure .pro_lst p.tit { padding-top:20px; font-size:16px; font-weight: bold; }
.useWrap .pro1 .pro_lst { margin-bottom: 60px; }
.useWrap .pro1 .pro_lst:last-child { margin-bottom: 0; }
.useWrap .pro1 .pro_lst::before {content:''; position:absolute; bottom: -45px; left:50%; width:8px; height:27px; margin-left:-4px; background:url(../m_images/use_pr_arr3.png) no-repeat center top; background-size:contain; }
.useWrap .pro1 .pro_lst:last-child::before { display: none; }
.useWrap .pro1 .pro_lst:nth-child(3) .lst_icon { width:35px; height:35px; background-image: url(../m_images/user_ficon2.png); }
.useWrap .pro1 .pro_lst:nth-child(4) .lst_icon { width:41px; height:34px; background-image: url(../m_images/user_ficon3.png); }
.useWrap .pro2 .pro_icon { background-image: url(../m_images/use_pr_icon2.png); }
.useWrap .pro2 .lst_icon { width:35px; height:35px; background-image: url(../m_images/user_ficon2.png); }
.useWrap .pro2 .pro_lst p.tit { padding-top:13px; }
.useWrap .pro2 .pro_lst ul { width:200px; padding-top:18px; }
.useWrap .pro3 .pro_icon { margin-bottom: 18px; background-image: url(../m_images/use_pr_icon3.png); }
.useWrap .pro3 .lst_icon { width:103px; height:38px; background-image: url(../m_images/user_ficon4.png);}
.useWrap .pro3 .pro_lst p.tit { padding-top:16px;  }
.useWrap .pro3 .pro_lst p { padding-top:12px; }
.useWrap .adress { padding-bottom: 15px; }
.useWrap .adress ul { padding-left:15px; padding-top:10px; }
.useWrap .adress ul li { padding-left:10px; padding-bottom: 10px; font-size:12px; line-height: 22px; letter-spacing: -1px; word-break: keep-all; background:url(../m_images/use_bullet.png) no-repeat left 10px; }
.useWrap .adress ul li:last-child { padding-bottom: 0; }
.lst_proof { padding:16px 10px; margin-bottom: 15px; border:1px solid #dbdfe1; background:#e9f5fb; }
.lst_proof li { padding-left:10px; padding-bottom: 10px; font-size:11px; line-height: 20px; letter-spacing: -1px; word-break: keep-all; background:url(../m_images/use_bullet2.png) no-repeat left 10px;}
.lst_proof li:last-child { padding-bottom: 0; }
.useWrap .proof .img_proof img { width:100%; }
.useWrap .find .tblType3 tr td, 
.useWrap .find .tblType3 tr th { display: block; width:100%; border-right:0; }
.useWrap .document .lst_doc { padding:22px 15px 15px; margin-bottom: 15px; background:#f1f1f1; }
.useWrap .document .lst_doc li { padding-left:10px; padding-bottom: 10px; font-size:11px; line-height: 20px; letter-spacing: -1px; word-break: keep-all; background:url(../m_images/use_bullet2.png) no-repeat left 10px; }
.useWrap .document .lst_doc li:last-child { padding-bottom: 0; }
.useWrap .doc_box > div { position:relative; padding:16px 24px; margin-bottom: 44px; border-radius: 10px; text-align:center; background:#f1f5f8; }
.useWrap .doc_box > div:last-child { margin-bottom: 0; }
.useWrap .doc_box > div:last-child:before { display: none; }
.useWrap .doc_box > div:before { position:absolute; left:50%; bottom:-50px; width:160px; height:56px; z-index:1; margin-left:-80px; background:url(../m_images/use_doc_arr1.png) no-repeat center; background-size:contain; content: ''; }
.useWrap .doc_box .box2:before { background-image:url(../m_images/use_doc_arr2.png); }
.useWrap .doc_box .tit { padding-top: 89px; font-size:14px; font-weight: bold; background:url(../m_images/use_doc_icon1.png) no-repeat center top; background-size:75px; }
.useWrap .doc_box .box2 .tit { background-image:url(../m_images/use_doc_icon2.png); }
.useWrap .doc_box .box3 .tit { background-image:url(../m_images/use_doc_icon3.png); }
.useWrap .doc_box .box3 ul li { background:#5080e0; color:#fff; }
.useWrap .doc_box ul { padding-top: 17px; }
.useWrap .doc_box ul li {width:190px; padding:0 10px; line-height: 40px; margin:0 auto; margin-bottom: 5px; text-align:center; font-size:12px; font-weight: bold; background:#fff; }
.useWrap .doc_box ul li.noBg { line-height: 20px; background:transparent; font-weight: normal; }
.useWrap .doc_box ul li + .noBg { padding-top:10px; }
.useWrap .doc_box .box3 ul li.noBg { color:#222; }
.useWrap .tabContents.checked .doc_box .box2:before { background-image: url(../m_images/use_doc_arr3.png); }
.useWrap .tabContents.send .doc_box .box2:before { background-image: url(../m_images/use_doc_arr4.png); }

/* 문서함 */
.docWrap { padding-top:15px; }
.doc .swiper-slide { 
  width:33.3333% !important; 
  margin-right:0 !important; 
  padding-left:15px;
  text-align: left; 
     -webkit-box-pack: left;
     -ms-flex-pack: left;
     -webkit-justify-content: left;
     justify-content: left;
     -webkit-box-align: left;
     -ms-flex-align: left;
     -webkit-align-items: left;
     align-items: left;
}

/* 납부 */
.payWrap { margin-top:15px; padding:15px; border:1px solid #d4d5d5; background:#fff; }
.payWrap h3 { padding-top:15px; text-align:center; font-size:16px; line-height: 26px; letter-spacing: -1px; word-break: keep-all; }
.payGuid { padding-top: 30px; }
.payGuid li { position:relative; margin-bottom: 30px; line-height: 55px; background:#f2f5f7; border-radius: 30px; }
.payGuid li::after { display: block; content: ''; clear:both; }
.payGuid li::before { position:absolute; top:65px; left:50%; width:8px; height:6px; content: ''; background:url(../m_images/arr_pay.png) no-repeat center; background-size:contain; }
.payGuid li span.txt { display: inline-block; float:left; width:calc(100% - 55px); width:-webkit-calc(100% - 55px); width:-moz-calc(100% - 55px); padding:10px; font-size:13px; letter-spacing: -1px; font-weight: bold; line-height:35px; word-break: keep-all; }
.payGuid li span.num { display: inline-block; float:left; width:55px; height:55px; border-radius: 50%; text-align:center; color:#fff; font-size:16px; font-weight: bold; background:#68d7f6; }
.payGuid li:first-child span.txt { line-height: 18px; } 
.payGuid li:nth-child(2) span.num { background: #86d0fc; }
.payGuid li:nth-child(3) span.num { background: #71b9f8; }
.payGuid li:nth-child(4) span.num { background: #719ef8; }
.payGuid li:nth-child(5) span.num { background: #9396f8; }
.payGuid li:nth-child(6) span.num { background: #c89df8; }
.payGuid li:last-child { margin-bottom: 0; }
.payGuid li:last-child::before { display: none; }

/* 개인정보처리지침, 서비스이용약관 */
.privacyWrap { margin-top:17px; padding:14px 17px;  border:1px solid #d4d5d5; background:#fff;}
.privacyWrap * { color:#222; }
.privacyWrap h2 { font-size:14px; font-weight: bold; color:#222; }
.privacyWrap h3 { line-height: 20px; padding-top:33px; font-size:13px; word-break: keep-all; }
.privacyWrap p { padding-top:28px; line-height: 19px; font-size:12px; letter-spacing: -1px; }
.privacyWrap span.txt { padding-top:10px; line-height: 19px; font-size:12px; letter-spacing: -1px; }
.privacyWrap .lst_num { padding-top:28px; }
.privacyWrap .lst_num li { padding-bottom: 8px; line-height: 19px; font-size:12px; letter-spacing: -1px; word-break: keep-all; }
.privacyWrap .lst_letter { padding:15px 0 0 15px; }
.privacyWrap .lst_letter li { padding-bottom: 5px; line-height: 19px; font-size:12px; letter-spacing: -1px; word-break: keep-all; }
.privacyWrap .info { display: block; padding:10px 0; font-weight: bold; color:#43aee8; }
.privacyWrap a { display: inline-block; line-height: 19px; font-size:11px; letter-spacing: -1px; text-decoration: underline; }

/* 공지사항, 자료실, FAQ */
.faqWrap { padding-top:15px; }
.fileWrap > label { position:relative; display: inline-block; width:26px; height:23px; margin-bottom: 0; margin-top:-3px; vertical-align: middle; overflow: hidden; background:url(../m_images/icon_fileAdd.png) no-repeat left top; cursor: pointer;  }
.fileWrap > label input[type=file] { position:absolute; width:0px; height:0px; overflow:hidden; }
.fileWrap >input[type=text] { display: inline-block; width:calc(100% - 31px); }

/* 마이페이지 */
.myWrap { padding-top:15px; }
.myWrap .tblType3 { margin-top:30px; }
.myWrap .tblType3:nth-of-type(1) { margin-top:0; }