@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);

* {margin: 0;padding: 0;}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}

body {font-family: 'Noto Sans KR', sans-serif;color: #3e3e3e;word-break: keep-all;}
div, section, nav, article, footer, header {display: block;}
h1, h2, h3, h4, h5, h6, strong, th, p {font-weight: inherit;word-break: keep-all;}
input, select, button, textarea {box-sizing: border-box;}
input, select, button, textarea, img {vertical-align: middle;}
fieldset {border: none;}
ul, li {list-style: none;}
img {border: none;}
a {text-decoration: none;color: inherit;}

/* g5 default */
#bo_gall *,
#bo_list *,
#bo_w *,
#bo_v *,
#bo_cate *,
#bo_sch * {box-sizing: border-box;}

@media (max-width: 767px) {
  #bo_v_con {overflow: auto;}
  .admin #bo_list .tbl_head01 tr :nth-child(4),
  .admin #bo_list .tbl_head01 tr :nth-child(5) {display: none;}

  body:not(.admin) #bo_list .tbl_head01 tr :nth-child(3),
  body:not(.admin) #bo_list .tbl_head01 tr :nth-child(4) {display: none;}
}

/* responsive */
.container {margin: 0 auto;max-width: 1400px;padding: 0 20px;position: relative;box-sizing: border-box;}
.bbs_container{margin: 0 auto;max-width: 1400px;position: relative;box-sizing: border-box;padding: 50px 20px;}
.shop-sub{padding: 80px 20px;}
.mobile, .tablet {display: none;}
.only-mobile {display: none;}
.clear::after{content: ""; display: block; clear: both;}
.content_pad{padding-top: 90px;padding-bottom: 100px;}
.content_bottom{padding-bottom: 100px;}
.content-sub p{font-size: 17px; line-height: 30px; font-weight: 400;}
.content-sub .indent{margin-left: 10px;text-indent: -10px;}
.flex{display: flex;align-items: center;}
@media (max-width: 1199px) {
  .pc {display: none;}
  .only-mobile {display: none;}
}

@media (min-width: 768px) and (max-width: 1199px) {
  .only-mobile {display: none;}
}

@media (max-width: 767px) {
  body {font-size: 13px;}
  .only-tablet {display: none;}
  #fullpage {position: relative;z-index: 10;}
}


/* site-header */
.site-header {min-height: 85px;line-height: 85px;transition: 0.3s;position: relative;z-index: 30;box-sizing: border-box;background: #fff;border-bottom: 1px solid rgba(236, 236, 236, 0.6);}
.site-header{box-shadow:none;-webkit-box-shadow:none;}
.site-header.main {position: fixed;width: 100%;left: 0;right: 0;top: 0;}
.h_container {max-width: 1800px;margin: 0 auto;}
.site-header>div {overflow: hidden;}
.site-header .logo {float: left; }
.site-header .logo a {display: block;}

.site-header .lang{float: right;font-size: 13px;}
.site-header .lang a{padding-left: 5px;}
.site-header .lang .active{font-weight: 700;}
.site-header .mobile-menu {display: none;}
.site-header .gnb {float: left;padding-left: 15%;}
.site-header .gnb>ul a {display: block;transition: 0.3s;}
.site-header .gnb>ul:before {content: "";position: absolute;left: 0;  right: 0;top:86px;height: 70px;background:#fbfcfd;display: block;display: none;z-index: 99;}
.site-header .gnb>ul:hover:before {display: block;}
.site-header .gnb>ul>li{float: left;}
.site-header .gnb>ul>li:hover>a {color: #00707c;}
.site-header .gnb>ul>li:hover>ul {display: block;}
.site-header .gnb>ul>li>a {padding: 0 40px;font-size: 17px; font-weight: 700; }
.site-header .gnb>ul>li:nth-child(6)>a{padding: 0 0 0 40px;}
.site-header .gnb>ul>li:nth-child(2)>ul {margin-left: 22px;}
.site-header .gnb>ul>li>ul {display: none;position: absolute;line-height: 70px;margin-left: 21px;z-index: 99;}
.site-header .gnb>ul>li>ul:after {content: "";display: block;clear: both;}
.site-header .gnb>ul>li>ul li {float: left;}
.site-header .gnb>ul>li>ul a {padding: 0 20px;font-size: 15px;font-weight: 500;}
.site-header .gnb>ul>li>ul a:hover {color: #00707c;}


@media (max-width: 1199px) {
  .site-header {line-height: 60px;text-align: center;}
  .site-header .gnb {float: none;}
  .site-header .gnb>ul {display: flex;justify-content: center;}
  .site-header .gnb>ul>li {float: none;}
  .site-header .gnb>ul>li>a {padding: 0 30px;font-size: 17px;}
}

@media (max-width: 767px) {
  .site-header {height: 60px;}
  .site-header .mobile-menu.open i {color: #333;}
  /* .site-header:hover .gnb>ul>li>a {color: #e60021;} */
  .site-header .logo {float: left;padding: 0 10px;}
  .site-header .logo a{width: 130px;padding-top: 17px;}
  .site-header .logo img {width: 180px;}
  .site-header .mobile-menu {float: right;display: block;padding: 0 10px;}
  .site-header .mobile-menu.open.active+* .mobile-menu {opacity: 1;z-index: 10;}
  .site-header .mobile-menu.open.active+*:before {display: block;}
  .site-header .mobile-menu.open.active+*>ul {  width: 200px;}
  .site-header .mobile-menu.open i {color: #fff;}
  .site-header .gnb {text-align: left;}
  .site-header .gnb:before {content: "";position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);display: none;}
  .site-header .gnb .mobile-menu {position: absolute;right: 10px;top: 20px;line-height: 1;z-index: -1;opacity: 0;transition: 0.5s;}
  .site-header .gnb>ul {position: fixed;top: 0;right: 0;width: 0;bottom: 0;display: block;background: #fff;overflow: hidden;transition: 0.5s;}
  .site-header .gnb>ul a {line-height: 1;}
  .site-header .gnb>ul:before {content: none;}
  .site-header .gnb>ul>li {float: none;margin-bottom: 10px;width: 200px;}
  .site-header .gnb>ul>li+li {border-top: 1px solid #ddd;padding-top: 10px;}
  .site-header .gnb>ul>li:first-child {margin-top: 20px;}
  .site-header .gnb>ul>li>a {padding: 0 10px;margin-bottom: 10px;font-size: 15px;font-weight: inherit;color: #e60021;}
  .site-header .gnb>ul>li:last-child>ul {margin-left: 0;}
  .site-header .gnb>ul>li>ul {display: block;position: static;}
  .site-header .gnb>ul>li>ul:after {content: none;}
  .site-header .gnb>ul>li>ul li {float: none;}
  .site-header .gnb>ul>li>ul a {padding: 0 20px;margin-bottom: 5px;font-weight: 100;font-size: 13px;}
  .site-header .gnb>ul>li>ul a:hover {color: #000;  }
}

/* main-page-anchor */
.main-page-anchor {position: fixed;right: 70px;top: 50%;z-index: 30;}
.main-page-anchor a {font-size: 0;width: 10px;height: 10px;border-radius: 8px;background: none;color: #fff;border: 2px solid #fff;display: inline-block;line-height: 8px;
  text-align: center;transition: 0.3s;}
.main-page-anchor li.active>a {background: #fff;}

@media (max-width: 1199px) {
  .main-page-anchor {right: 30px;}
}

@media (max-width: 767px) {
  .main-page-anchor {right: 15px;}
}

/* main  */
.video-background {position: absolute;left: 0;right: 0;top: 0;bottom: 0;	min-width : 100%; min-height : 100%; width : auto; height : auto; z-index: 1;overflow: hidden;}
.video-foreground, .video-background iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (min-aspect-ratio: 16/9) {
  .video-foreground {height: 296%;top: -100%;}
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground {width: 296%;left: -100%;}
}
@media all and (max-width: 600px) {
  .vid-info {width: 50%;padding: .5rem;}
}
@media all and (max-width: 500px) {
  .vid-info .acronym {display: none;}
}
/*slider*/
#m_slider {overflow: hidden; width:100%;display: none}
#m_slider .slide {position: relative; overflow: hidden; }
#m_slider .slide ul { width: 300%; height: 60vw;}
#m_slider .slide li { width: 33%; height: 100%; float: left;}
#m_slider .slide li.active > div { transform: inherit; }
#m_slider .slide .pos { position: absolute;bottom: 10px;padding:0}
#m_slider .slide .pos a {display: inline-block; width: 8px; height: 8px; border-radius: 100%;
border:solid 2px #ffff; line-height: 8px; text-align: center; font-size: 0; margin: 0 5px; transition: .3s; text-decoration: none; }
#m_slider .slide .pos a:hover, .slide .pos a.active {background: #ffff;width: 20px !important;border-radius: 10px !important;}

#fullpage {z-index: 20;}
#fullpage section {height: 936px;}
#fullpage .page01, .page02, .page03 {background: rgba(0, 0, 0, 0.2);width: 100%;}

.page01 {background: url(../img/page01.png) no-repeat center/cover;text-align: center;position: relative;}
.page02 {background: url(../img/page02.png) no-repeat center/cover;text-align: center;position: relative;}
.page03 {background: url(../img/page03.png) no-repeat center/cover;text-align: center;position: relative;}
.page04 {background: url(../img/page04.png) no-repeat center/cover;text-align: center;position: relative;}

.page_text {padding-bottom: 80px;color: #fff;word-break: keep-all;text-align: center;}
.page_text h2 {font-size:80px;font-weight: 600;}
.page_text h3 {font-size:40px;font-weight: 600;padding-bottom: 10px;}
.page_text p{font-size: 16px;}

.page02 .box_wr li{float: left;width:25%;padding: 5px; }
.page02 .box_wr li h3{font-size:20px;font-weight: 600; padding-bottom: 16px;}
.page02 .box_wr li p{font-size: 14px;line-height: 24px;}
.page02 .box_wr li:nth-child(3) p{letter-spacing: -0.2px;}
.page02 .box_wr li span{font-size: 25px;}
.page02 .box_table{display:table;width:288px;height: 315px;}
.page02 .box_table a{color: #fff; display: table-cell;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);     padding: 56px 30px;}
.page02 .box_table a:hover{background: #00707c;transition:0.2s;}

.page03 .page_img{float:left; width:50%; text-align: center;}
.page03 .page_img p{ color: #fff; font-size: 18px; font-weight: 600; padding-top: 20px;}

.page04 .main_pad{padding-bottom: 80px;}
.page04 ul li{float:left; width:25%; }
.page04 ul li p{font-size: 17px; color:#fff;}

@media (max-width: 1199px) {}
@media (max-width: 767px) {
  .page_text {padding: 0 20px}
  .page_text .copy {left: 0}
  .page_text h2 {font-size: 63px;margin-bottom: 7px;}
  .page_text p {font-size: 20px;}
}

/* full page animation */
.fullpage-inner {position: relative;color: #fff;}

/* full page scroll icon */
.m_scroll {position: absolute;bottom: -27px;left: calc(50% - 25px);z-index: 10;color: #fff;padding-top: 65px;font-size: 18px;}
.m_scroll span {position: absolute;top: 0;left: 50%;width: 16px;height: 16px;margin-left: -12px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;opacity: 0;box-sizing: border-box;}
.m_scroll span:nth-of-type(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
.m_scroll span:nth-of-type(2) {top: 16px;-webkit-animation-delay: .15s;animation-delay: .15s;}
.m_scroll span:nth-of-type(3) {top: 32px;-webkit-animation-delay: .3s;animation-delay: .3s;}
@-webkit-keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}

/* visual */
.visual.black.bbs{display: block;}
.visual{display: none;}
.visual.black{color: #000;}
.visual.black .route {color: #757575;}
.visual {text-align: center;color: #fff; padding: 70px 0;}
.visual .visual-title{text-transform:uppercase; font-size: 45px; font-weight:700;padding-bottom: 10px;}
.visual .route {color: #fff; font-size: 14px; }
.visual .route .arrow {margin: 0 10px;}

/*sub*/
#sub0201{background: url(../img/sub0201_bg.png) no-repeat center/cover;text-align: center;position: relative;}
#sub0202{background: url(../img/sub0202_bg.png) no-repeat center/cover;text-align: center;position: relative;}
#sub0203{background: url(../img/sub0203_bg.png) no-repeat center/cover;text-align: center;position: relative;}
#sub0204{background: url(../img/sub0204_bg.png) no-repeat center/cover;text-align: center;position: relative;}
#sub0102,#sub0103,#sub0104,#sub0301,#sub0501 {background: #f6f8fa;}
.sub_text{padding-bottom: 100px;}
.sub_text h2{font-size: 70px;font-weight: 700; padding-bottom: 12px;}
.sub_text h3{font-size: 21px; font-weight: 300; }
.sub_text h3 span{font-weight: 700;}

.more{ border: 1px solid #fff; padding: 16px; display: block; width: 190px; text-align: center; font-size: 15px; margin-top: 50px;}
.more:hover{background: #00707c; border: 1px solid #00707c; transition: 0.2s;}
/*sub0101*/
#sub0101{position: relative;}
#sub0101 h2{font-size: 60px; font-weight: 700;padding-bottom: 50px; line-height: 74px;}
#sub0101 h3{   font-weight: 700; font-size: 23px; padding-bottom: 30px;}
#sub0101 p{color:#818181;font-size: 20px;}
#sub0101 .con01 div{float: left;width: 50%;}
#sub0101 .sign {color: #333;}
#sub0101 .sign span{font-weight: 700; padding-right: 10px;}


/*sub0104*/
#sub0104 .con01{padding-bottom: 50px;}
#sub0104 .con01 ul li{float: left;width: 25%; padding: 10px; text-align: center;}
#sub0104 .con01 ul li div {background: #fff;}
#sub0104 .con01 h3{font-size: 24px;font-weight: 600;padding-left: 10px;padding-bottom: 10px;}
#sub0104 .con01 h3::after{content: "";display: block;background: #00707c;width: 21px; height: 3px;margin-top: 10px;}
/*sub0201*/
#sub0201{color: #fff; text-align: center}
#sub0201 .con01{padding-bottom:100px;}
#sub0201 .con01 li{float: left; width:20%;  border-left: 1px solid #566e7d;  background: rgba(0, 0, 0, 0.2); padding: 30px 10px;}
#sub0201 .con01 li:first-child{padding: 15px 10px;}
#sub0201 .con01 li:hover{background: rgba(0, 112, 124, 0.2); transition: 0.2s;}
#sub0201 .con01 li:first-child{border-left: 0;}
#sub0201 .con02 li{float: left; width:50%;}
#sub0201 .con02 li:last-child{text-align: left; padding-top: 40px;}
#sub0201 .con02 li p{font-size: 20px;    padding-bottom: 10px;}
#sub0201 .con02 li p::before{content: ""; display: inline-block; background: #fff; width: 2px; height: 2px; border-radius: 100%; margin: 4px 15px 4px 0; margin-left: -19px;}

/*sub0202*/
#sub0202{color: #fff; text-align: center}
#sub0202 .con01{padding-bottom:100px;}
#sub0202 .con01 li{ width: 300px; border-left: 1px solid #2c353a; margin: 0 auto; display: inline-block;background: rgba(0, 0, 0, 0.2); padding: 30px 10px;}
#sub0202 .con01 li:hover{background: rgba(0, 112, 124, 0.2); transition: 0.2s;}
#sub0202 .con01 li:first-child{border-left: 0;}
#sub0202 .con02 li{float: left; width:50%;}
#sub0202 .con02 li:last-child{text-align: left; padding-top: 40px;}
#sub0202 .con02 li p{font-size: 20px; padding-bottom: 10px;}
#sub0202 .con02 li p::before{content: ""; display: inline-block; background: #fff; width: 2px; height: 2px; border-radius: 100%; margin: 4px 15px 4px 0; margin-left: -19px;}
#sub0202 .con02 li p span{display: block;}
/*sub0203*/
#sub0203{color: #fff; text-align: center}
#sub0203 .con0101{position: relative; padding-bottom: 46px;}
#sub0203 .con0101 a{display: inline-block; padding: 0 50px 30px;}
#sub0203 .con0101 a div{width: 220px;height:220px; border-radius: 100%; border:3px solid #fff; background: rgba(0, 0, 0, 0.5);}
#sub0203 .con0101 a div:hover{background:#00707c;transition: 0.3s;border:3px solid #00707c; }
#sub0203 .con0101 p{font-size: 24px;}
#sub0203 .con02 div{float: left;width: 50%; }
#sub0203 .con02 .left img{border-radius: 30px;padding-bottom: 20px;}
#sub0203 .con02 .left p{font-size: 20px; font-weight: 700;}
#sub0203 .con02 .right{text-align: left;}
#sub0203 .con02 h3{font-size: 22px; font-weight: 700;padding-bottom: 10px;letter-spacing: -1px;}
#sub0203 .con01 h2 span{font-style: italic;}
#sub0203 .con01 h2 .italic{font-family: 'Abril Fatface', cursive;}
/*sub0204*/
#sub0204{color: #fff; text-align: center}

/*sub0501*/
/* fields */
.fields { position: relative; }
.fields legend { font-size: 25px; margin-bottom: 15px;}
.fields legend:before {content: "";width: 5px;height: 23px;background: #0d3d8c;display: inline-block;margin-right: 10px;vertical-align: middle;}
.fields .comment {position: absolute;right: 0;top: 0;}
.fields ul {border-top: 2px solid #333;}
.fields li {display: flex;border-bottom: 1px solid #ddd;align-items: center;}
.fields .lbl {width: 25%;box-sizing: border-box;padding: 15px 30px;font-size: 19px;}
.fields .desc {width: 75%;padding: 15px;}
.fields .dxee-input {border: 1px solid #ddd;padding: 15px 10px;box-sizing: border-box;background: #f6f8fa;}
.fields .dxee-input.full {width: 100%;}
.btn-group{text-align: center;padding-top: 50px;}
.btn-group .more_btn{background: #00707c;color: #fff;font-size: 15px; position: relative; display: inline-block;     padding: 15px 60px;   border: 1px solid #00707c;}
/*footer*/
#footer{background: #171717; text-align: center; font-size: 14px;color: #bcbcbc;}
#footer .footer_top{ border-bottom: 1px solid #2e2e2e; padding: 18px 0;}
#footer .footer_bottom{padding: 30px 0 40px;}
#footer .footer_bottom img{padding-bottom: 20px;}
#footer .footer_bottom p{line-height: 24px;}
#footer .footer_bottom p span{display: block;}


@media (max-width: 1199px) {
  /* header */
  .site-header {min-height: 70px;line-height:70px;  }
  .site-header .logo {float: left;padding: 0 10px;}
  .site-header .logo a{width: 180px;padding-top: 10px;}
  .site-header .logo img {width: 180px;}
  .site-header .lang {padding: 15px 30px 10px;}
  .site-header .mobile-menu.open i {color: #333;}
  .site-header .mobile-menu {float: right;display: block;padding: 0 10px; padding: 14px 30px; font-size: 30px;}
  .site-header .mobile-menu.open.active+* .mobile-menu {opacity: 1;z-index: 10;}
  .site-header .mobile-menu.open.active+*:before {display: block;}
  .site-header .mobile-menu.open.active+*>ul {  width: 25vw; padding: 70px 10px 0;}
  .site-header .gnb {text-align: left;}
  .site-header .gnb:before {content: "";position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);display: none;}
  .site-header .gnb .mobile-menu {position: fixed;right: 5px;top: 20px;line-height: 1;z-index: -1;opacity: 0;transition: 0.5s;}
  .site-header .gnb>ul {position: fixed;top: 0;right: 0;width: 0;bottom: 0;display: block;background: #fff;overflow: hidden;transition: 0.5s;}
  .site-header .gnb>ul a {line-height: 1;}
  .site-header .gnb>ul:before {content: none;}
  .site-header .gnb>ul>li {float: none;margin-bottom: 10px;width: 200px;}
  .site-header .gnb>ul>li+li {border-top: 1px solid #ddd;padding-top: 10px;}
  .site-header .gnb>ul>li:first-child {margin-top: 20px;}
  .site-header .gnb ul li.active > a {text-decoration: underline 1px #333; color: #333;}
  .site-header .gnb>ul>li>a {padding: 0 10px;margin-bottom: 20px;font-size: 24px;font-weight: bold;color:#999999;}
  .site-header .gnb>ul>li>ul {display: block;position: static;}
  .site-header .gnb>ul>li>ul:after {content: none;}
  .site-header .gnb>ul>li>ul li {float: none;}
  .site-header .gnb>ul>li>ul a {padding: 5px 0;margin-bottom: 5px; font-size: 16px;background:none;color: #333;}
  .site-header .gnb>ul>li>ul a:hover {color: #000;  }

  /* main */
  .main-page-anchor, .m_scroll{display: none;}
  #fullpage .container {padding: 100px 20px;}
  .page_text h2 {font-size: 36px;}
  /* section2 */
  .page02 .box_wr li {width: 50%;}
  .page02 .box_table {width: 100%;}
  /* section3 */
  .page03 .page_img {float: none;width: 100%;padding: 30px 0;}
  .page03 div:nth-child(2){border-bottom: 1px dotted #fff;}
  /* section4 */
  .page04 .container {padding: 0 20px;}
  /* footer */
  #footer .container {padding: 0 20px;}

  /* subpage */
  /* sub0101 */
  #sub0101 {text-align: center;}
  #sub0101 .container{padding: 0 10px 100px;}
  #sub0101 .con01 div{width: 100%;padding-top: 30px;}
  #sub0101 .con01 div:first-child {height: 557px;background: url(../img/sub0101_img2.png) no-repeat center center /contain;}
  #sub0101 .con01 div img{display: none;}
  #sub0101 h2 {font-size: 32px;line-height: 0;}
  #sub0101 p {font-size: 18px;}

  /* sub0104 */
  .visual .visual-title {font-size: 38px;}3
  #sub0104 .con01 h3 {font-size: 22px;}
  #sub0104 .con01 ul li {width: 33.3%;}

  /* sub0201 */
  .sub_text h2 {font-size: 60px;}
  .sub_text h3{font-size: 20px;}
  .sub_text h3 span {display: block;}
  #sub0201 .con01 li {width: 33.3%;border-bottom: 1px solid #566e7d;height: 121px;}
  #sub0201 .con01 li:nth-child(4){border-left: 0;}
  #sub0201 .con01 li:nth-child(4),#sub0201 .con01 li:nth-child(5){width: 50%;border-bottom: 0;}
  #sub0201 .con02 li,#sub0202 .con02 li,#sub0203 .con02 div {width: 100%;}
  #sub0201 .con02 li:last-child,#sub0202 .con02 li:last-child {text-align: center;}
  .more {margin: 20px auto;}

  #sub0203 .con02 .left{margin-bottom: 50px;}
  #sub0203 .con02 .right {float: none;max-width: 600px;width: 100%;margin: 0 auto;}
}

@media (max-width: 767px) {
  .site-header .logo a{width: 130px;padding-top: 0;}
  .site-header .logo img {width: 130px;}
  .site-header .lang {padding: 0 30px 0;}
  .site-header .mobile-menu {padding: 0px 30px;}
  .site-header .mobile-menu.open.active+*>ul {width: 50vw;padding: 55px 10px 0;}
  .site-header .gnb>ul>li>ul {margin-left: 10px;}
  .site-header .gnb>ul>li:nth-child(2)>ul {margin-left: 10px;}
  .site-header .gnb>ul>li:last-child>ul {margin-left: 10px;}
  .site-header .gnb>ul>li>a {font-size: 18px;margin-bottom: 10px;}
  .site-header .gnb>ul>li>ul a {padding: 5px 0;margin-bottom: 0;}
  /* main */
  #fullpage .container {padding: 50px 20px;}
  .page_text {padding: 0 0 20px 0;}
  .page_text h2 {font-size: 32px;line-height: 48px;}
  .page_text h3 {font-size: 24px;padding-bottom: 5px;}
  /* section2 */
  .page_text p {font-size: 18px;padding-top: 10px;}
  .page02 .box_wr{padding-top: 25px;}
  .page02 .box_wr li {width: 100%;}
  .page02 .box_wr li h3 {font-size: 18px;padding-bottom: 8px;}
  .page02 .box_table {height: 178px;}
  .page02 .box_table a {padding: 10px;}
  /* section3 */
  .page03 .page_img {padding-top: 30px;}
  .page03 .page_img img{width: 100%;}
  .page03 .page_img p {font-size: 16px;padding-top: 10px;}
  /* section4 */
  .page04 .main_pad {padding-bottom: 0;}
  .page04 ul li {width: 50%;padding: 20px;}
  .page04 ul li p {font-size: 16px;padding-top: 15px;word-break: break-word;}

  /* subpage */
  .container {padding: 0 10px;}
  /* sub0101 */
  #sub0101 h2 {font-size: 38px;line-height: 54px;}
  /* sub0104 */
  /* .visual{padding-left: 0;text-align:center;height: calc(485px - 36px);} */
  .visual{padding-left: 0;text-align:center;height: auto;padding:35px 0;}
  .visual .visual-title{font-size: 32px;padding-bottom: 0;}
  .visual .visual-p{font-size: 17px;}
  #sub0104 .con01 h3 {font-size: 18px;}
  #sub0104 .con01 ul li {width: 50%;}


  .sub_text h2 {font-size: 38px;padding-bottom: 6px;}
  .sub_text {padding-bottom: 50px;}
  #sub0201 .con01,#sub0202 .con01 {padding-bottom: 50px;}
  #sub0201 .con01 li,#sub0202 .con01 li{width: 50%;height: 140px;float: left;padding: 40px 10px 30px;}
  #sub0201 .con01 li:nth-child(3){border-left: 0;}
  #sub0201 .con01 li:nth-child(4){border-bottom: 1px solid #566e7d;border-left: 1px solid #566e7d;width: 50%;}
  #sub0201 .con01 li:nth-child(5){width: 100%;border: 0;}
  #sub0201 .content-sub p {font-size: 16px;}
  #sub0201 .con02 li img,#sub0202 .con02 li img{width: 100%;}
  #sub0201 .con02 li p,#sub0202 .con02 li p {font-size: 16px;padding: 0 18px;padding-bottom: 5px;text-align: left;letter-spacing: -1px;}
  #sub0202 .con02 li p {padding: 0 0;  margin-left: 10px;text-indent: -5px;}
  #sub0202 .con02 li p span{display: inline-block;}
  #sub0201 .con02 li p::before,#sub0202 .con02 li p::before {margin: 4px 4px 4px 0;}
  #sub0202 .con01 li{height: 115px;}
  #sub0202 .con01 p {letter-spacing: -1px;}
  #sub0203 .sub_text h2 {font-size: 32px;}
  #sub0203 .sub_text h3 {font-size: 16px;}
  #sub0203 .sub_text h3 span {font-size: 20px;line-height: 1.8;}
  #sub0203 .con0101{height: 275px;max-width: 300px;width: 100%;margin: 0 auto;}
  #sub0203 .con0101 a {padding: 0;}
  #sub0203 .con0101 a {position: absolute;width: 160px;height: 160px;}
  #sub0203 .con0101 a:nth-child(1){top: 0; left: 0;}
  #sub0203 .con0101 a:nth-child(2){top: 0; right: 0;}
  #sub0203 .con0101 a:nth-child(3){bottom: 0; left: 50%; transform: translateX(-50%);}
  #sub0203 .con0101 a div{padding: 30px;width: 160px;height: 160px;background: none;border: 2px solid #fff;}
  #sub0203 .con0101 p {font-size: 18px;}
  #sub0203 .con01 > p{padding-top: 50px;}
  #sub0203 .con02 .left img{max-width: 500px;width: 100%;padding-bottom: 10px;}
  #sub0203.content_pad {padding-bottom: 50px;}
  #sub0203 .con02 h3 {font-size: 18px;}
  #sub0203 .content-sub p {font-size: 16px;letter-spacing: -1px;}

  .fields .lbl {width: 30%;padding: 0;font-size: 16px;}
  .fields .desc {width: 70%;padding: 5px;}
}
@media (max-width: 351px) {
  #sub0202 .con01 li{padding: 30px 20px;letter-spacing: -1px;}
}
.con02.flex{}