@charset "utf-8";

@font-face {
font-family: "noto";
font-style: normal;
font-weight: 300;
src: local('notokr-thin'), local('notoKR-Thin'), local('NotoKR Thin');
src: url(../font_hi/notokr-thin.eot);/*A*/
src: url(../font_hi/notokr-thin.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-thin.woff) format('woff'),/*C*/
		url(../font_hi/notokr-thin.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-thin.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-thin.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 400;
src: local('notokr-regular'), local('notoKR-Regular'), local('NotoKR Regular');
src: url(../font_hi/notokr-regular.eot);/*A*/
src: url(../font_hi/notokr-regular.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-regular.woff) format('woff'),/*C*/
		url(../font_hi/notokr-regular.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-regular.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-regular.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 500;
src: local('notokr-demilight'), local('notoKR-Demilight'), local('NotoKR Demilight');
src: url(../font_hi/notokr-demilight.eot);/*A*/
src: url(../font_hi/notokr-demilight.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-demilight.woff) format('woff'),/*C*/
		url(../font_hi/notokr-demilight.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-demilight.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-demilight.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 600;
src: local('notokr-medium'), local('notoKR-Medium'), local('NotoKR Medium');
src: url(../font_hi/notokr-medium.eot);/*A*/
src: url(../font_hi/notokr-medium.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-medium.woff) format('woff'),/*C*/
		url(../font_hi/notokr-medium.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-medium.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-medium.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 700;
src: local('notokr-black'), local('notokr-black'), local('NotoKR Black');
src: url(../font_hi/notokr-black.eot);/*A*/
src: url(../font_hi/notokr-black.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-black.woff) format('woff'),/*C*/
		url(../font_hi/notokr-black.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-black.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-black.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 800;
src: local('notokr-bold'), local('notoKR-Bold'), local('NotoKR Bold');
src: url(../font_hi/notokr-bold.eot);/*A*/
src: url(../font_hi/notokr-bold.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-bold.woff) format('woff'),/*C*/
		url(../font_hi/notokr-bold.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-bold.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-bold.svg) format('svg');/*E*/
}


/* 나눔명조 */

@font-face {
  font-family: 'NanumMyeongjo';
  font-style: bold;
  font-weight: 600;
  src: url(../font_hi/NanumMyeongjoBold.eot);
  src: local(※),
       url(../font_hi/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
       url(../font_hi/NanumMyeongjoBold.woff) format('woff'),
       url(../font_hi/NanumMyeongjoBold.ttf) format('truetype');
}

/* Pretendard Variable */
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}



/* */
BODY {font-size:13px; color:#666666; font-family: "noto", Dotum, "돋움", Verdana, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
header {margin:0; padding:0;}
h5 {
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
/* CSS reset Start*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

html {
	margin:0;
	padding:0;
	overflow-y: scroll; 
	
	width:100%;
	height:100%;

}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:0;
	width:100%;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
a {
text-decoration:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* CSS reset End*/


/*LOW VER. IE SUPPORT HTML5*/
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;}


th {
	text-align:center;
	font-weight:bold;
}

A {color: #444444}
A:link {color: #444444; text-decoration:none}
A:visited {color: #444444; text-decoration:none}
A:active {color: #444444; text-decoration:none}
A:hover {color: #444444; text-decoration:none}

.input{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_text{border:1px solid #cccccc; background-color:#FFF; vertical-align:middle; height:18px; }
.input_text_field{border:1px solid #cccccc; width:95%; background-color:#FFF; vertical-align:middle; height:200px;}

.text_left {color:#444444; text-align:left;}
.text_center {color:#444444; text-align:center;}
.text_right {color:#444444; text-align:right;}

.insert_page_text {padding-left:20px;}
.insert_page_text_b {padding-left:20px;font-weight:bold}

#wrap {width:100%;}
#default_size {width:100%; text-align:center;}

/*기본 버튼 시작*/
@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse-shrink {
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	
	background-color:#f9f9f9;
	margin: 0.2em;
	padding: 0.2em 1em 0.2em 1em;
	cursor: pointer;
	
	border:1px solid #dcdcdc;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	
	color:#23549b;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}

.pulse-shrink:hover {
	-webkit-animation-name: pulse-shrink;
	animation-name: pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
/*기본 버튼 끝*/




.panel {
  margin-bottom: @line-height-computed;
  background-color: @panel-bg;
  border: 1px solid transparent;
  border-radius: @panel-border-radius;
  .box-shadow(0 1px 1px rgba(0,0,0,.05));
}

// Panel contents
.panel-body {
  padding: @panel-body-padding;
  &:extend(.clearfix all);
}

// Optional heading
.panel-heading {
  padding: @panel-heading-padding;
  border-bottom: 1px solid transparent;
  .border-top-radius((@panel-border-radius - 1));

  > .dropdown .dropdown-toggle {
    color: inherit;
  }
}

// Within heading, strip any `h*` tag of its default margins for spacing.
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: ceil((@font-size-base * 1.125));
  color: inherit;

  > a,
  > small,
  > .small,
  > small > a,
  > .small > a {
    color: inherit;
  }
}

// Optional footer (stays gray in every modifier class)
.panel-footer {
  padding: @panel-footer-padding;
  background-color: @panel-footer-bg;
  border-top: 1px solid @panel-inner-border;
  .border-bottom-radius((@panel-border-radius - 1));
}


// List groups in panels
//
// By default, space out list group content from panel headings to account for
// any kind of custom content between the two.

.panel {
  > .list-group,
  > .panel-collapse > .list-group {
    margin-bottom: 0;

    .list-group-item {
      border-width: 1px 0;
      border-radius: 0;
    }

    // Add border top radius for first one
    &:first-child {
      .list-group-item:first-child {
        border-top: 0;
        .border-top-radius((@panel-border-radius - 1));
      }
    }
    // Add border bottom radius for last one
    &:last-child {
      .list-group-item:last-child {
        border-bottom: 0;
        .border-bottom-radius((@panel-border-radius - 1));
      }
    }
  }
}
// Collapse space between when there's no additional content.
.panel-heading + .list-group {
  .list-group-item:first-child {
    border-top-width: 0;
  }
}
.list-group + .panel-footer {
  border-top-width: 0;
}

// Tables in panels
//
// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
// watch it go full width.

.panel {
  > .table,
  > .table-responsive > .table,
  > .panel-collapse > .table {
    margin-bottom: 0;

    caption {
      padding-left: @panel-body-padding;
      padding-right: @panel-body-padding;
    }
  }
  // Add border top radius for first one
  > .table:first-child,
  > .table-responsive:first-child > .table:first-child {
    .border-top-radius((@panel-border-radius - 1));

    > thead:first-child,
    > tbody:first-child {
      > tr:first-child {
        border-top-left-radius: (@panel-border-radius - 1);
        border-top-right-radius: (@panel-border-radius - 1);

        td:first-child,
        th:first-child {
          border-top-left-radius: (@panel-border-radius - 1);
        }
        td:last-child,
        th:last-child {
          border-top-right-radius: (@panel-border-radius - 1);
        }
      }
    }
  }
  // Add border bottom radius for last one
  > .table:last-child,
  > .table-responsive:last-child > .table:last-child {
    .border-bottom-radius((@panel-border-radius - 1));

    > tbody:last-child,
    > tfoot:last-child {
      > tr:last-child {
        border-bottom-left-radius: (@panel-border-radius - 1);
        border-bottom-right-radius: (@panel-border-radius - 1);

        td:first-child,
        th:first-child {
          border-bottom-left-radius: (@panel-border-radius - 1);
        }
        td:last-child,
        th:last-child {
          border-bottom-right-radius: (@panel-border-radius - 1);
        }
      }
    }
  }
  > .panel-body + .table,
  > .panel-body + .table-responsive,
  > .table + .panel-body,
  > .table-responsive + .panel-body {
    border-top: 1px solid @table-border-color;
  }
  > .table > tbody:first-child > tr:first-child th,
  > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
  }
  > .table-bordered,
  > .table-responsive > .table-bordered {
    border: 0;
    > thead,
    > tbody,
    > tfoot {
      > tr {
        > th:first-child,
        > td:first-child {
          border-left: 0;
        }
        > th:last-child,
        > td:last-child {
          border-right: 0;
        }
      }
    }
    > thead,
    > tbody {
      > tr:first-child {
        > td,
        > th {
          border-bottom: 0;
        }
      }
    }
    > tbody,
    > tfoot {
      > tr:last-child {
        > td,
        > th {
          border-bottom: 0;
        }
      }
    }
  }
  > .table-responsive {
    border: 0;
    margin-bottom: 0;
  }
}


// Collapsable panels (aka, accordion)
//
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
// the help of our collapse JavaScript plugin.

.panel-group {
  margin-bottom: @line-height-computed;

  // Tighten up margin so it's only between panels
  .panel {
    margin-bottom: 0;
    border-radius: @panel-border-radius;

    + .panel {
      margin-top: 5px;
    }
  }

  .panel-heading {
    border-bottom: 0;

    + .panel-collapse > .panel-body,
    + .panel-collapse > .list-group {
      border-top: 1px solid @panel-inner-border;
    }
  }

  .panel-footer {
    border-top: 0;
    + .panel-collapse .panel-body {
      border-bottom: 1px solid @panel-inner-border;
    }
  }
}


// Contextual variations
.panel-default {
  .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
}
.panel-primary {
  .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
}
.panel-success {
  .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
}
.panel-info {
  .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
}
.panel-warning {
  .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
}
.panel-danger {
  .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
}

/* modal */
/* 팝업 레이어 : 내용 */
.layer-pop img {
  width: 100%;
  margin-bottom: 20px;
}

/* 팝업 레이어 : 버튼 속성 */
.layer-pop .exit-btn {
 position:absolute;
 top:-15px;
 right:-15px;
}


/* 팝업 레이어 */
.layer-pop {
  position: absolute;
  z-index: 51;
  /* 크기 조정 */
  left: 50%;
  top: 25%;
  width: 30%;
  margin: 0 0 0 -15%;
  border: 1px solid #ddd;
  background-color: #fff;
}

.device-layer {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.layer-con {
	padding:40px 60px;

}
.layer-con h3 {
	font-size:22px; 
	font-weight:800;
	color:#000;
	letter-spacing:-0.03em;
	text-align:center;
	line-height:22px;
	margin:0 0 25px 0;
}
.layer-con .con-center {
	width:100%; 
	background:#f2f2f2;
	padding:35px 0;
	text-align:center;
}
.layer-con .con-center p {
	font-size:17px;
	font-weight:600;
	color:#000;
	letter-spacing:-0.03em;
	line-height:26px;
}
.layer-con .con-center p strong {
	font-weight:600;
	color:#e90e0e;
}

/* 개인정보취급방침 */
.privacy-pop .exit-btn {
 position:absolute;
 top:0;
 right:0;
}


/* 팝업 레이어 */
.privacy-pop {
  position: absolute;
  z-index: 51;
  /* 크기 조정 */
  left: 25%;
  top: 10%;
  width: 50%;
  margin: auto;
}

.device-layer {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.privacy-pop h3 {
	font-size:30px;
	font-weight:800;
	color:#fff;
	letter-spacing:-0.03em;
	text-align:center;
	line-height:30px;
	margin:0 0 23px 0;
}
.privacy-con {
	padding:40px;
	background:#fff;
	text-align:left;
	height:600px;
	overflow-y:auto;
	overflow-x:hidden;
}
.privacy-con p {
	font-size:15px;
	font-weight:400;
	color:#777;
	letter-spacing:-0.03em;
	line-height:24px;
	margin:0 0 34px 0;
	word-break:keep-all;
}
.privacy-con dl {
	margin:0 0 35px 0;
	word-break:keep-all;
}
.privacy-con dl dt {
	font-size:15px;
	font-weight:400;
	color:#777;
	letter-spacing:-0.03em;
	line-height:24px;
	margin:0 0 30px 0;
}
.privacy-con dl dd {
	margin:0 0 30px 0;
	font-size:15px;
	font-weight:400;
	color:#777;
	letter-spacing:-0.03em;
	line-height:24px;
	margin:0 0 20px 0;

}
.privacy-con dl dd ul li {
	padding:0 0 0 8px;
	background-image:url('../images/sub/gray_small.gif');
	background-repeat:no-repeat;
	background-position:0 10px;
}


/* 미디어쿼리 */
@media screen and (max-width:480px) {
  .layer-pop {
	width:90%;
	left:5%;
	margin:0;
  }
  .layer-con {
	padding:30px;
  }
  .layer-con h3 {
	font-size:20px;
	word-break:keep-all;
	line-height:24px;
  }
  .layer-con .con-center {
	padding:30px 0;
  }
  .layer-con .con-center p {
	font-size:15px;
	line-height:24px;
  }
  .privacy-pop {
	width:90%; 
	left:5%;
	margin:0;
  }
  .privacy-con {
	padding:30px;
  }
  .privacy-pop h3 {
	font-size:20px;
	word-break:keep-all;
	line-height:24px;
  }
  .privacy-con p {
	font-size:14px;
	margin:0 0 30px 0;
  }
  .privacy-con dl dt {
	margin:0 0 20px 0;
  }
  .privacy-con dl dd {
	font-size:14px;
  }
}