@charset "utf-8";
/* CSS Document */


/** Web Font **/
@import url("../../../../agency/css/webFont.css");
@import url("/agency/css/jquery-ui.css");

/** Reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* //HTML5 display-role reset for older browsers */

body {
font-size: 100%;
line-height: 1.2em;
font-family: "Nanum Gothic", "나눔고딕", sans-serif;
color: #1f1b1b;
/*word-break: keep-all;*/
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
img, input, label {vertical-align: middle;}
em, address, caption, cite {font-style: normal;}
a:link, a:visited, a:active {text-decoration: none;	color: #282828;}
a:hover {text-decoration: underline; color: #282828;}
a:focus {color: #282828;}
/** //Reset **/


/* padding 영역 벗어나는거 잡아주기 위한 css */
input, textarea, select {    
  -webkit-box-sizing: border-box; /* Safari, Chrome et al */
     -moz-box-sizing: border-box; /* Firefox */
          box-sizing: border-box; /* Opera/IE 8+ */
}

/* placeholder */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #aaa !important;}
input::-moz-placeholder, 
textarea::-moz-placeholder {color: #aaa !important;} /* firefox 19+ */
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder {color: #aaa !important;} /* ie */
input:-moz-placeholder, 
textarea:-moz-placeholder {color: #aaa !important;}
/* // placeholder */

input[type=radio], input[type=checkbox] {width: 14px; height: 14px;}
input[type=text], input[type=password], select, textarea {font-family: "Nanum Gothic", "나눔고딕", sans-serif; font-size: 14px; color: #282828;}
input[type=text], input[type=password], select {height: 30px; border: solid 1px #e0e1e6; background-color: #fff; padding-left: 10px; vertical-align: middle;}
input[type=file] {height: 29px;}
input[type=text]:disabled, input[type=password]:disabled, select:disabled, textarea:disabled {background-color: #e8e8e8 !important;}
.check_group > span {display: inline-block; margin-right: 8px;}

select {min-width: 78px; height: 38px;}
select {
  -webkit-border-radius: 1px;
    -webkit-appearance: none;
       -moz-appearance: none;
  appearance: none;
  background: url("../../../../agency/images/board/select_icon01.png") no-repeat right 12px center #fff; /* 화살표 모양의 이미지 */
  /*background-size: 12px 6px; */
  padding-left: 8px; padding-right: 25px;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

label {margin-left: 2px;}
textarea {border:solid 1px #ddd; background: #fff; padding: 10px 0 10px 10px; line-height: 1.6em;}
button, input[type="button"] {
/*height: inherit;*/
background: transparent;
border: none;
padding: 0;
margin: 0;
vertical-align: top;
cursor: pointer;
line-height: inherit;
font-family: inherit;
font-size: inherit;
color: inherit;
white-space: nowrap;
}


/** 공통사용 **/
/* 숨김 처리 */
/*table caption,*/ 
.board table caption,  
.hidden, 
.lay_none, 
.sec-caption {
overflow: hidden !important;
border: none !important;
background: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-indent: 100% !important;
}
.target_hidden {
overflow: hidden !important;
border: none !important;
background: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}


/* skip navigation */
.skip-navi .skip-wrap a, .skip a {position: absolute; left: -3000%;}
.skip-navi .skip-wrap a:focus, .skip a:focus {position: absolute; top: 0; left: 0; z-index: 999990; width: 100%; background-color: #000; padding: 4px 0; text-align: center; font-size: 13px; color: #fff;}


/* 검은 불투명 배경 */
.blackBg {position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; filter: alpha(opacity=70); z-index: 990;}


/* width */
.width48 {width: 48px !important; min-width: auto !important;}
.width60 {width: 60px !important; min-width: 68px !important;}
.width80 {width: 80px !important;}
.width100 {width: 100px !important;}
.width110 {width: 110px !important;}
.width120 {width: 120px !important;}
.width130 {width: 130px !important;}
.width135 {width: 135px !important;}
.width170 {width: 170px !important;}
.width190 {width: 190px !important;}
.width200 {width: 200px !important;}
.width210 {width: 210px !important;}
.width220 {width: 220px !important;}
.width230 {width: 230px !important;}
.width240 {width: 240px !important;}
.width270 {width: 270px !important;}
.width300 {width: 300px !important;}
.width310 {width: 310px !important;}
.width320 {width: 320px !important;}
.width330 {width: 330px !important;}
.width340 {width: 340px !important;}
.width350 {width: 350px !important;}
.width400 {width: 400px !important;}
.width465 {width: 465px !important;}
.width_p100 {min-width: 100% !important; max-width: 100% !important;}
.width_p90 {min-width: 90% !important; max-width: 90% !important;}
.width_p80 {min-width: 80% !important;}
.width_p70 {min-width: 70% !important;}
.width_p60 {min-width: 60% !important; max-width: 60% !important;}
.width_p50 {min-width: 49.3% !important; max-width: 49.3% !important;}
.width_p20 {max-width: 20% !important;}


/*여백*/
.p0 {padding: 0 !important;}
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
 
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml65 {margin-left: 65px !important;}

.pl0 {padding-left: 0 !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}

.pr0 {padding-right: 0 !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}

.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}


/*기타*/
.clear_both {clear: both !important;}
.block {display: block !important;}
.inline_block {display: inline-block !important;}
.float_left {float: left !important;}
.float_right {float: right !important;}
.break_all {word-break: break-all !important;}
.white_nowrap {white-space: nowrap !important;}
.word_keep_all {word-break: keep-all !important;}

.align_center {text-align: center !important;}
input.align_center {text-align: center !important; padding-left: 0!important}
.align_right {text-align: right !important;}
.align_left {text-align: left !important;}
.align_top {vertical-align: top !important;}
.align_middle {vertical-align: middle !important;}

.font_bold {font-weight: 700 !important;}
.font_normal {font-weight: 400 !important;}
.font_underline {text-decoration: underline !important;}
.font_link {border-bottom: solid 1px #2874b0; color: #2874b0 !important;}
.font_link:hover {text-decoration: none;}
.font_size12 {font-size: 12px !important;}
.font_size13 {font-size: 13px !important;}
.font_size14 {font-size: 14px !important;}
.font_size15 {font-size: 15px !important; line-height: 1.5em;}
.font_size16 {font-size: 16px !important; line-height: 1.5em;}
.font_size18 {font-size: 18px !important; line-height: 1.5em;}
.font_size20 {font-size: 20px !important;}
.font_size22 {font-size: 22px !important;}
.font_size24 {font-size: 24px !important;}

.font_color01 {color: #f03926 !important;}
.font_color02 {color: #2874b0 !important;}
.font_color03 {color: #20ab8d !important;}
.font_color04 {color: #696969 !important;}
.font_color05 {color: #019bfb !important;}
.font_color06 {color: #bbb !important;}