/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/



@font-face {
  font-family: "Campton";
	font-weight: 800;

  src: url('../fonts/CamptonBlack/font.woff2') format('woff2'), url('../fonts/CamptonBlack/font.woff') format('woff');
}

@font-face {
  font-family: "Campton";
	font-weight: 700;

  src: url('../fonts/CamptonBold/font.woff2') format('woff2'), url('../fonts/CamptonBold/font.woff') format('woff');
}


@font-face {
  font-family: "Campton";
	font-weight: 600;

  src: url('../fonts/CamptonMedium/font.woff2') format('woff2'), url('../fonts/CamptonMedium/font.woff') format('woff');
}

@font-face {
  font-family: "Campton";
	font-weight: 400;

  src: url('../fonts/CamptonBook/font.woff2') format('woff2'), url('../fonts/CamptonBook/font.woff') format('woff');
}

@font-face {
  font-family: "Campton";
	font-weight: 300;

  src: url('../fonts/CamptonExtraLight/font.woff2') format('woff2'), url('../fonts/CamptonExtraLight/font.woff') format('woff');
}




@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fonts/woff2-subset/Pretendard-Black.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fonts/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fonts/woff2-subset/Pretendard-Bold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fonts/woff2-subset/Pretendard-SemiBold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fonts/woff2-subset/Pretendard-Medium.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fonts/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fonts/woff2-subset/Pretendard-Light.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fonts/woff2-subset/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../fonts/woff2-subset/Pretendard-Thin.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Thin.subset.woff') format('woff');
}


*{font-family: 'Campton','Pretendard', sans-serif;}

.txt_memo{background-color: #e9ebee;    color: #3f4146f2;
    margin-bottom: 30px;
		margin-top: 30px;
    font-size: 16px;
    line-height: 28px;
	padding-bottom:0px;padding: 20px; border-radius: 8px;}

.arrow{ position: absolute;padding-left: 88px;}
.button_container {position: relative; top: -28px; left: 80%; height: 3px; width: 22px;cursor: pointer; z-index: 100; transition: opacity 0.25s ease;}
.button_container:hover {opacity: 0.7;}
.button_container.active .top {transform: translateY(6px) translateX(0) rotate(45deg);background: #FFF;}
.button_container.active .middle {opacity: 0;background: #FFF;}
.button_container.active .bottom {transform: translateY(-10px) translateX(0) rotate(-45deg);background: #FFF;}
.button_container span {background: #969696;border: none;height: 2px; width: 100%;position: absolute;top: 0;left: 0;transition: all 0.35s ease;cursor: pointer;}
.button_container span:nth-of-type(2) {top: 8px;}
.button_container span:nth-of-type(3) {top: 16px;}
.overlay {position: fixed; background: #000000;  top: 0;  left: 0;  width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s, height 0.25s; overflow: hidden;}
.overlay.open {opacity: 0.95; visibility: visible;  height: 100%;}
.overlay nav {color: #fff;position: relative;height: 78%; top: 42%;transform: translateY(-50%);font-size: 24px;text-align: left;padding: 24px;}
.overlay ul {list-style: none; padding: 0; margin: 0 auto;position: relative;height: 100%;}
.overlay ul a {    font-weight: 500;display: block;position: relative;color: #FFF;text-decoration: none;overflow: hidden;padding-bottom: 22px;}
.overlay ul hr {border: solid 0.7px #c4c4c4;margin-bottom: 50px;margin-top: 8px;}
.nav-up {top: -60px;}
header {position: fixed;  top: 0;  z-index: 999;transition: top 0.2s ease-in-out; width: 100%;}
#navigation-menu {display: none;}



.number{font-size:12px; padding-right: 10px;}
.text2 {border-bottom: solid 1px #d9d9d9;background:#fff; width: 100%;font-size:14px; line-height:24px; position: fixed; z-index: 99;padding:22px 24px 6px 24px;}
.text2 img{position: relative; top: -4px;}

body,html,section{background:#fff; overflow-x: hidden; margin: 0px;  word-break:keep-all; overflow-wrap:break-word;}
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;}
h1{font-size:34px; line-height:50px; padding-right: 0px; margin-top:0px; margin-bottom:32px; color:#191a1c; padding-top: 24px;}
h2{font-size:16px; margin-top:100px; margin-block-end: 0px; }
b1{font-size:16px;line-height:26px;}
c1{font-size:14px;line-height:22px;}
img.border-shadow{ box-shadow:0px 2px 6px rgba(40, 50, 60, 0.2); border-radius: 8px 8px 0px 0px;  width:90%;  margin-top: 10px; margin-bottom: 10px; }


caption{display:none;}
hr.layout{display:none;}
a{text-decoration:none;color:#242525;transition:all 0.2s;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

#header_mo{ position: relative;  padding-right: 50px; min-height: 100%;}
#header_mo.txt {}
#header_mo li {list-style:none;}

#contents{width:100%;float:right;opacity:0;}
#contents.loader{opacity:1;transition: opacity 0s ease;}
#container{padding:0;}
#main{float: left; height:100%; padding:0px;}


#main ol { padding-left: 24px; padding-right: 24px; list-style:none;  }
#main ul { padding-left: 42px; padding-right: 32px;}
#main li { padding-bottom: 80px}
#main img { margin: 0 auto; display: block;padding: 24px 8px 24px 0px}
#main p{color: #3f4146f2;margin-bottom: 26px;font-size:16px;line-height:28px; padding-bottom: 0px}
#main section {padding-top:0px; list-style:none;}
#main section .content ol .sub{font-size: 16px;line-height: 26px;color: #191a1c;padding:0 0 40px 0; list-style:none;}
#main section .content ol .title{display: flex; align-items: center;font-size:28px; font-weight:700; padding:0 0 15px 0; list-style:none;}
#footer{position:relative;display:block; clear:both; padding:30px 0px 30px 0px; width:100%; border-top:1px solid #191a1c;background-color: #ffffff; z-index: 01;}
#footer li {padding-left: 32px;  padding-right: 20%; list-style:none;}
#navigation-menu_mo {padding: 120px 0px 24px 24px;}
#navigation-menu_mo p{font-size:16px;line-height:26px; color: #757c80;}


.navigation-menu_mo { position: relative;}
.navigation-menu_mo li {list-style:none; }
.navigation-menu_mo li a { }
.navigation-menu_mo li.on a {color:#191a1c;}
.tag{border: 1px solid #191a1c; border-radius: 6px;margin-right: 6px;padding: 4px 10px; width: 50%;}
.tag2{font-size: 14px;margin-bottom: 14px; border: 0px solid #191a1c; border-radius: 28px; background-color: #ffffff4d;margin-right: 12px;padding: 10px 14px; width: 50%;}

#footer {
  position: relative;
  z-index: 999;
  background: none;
  padding: 20px 0px 60px 24px;
  border-top: 1px solid #d9d9d9;


  font-size: 12px;
  line-height: 24px;
  color:#909090;

}

@media (min-width: 768px) {
  #navigation-menu {display: none;}
  .button_container {
      position: relative;
      top: -28px;
      left: 90%;
      height: 3px;
      width: 22px;
      cursor: pointer;
      z-index: 100;
      transition: opacity 0.25s ease;
  }
}


@media (min-width: 1200px) {
  #navigation-menu {display: block;}
  #footer {display: none;}
.txt_memo{background-color: #e9ebee;padding: 20px; border-radius: 10px;}
  .tag2{font-size: 16px;margin-bottom: 14px; border: 0px solid #191a1c; border-radius: 28px; background-color: #ffffff4d;margin-right: 12px;padding: 12px 20px; width: 50%;}
.tabList{position: relative; top: 60px;}
h1{padding-left: 28px;font-size:38px; line-height:52px; padding-right: 26px; margin-top:0px; margin-bottom:32px; color:#191a1c; padding-top: 24px;}
.plusmeun_mo { display: none; }
.text{display: none;}
#header{width:40%; position:fixed; padding:0px;left:0px;top:0px;z-index:1;}
#contents{width:60%; padding-left: 40px;}
#main{border-top:0;border-right:1px solid #191a1c;border-left:0px solid #191a1c;}
#footer{position:fixed;left:0px;bottom:0px;padding:30px 0px 30px 0px; width:50%;}
#footer li {padding-left:40px; padding-right:40px; list-style:none;}
#main ul { padding-left: 44px; padding-right: 32px; }
#navigation-menu {font-size:16px;line-height:26px;padding: 30px;}
#navigation-menu p {padding-bottom: 10px; color: #191a1c0008c;}
.navigation-menu { border-top: 1px solid #000;}
.navigation-menu li {    list-style: none;
    padding-bottom: 18px;
    padding-top: 18px;
		    padding-left: 28px;
    border-bottom: 1px solid #000;}
.navigation-menu li a { }
.navigation-menu li.on a {font-weight:700; border-radius: 400px; color:#191a1c;}
#main p{    margin-bottom: 0px;}

#menu {display: none;}
.text2 {display: none;}
#navigation-menu_mo {display: none;}



img.border-shadow{ box-shadow:2px 2px 6px rgba(40, 50, 60, 0.25); border-radius: 8px 8px 0px 0px;  width:70%;  }



#main ul { padding-left: 44px; padding-right: 32px; }
#main section{ float: left;width:100%; border-left:0; color:#242525;padding:0;margin:0 0 0 -1px;height:auto;position: relative;display:block;overflow: -webkit-paged-x;clear:both;}
#main section .content{ float: left;display:block;position: relative;width:100%;height:100%; margin-bottom: 40px;}
#main section .content p{ font-size:16px;line-height:26px; margin-bottom: 30px;}
#main section .content img {
	margin: 0 auto;
	display: block;
margin-top: 0px; margin-bottom: 0px;}
#main section .content ol{margin-left: 50px; margin-right: 100px; list-style:none; }
#main section .content ul{margin-right:100px; margin-left: 20px;}
#main section .content ul li{font-size:16px;line-height:1.8; padding-left:4px; }
#main section .content ol .title{display: flex;
    position: relative;    justify-content: flex-start; font-size:26px; line-height:44px; font-weight:700; padding: 12px 0px 12px 0px;list-style:none; margin-top: 46px;}
#main section .content ol .sub{border-bottom: 1px dashed #bababa; margin-top: 0px;    padding: 0px 30% 30px 0px;list-style:none; line-height: 28px; color: #191a1c;}
.tag{border: 1px solid #191a1c; border-radius: 6px;margin-right: 6px;padding: 4px 10px; width: 50%;}
.txt{padding-top: 20px;}
#main li { padding-bottom: 0px}

#main section{border-left:1px solid #191a1c;}
#main section .content .box ul{margin-left:0px; margin-top: -20px; margin-right:14px;}
#main section .content .box ol{margin-top:14px; margin-left: 0px;}
#main ul { padding-left: 44px; padding-right: 32px; }

#footer{position:fixed;left:0px;bottom:0px;padding:30px 0px 30px 0px; width:50%;}



 #navigation-menu {padding: 0px;}
#navigation-menu a{font-size:26px;     display: flex;}
.content .button a{font-size:48px;}

.title2 {margin-top: 10px;}
.title2 .btn { width:70%; font-size:14px; border: 1px solid #191a1c; color: #191a1c;margin: 0, 10px; box-sizing: border-box;  color: #191a1c;padding: 10px;vertical-align: middle; text-align: center; border-radius: 60px;box-sizing: border-box;}
.number{ padding-right: 10px;}



#main_mo .popup_mo {padding: 120px 180px 40px 180px;}
.button_container {position: relative; top: -28px; left: 90%; height: 3px; width: 22px;cursor: pointer; z-index: 100; transition: opacity 0.25s ease;}
.button_container:hover {opacity: 0.7;}
.button_container.active .top {transform: translateY(6px) translateX(0) rotate(45deg);background: #FFF;}
.button_container.active .middle {opacity: 0;background: #FFF;}
.button_container.active .bottom {transform: translateY(-10px) translateX(0) rotate(-45deg);background: #FFF;}
.button_container span {background: #969696;border: none;height: 2px; width: 100%;position: absolute;top: 0;left: 0;transition: all 0.35s ease;cursor: pointer;}
.button_container span:nth-of-type(2) {top: 8px;}
.button_container span:nth-of-type(3) {top: 16px;}
.overlay {position: fixed; background: #000000;  top: 0;  left: 0;  width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s, height 0.25s; overflow: hidden;}
.overlay.open {opacity: 0.9; visibility: visible;  height: 100%;}
.overlay nav {position: relative;height: 78%; top: 45%;transform: translateY(-50%);font-size: 24px;text-align: left;padding: 24px;}
.overlay ul {list-style: none; padding: 0; margin: 0 auto;position: relative;height: 100%;}
.overlay ul a {display: block;position: relative;color: #FFF;text-decoration: none;overflow: hidden;padding-bottom: 20px;}
.overlay ul hr {border: solid 1px #c4c4c4;margin-bottom: 20px;margin-top: 20px;}
header {position: fixed; top: 0; z-index: 999; transition: top 0.2s ease-in-out; width: 100%;}
.nav-up {top: -60px;}
#main ol { padding-left: 0px; padding-right: 0px;list-style: none;}
#navigation-menu_mo {padding: 120px 160px 24px 160px;}
}



@media screen and (min-width:769px )
{


#main_mo .popup_mo {padding: 120px 180px 40px 180px;}
.button_container {position: relative; top: -28px; left: 90%; height: 3px; width: 22px;cursor: pointer; z-index: 100; transition: opacity 0.25s ease;}
.button_container:hover {opacity: 0.7;}
.button_container.active .top {transform: translateY(6px) translateX(0) rotate(45deg);background: #FFF;}
.button_container.active .middle {opacity: 0;background: #FFF;}
.button_container.active .bottom {transform: translateY(-10px) translateX(0) rotate(-45deg);background: #FFF;}
.button_container span {background: #969696;border: none;height: 2px; width: 100%;position: absolute;top: 0;left: 0;transition: all 0.35s ease;cursor: pointer;}
.button_container span:nth-of-type(2) {top: 8px;}
.button_container span:nth-of-type(3) {top: 16px;}
.overlay {position: fixed; background: #000000;  top: 0;  left: 0;  width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s, height 0.25s; overflow: hidden;}
.overlay.open {opacity: 0.9; visibility: visible;  height: 100%;}
.overlay nav {position: relative;height: 78%; top: 45%;transform: translateY(-50%);font-size: 24px;text-align: left;padding: 24px;}
.overlay ul {list-style: none; padding: 0; margin: 0 auto;position: relative;height: 100%;}
.overlay ul a {display: block;position: relative;color: #FFF;text-decoration: none;overflow: hidden;padding-bottom: 20px;}
.overlay ul hr {border: solid 1px #c4c4c4;margin-bottom: 20px;margin-top: 20px;}
header {position: fixed; top: 0; z-index: 999; transition: top 0.2s ease-in-out; width: 100%;}
.nav-up {top: -60px;}

}