@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}




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

body { overflow-x: hidden; font-family:"Nanum Gothic", "NanumGothic", "³ª´®°íµñ", "µ¸¿ò", "dotum";}

li{ list-style:none}

p { line-height: 1.75;}

a { @color: #fed136;}

a:hover { @color: #fec503; text-decoration:none;}

h1,h2,h3,h4,h5,h6 { font-weight: 700;}

section { padding: 60px 0 60px 0;}
@media (max-width: 767px) {
  section { padding: 40px 0 40px 0;}
}

section h2.section-heading { font-size: 2.5rem; margin-top: 0; margin-bottom: 15px;}

section h3.section-subheading { font-size: 1.2rem; font-weight: 400; #font-style: italic; margin-bottom: 50px; text-transform: none;}

/*
.font-size-xs {font-size: 0.75rem !important;}
.font-size-s {font-size: 0.875rem !important;}
.font-size-m {font-size: 1rem !important;}
.font-size-l {font-size: 1.15rem !important;}
.font-size-xl {font-size: 1.25rem !important;}
.font-size-2xl {font-size: 1.4rem !important;}
*/
.font-size-xs {font-size: 80% !important;}
.font-size-s {font-size: 90% !important;}
.font-size-m {font-size: 100% !important;}
.font-size-l {font-size: 115% !important;}
.font-size-xl {font-size: 130% !important;}
.font-size-2xl {font-size: 145% !important;}

.font-size-12 {font-size: 12px !important;}
.font-size-13 {font-size: 13px !important;}
.font-size-14 {font-size: 14px !important;}
.font-size-16 {font-size: 16px !important;}
.font-size-18 {font-size: 18px !important;}
.font-size-20 {font-size: 20px !important;}
.font-size-22 {font-size: 22px !important;}
.font-size-24 {font-size: 24px !important;}
.font-size-26 {font-size: 26px !important;}
.font-size-28 {font-size: 28px !important;}
.font-size-30 {font-size: 30px !important;}
.font-size-32 {font-size: 32px !important;}
.font-size-34 {font-size: 34px !important;}
.font-size-36 {font-size: 36px !important;}
.font-size-38 {font-size: 38px !important;}
.font-size-40 {font-size: 40px !important;}
.font-size-42 {font-size: 42px !important;}
.font-size-46 {font-size: 46px !important;}
.font-size-48 {font-size: 48px !important;}

.font-weight-300 {font-weight: 300 !important;}
.font-weight-400 {font-weight: 400 !important;}
.font-weight-600 {font-weight: 600 !important;}
.font-weight-700 {font-weight: 700 !important;}
.font-weight-800 {font-weight: 800 !important;}



/* ¸ÞÀνºÅ©·Ñ */






/* ȨÆäÀÌÁöÁ¦ÀÛ */



/* ã¾Æ¿À½Ã´Â±æ */
section#map {
  background-color: #212529;
  background-image: url("../img/map_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment:fixed;	-webkit-background-size:cover;	background-size:cover;
}

section#map .section-heading {
  color: #fff;
}

section#map .section-subheading {
  color: #fff;
}

section h2.section-heading { font-size: 2.5rem; margin-top: 0; margin-bottom: 15px;}
section h3.section-subheading { font-size: 1.2rem; font-weight: 400; #font-style: italic; margin-bottom: 50px; text-transform: none;}
@media (max-width: 768px) { 
section h2.section-heading { font-size: 2.0rem; margin-top: 0; margin-bottom: 15px;}
}

/* ¼­ºêŸÀÌƲÀ̹ÌÁö */
.sub_masthead { text-align: center; color: #ededed; background-color: #aad0e9; background-image: url("img/main-img1.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover;}
.sub_masthead .intro-text { padding-top: 30px; padding-bottom: 10px;}
.sub_masthead .intro-text .intro-lead-in { font-size: 18px; line-height: 20px; margin-bottom: 5px;}
.sub_masthead .intro-text .intro-heading { font-size: 34px; font-weight: 700; line-height: 36px; margin-bottom: 10px;}
@media (min-width: 768px) { 
  .sub_masthead .intro-text { padding-top: 50px; padding-bottom: 20px;}
  .sub_masthead .intro-text .intro-lead-in { font-size: 20px; line-height: 30px; margin-bottom: 10px; }
  .sub_masthead .intro-text .intro-heading { font-size: 60px; font-weight: 700; line-height: 65px; margin-bottom: 15px; }
}



/* Æ÷ÅäÆú¸®¿À */
#portfolio .portfolio-item { right: 0; margin: 0 0 15px; }

#portfolio .portfolio-item .portfolio-link { position: relative; display: block; max-width: 400px; margin: 0 auto; cursor: pointer; border: 1px solid #dee2e6; border-bottom: none; padding:0px; background-color: #fff;}

#portfolio .portfolio-item .portfolio-link img:hover{opacity: 0.5;}

#portfolio .portfolio-item .portfolio-caption { max-width: 400px; margin: 0 auto; padding: 5px; text-align: center; background-color: #fff; border: 1px solid #dee2e6; @border-top: none;}

#portfolio .portfolio-item .portfolio-caption h4 { font-size: 16px; margin: 0; text-transform: none;}

#portfolio .portfolio-item .portfolio-caption p { @display:none; font-size: 12px; @font-style: italic; margin: 0;}

#portfolio * { z-index: 2;}

@media (min-width: 767px) {
  #portfolio .portfolio-item { margin: 0 0 30px;}
}

.portfolio-modal { padding-right: 0px !important;}

.portfolio-modal .modal-dialog { margin: 1rem; max-width: 100vw;}

.portfolio-modal .modal-content { padding: 100px 0; text-align: center;}

.portfolio-modal .modal-content h2 { font-size: 3em; margin-bottom: 15px;}

.portfolio-modal .modal-content p { margin-bottom: 30px;}

.portfolio-modal .modal-content p.item-intro { font-size: 16px; font-style: italic; margin: 20px 0 30px;}

.portfolio-modal .modal-content ul.list-inline { margin-top: 0; margin-bottom: 30px;}

.portfolio-modal .modal-content img { margin-bottom: 30px;}

.portfolio-modal .modal-content button { cursor: pointer;}

.portfolio-modal .close-modal { position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; cursor: pointer; background-color: transparent;}

.portfolio-modal .close-modal:hover { opacity: 0.3;}

.portfolio-modal .close-modal .lr {
  /* Safari and Chrome */
  z-index: 1051; width: 1px; height: 75px; margin-left: 35px;
  /* IE 9 */
  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #212529;
}

.portfolio-modal .close-modal .lr .rl {
  /* Safari and Chrome */
  z-index: 1052; width: 1px; height: 75px;
  /* IE 9 */
  -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: #212529;
}

.layer-modal { padding-right: 0px !important;}

.layer-modal .modal-dialog { margin: 1rem; max-width: 100vw;}

.layer-modal .modal-content { padding: 100px 0; text-align: center;}

.layer-modal .modal-content h2 { font-size: 3em; margin-bottom: 15px;}

.layer-modal .modal-content p { margin-bottom: 30px;}

.layer-modal .modal-content p.item-intro { font-size: 16px; font-style: italic; margin: 20px 0 30px;}

.layer-modal .modal-content ul.list-inline { margin-top: 0; margin-bottom: 30px;}

.layer-modal .modal-content img { margin-bottom: 30px;}

.layer-modal .modal-content button { cursor: pointer;}

.layer-modal .close-modal { position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; cursor: pointer; background-color: transparent;}

.layer-modal .close-modal:hover { opacity: 0.3;}

.layer-modal .close-modal .lr { /* Safari and Chrome */ z-index: 1051; width: 1px; height: 75px; margin-left: 35px; /* IE 9 */ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #212529;}

.layer-modal .close-modal .lr .rl { /* Safari and Chrome */ z-index: 1052; width: 1px; height: 75px; /* IE 9 */ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: #212529;}



footer { padding: 25px 0;  }

footer span.copyright { font-size: 90%; line-height: 30px; text-transform: none; color: #ced4da;}

footer ul.quicklinks { font-size: 90%; line-height: 40px; margin-bottom: 0; text-transform: none;}


/* ¹®ÀÇ°ßÀû À̸ÞÀϹ®ÀÇ */
form#contactForm { #background-color: #fff;}
form#contactForm .section-heading { color: #fff;}
form#contactForm .form-group { margin-bottom: 10px;}
form#contactForm .form-group input, section#contact .form-group textarea { padding: 10px;}
form#contactForm .form-group input.form-control { height: auto;}
form#contactForm .form-group textarea.form-control { height: 150px;}
form#contactForm .form-control:focus { border-color: #fed136; box-shadow: none;}
form#contactForm ::-webkit-input-placeholder { font-weight: 700; color: #ced4da;}
form#contactForm :-moz-placeholder { font-weight: 700; color: #ced4da; /* Firefox 18- */}
form#contactForm ::-moz-placeholder { font-weight: 700; color: #ced4da; /* Firefox 19+ */}
form#contactForm :-ms-input-placeholder { font-weight: 700; color: #ced4da;}


/* À¯Æ©ºêÈ­¸é Å©±â 100% ¸ÂÃß±â */
.youube_container { position: relative; width: 100%; height:0; padding-bottom: 56.25%; margin: 0px auto;}
.video {position: absolute; width: 100%; height: 100%; top:0; left:0;}