@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

.login-container { width: 400px; height: 100%; margin: 0 auto; }
.login-wrapper { width: 100%; height: 100%; background-color: #ffffff; }

.company-intro-table { width: 800px; margin: 50px auto 0 auto; }
.company-intro-table > tbody > tr > td:FIRST-CHILD { vertical-align: top; font-size: 25pt; }
.company-intro-table table { width: 100%; border-top: 2px solid #555555; border-bottom: 2px solid #dddddd; }
.company-intro-table table tr td { padding: 10px 20px; font-size: 13pt; }
.company-intro-table table tr td:FIRST-CHILD { color: 1a1a1a; font-weight: bold; }
.company-intro-table table tr td:LAST-CHILD { color: #666666; }

.function-step-table { width: 100%; height: 65px; table-layout: fixed; }
.function-step-table td p,.function-step-table td img { vertical-align: middle; }
.function-step-table td.odd { text-align: right; }
.function-step-table tr td.even { text-align: left; }

.function-intro-table { width: 800px; margin: 0 auto 40px auto; border-collapse: separate; border-spacing: 20px; }
.function-intro-table tr:LAST-CHILD td { border-top: 2px solid #1a1a1a; border-bottom: 1px solid #dddddd; }
.function-intro-table td { vertical-align: top; }
.function-intro-table p { margin: -10px 0; }
.function-intro-table ul { padding-left: 17px; }
.function-intro-table li { margin-bottom: 10px; }
.function-intro-table span { color: #999999; }




.td_description{
	background-color: #F2FFF6;
}


.fee-table { width: 930px; margin: 30px auto 0 auto; }
.fee-table th { background-color: #EBFFFD;  border: 1px solid #cccccc; font-size: 12pt; color: #595959; }
.fee-table td { padding: 20px; border: 1px solid #cccccc; font-size: 11pt; color: #999999; line-height: 30px;  }

.pctwoway-intro-table { width: 800px; margin: 0 auto; }
.pctwoway-intro-table td:LAST-CHILD { text-align: center; }

.pctwoway-use-table { width: 800px; border-top: 2px solid #1a1a1a; border-bottom: 1px solid #dddddd; margin: 30px auto 0 auto; }
.pctwoway-use-table td { vertical-align: top; padding: 30px 0; }

.small-table { width: 800px; border-top: 2px solid #1a1a1a; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;margin: 5px auto 0 auto; }
.small-table th { vertical-align: center; padding: 5px 0; border: 1px solid #dddddd; border-bottom: 2px solid #1a1a1a;}
.small-table td { vertical-align: center; padding: 5px 0; border: 1px solid #dddddd;}

.board-table-wrapper {  margin-bottom: 30px; }
.board-table { width:70%; min-width:1100px; min-width: 800px; margin: 0 auto; }
.board-table thead { border-top: 2px solid #1c1c1c; border-bottom: 1px solid #999999; }
.board-table tbody { border-bottom: 1px solid #999999; }
.board-table tbody .accordion-title:FIRST-CHILD { border-top: 1px solid #999999; }
.board-table tbody .accordion-title { border-top: 1px solid #e0e0e0; }
.board-table tbody .accordion-contents { background-color: #fafafa; }
.board-table tbody .accordion-answer { background-color: #f0f9ff; }
.board-table th { padding: 15px 0; font-size: 11pt; color: #1a1a1a; font-weight: bold; text-align: center; }
.board-table .accordion-title td { padding: 15px 0; font-size: 12pt; color: #1a1a1a; }
.board-table .accordion-contents td { padding: 30px 0; font-size: 12pt; color: #1a1a1a; line-height: 35px; min-height: 200px; }
.board-table .accordion-answer td { padding: 30px 0; font-size: 12pt; color: #1a1a1a; line-height: 35px; min-height: 200px; }
.board-table td a { font-size: 12pt; color: #1a1a1a; }
.board-table tbody td { text-align: center; }
.board-table tbody tr td:NTH-CHILD(2) { text-align: left; padding-left: 20px; }
.board-table .accordion-title .arrow { display: inline-block; width: 14px; height: 9px; background-image: url("/resources/img/component/icon_arrowdown.png"); }
.board-table .accordion-title.active .arrow { display: inline-block; width: 14px; height: 9px; background-image: url("/resources/img/component/icon_arrowup.png"); }
.board-table-btn-cover{
	width:70%; min-width:1100px; min-width: 200px;
}

.requst-board-table-wrapper {
	/* width:70%; */ 
	max-width:1000px; min-width: 1000px; margin: 0 auto;
	margin: 0 auto;
	padding: 0px;
	background-color: white;
}
.requst-board-table { width: 100% }
.requst-board-table thead { border-top: 2px solid #1c1c1c; border-bottom: 1px solid #999999; }
.requst-board-table tbody { border-bottom: 1px solid #999999; }
.requst-board-table tbody .accordion-title:FIRST-CHILD { border-top: 1px solid #999999; }
.requst-board-table tbody .accordion-title { border-top: 1px solid #e0e0e0; }
.requst-board-table tbody .accordion-contents { background-color: #fafafa; }
.requst-board-table tbody .accordion-answer { background-color: #f0f9ff; }
.requst-board-table th { padding: 15px 0; font-size: 11pt; color: #1a1a1a; font-weight: bold; text-align: center; }
.requst-board-table .accordion-title td { padding: 15px 0; font-size: 12pt; color: #1a1a1a; }
.requst-board-table .accordion-contents td { padding: 30px 0; font-size: 12pt; color: #1a1a1a; line-height: 35px; min-height: 200px; }
.requst-board-table .accordion-answer td { padding: 30px 0; font-size: 12pt; color: #1a1a1a; line-height: 35px; min-height: 200px; }
.requst-board-table td a { font-size: 12pt; color: #1a1a1a; }
.requst-board-table tbody td { text-align: center; }
.requst-board-table tbody tr td:NTH-CHILD(2) { text-align: left; padding-left: 20px; }
.requst-board-table .accordion-title .arrow { display: inline-block; width: 14px; height: 9px; background-image: url("/resources/img/component/icon_arrowdown.png"); }
.requst-board-table .accordion-title.active .arrow { display: inline-block; width: 14px; height: 9px; background-image: url("/resources/img/component/icon_arrowup.png"); }
.requst-board-table-btn-cover{
	width:70%; min-width:1100px; min-width: 200px;
}

.pagination-container { width: 800px; text-align: center; margin: 0 auto; }
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }
.pagination {
  margin: 10px 0; }
  .pagination.pagination-circle > li:first-child > a {
    border-radius: 25px 0 0 25px !important; }
  .pagination.pagination-circle > li:last-child > a {
    border-radius: 0 25px 25px 0 !important; }
li.disabled { cursor: default; }
li.disabled > a { pointer-events: none; }

.div-circle-1 { display: inline-table; width: 170px; height: 170px; border: 1px solid #dedede; border-radius: 100px; margin: 0 20px; }
.div-circle-1 div { margin-top: 30px; }

.cms-fee-tab { width: 800px; margin: 50px auto 0 auto; table-layout: fixed; }
.cms-fee-tab td { border: 1px solid #cccccc; height: 40px; text-align: center; font-size: 13pt; color: #666666; font-weight: bold; cursor: pointer; }
.cms-fee-tab td.active { background-color: #1d2089; color: #ffffff; }

.cms-fee-table { width: 800px; margin: 0px auto 0 auto; }
.cms-fee-table th { border: 1px solid #cccccc; height: 60px; text-align: center; font-size: 12pt; background-color: #f9f9f9; }
.cms-fee-table td { border: 1px solid #cccccc; height: 60px; text-align: center; font-size: 12pt; color: #666666; }

.tabs { width: 800px; margin: 0 auto 20px auto; table-layout: fixed; }
.tabs td { border: 1px solid #cccccc; height: 40px; text-align: center; font-size: 13pt; color: #666666; font-weight: bold; cursor: pointer; }
.tabs td.active { background-color: #1d2089; color: #ffffff; }

.tab-content { width: 800px; margin: 0 auto 20px auto; border: 1px solid #cccccc; }
.tab-panel { display: none; font-size: 9pt; font-family: 굴림; padding: 10px;}

.step-container { width: 100%; }
.step-3 { width: 265px; }
.step { display: inline-block; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-left: -1px; }
.step p { margin: 0; padding: 0; color: #999999; }
.step.active { border-bottom: 2px solid #1a1a1a; }
.step.active p { color: #1a1a1a; }
.step div { margin: 15px; }
.step p:FIRST-CHILD { font-size: 10pt; }
.step p:LAST-CHILD { font-size: 14pt; font-weight: bold; }

.checkbox-1 { position: relative; }
.checkbox-1 input { display: none; }
.checkbox-1 input + span { display: inline-block; width: 20px; height: 20px; background: url("/resources/img/component/btn_check1_off.png") no-repeat; }
.checkbox-1 input:checked + span { display: inline-block; width: 20px; height: 20px; background: url("/resources/img/component/btn_check1_on.png") no-repeat; }

.checkbox-2 { position: relative; }
.checkbox-2 input { display: none; }
.checkbox-2 input + span { display: inline-block; width: 18px; height: 18px; background: url("/resources/img/component/btn_check2_off.png") no-repeat; position: relative; top: 4px; }
.checkbox-2 input:checked + span { display: inline-block; width: 18px; height: 18px; background: url("/resources/img/component/btn_check2_on.png") no-repeat; position: relative; top: 4px; }

.radio { position: relative; }
.radio input { display: none; }
.radio input + span { display: inline-block; width: 14px; height: 14px; background: url("/resources/img/component/btn_radio_off.png") no-repeat; }
.radio input:checked + span { display: inline-block; width: 14px; height: 14px; background: url("/resources/img/component/btn_radio_on.png") no-repeat; }

.term-container { width: 100%; height: 150px; border: 1px solid #dddddd; padding: 15px; font-size: 9pt; color: #666666; overflow: auto; box-sizing: border-box; font-family: 굴림;}

.form-table { width: 100%; margin: 10px 0; }
.form-table th,.form-table td { font-size: 11pt; vertical-align: top; text-align: left; font-weight: normal; }
.form-table th { width: 30%; padding: 15px 0; }
.form-table td { padding: 10px 0; }
.form-table input[type='text'],.form-table input[type='password'],.form-table select { width: 100%; height: 34px; border: 1px solid #dddddd; padding: 6px 12px; box-sizing: border-box; }
.form-table .readonly { background-color: #eeeeee; color: #555555; }
.help { display: block; margin: 5px 0; }
.has-error { color: #e73d4a; }
.has-error input[type='text'],.has-error input[type='password'],.has-error select { border: 1px solid #e73d4a; }

.input-set > * { float: left; }

.service-table { width: 100%; }
.service-table thead tr { border-bottom: 1px solid #333333; }
.service-table tbody tr { border-bottom: 1px solid #ece8e9; }
.service-table th { padding: 15px 0; font-size: 11pt; text-align: center;}
.service-table td { padding: 30px 0; font-size: 11pt; font-weight: bold; }
.service-table tbody tr td { text-align: center; }
.service-table tbody tr td:NTH-CHILD(2) { color: #75c100; }
.service-table tbody tr td:NTH-CHILD(3) { text-align: left; }
.service-table input[type='text'],.service-table select { width: 80%; height: 30px; border: 1px solid #dddddd; padding: 3px 6px; box-sizing: border-box; }

.pay-container { border: 3px solid #ece8e9; margin-top: 50px; padding: 30px 40px 40px 40px; box-sizing: border-box; }
.pay-container > div:FIRST-CHILD { width: 70%; float:left; padding-right: 40px; box-sizing: border-box; }
.pay-container > div:LAST-CHILD { width: 30%; float:left; }

.pay-list { list-style: none; padding: 0; border-top: 1px solid #1a1a1a; margin-top: 20px; }
.pay-list li { border-bottom: 1px solid #dddddd; padding: 20px 0; }

.btn-pay { -webkit-appearance: none; border: none; padding: 15px 45px; font-size: 11pt; font-weight: bold; background-color: #333333; color: #ffffff; margin-top: 30px; width: 100%; }

.align-both { position: relative; height: 20px; }
.align-both > span:FIRST-CHILD { position: absolute; bottom: 0px; left: 0px; }
.align-both > span:LAST-CHILD { position: absolute; bottom: 0px; right: 0px; }

.editor-table { width: 100%; }
.editor-table th { font-size: 11pt; vertical-align: top; text-align: center; font-weight: normal; }
.editor-table td { font-size: 11pt; vertical-align: top; text-align: left; font-weight: normal; }
.editor-table th { width: 15%; padding: 15px 0; }
.editor-table td { padding: 10px 0; }
.editor-table input[type='text'],.editor-table select { width: 100%; height: 34px; border: 1px solid #dddddd; padding: 6px 12px; box-sizing: border-box; }

.fileinput { font-size: 0pt; }
.fileinput .input-large { width: 400px; height: 34px; border: 1px solid #dddddd; padding: 7px 12px 5px 12px; font-size: 14px; line-height: 20px; box-sizing: border-box; }
.fileinput .fileinput-filename { line-height: 20px; }
.fileinput .btn-file { display: inline-block; height: 34px; box-sizing: border-box; padding: 6px 18px; border-radius: 0px!important; text-align: center; line-height: 22px; background-color: #32c5d2; color: #ffffff; }
.fileinput .btn-remove { padding: 7px 18px; border-radius: 0px!important; text-align: center; background-color: #e7505a; color: #ffffff; }

.editor_cover{
	width: 860px;  height: 100%;
}

.editor_cover input, .editor_cover div{
	width: 686px !important; 	
}

.editor_cover #editor{
	width: 678px; height: 300px;	
}


.sub-text-left{
	font-size: 11pt;
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
}

.sub-text-left li{
	font-size: 11pt;
}