@charset "utf-8";

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(../../../NotoSansKR-iconpost/font/NotoSansKR-Regular.eot);
    src: url(../../../NotoSansKR-iconpost/font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
    url(../../../NotoSansKR-iconpost/font/NotoSansKR-Regular.woff2) format('woff2'),
    url(../../../NotoSansKR-iconpost/font/NotoSansKR-Regular.woff) format('woff'),
    url(../../../NotoSansKR-iconpost/font/NotoSansKR-Regular.otf) format('opentype');
}

/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, div {margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none; margin:0; padding:0;}
a:hover, a:focus, a:active {color:#fff;text-decoration:none; margin:0; padding:0;}
ul, ol {padding:0; margin:0}
ol, ul, li {list-style: outside none none;}

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.home_btn{position:absolute; top:80px; right:100px;}

#con_01 {width:100%; background:url('../img/bg_01.jpg')no-repeat top center; margin:0; padding:0;}
#con_02 {width:100%; background:url('../img/bg_02.jpg')no-repeat top center; margin:0; padding:0;}
#con_03 {width:100%; background:url('../img/bg_03.jpg')no-repeat top center; margin:0; padding:0;}
#con_04 {width:100%; background:url('../img/bg_04.jpg')no-repeat top center; margin:0; padding:0;}
#con_05 {width:100%; background:url('../img/bg_05.jpg')no-repeat top center; margin:0; padding:0;}
#con_06 {width:100%; background:url('../img/bg_06.jpg')no-repeat top center; margin:0; padding:0;}
#con_07 {width:100%; background:url('../img/bg_07.jpg')no-repeat top center; margin:0; padding:0;}
#con_08 {width:100%; background:url('../img/bg_08.jpg')no-repeat top center; margin:0; padding:0;}
#con_09 {width:100%; background:url('../img/bg_09.jpg')no-repeat top center; margin:0; padding:0;}
#con_10 {width:100%; background:url('../img/bg_10.jpg')no-repeat top center; margin:0; padding:0;}
#con_11 {width:100%; background:url('../img/bg_11.jpg')no-repeat top center; margin:0; padding:0;}
#con_12 {width:100%; background:url('../img/bg_12.jpg')no-repeat top center; margin:0; padding:0; height:967px;}
#con_13 {width:100%; background-color:#e7e7e7; margin:0; padding:0;}


.con_01 {width:1200px; margin:0 auto;}
.con_02 {width:1200px; margin:0 auto;}
.con_03 {width:1200px; margin:0 auto;}
.con_04 {width:1200px; margin:0 auto;}
.con_05 {width:1200px; margin:0 auto;}
.con_06 {width:1200px; margin:0 auto;}
.con_07 {width:1200px; margin:0 auto;}
.con_08 {width:1200px; margin:0 auto;}
.con_09 {width:1200px; margin:0 auto;}
.con_10 {width:1200px; margin:0 auto;}
.con_11 {width:1200px; margin:0 auto;}
.con_12 {width:1200px; margin:0 auto;height:967px;}
.con_13 {width:1200px; margin:0 auto;}

.kakao_btn{position:relative; width:445px; height:69px;  bottom:190px;left:1005px;}


.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1260px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
}