/*=================================================================================================
// 명    칭 : 기본 스타일
// 처리내용 :
// 작 성 자 : 2018-10-25 김진후
//=================================================================================================*/
@charset "utf-8";

/*@import url(https://fonts.googleapis.com/earlyaccess/NanumGothic.css);*/
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700);
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* CSS 기본리셋 =================================================================================================*/
/* *{-webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box; }*/
*{margin:0; padding:0; box-sizing:border-box;}
html{width:100%; height:100%;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; vertical-align:middle; background:transparent; list-style:none; font-family:'GmarketSansMedium', '맑은 고딕', 'Dotum', '돋움', verdana, sans-serif; letter-spacing: -0.5px;}
sup{vertical-align:top; font-size:0.6em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,em,address, a{font-style:normal; text-shadow: none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:''; content:none;}
table{width:100%; border-collapse:collapse; empty-cells:show; border-spacing:0; word-break:break-all; border:0;}
/*table th, table td{vertical-align:middle;}*/
caption{visibility:hidden; width:0; height:0; font-size:0; line-height:0; zoom:1;}
fieldset{margin:0; padding:0; border:0 none; text-align:center;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}
select, img, input, textarea,button{vertical-align:middle; font-family:'GmarketSansMedium', '맑은 고딕', 'Dotum', '돋움', verdana, sans-serif; color:#888;}
label input[type=checkbox], label input[type=radio]{margin-right:5px; height:13px !important; width:13px !important;}
button{background:none; margin:0; padding:0; border:0 none; cursor:pointer;}
img{border:none; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop');}
hr{display:none;}
.hide{display:none;}

header ul, nav ul, aside ul, footer ul{margin:0; padding:0; list-style:none}
img, fieldset, button{border:0; vertical-align:middle;}
hr, caption, legend{display:none;}
dl, ul, ol, li{list-style:none;}
a{text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:underline;}

input, select, textarea, label{font-size:12px; vertical-align:middle; border-radius:0; font-family:'GmarketSansMedium', '맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;}
select{border:1px solid; border-spacing:2px; border-color:#E5E5E5; padding:2px;}

textarea{overflow:auto; padding:2px 3px; border:1px solid #ccc; width:100%;}
p{margin:0; padding:0; line-height:1.6em; text-align:left; word-break:break-all; text-shadow: none;}
pre{overflow-x:scroll; font-size:1.1em}

input[type=text], input[type=password], input[type=submit], input[type=image]{-webkit-appearance:none;}
button{border-radius:0; font-size:1em; -webkit-appearance:none}
button:hover{-webkit-transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -moz-transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -ms-transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -o-transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;}
/* //CSS 기본리셋 =================================================================================================*/

/* Link 스타일 =================================================================================================*/
a, .moveimg{text-decoration:none; color:#777; -webkit-transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -moz-transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -ms-transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -o-transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; transition:background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; outline:none;}
a:hover{text-decoration:none; color:#141e29;}

/* Placeholder =================================================================================================*/
::-webkit-input-placeholder{color:#aaa; font-size:13px;}
::-moz-placeholder{color:#aaa; font-size:13px;} /* firefox 19+ */
:-ms-input-placeholder{color:#aaa; font-size:13px; } /* ie */
input:-moz-placeholder{color:#aaa; font-size:13px; }
/* //Link 스타일 =================================================================================================*/

.ssCenter { text-align:center !important; }
.ssRight  { text-align:right !important; }
.ssLeft   { text-align:left !important; }
.ssMiddle { vertical-align:middle !important; }
.ssTop    { vertical-align:top !important; }
.ssBottom { vertical-align:bottom !important; }
.hide { display:none; }

/*.ssNum { font-family: "Arial" !important; }*/  /* 숫자관련 폰트 */
.ssNum { font-family: "tahoma" !important; }  /* 숫자관련 폰트 */
.ssFontTahoma { font-family: "tahoma"; }  /* 숫자관련 폰트 */

.ssFloatL { float:left !important;  }
.ssFloatR { float:right !important; }
.ssHand   { cursor:pointer !important; }
.ssShow   { display:block !important; }
.ssHide   { display:none !important; }
.ssNormal { font-weight:normal !important; }
.ssBold   { font-weight:bold !important; }
.ssClear  { display:block !important; float:none !important; clear:both !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }

/* 문자색 --------------------------------------------------------------------------------- */
.ssRed    { color:red !important; }
.ssBlue   { color:blue !important; }
.ssGreen  { color:green !important; }
.ssYellow { color:yellow !important; }
.ssBlack  { color:black !important; }
.ssWhite  { color:white !important; }
.ssGray   { color:gray !important; }
.ssNavy   { color:navy !important; }
.ssOrange { color:orange !important; }
.ssPurple { color:purple !important; }

/* 배경색 --------------------------------------------------------------------------------- */
.ssBgRed    { background:red !important; }
.ssBgBlue   { background:blue !important; }
.ssBgGreen  { background:green !important; }
.ssBgYellow { background:yellow !important; }
.ssBgBlack  { background:black !important; }
.ssBgWhite  { background:white !important; }
.ssBgGray   { background:gray !important; }
.ssBgGray2  { background:#cccccc !important; }
.ssBgNavy   { background:navy !important; }
.ssBgOrange { background:#ff6600 !important; }
.ssBgPurple { background:purple !important; }

/* Margin 스타일 =================================================================================================*/
.MA00{margin:0 !important;}
.MA05{margin:5px !important;}
.MA10{margin:10px !important;}
.MA15{margin:15px !important;}
.MA20{margin:20px !important;}
.MA25{margin:25px !important;}
.MA30{margin:30px !important;}
.MA35{margin:35px !important;}
.MA40{margin:40px !important;}
.MA45{margin:45px !important;}
.MA50{margin:50px !important;}
.MA55{margin:55px !important;}
.MA60{margin:60px !important;}
.MA65{margin:65px !important;}
.MA70{margin:70px !important;}
.MA75{margin:75px !important;}
.MA80{margin:80px !important;}
.MA85{margin:85px !important;}
.MA90{margin:90px !important;}
.MA95{margin:95px !important;}
.MA100{margin:100px !important;}

.MAL00{margin-left:0 !important;}
.MAL05{margin-left:5px !important;}
.MAL10{margin-left:10px !important;}
.MAL15{margin-left:15px !important;}
.MAL20{margin-left:20px !important;}
.MAL25{margin-left:25px !important;}
.MAL30{margin-left:30px !important;}
.MAL35{margin-left:35px !important;}
.MAL40{margin-left:40px !important;}
.MAL45{margin-left:45px !important;}
.MAL50{margin-left:50px !important;}
.MAL55{margin-left:55px !important;}
.MAL60{margin-left:60px !important;}
.MAL65{margin-left:65px !important;}
.MAL70{margin-left:70px !important;}
.MAL75{margin-left:75px !important;}
.MAL80{margin-left:80px !important;}
.MAL85{margin-left:85px !important;}
.MAL90{margin-left:90px !important;}
.MAL95{margin-left:95px !important;}
.MAL100{margin-left:100px !important;}

.MAR00{margin-right:0 !important;}
.MAR05{margin-right:5px !important;}
.MAR10{margin-right:10px !important;}
.MAR15{margin-right:15px !important;}
.MAR20{margin-right:20px !important;}
.MAR25{margin-right:25px !important;}
.MAR30{margin-right:30px !important;}
.MAR35{margin-right:35px !important;}
.MAR40{margin-right:40px !important;}
.MAR45{margin-right:45px !important;}
.MAR50{margin-right:50px !important;}
.MAR55{margin-right:55px !important;}
.MAR60{margin-right:60px !important;}
.MAR65{margin-right:65px !important;}
.MAR70{margin-right:70px !important;}
.MAR75{margin-right:75px !important;}
.MAR80{margin-right:80px !important;}
.MAR85{margin-right:85px !important;}
.MAR90{margin-right:90px !important;}
.MAR95{margin-right:95px !important;}
.MAR100{margin-right:100px !important;}

.MAT00{margin-top:0 !important;}
.MAT05{margin-top:5px !important;}
.MAT10{margin-top:10px !important;}
.MAT15{margin-top:15px !important;}
.MAT20{margin-top:20px !important;}
.MAT25{margin-top:25px !important;}
.MAT30{margin-top:30px !important;}
.MAT35{margin-top:35px !important;}
.MAT40{margin-top:40px !important;}
.MAT45{margin-top:45px !important;}
.MAT50{margin-top:50px !important;}
.MAT55{margin-top:55px !important;}
.MAT60{margin-top:60px !important;}
.MAT65{margin-top:65px !important;}
.MAT70{margin-top:70px !important;}
.MAT75{margin-top:75px !important;}
.MAT80{margin-top:80px !important;}
.MAT85{margin-top:85px !important;}
.MAT90{margin-top:90px !important;}
.MAT95{margin-top:95px !important;}
.MAT100{margin-top:100px !important;}

.MAB00{margin-bottom:0 !important;}
.MAB05{margin-bottom:5px !important;}
.MAB10{margin-bottom:10px !important;}
.MAB15{margin-bottom:15px !important;}
.MAB20{margin-bottom:20px !important;}
.MAB25{margin-bottom:25px !important;}
.MAB30{margin-bottom:30px !important;}
.MAB35{margin-bottom:35px !important;}
.MAB40{margin-bottom:40px !important;}
.MAB45{margin-bottom:45px !important;}
.MAB50{margin-bottom:50px !important;}
.MAB55{margin-bottom:55px !important;}
.MAB60{margin-bottom:60px !important;}
.MAB65{margin-bottom:65px !important;}
.MAB70{margin-bottom:70px !important;}
.MAB75{margin-bottom:75px !important;}
.MAB80{margin-bottom:80px !important;}
.MAB85{margin-bottom:85px !important;}
.MAB90{margin-bottom:90px !important;}
.MAB95{margin-bottom:95px !important;}
.MAB100{margin-bottom:100px !important;}
/* //Margin 스타일 =================================================================================================*/

/* Padding 스타일 =================================================================================================*/
.PA00{padding:0 !important;}
.PA05{padding:5px !important;}
.PA10{padding:10px !important;}
.PA15{padding:15px !important;}
.PA20{padding:20px !important;}
.PA25{padding:25px !important;}
.PA30{padding:30px !important;}
.PA35{padding:35px !important;}
.PA40{padding:40px !important;}
.PA45{padding:45px !important;}
.PA50{padding:50px !important;}
.PA55{padding:55px !important;}
.PA60{padding:60px !important;}
.PA65{padding:65px !important;}
.PA70{padding:70px !important;}
.PA75{padding:75px !important;}
.PA80{padding:80px !important;}
.PA85{padding:85px !important;}
.PA90{padding:90px !important;}
.PA95{padding:95px !important;}
.PA100{padding:100px !important;}

.PAL00{padding-left:0 !important;}
.PAL05{padding-left:5px !important;}
.PAL10{padding-left:10px !important;}
.PAL15{padding-left:15px !important;}
.PAL20{padding-left:20px !important;}
.PAL25{padding-left:25px !important;}
.PAL30{padding-left:30px !important;}
.PAL35{padding-left:35px !important;}
.PAL40{padding-left:40px !important;}
.PAL45{padding-left:45px !important;}
.PAL50{padding-left:50px !important;}
.PAL55{padding-left:55px !important;}
.PAL60{padding-left:60px !important;}
.PAL65{padding-left:65px !important;}
.PAL70{padding-left:70px !important;}
.PAL75{padding-left:75px !important;}
.PAL80{padding-left:80px !important;}
.PAL85{padding-left:85px !important;}
.PAL90{padding-left:90px !important;}
.PAL95{padding-left:95px !important;}
.PAL100{padding-left:100px !important;}

.PAR00{padding-right:0 !important;}
.PAR05{padding-right:5px !important;}
.PAR10{padding-right:10px !important;}
.PAR15{padding-right:15px !important;}
.PAR20{padding-right:20px !important;}
.PAR25{padding-right:25px !important;}
.PAR30{padding-right:30px !important;}
.PAR35{padding-right:35px !important;}
.PAR40{padding-right:40px !important;}
.PAR45{padding-right:45px !important;}
.PAR50{padding-right:50px !important;}
.PAR55{padding-right:55px !important;}
.PAR60{padding-right:60px !important;}
.PAR65{padding-right:65px !important;}
.PAR70{padding-right:70px !important;}
.PAR75{padding-right:75px !important;}
.PAR80{padding-right:80px !important;}
.PAR85{padding-right:85px !important;}
.PAR90{padding-right:90px !important;}
.PAR95{padding-right:95px !important;}
.PAR100{padding-right:100px !important;}

.PAT00{padding-top:0 !important;}
.PAT05{padding-top:5px !important;}
.PAT10{padding-top:10px !important;}
.PAT15{padding-top:15px !important;}
.PAT20{padding-top:20px !important;}
.PAT25{padding-top:25px !important;}
.PAT30{padding-top:30px !important;}
.PAT35{padding-top:35px !important;}
.PAT40{padding-top:40px !important;}
.PAT45{padding-top:45px !important;}
.PAT50{padding-top:50px !important;}
.PAT55{padding-top:55px !important;}
.PAT60{padding-top:60px !important;}
.PAT65{padding-top:65px !important;}
.PAT70{padding-top:70px !important;}
.PAT75{padding-top:75px !important;}
.PAT80{padding-top:80px !important;}
.PAT85{padding-top:85px !important;}
.PAT90{padding-top:90px !important;}
.PAT95{padding-top:95px !important;}
.PAT100{padding-top:100px !important;}

.PAB00{padding-bottom:0 !important;}
.PAB05{padding-bottom:5px !important;}
.PAB10{padding-bottom:10px !important;}
.PAB15{padding-bottom:15px !important;}
.PAB20{padding-bottom:20px !important;}
.PAB25{padding-bottom:25px !important;}
.PAB30{padding-bottom:30px !important;}
.PAB35{padding-bottom:35px !important;}
.PAB40{padding-bottom:40px !important;}
.PAB45{padding-bottom:45px !important;}
.PAB50{padding-bottom:50px !important;}
.PAB55{padding-bottom:55px !important;}
.PAB60{padding-bottom:60px !important;}
.PAB65{padding-bottom:65px !important;}
.PAB70{padding-bottom:70px !important;}
.PAB75{padding-bottom:75px !important;}
.PAB80{padding-bottom:80px !important;}
.PAB85{padding-bottom:85px !important;}
.PAB90{padding-bottom:90px !important;}
.PAB95{padding-bottom:95px !important;}
.PAB100{padding-bottom:100px !important;}
/* //Padding 스타일 =================================================================================================*/

/* width 값 스타일 =================================================================================================*/
.WID05{width:5% !important;}
.WID10{width:10% !important;}
.WID15{width:15% !important;}
.WID20{width:20% !important;}
.WID25{width:25% !important;}
.WID30{width:30% !important;}
.WID35{width:35% !important;}
.WID40{width:40% !important;}
.WID45{width:45% !important;}
.WID50{width:50% !important;}
.WID55{width:55% !important;}
.WID60{width:60% !important;}
.WID65{width:65% !important;}
.WID70{width:70% !important;}
.WID75{width:75% !important;}
.WID80{width:80% !important;}
.WID85{width:85% !important;}
.WID90{width:90% !important;}
.WID95{width:95% !important;}
.WID98{width:98% !important;}
.WID100{width:100% !important;}
/* //width 값 스타일 =================================================================================================*/

/* 폰트사이즈 =================================================================================================*/
.FONT09{font-size:9px !important;}
.FONT10{font-size:10px !important;}
.FONT11{font-size:11px !important;}
.FONT12{font-size:12px !important;}
.FONT13{font-size:13px !important;}
.FONT14{font-size:14px !important;}
.FONT15{font-size:15px !important;}
.FONT16{font-size:16px !important;}
.FONT17{font-size:17px !important;}
.FONT18{font-size:18px !important;}
.FONT19{font-size:19px !important;}
.FONT20{font-size:20px !important;}
.FONT21{font-size:21px !important;}
.FONT22{font-size:22px !important;}
.FONT23{font-size:23px !important;}
.FONT24{font-size:24px !important;}
.FONT25{font-size:25px !important;}
.FONT26{font-size:26px !important;}
.FONT27{font-size:27px !important;}
.FONT28{font-size:28px !important;}
.FONT29{font-size:29px !important;}
.FONT30{font-size:30px !important;}
/* //폰트사이즈 =================================================================================================*/

/* 텍스트정렬 =================================================================================================*/
.textLEFT{text-align:left !important;}
.textRIGHT{text-align:right !important;}
.textCENTER{text-align:center !important;}
/* //텍스트정렬 =================================================================================================*/

.floatLEFT{float:left !important;}
.floatRIGHT{float:right !important;}

.positionRelative{position:relative !important;}
.positionAbsolute{position:absolute !important;}
.positionFixed{position:fixed !important;}





/* 탭 메뉴 기본 =================================================================================================*/
#sub_tab{position:relative; width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; margin:0 0 30px 0;}
#sub_tab ul{overflow:hidden;}
#sub_tab ul li{float:left; width:20%; height:45px; line-height:45px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#sub_tab ul li a{display:block; font-size:14px; color:#999}
#sub_tab ul li a:hover{color:#333; font-weight:400;}
/* //탭 메뉴 기본 =================================================================================================*/


/* 탭디자인 =================================================================================================*/
.commonTab{overflow:hidden; margin:0 0 27px 0; border-left:1px solid #ccc; width:99.9%;}
.commonTab li{float:left; width:33.333%; line-height:50px; text-align:center; font-size:16px; font-weight:400; border:solid 1px #ccc; border-left:0;}
.commonTab li a{display:block;}
.commonTab .on{background:#555; color:#fad22a; height:52px; border:none;}
/* //탭디자인 =================================================================================================*/


/* 테이블 기본 =================================================================================================*/
.dcBasicTable{width:100%; margin:0 auto; border-collapse:collapse; border-spacing:0; font-size:14px; border-top:solid 2px #242143;}
.dcBasicTable thead tr{background:#f6f6f6; border-bottom:solid 1px #ddd;}
.dcBasicTable thead tr th{vertical-align:middle; padding:20px; text-align:center; color:#333; font-weight:500; border-right:1px solid #ddd; font-size:18px;}
.dcBasicTable thead tr th:last-child{border-right:0;}
.dcBasicTable tbody tr{border-bottom:solid 1px #ddd;}
.dcBasicTable tbody tr th{vertical-align:middle; padding:20px; text-align:center; color:#333; font-weight:500; background:#f4f4f4; border-right:1px solid #ddd;}
.dcBasicTable tbody tr th:last-child{border-right:0;}
.dcBasicTable tbody tr td{vertical-align:middle; padding:20px; text-align:center; color:#333; font-weight:400; border-right:1px solid #ddd;}
.dcBasicTable tbody tr td:last-child{border-right:0;}
.dcBasicTable tbody tr td.center{text-align:center;}
.dcBasicTable tbody tr td.right{text-align:right;}
.dcBasicTable tbody tr td.left{text-align:left;}

.dcBasicTableThin{width:100%; margin:0 auto; border-collapse:collapse; border-spacing:0; font-size:14px; border-top:solid 2px #242143;}
.dcBasicTableThin thead tr{background:#f6f6f6; border-bottom:solid 1px #ddd;}
.dcBasicTableThin thead tr th{vertical-align:middle; padding:10px; text-align:center; color:#333; font-weight:500; border-right:1px solid #ddd; font-size:14px;}
.dcBasicTableThin thead tr th:last-child{border-right:0;}
.dcBasicTableThin tbody tr{border-bottom:solid 1px #ddd;}
.dcBasicTableThin tbody tr th{vertical-align:middle; padding:10px; text-align:center; color:#333; font-weight:500; background:#f4f4f4; border-right:1px solid #ddd; font-size:14px;}
.dcBasicTableThin tbody tr th:last-child{border-right:0;}
.dcBasicTableThin tbody tr td{vertical-align:middle; padding:10px; text-align:center; color:#333; font-weight:400; border-right:1px solid #ddd;}
.dcBasicTableThin tbody tr td:last-child{border-right:0;}
.dcBasicTableThin tbody tr td.center{text-align:center;}
.dcBasicTableThin tbody tr td.right{text-align:right;}
.dcBasicTableThin tbody tr td.left{text-align:left;}
/* //테이블 기본 =================================================================================================*/


/* 페이징 =================================================================================================*/
.dcPaging{clear:both; text-align:center; font-size:0;}
.dcPaging a{display:inline-block; width:30px; height:30px; line-height:27px; text-align:center; font-size:14px; color:#777; margin:0 2px; background-color:#fff; border:solid 1px #ccc; border-radius:50%;}
.dcPaging a:hover, .dcPaging a:active{color:#fff; background-color:#777; border:solid 1px #777;}
.dcPaging a.dcPrev{background-color:#efefef; border:solid 1px #ccc;}
.dcPaging a.dcNext{background-color:#efefef; border:solid 1px #ccc;}
.dcPaging span.current{display:inline-block; width:30px; height:30px; line-height:27px; text-align:center; font-size:14px; color:#fff; margin:0 2px; background-color:#777; border:solid 1px #777; border-radius:50%; font-weight:500;vertical-align:unset;}

.dcPaging a#pg_first{background-color:#efefef; border:solid 1px #ccc;}
.dcPaging a#pg_prev{background-color:#efefef; border:solid 1px #ccc;}
.dcPaging a#pg_next{background-color:#efefef; border:solid 1px #ccc;}
.dcPaging a#pg_last{background-color:#efefef; border:solid 1px #ccc;}

.pagination{clear:both; text-align:center; font-size:0;margin-bottom:10px;}
.pagination a{display:inline-block; width:30px; height:30px; line-height:27px; text-align:center; font-size:14px; color:#777; margin:0 2px; background-color:#fff; border:solid 1px #ccc; border-radius:50%;}
.pagination a:hover, .pagination a:active{color:#fff; background-color:#777; border:solid 1px #777;}
.pagination a.dcPrev{background-color:#efefef; border:solid 1px #ccc;}
.pagination a.dcNext{background-color:#efefef; border:solid 1px #ccc;}
.pagination span.current{display:inline-block; width:30px; height:30px; line-height:27px; text-align:center; font-size:14px; color:#fff; margin:0 2px; background-color:#777; border:solid 1px #777; border-radius:50%; font-weight:500;}

.pagination a#pg_first{background-color:#efefef; border:solid 1px #ccc;}
.pagination a#pg_prev{background-color:#efefef; border:solid 1px #ccc;}
.pagination a#pg_next{background-color:#efefef; border:solid 1px #ccc;}
.pagination a#pg_last{background-color:#efefef; border:solid 1px #ccc;}
/* //페이징 =================================================================================================*/


/* 기본버튼 =================================================================================================*/
.dcBtnWrap{overflow:hidden; text-align:center;}
.dcBtnWrap .dcBtnLeft{float:left;}
.dcBtnWrap .dcBtnRight{float:right;}
.dcBtnWrap button{width:100%; line-height:30px; text-align:center; font-size:14px; font-weight:400; padding:0 20px; box-sizing:border-box; margin-bottom:5px;}
.dcBtnWrap button.BtnFFFFFF{background-color:#fff; border:solid 1px #444; color:#444;}
.dcBtnWrap button.BtnFFFFFF:hover{background-color:#444; border:solid 1px #444; color:#fff;}
.dcBtnWrap button.Btn444444{background-color:#444; border:solid 1px #444; color:#fff;}
.dcBtnWrap button.Btn444444:hover{background-color:#fff; border:solid 1px #444; color:#444;}
.dcBtnWrap button.Btn04BABA{background-color:#04baba; border:solid 1px #04baba; color:#fff;}
.dcBtnWrap button.Btn04BABA:hover{background-color:#fff; border:solid 1px #04baba; color:#04baba;}
/* //기본버튼 =================================================================================================*/


/* 스킵네비게이션 =================================================================================================*/
#skipnavigation a{position:absolute; left:-3000%;}
#skipnavigation a:focus{display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#484848; color:#fff; text-align:center;}
/* //스킵네비게이션 =================================================================================================*/

.blind{display:none !important;}

.clearfix:after{visibility:hidden !important; display:block !important; font-size:0; content:"."; clear:both !important; height:0;}
.clearfix{display:inline-block;}
/* start commented backslash hack \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* close commented backslash hack */

input::-webkit-input-placeholder{color:#354052; font-size:14px; font-weight:300;}
input:-ms-input-placeholder{color:#354052; font-size:14px; font-weight:300;}
textarea::-webkit-input-placeholder{color:#ccc; font-size:14px; font-weight:200;}
textarea:-ms-input-placeholder{color:#ccc; font-size:14px; font-weight:200;}


/* 기본 페이징 */
.dc_pageing { text-align:center; line-height:30px; clear:both; margin:15px 0 10px 0; }
.dc_pageing * { font-family:'나눔고딕'; font-size:12px; color:#808080 !important; font-weight:bold; }
.dc_pageing a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
.dc_pageing a:hover, #pagination a:active { border:1px solid #5e5e5e; background-color:#818181; color:#ffffff !important; }
.dc_pageing span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 6px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

/* 기본버튼 */
.buttons { clear:both;margin-top:20px; overflow: hidden;min-height:50px;}
.buttons li { float:left; height:31px; }
.buttons li.right { float:right; }
.buttons li a.dc_bd_button {
  display: inline-block;border-radius:2px;padding:10px 25px;
  /*width: 80px;
  height: 45px;*/
  margin: 0;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  /*background-image: linear-gradient(180deg, #fff, #f1f1f1);*/
  text-align: center;
  font-size: 15px;letter-spacing:-0.06em;
  font-weight:600;
  color: #555;
  line-height:20px;
  cursor: pointer;
}
.buttons li a.dc_bd_button:hover {background:#f5f5f5;color:#000;border:1px solid #000;}

/* 일반적인 버튼의 상황 */
.dc_btn {
  display: inline-block;
  border-radius:2px;
  padding:10px 25px;
  /*width: 80px;
  height: 45px;*/
  margin: 0;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  background-color: #fff;
  text-align: center;
  font-size: 15px;
  letter-spacing:-0.06em;
  font-weight:600;
  color: #555;
  line-height:20px;
  cursor: pointer;
}

/* datepicker 주말 색상지정 -------------------------------------------------------------------------- */
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:first-child span { color:#f00; }
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:last-child span { color:#00f; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color:#f00; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a { color:#00f; }
.ui-datepicker-today a { background-color:#c7f18c !important; }
#ui-datepicker-div { z-index: 999999 !important; }

