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

@charset "utf-8";

/* Reset CSS  */
html { height: 100%; overflow-y:scroll;}
body { font-size: 13px; font-family:"Noto Sans KR", sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 26px;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

.container { max-width: 1400px; margin: 0 auto; padding:0 10px; position: relative; }
.container:after {
  content: "";
  display: block;
  clear: both;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#header { padding: 25px 0; height: 100px; z-index: 9; position: relative; }
.logo{position: absolute; left:40px; top:50%; transform: translateY(-50%)}
#header #m_gnb { position: absolute; right: 170px; top: 25px; }
#header #m_gnb > li { float: left; position: relative; }
#header #m_gnb > li > a { display: block; padding: 10px 26px; color: #000; font-size: 18px; }
#header #m_gnb .lnb { border: 1px solid #ddd; background: rgba(255,255,255,0.8); text-align: center; padding: 2px 5px; position: absolute; width: calc(100% + 40px); left: -20px; display: none; transition: 0.3s; }
#header #m_gnb .lnb a { color: #000; display: block; padding: 5px 0; font-size: 14px; }
#header #m_gnb .lnb a:hover { font-weight: 600; }
#header #m_gnb > li:hover .lnb { display: block; }

#header .langs { position: absolute; right: 40px; top: 34px; font-size: 16px; border: 1px solid #06397c; width: 80px; padding: 0 15px; border-radius: 30px; background: #fff; }
#header .langs a { color: #06397c; display: none; padding: 5px; padding-bottom: 7px; width: 33px; line-height: 18px; }
#header .langs:hover { border-radius: 18px; }
#header .langs:hover a { display: block; }
#header .langs a.on { display: block; }
#header .langs a:hover { font-weight: 600; }
#header .langs > div { position: relative; }
#header .langs i { position: absolute; bottom: 5px; right: 0; font-size: 20px; display: block; color: #06397c; }
#header .langs i:nth-of-type(2) { display: none; }
#header .langs:hover i:nth-of-type(1) { display: none; }
#header .langs:hover i:nth-of-type(2) { display: block; }

.sub_banner { max-height: 340px; height: 50vw; min-height:220px; background-repeat: no-repeat; background-position:center center; background-size: cover; text-align: center; position: relative;}
.sub_banner.bg1{background-image:url("../img/sub_banner01.png");}
.sub_banner.bg2{background-image:url("../img/sub_banner02.png");}
.sub_banner.bg3{background-image:url("../img/sub_banner03.png");}
.sub_banner.bg4{background-image:url("../img/sub_banner04.png");}
.sub_banner.bg5{background-image:url("../img/sub_banner05.png");}
.sub_banner.bg6{background-image:url("../img/sub_banner01.png");}
.sub_banner h1 { color: #fff; font-size: 46px; font-weight: 300; font-family:"GmarketSansMedium", sans-serif; position: absolute; width:100%; text-align: center; top:50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}


.snb-wrap{background:#06397c}
.snb{max-width:700px; height:67px; }
.snb > li{float:left; color:#fff; font-size:16px; font-weight: bold; line-height: 67px; text-align: center;}
.snb-home{width:13%; border-left:1px solid #1f5295; border-right:1px solid #1f5295}
.route-title{width:35%; border-right:1px solid #1f5295}
.snb-nav {width:50%; border-right:1px solid #1f5295; position:relative;}
.snb-nav .here.on{display:block;}
.snb-nav .here{color:#fff; cursor: pointer;}
.snb-arrow {
  background: #FFF;
  height: 2px;
  position: absolute;
  right: 43px;
  width: 10px;
  top: 50%;
  display: block;
  transform:rotate(45deg);
  transition-duration: 0.2s;
}

.snb-arrow:after {
  background: #FFF;
  content: "";
  height: 2px;
  width: 10px;
  position: absolute;
  right: -5px;
  top: -5px;
  display: block;
  transform:rotate(-90deg);
  transition-duration: 0.2s;
}

.snb-nav .here.on .snb-arrow {
  transform:none
}

.snb-nav .here.on .snb-arrow:after {
  transform:none;
}

.snb-menu {
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 1;
}

.snb-menu a {
  color: #fff;
  display:block;
}

.snb-menu li:hover a {
  background:#e2e2e2; color:#000;
}


#nav_btn{display:none; }

@media (min-width:769px){
  .snb-menu {
    z-index: 1;
  }

}

@media (min-width:769px) and (max-width:1200px){
}




@media (max-width:1400px){
#header #m_gnb > li > a{font-size:16px; padding:10px 15px}
}

@media (min-width:1201px){
  #all_menu{display:none;}
}

@media (max-width:1200px){
  #m_gnb{display:none;}
  #mobile-menu span {background: #000;}
  .nav_bg{width:100%; height: 100vh; background:rgba(0, 0, 0, 0.7); position: absolute; z-index: 9000;}
  #all_menu{width:100%; position:fixed;  min-height:400px; z-index:9500; top:0; right:-100%; opacity:0;}
  #all_menu #all_nav{position:absolute; background: #fff; width:100%;top:0; right:0; min-width:290px;}
  #all_menu #all_gnb > li{ border-bottom:1px solid #ddd;}
  #all_menu #all_gnb > li:last-child{margin-bottom:0;}
  #all_menu #all_gnb > li > a{padding:14px 0 14px 30px; font-size:16px; display:block; text-align:left; color:#000; font-weight:500}
  #all_menu #all_gnb .lnb{display:none;}
  #header .langs{display:none;}
  .mobile-langs{padding:16px 0; background:#04b2c9}
  .mobile-langs > div{margin-left:30px;}
  .mobile-langs a{font-size:16px; font-weight:bold; color:#fff; margin-right:20px; opacity: 0.5}
  .mobile-langs a.on{opacity:1}

#all_gnb .lnb{border-top:1px solid #ddd; background:#f5f5f5;}
  #all_gnb .lnb a{font-size:15px; font-weight: 500; color:#aaa; display:block;}
  #all_gnb .lnb > li{padding:12px 0 12px 30px;}
#nav_btn{display:block; position: absolute; right:20px; font-size:30px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); cursor: pointer;}

  #close{display:block;position:absolute; width:20px; height:20px; cursor:pointer; margin:0 auto; top:18px; right:20px;}
  #close:before{content: '';position:absolute;top:0; left:15px; height:20px;border: solid #fff;border-width: 0 3px 0px 0;transform: rotate(45deg);transition-duration:0.3s }
  #close:after{content: '';position:absolute; top:0; left:15px;height: 20px;border: solid #fff; border-width: 0 3px 0px 0;transform: rotate(-45deg);transition-duration:0.3s}

  .snb{height:56px; max-width: 1200px}
  .snb > li{float:none; width:100%; line-height: 56px;}
  .snb-home,
  .route-title{display:none;}
  .snb-wrap .container{padding:0;}
}





@media (max-width:768px) { /*mobile*/
  #header{height:auto; padding:30px 0;}
  #header .logo{left:20px;}
  #header .logo img{height:25px;}
  #m_gnb{display:none;}
  .sub_banner h1 { font-size:34px;}

}


/* index */
#main-banner {position: relative; overflow: hidden; width:100%}
#main-banner::after {content:""; display:block; clear:both}
#main-banner .banner-img{width:100%; overflow: hidden; }

#main-banner .swiper-wrapper > div{max-height:700px; height:50vw; min-height:300px; position:relative; background-position: center center; background-size: cover; background-repeat: no-repeat;  }
#main-banner .swiper-wrapper .bg01{background-image:url("../img/main_slide1.png");}
#main-banner .swiper-wrapper .bg02{background-image:url("../img/main_slide2.png");}
#main-banner .swiper-wrapper .bg03{background-image:url("../img/main_slide3.png");}
#main-banner .swiper-wrapper .banner-content{ text-align: center; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); color:#fff; max-width: 1200px; width:100%;}
#main-banner .swiper-wrapper .banner-content h3{font-size:122px;  font-family:"GmarketSansBold", sans-serif;}
#main-banner .swiper-wrapper .banner-content p{font-size:36px;  font-family:"GmarketSansMedium", sans-serif; }
#main-banner .swiper-pagination{bottom: 60px; left:50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); max-width: 1200px; width:100%;}

#main-banner .pagination-top {width:50px;}
#main-banner .pagination-top .swiper-pagination-bullet {
    background: transparent;
    display:none;
    font-size:20px; color:#fff;
}
#main-banner .pagination-top .swiper-pagination-bullet-active {
    display:block;
}
#main-banner .pagination-top .swiper-pagination-bullet-active:before{
  content:""; position:absolute; top:50%; left:50%; margin:4px -2px 0 0; width:2px; height:16px; background:#fff;
}
#main-banner .pagination-top .swiper-pagination-bullet-active::after{
  content:"3"; position:absolute; top:0; right:0; font-size:20px;
}

#main-banner .pagination-bottom .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: 0.5;
}
#main-banner .pagination-bottom .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.pagination-top{margin-bottom:30px}
.pagination-bottom {font-size:0}
.swiper-button-next,
.swiper-button-prev{width:62px}
.swiper-button-prev:after,
.swiper-button-next:after{display:none;}
.swiper-arrow{width:100%; position:absolute;top:50%;}


@media (max-width:1200px){/*tablet+mobile*/
  #main-banner .swiper-wrapper .banner-content h3{font-size:86px;}
  #main-banner .swiper-wrapper .banner-content p{font-size:26px;}
}

@media (max-width:768px){/*tablet+mobile*/
  #main-banner .swiper-wrapper .banner-content h3{font-size:42px;}
  #main-banner .swiper-wrapper .banner-content p{font-size:18px;}
  #main-banner .swiper-arrow{display:none;}
  #main-banner .pagination-top{display:none}
  #main-banner .swiper-pagination{bottom: 30px;}

}


#wrap{position:relative; overflow:hidden;}
.index{padding:45px 0 0;}
.main-section{padding:45px 0;}
.main-section::after{content:""; display:block; clear:both;}

.contents-box::after{content:""; display:block; clear:both;}
.box-wrap::after{content:""; display:block; clear:both;}

.main-tit-box{margin-bottom:40px;}
.main-tit-box h5{font-size:26px; text-align:center;font-family:"GmarketSansMedium", sans-serif;}

.index .section02 .contents-box{margin:0 -10px;}
.index .section02 .contents-box > div{float:left; width:33.333333%; padding:0 10px; height:450px;}
.index .section02 a{display:block; height:100%; display:block; background-position: center center; background-repeat: no-repeat; background-size: cover;position:relative; color:#fff;}
.main-section.section02{padding-bottom:90px}
.index .section02 .box00 a{background-image:url('../img/m_img00.png');}
.index .section02 .box01 a{background-image:url('../img/m_img01.png');}
.index .section02 .box02 a{background-image:url('../img/m_img02.png');}
.index .section02 .box03 a{background-image:url('../img/m_img03.png');}
.index .section02 .box .contents{background:rgba(0, 0, 0, 0.4); padding:40px; height:100%;}
.index .section02 .box-tit{font-size:28px; }
.index .section02 .txt-box{margin-top:20px;}
.index .section02 .txt-box p{font-size:18px; }
.index .section02 .txt-box ul {margin-top:8px;}
.index .section02 .txt-box ul li{position:relative; font-size:17px; padding-left:16px;}
.index .section02 .txt-box ul li::before{content:""; display:block; width:8px; height:1px; background:#fff; position:absolute; left:0; top:12px;  }

.main-section.section03{padding:0 0 90px;background:linear-gradient( to bottom, #fff 50%, #f6f6f6 50% )}
.index .section03 a{display:block; width:266px; padding:20px 0; text-align: center; border-radius:42px; background:#fff; font-size:16px; font-weight:700; margin:0 auto; color:#04b2c9}




.index .section01 { text-align: center;}
.index .section01 h1 { font-size: 18px; font-weight: 900; }
.index .section01 .txt01 { font-size: 21px; font-weight: 400; color: #a3a3a3; padding-top: 20px;line-height: 1.6;}
.index .section01 .txt01 b { color: #37cf37; font-weight: 300; }
.index .section01 .txt02 { padding-top: 25px; font-size: 18px; color:#000; font-weight: 400; }

.index .section04{padding:90px 0;}
.index .section04{background:url('../img/lost_banner1.png') no-repeat center center / cover;padding:90px 0;}
.index .section04 .txt-box{text-align: center;}
.index .section04 .txt-box p{font-size:30px; color:#fff; font-weight: 400; line-height: 1.6}
.index .section04 .txt-box .contents-box{display:inline-block;}
.index .section04 .txt-box a{ display: inline-block; width:310px; font-size:20px; color:#276bab; font-weight:bold; text-align: center; background:#fff; padding:22px 0; border-radius:39px; margin:26px 40px 0 0; transition-duration: 0.3s}
.index .section04 .txt-box a:hover{background:#276bab; color:#fff;}
.index .section04 .txt-box a:last-child{margin-right:0;}




#content.main_content .main_cont2 > ul > li { height: 520px; float: left; width: 50%; background: #06397d; color: #fff; position: relative; }
#content.main_content .main_cont2 > ul > li:nth-child(1).type1 { background:url("../img/main_banner01.png") no-repeat center center / cover; }
#content.main_content .main_cont2 > ul > li:nth-child(1).type2 { background:url("../img/main_banner02.png") no-repeat center center / cover; }
#content.main_content .main_cont2 > ul > li:nth-child(1).type3 { background:url("../img/main_banner03.png") no-repeat center center / cover; }

#content.main_content .main_cont2 > ul > li > div { display: none; width: 100%; height: 100%; position: absolute; padding: 90px 80px; }
#content.main_content .main_cont2 > ul > li > div.on { display: block; }
#content.main_content .main_cont2 > ul > li ul { position: absolute; right: 0; top: 30%; }
#content.main_content .main_cont2 > ul > li h1 { font-size: 19px; }
#content.main_content .main_cont2 > ul > li h2 { font-size: 41px; padding-top: 10px; margin-left: -3px; }
#content.main_content .main_cont2 > ul > li p { font-size: 17px; padding-top: 30px; font-weight: 300; max-width: 530px; line-height: 30px; padding-bottom: 60px; }
#content.main_content .main_cont2 > ul > li a { color: #fff; font-size: 20px; position:relative; }
#content.main_content .main_cont2 > ul > li a::after {content:""; display:block; position:absolute; bottom:-4px; width:0; height:2px; background:#06397d; transition-duration: 0.3s}
#content.main_content .main_cont2 > ul > li a:hover::after{width:100%; background: #fff;}

#content.main_content .main_cont2 > ul > li ul li { background: #031f45; width: 180px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; margin: 20px 0; cursor: pointer; }
#content.main_content .main_cont2 > ul > li ul li.on, #content.main_content .main_cont2 > ul > li ul li:hover { color: #06397d; background: #fff; font-weight: 600; }

#content.main_content .main_cont3 { padding: 130px 0; }
#content.main_content .main_cont3 li { float: left; max-height: 432px; height:auto; margin-right:5%;
    -webkit-box-shadow: 4px 4px 20px 4px rgba(219,219,219,1);
    -moz-box-shadow: 4px 4px 20px 4px rgba(219,219,219,1);
    box-shadow: 4px 4px 20px 4px rgba(219,219,219,1);
    position:relative;
    transition: 0.3s;
    bottom: 0;
}
#content.main_content .main_cont3 li:last-child {margin-right:0;}

#content.main_content .main_cont3 li:hover { bottom: 10px; }


#content.main_content .main_cont4 { text-align: center; padding: 90px 0; background: url("../img/main_banner5.png") no-repeat center center;background-size:cover; color: #fff; }
#content.main_content .main_cont4 h1 { font-size: 21px; }
#content.main_content .main_cont4 h2 { font-size: 27px; font-weight: 300; padding-top: 30px; padding-bottom: 45px; letter-spacing: -1px; line-height: 42px; }
#content.main_content .main_cont4 h2 b { font-weight: 300; color: #37cf37; }
#content.main_content .main_cont4 a { width: 230px; height: 60px; line-height: 60px; border-radius: 60px; background: #fff; display: block; margin: auto; font-size: 20px; color: #37cf37; transition-duration: 0.3s}
#content.main_content .main_cont4 a:hover { background: #37cf37; color: #fff; }



#footer { background: #2b2b2b; color: #fff; font-weight: 300; font-size: 15px; line-height: 27px; }
#footer .container > div { position: relative; }
#footer .container > div:nth-of-type(1) { border-bottom: 1px solid #424242; padding-bottom: 25px; padding:30px 0;}
#footer .container > div:nth-of-type(2) { padding: 30px 0; }
#footer .container .sns { position: absolute; right: 0; top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%);}
#footer .container .sns a {display:block; float:left;  margin-left: 10px; }
#footer .container .sns::after {content:""; display:block; clear:both;}
#footer .container .ft-bt .copy{float:left;}
#footer .container .ft-bt .ft-terms{float:right;}
#footer .container .ft-terms a { text-align: right; color: #656565; font-weight: 400; margin-right:14px; word-break: keep-all;}
#footer .container .ft-terms a:last-child {margin-right:0;}

#footer .ft-contact{padding:6px 22px; text-align: center; background:#37cf37; color:#fff; font-size:16px; font-weight:500; border-radius:40px; transition-duration: 0.2s; }
#footer .ft-contact:hover{background:#fff; color:#37cf37;}

@media (max-width:1600px){/*mobile*/
  #header #m_gnb > li > a{font-size:16px; padding:10px 15px}
  #content.main_content .main_cont2 > ul > li ul{width:100%;top:0;}
  #content.main_content .main_cont2 > ul > li ul li{float:left; width:33.333333%; font-size:15px; height: 60px; line-height: 60px; margin:0;}

}


@media (max-width:768px){/*mobile*/
#content.main_content .main_cont2 > ul > li{float:none; width:100%;}
#content.main_content .main_cont2 > ul > li > div{padding:80px 20px 0}
#content.main_content .main_cont2 > ul > li p{font-size:16px; line-height:27px;}
#content.main_content .main_cont2 > ul > li:nth-of-type(1){height:50vw; max-height:520px}
#content.main_content .main_cont2 > ul > li h1{font-size:16px;}
.index .section01 h2{font-size:20px;}
.index .section01 p{font-size:16px; line-height: 26px}
#content.main_content .main_cont3 ul{padding:0 20px;}
#content.main_content .main_cont3 li{float:none; width:100%; height:auto; margin-bottom:40px; max-height:100%;}

#content.main_content .main_cont4 h2{font-size:23px;line-height: 36px; word-break: keep-all;}
#footer .container .sns{position:static; transform: none; margin-top:20px; text-align: center;}
#content.main_content .main_cont2 > ul > li a {font-size: 16px; }
#content.main_content .main_cont2 > ul > li{height:auto;}
#content.main_content .main_cont2 > ul > li > div{position: static; padding:90px 30px 60px;}
#content.main_content .main_cont2 > ul > li h2{font-size:34px}

}







@media (min-width:769px) { /*mobile*/
  .section02_mobile{display:none;}

}

@media (max-width:768px) { /*mobile*/
.index .section02{display:none;}
.index .section02_mobile {padding-bottom:90px;}
.index .section02_mobile .swiper-slide {width:80%;}
.index .section02_mobile .swiper-slide a{max-height:450px; display:block; background-position: center center; background-size:cover; background-repeat:no-repeat; color:#fff; height: 100vh;}

  .index .section02_mobile .bg00 a{background-image:url('../img/m_img00.png');}
  .index .section02_mobile .bg01 a{background-image:url('../img/m_img01.png');}
  .index .section02_mobile .bg02 a{background-image:url('../img/m_img02.png');}
  .index .section02_mobile .bg03 a{background-image:url('../img/m_img03.png');}
  .index .section02_mobile .contents{background:rgba(0, 0, 0, 0.4); padding:40px; height:100%;}
  .index .section02_mobile .box-tit{font-size:28px; }
  .index .section02_mobile .txt-box{margin-top:20px;}
  .index .section02_mobile .txt-box p{font-size:18px; }
  .index .section02_mobile .txt-box ul {margin-top:8px;}
  .index .section02_mobile .txt-box ul li{position:relative; font-size:17px; padding-left:16px;}
  .index .section02_mobile .txt-box ul li::before{content:""; display:block; width:8px; height:1px; background:#fff; position:absolute; left:0; top:12px;  }

.index .section04 .txt-box p{font-size:24px;}
  .index .section04 .txt-box a{display:block; margin:30px auto 0;font-size:16px;}

}


/*sub 공통*/
#sub-wrapper{padding:50px 0;}
#sub-section{padding:50px 0;}
.contents-box::after{content:""; display:block; clear:both}
.img-box{text-align: center; height:auto;}
.sub-main-tit{margin-bottom:40px; text-align: center;}
.sub-main-tit h3{font-size:32px; color:#3f3f3f; font-family:"GmarketSansMedium", sans-serif;}
.board-tit{margin-bottom:40px; text-align: center;}
.board-tit h3{font-size:32px; color:#3f3f3f; font-family:"GmarketSansMedium", sans-serif;}
.sub-tit01{font-size:42px; color:#3f3f3f; text-align: center;font-family:"GmarketSansMedium", sans-serif;}
.sub-tit01 span{font-weight:300;}
.sub-tit02{font-size:30px; color:#3f3f3f; text-align: center; font-weight: 500; margin-bottom:60px;}
.sub-tit03{font-size:22px; color:#06397c; text-align: left; font-weight: 500; margin-bottom:30px; position: relative; padding-left:34px;}
.sub-tit03 i{font-size:18px; position: absolute; left:0; top:5px;}
.sub-tit04{text-align: center; margin-bottom:40px;}
.sub-tit04 p{font-size:17px; font-weight: bold; color:#fff; background:#04b2c9; line-height:46px; height: 46px; width:180px; text-align: center; border-radius: 26px; margin:0 auto 40px}
.sub-tit04.tit-before p{background:#c7c7c7; margin-top:100px}
.table-wrap{width:100%; overflow-x:auto; white-space: nowrap;}

/*sub0602*/
.history-content {position: relative; padding-top: 100px; margin-top:42px}
.history-content:before{content: ""; position: absolute; width: 10px; height: 10px; border-radius: 10px; background: #bebebe; color: #fff;
 border: none; display: inline-block; line-height: 10px; text-align: center; left: calc(50% - 4px); top: 0; }
.history-content:after { content: ""; position: absolute; top:0; left: 50%; bottom: 0; width: 1px; background: #bebebe; display: block;}
.history-content > li {width: 50%; padding-bottom: 70px; position: relative;}
.history-content > li:before {content: "";position: absolute;width: 22px;height: 22px; border-radius: 15px;background: #fff;color: #fff;
 border: 6px solid #06397c;display: inline-block;line-height: 11px;text-align: center;z-index: 90;top: 7px;}

.history-content > li dt { font-size: 35px;font-weight: 600; letter-spacing: -0.5px; position: relative; padding-bottom: 25px;}
.history-content > li dt:before { content: ""; position: absolute; top: 18px; background: #ddd; height: 1px; width: 50px; display: block;}
.history-content > li dl { display: inline-block; max-width: 500px;}
.history-content > li p { display: flex; line-height: 32px;font-size:15px;}
.history-content > li p .month{ font-size: 19px;color: #37cf37; font-weight: 400; width: 74px;}
.history-content > li p .desc {width: calc(100% - 40px);display: block;letter-spacing: -0.5px; word-break: keep-all;}


@media (min-width: 768px) {
  .history-content > li:nth-child(2n+1) { margin-left: calc(50% + 3px); }
  .history-content > li:nth-child(2n+1):before { margin-left: -13px; }
  .history-content > li:nth-child(2n+1) dl { padding-left: 65px; }
  .history-content > li:nth-child(2n+1) dt:before {left: -66px; }
  .history-content > li:nth-child(2n) { text-align: right; }
  .history-content > li:nth-child(2n):before {right: -12px;}
  .history-content > li:nth-child(2n) dl { padding-right: 65px; text-align: left;}
  .history-content > li:nth-child(2n) dt:before { left: 100px; width: calc(100% - 35px);}
  .history-content > li:nth-child(2n) dd {  text-align: left; }
}

@media (max-width:768px){/*mobile*/
  .history-content:before {left: 7px;  }
  .history-content:after { left: 11px;width: 1px; }
  .history-content > li {width: auto;padding-bottom: 70px;position: relative; margin-left: 0;}
  .history-content > li:before { top: 8px;left: 6px; }
  .history-content > li dt { font-size: 29px;padding-bottom: 10px;}
  .history-content > li dt:before { width: 30px; top: 14px; left: -36px; }
  .history-content > li dl { padding-left: 51px; }

}

/*sub0101*/
.sub0101 .section01 .contents-box > div{float:left;}
.sub0101 .section01 .txt-box{width:40%; display:table; height:542px;}
.sub0101 .section01 .txt-box .contents{display:table-cell; vertical-align: middle}
.sub0101 .section01 .txt-box h5{font-size:36px; color:#333; font-weight:900; }
.sub0101 .section01 .txt-box h5 span{color:#04b2c9;}
.sub0101 .section01 .txt-box p{font-size:17px; line-height: 1.8; word-break: keep-all; margin-top:40px; color:#666666}
.sub0101 .section01 .txt-box p span{color:#04b2c9; }
.sub0101 .section01 .img-box{width:60%;}

/*sub0102*/
.sub0102 .section01 .txt-box{text-align: center; margin-top:70px;}
.sub0102 .section01 .txt-box p{font-size:18px; color:#999; line-height: 1.8; width:70%; margin:0 auto; word-break:keep-all;}
.sub0102 .section01 .txt-box p span{color:#04b2c9}
.sub0102 .section02 .contents{float:left; width:50%;  padding:0 10px;}
.sub0102 .section02 .contents h5{font-size:18px; background:#f1f1f1; width:100%; margin: 0 auto; padding:14px 0; color:#ce0000; text-align:center;}
.sub0102 .section02 .contents ul{margin-top:20px; border:1px solid #ddd; padding:30px 40px;}
.sub0102 .section02 .contents ul li{font-size:15px; margin-bottom:8px; text-align: left; position: relative; padding-left:14px;}
.sub0102 .section02 .contents ul li::before{content:""; display:block; width:5px; height:1px; background:#000; position:absolute; left:0; top:11px;}
.sub0102 .section02 .contents ul li:last-child{margin-bottom:0}

/*sub0103*/
.sub0103 .section01 .img-box{margin-top:70px;}
.sub0103 .section02 .contents{float:left; width:50%; text-align:center; padding:0 10px;}
.sub0103 .section02 .contents h5{font-size:18px; background:#f1f1f1; width:100%; margin: 0 auto; padding:14px 0; color:#ce0000;}
.sub0103 .section02 .contents h5 span{display:block; color:#adadad; font-size:16px;}
.sub0103 .section02 .contents ul{margin:20px auto 0; border:1px solid #ddd; padding:10px 40px 30px;}
.sub0103 .section02 .contents ul li{font-size:15px; margin-bottom:8px; text-align: left;}

.sub0103 .section02 .contents ul li:last-child{margin-bottom:0}
.sub0103 .section02 .contents ul li{margin-bottom:8px;color:#888;}
.sub0103 .section02 .contents ul li p{position: relative; padding-left:16px; }
.sub0103 .section02 .contents ul li p::before{content:""; display:block; width:7px; height:1px; background:#000; position:absolute; left:0; top:13px;}
.sub0103 .section02 .contents ul li:last-child{margin-bottom:0;}
.sub0103 .section02 .contents ul li h6{margin-top:20px; color:#000;}




/*sub0201*/
.sub0201 .sub-main-tit{margin-top:50px}
.sub0201 .section02 .contents-box{background:url('../img/sub02_01_bg.png') no-repeat center center / cover;}
.sub0201 .section02 .contents-box .txt-box{width:50%; padding:120px 80px; background:rgba(0, 0, 0, 0.6); color:#fff; }
.sub0201 .section02 .contents-box .txt-box p{font-size:17px; line-height: 1.6; word-break: keep-all;}
.sub0201 .section02 .contents-box .txt-box .txt02{margin-top:60px}
.sub0201 .section02 .contents-box .txt-box h5{font-size:20px;}
.sub0201 .section02 .contents-box .txt-box ul{margin-top:12px}
.sub0201 .section02 .contents-box .txt-box li{position:relative; padding-left:16px; font-size:16px; margin-bottom:12px;}
.sub0201 .section02 .contents-box .txt-box li:last-child{margin-bottom: 0;}
.sub0201 .section02 .contents-box .txt-box li::before{content:""; display:block; width:7px; height:1px; background:#fff; position:absolute; left:0; top:13px;}
.focus-txt{font-size:18px; width:60%; margin:0 auto; text-align: center; word-break: keep-all; line-height: 1.8}

.sub0201 .section03{text-align: center;}
.sub0201 .section03 .contents-box > div{float:left; width:33.333333%; padding:0 10px; }
.sub0201 .section03 .txt-box h5{font-size:20px; color:#04b2c9; margin:32px 0 15px;}
.sub0201 .section03 .ex{font-size:19px; color:#828282; line-height: 30px; margin:60px auto 0; width:80%; word-break: keep-all;}
.sub0201 .section04{background:url('../img/lost_banner1.png') no-repeat center center / cover;padding:90px 0;}
.sub0201 #sub-section.section04{padding:90px 0;}
.sub0201 #sub-section.section03{padding:45px 0 90px;}
.sub0201 .section04 .txt-box{text-align: center;}
.sub0201 .section04 .txt-box p{font-size:30px; color:#fff; font-weight: 400; line-height: 48px;}
.sub0201 .section04 .txt-box .contents-box{display:inline-block;}
.sub0201 .section04 .txt-box a{ display: inline-block; width:310px; font-size:20px; color:#276bab; font-weight:bold; text-align: center; background:#fff; padding:22px 0; border-radius:39px; margin:26px 40px 0 0; transition-duration: 0.3s}
.sub0201 .section04 .txt-box a:hover{background:#276bab; color:#fff;}
.sub0201 .section04 .txt-box a:last-child{margin-right:0;}
#sub-wrapper.sub0201{padding-bottom:0;}

/*sub0601*/
.sub0601 .contents-box > div{float:left; width:50%}
.sub0601 .img-box{background:url('../img/sub01_01_img02.png') no-repeat center center / cover; height:450px;}
.sub0601 .txt-box {padding:34px 0 0 60px}
.sub0601 .txt-box::after{content: ""; display: block; width: 200px; height: 2px; background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(215, 138, 134 )50%);
background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(215, 138, 134) 50%); position: absolute; top: 228px; left: 50%; transform: translateX(-50%);}

.sub0601 .txt-box h5{font-size:28px; margin-bottom:42px;line-height: 44px; position: relative; color:#0c4772; font-family:"GmarketSansMedium", sans-serif;}
.sub0601 .txt-box h5 span{display:block;}
.sub0601 .txt-box p{font-size:17px; line-height: 30px; word-break:keep-all;}


/*sub0103*/
.sub0103 table{width:100%; }
.sub0103 table *{font-size:17px; padding:14px; text-align: center;}
.sub0103 table th{border-top:1px solid #06397c; border-bottom:1px solid #06397c; color:#06397c;}
.sub0103 table td{border-bottom:1px solid #ddd; color:#666;}
.sub0103 table td:nth-of-type(1){width:8%;}
.sub0103 table td:nth-of-type(2){width:70%; text-align:left;}
.sub0103 table td:nth-of-type(3){width:12%;}
.sub0103 table td:nth-of-type(4){width:10%;}
.sub0103 .section01 .contents-box{padding-top:50px; }
.sub0103 .section02 table th{border-color:#37cf37; color:#37cf37}


/*sub0604*/
.sub0604 .box-wrap{margin:0 -10px;}
.sub0604 .box-wrap > div{float:left; width:33.333333%; padding:0 10px; margin-bottom: 70px  }
.box-wrap::after{content:""; display: block; clear: both;}
.sub0604 .box-wrap .box04{clear: both;}
.sub0604 .box-wrap .box04,
.sub0604 .box-wrap .box05{margin-bottom: 0}
.sub0604 .img-box{background:#f5f5f5; border-radius: 8px; height: 220px; line-height: 220px; text-align: center;}
.sub0604 .img-box img{ vertical-align: middle;}
.sub0604 .txt-box{margin-top:20px;}
.sub0604 .txt-box h5{font-size:21px; color:#06397c; margin-bottom:15px;}
.sub0604 .txt-box li{font-size:17px; color:#000; margin-bottom:8px; line-height: 30px}
.sub0604 .txt-box li p{font-size:17px; color:#828282; margin-bottom:8px; padding-left:11px;}

/*sub0605*/
.contents_nav_w{margin-bottom:50px; border-bottom:1px solid #06397c;}
.contents_nav li{float:left; border:1px solid #bbb; border-bottom:1px solid #06397c;padding:20px 0; width:25%; text-align: center; font-size:17px; font-weight: bold;; color:#888; cursor:pointer; margin-bottom:-1px;margin-left:-1px; background: #f6f6f6}
.contents_nav li:first-child{margin-left:0;}
.contents_nav li.on{background:#fff; border-color:#06397c ; color:#06397c; border-bottom:1px solid #fff;}
.contents_nav li.on+li {
  border-left-color: #06397c;
}
.content-wrap .active{display:block;}
.content-wrap > div{display:none;}

.sub0605 .section01 li{font-size:17px; line-height: 30px; color:#333; margin-bottom:16px; text-align: center;}
.sub0605 .section01 li:last-child{margin-bottom:0px;}
.sub0605 .section01 li b{color:#b3b3b3; margin-right: 12px;}
.sub0605 #sub-section.section02{padding-top:0;}



#sub-wrapper.sub02{padding:0;}
.sub02 #sub-section{padding:100px 0;}
.sub02 .section01 .img-box{text-align: center; margin:36px 0;}
.sub02 .section01 p{font-size:17px; line-height: 30px; color:#828282; text-align: center; width:50%; margin:0 auto; word-break: keep-all;}
.sub02 .section02{text-align: center;}
.sub02 .section02 .contents-box > div{float:left; width:33.333333%; padding:0 10px; }
.sub02 .section02 .txt-box h5{font-size:20px; color:#04b2c9; margin:32px 0 15px;}
.sub02 .section02 .txt-box p{font-size:17px; color:#828282; line-height: 30px; margin:0 auto; width:80%; word-break: keep-all;}
.sub02 .section03{text-align: center;}
.sub02 .section03 .img-box img:last-child{margin-top:150px;}
.sub02 .section03 .txt-box p{font-size:17px; color:#828282; line-height: 30px}
.sub02 .section03 .txt-box p span{color:#04b2c9}
.sub02 .section03 .txt-box{margin-bottom:80px;}
.sub02 .section04,
.sub02 .section06{background:#f1f1f1;}
.sub02 .section04,
.sub02 .section05,
.sub02 .section06{padding-bottom:0 !important}
.sub02 .section04 .contents-box > div,
.sub02 .section05 .contents-box > div,
.sub02 .section06 .contents-box > div{float:left; width:50%;}
.sub02 .section04 .img-box,
.sub02 .section05 .img-box,
.sub02 .section06 .img-box{text-align: center;}
.sub02 .section07{background:url('../img/lost_banner1.png') no-repeat center center / cover}
.sub02 .contents-tit{font-size:26px; color:#365d61; font-weight: 300; position: relative; padding-left:74px; display:inline-block;  font-family:"GmarketSansMedium", sans-serif;}
.sub02 .contents-tit::before{position: absolute; font-size:50px; color:#b4dee9; margin:0 16px 0 0; font-weight: bold; left:0; bottom:-8px;}
.sub02 .section04 .contents-tit::before{content:"01"}
.sub02 .section05 .contents-tit::before{content:"02"}
.sub02 .section06 .contents-tit::before{content:"03"}
.sub02 .section04 .txt-box p,
.sub02 .section05 .txt-box p,
.sub02 .section06 .txt-box p{font-size:17px; color:#666; line-height: 30px; margin-top:35px;}
.sub02 .section04 .txt-box,
.sub02 .section05 .txt-box,
.sub02 .section06 .txt-box{padding-top:55px }
.sub02 .section05 .txt-box{text-align: right; padding-right: 60px}
.sub02 .section04 .txt-box,
.sub02 .section06 .txt-box{padding-left:60px;}
.sub02 .section07 .txt-box{text-align: center;}
.sub02 .section07 .txt-box p{font-size:30px; color:#fff; font-weight: 400; line-height: 48px;}
.sub02 .section07 .txt-box .contents-box{display:inline-block;}
.sub02 .section07 .txt-box a{float:left; width:50%; display: block; width:320px; font-size:20px; color:#276bab; font-weight:bold; text-align: center; background:#fff; padding:22px 0; border-radius:39px; margin:26px 40px 0 0; transition-duration: 0.3s}
.sub02 .section07 .txt-box a:hover{background:#276bab; color:#fff;}
.sub02 .section07 .txt-box a:last-child{margin-right:0;}

/*sub03*/
#sub-wrapper.sub03{padding:0;}
.sub03 #sub-section{padding:100px 0;}
.sub03 #sub-section.section01{padding-bottom:0;}
.sub03 .section01 p{font-size:17px; line-height: 30px; color:#666; text-align: center; width:50%; margin:0 auto; word-break: keep-all;}
.sub03 .section01 p span{color:#04b2c9}
.sub03 .section02 .box-wrap > div{float:left; width:33.333333%; padding:40px; text-align: center;}
.sub03 .section02 .box-wrap .img-box img{border-radius: 50%;}
.sub03 .section02 .box-wrap .txt-box h5{font-size:20px; color:#04b2c9; margin:20px 0 20px;}
.sub03 .section02 .txt-box ul li{font-size:17px; color:#666; word-break: keep-all; margin-bottom:8px; }
.sub03 .section02 .txt-box ul li p{font-size:15px; color:#ababab; margin-top:8px}
.sub03 .section03,
.sub03 .section05{background:#f1f1f1; }
.sub03 .section03 .contents-box > div,
.sub03 .section04 .contents-box > div,
.sub03 .section05 .contents-box > div{float:left; width:50%; }
.sub03 #sub-section.section03,
.sub03 #sub-section.section04,
.sub03 #sub-section.section05{padding-bottom:0; padding-top:100px;}
.sub03 .section03 .img-box,
.sub03 .section05 .img-box{text-align: right; padding-right: 80px}
.sub03 .section04 .img-box{padding-left: 80px}

.sub03 .section03 .txt-box ul,
.sub03 .section04 .txt-box ul,
.sub03 .section05 .txt-box ul{display:inline-block;}

.sub03 .section03 .txt-box{padding:96px 0 0 80px;}
.sub03 .section04 .txt-box{padding:96px 80px 0 0;}
.sub03 .section05 .txt-box{padding:60px 0 0 80px;}

.sub03 .section03 .txt-box ul li,
.sub03 .section04 .txt-box ul li,
.sub03 .section05 .txt-box ul li{font-size:21px; color:#000; font-weight: 300; margin-bottom:16px;}
.sub03 .section03 .txt-box ul li::before,
.sub03 .section04 .txt-box ul li::before,
.sub03 .section05 .txt-box ul li::before{content:""; display:block; float:left; width:6px; height:6px; background:#276bab; margin:13px 12px 0 0;}
.sub03 .section04 .txt-box{text-align: right;}
.sub03 .section04 .txt-box ul{display: inline-block;}
.sub03 .section04 .txt-box ul li{text-align: left; }

.sub03 .section06{background:url('../img/lost_banner1.png') no-repeat center center / cover}
.sub03 .section06 .txt-box{text-align: center;}
.sub03 .section06 .txt-box p{font-size:30px; color:#fff; font-weight: 400; line-height: 48px;}
.sub03 .section06 .txt-box .contents-box{display:inline-block;}
.sub03 .section06 .txt-box a{float:left; width:50%; display: block; width:320px; font-size:20px; color:#276bab; font-weight:bold; text-align: center; background:#fff; padding:22px 0; border-radius:39px; margin:26px 40px 0 0; transition-duration: 0.3s}
.sub03 .section06 .txt-box a:hover{background:#276bab; color:#fff;}
.sub03 .section06 .txt-box a:last-child{margin-right:0;}

/*sub04*/
#sub-wrapper.sub04{padding:0;}
.sub04 #sub-section{padding:100px 0;}
.sub04 .section01{text-align:center; padding-bottom:0 !important;}
.sub04 .section01 h5{font-size:26px; color:#000; line-height: 42px;font-family:"GmarketSansMedium", sans-serif;}
.sub04 .section01 h5 span{color:#04b2c9}
.sub04 .section01 p{font-size:17px; color:#828282; margin-top:36px}
.sub04 .section02 .img-box{text-align: center;}
.sub04 .section03{background:#f7f7f9;}
.sub04 .section03 .contents-box > div{float:left;}
.sub04 .section03 .img-box{width:35%}
.sub04 .section03 .img-box .contents-img{margin-bottom:30px; padding-right:80px}
.sub04 .section03 .img-box .contents-img img{width:100%; border-radius: 10px}
.sub04 .section03 .img-box .contents-img p{font-size:17px; color:#000; text-align: center; margin-top:12px}
.sub04 .section03 .txt-box{width:65%}
.sub04 .section03 .txt-box li{margin-bottom:60px; }
.sub04 .section03 .txt-box li:last-child{margin-bottom:0px;}
.sub04 .section03 .txt-box li::after{content:""; display: block; clear: both;}
.sub04 .section03 .txt-box .contents-tit{ float:left; width:30%;}
.sub04 .section03 .txt-box .contents-tit::before{content:""; display: block; width:80%; height:2px; background:#000; margin-bottom:15px}
.sub04 .section03 .txt-box h5{font-size:18px;}
.sub04 .section03 .txt-box .contents{float: right;width:70%;}
.sub04 .section03 .txt-box p{font-size:17px; word-break: keep-all; color:#9c9c9c;line-height: 30px}

.sub04 .section04 .contents-box > div{float:left;}
.sub04 .section04 .img-box{width:35%}
.sub04 .section04 .img-box .contents-img{margin-bottom:30px; padding-right:60px}
.sub04 .section04 .img-box .contents-img img{width:100%; border-radius: 10px}
.sub04 .section04 .img-box .contents-img p{font-size:17px; color:#000; text-align: center; margin-top:12px}
.sub04 .section04 .txt-box{width:60%}
.sub04 .section04 .txt-box li{margin-bottom:60px; }
.sub04 .section04 .txt-box li:last-child{margin-bottom:0px;}
.sub04 .section04 .txt-box li::after{content:""; display: block; clear: both;}
.sub04 .section04 .txt-box .contents-tit{ float:left; width:35%;}
.sub04 .section04 .txt-box .contents-tit::before{content:""; display: block; width:80%; height:2px; background:#000; margin-bottom:15px}
.sub04 .section04 .txt-box h5{font-size:18px;line-height: 30px}
.sub04 .section04 .txt-box h5 span{display: block;}
.sub04 .section04 .txt-box .contents{float: right;width:65%;}
.sub04 .section04 .txt-box p{font-size:17px; word-break: keep-all; color:#9c9c9c; line-height: 30px}

.sub04 .section05{background:url('../img/lost_banner1.png') no-repeat center center / cover}
.sub04 .section05 .txt-box{text-align: center;}
.sub04 .section05 .txt-box p{font-size:30px; color:#fff; font-weight: 400; line-height: 48px;}
.sub04 .section05 .txt-box .contents-box{display:inline-block;}
.sub04 .section05 .txt-box a{float:left; width:50%; display: block; width:320px; font-size:20px; color:#276bab; font-weight:bold; text-align: center; background:#fff; padding:22px 0; border-radius:39px; margin:26px 40px 0 0; transition-duration: 0.3s}
.sub04 .section05 .txt-box a:hover{background:#276bab; color:#fff;}
.sub04 .section05 .txt-box a:last-child{margin-right:0;}

.sub0501 .section01 p{font-size:17px; color:#666; line-height: 30px}
.sub0501 .section01 span{color:#01aef0;}
.sub0501 .section01 .img-box{border:1px solid #ddd; padding:70px 0; margin:0 auto 50px; text-align:center}
.sub0501 .section01 .box01{margin-right: 5%;}
.sub0501 .section01 .contents-box > div{float:left; width:47.5%; }
.sub0501 .section02 .contents-box .box-wrap > div{float:left; width:30%; text-align: center; margin-right: 5%}
.sub0501 .section02 .contents-box .box-wrap > div:last-child{margin-right:0;}
.sub0501 .section02 .contents-box .box-contents{ height: 511px; }
.sub0501 .section02 .box-num{font-size:24px; font-weight: 500; color:#06397c;}
.sub0501 .section02 .img-box{margin:30px 0;}
.sub0501 .section02 .box02 .box-num{color:#37cf37;}
.sub0501 .section02 .txt-box p{font-size:17px; line-height: 30px; color:#666; word-break: keep-all; width:80%; margin:0 auto;}

.sub0502 .section01 .box-wrap{margin-top:30px}
.sub0502 .section01 .box{float:left; width:33.333333%; text-align: center;}
.sub0502 .section01 .box:nth-of-type(1){text-align: left}
.sub0502 .section01 .box:nth-of-type(3){text-align: right;}
.sub0502 .section01 .img-wrap{border:1px solid #ddd; padding:40px}
.sub0502 .section01 .txt-box{margin:0 0 30px;}
.sub0502 .section01 .txt-box p{font-size:18px ; line-height: 30px; word-break: keep-all;}
.sub0502 .section01 .txt-box p span{color:#37cf37}
.sub0502 .section02 .txt-box{margin:30px 0 30px;}
.sub0502 .section02 .txt-box p{font-size:18px ; line-height: 30px; word-break: keep-all;}
.sub0502 .section02 .txt-box p span{color:#37cf37}
.sub0502 .section02 .img-box{text-align: center; border:1px solid #ddd; padding:40px;}


.fields{position:relative; margin-top:30px; border-top:1px solid #ddd;}
.fields li{display:flex;border-bottom:1px solid #ddd;  align-items:center; padding:15px;}
.fields .lbl{width:200px;font-size:15px; cursor:text}
.fields .desc{width:100%;}
.fields .input{border:1px solid #ddd; padding:15px 10px; box-sizing:border-box; width:100%}
.fields .input.full{width:100%}
.fields .btn-group{margin-top:34px; text-align:center}
.fields .btn-group span{font-size:16px; color:#999;}
.fields .btn-group a{font-size:16px; color:#000; font-weight:bold;}
.fields .btn-group a:hover{text-decoration:underline}
input[id="agree-check"] + label {display: inline-block; width: 20px; height: 20px; border: 1px solid #bbb; cursor: pointer;margin: 0 4px 4px 0;}
input[id="agree-check"]:checked + label {border-color:#12325c; background:url('../img/agree_check.png') no-repeat center center;}
input[id="agree-check"] {display: none;}
.fields .btn-submit{background:#12325c; color:#fff; font-size:16px; font-weight:bold; padding: 15px 47px; border:none; outline:none; margin-top:35px;}

@media (max-width:768px){/*mobile*/
  .fields li{display:block;}
  .fields .desc{margin-top:15px;}
  .fields .btn-group span{font-size:15px;}
  .fields .btn-submit{font-size:15px;}
}



.sub0301 .section01 p{font-size:18px; color:#828282; line-height: 32px; text-align: center; word-break: keep-all; width:55%; margin:0 auto;}
.sub0301 .section01 .img-box{text-align: center; margin-top:80px;}

.sub0302 .box{margin:50px 0;}
.sub0302 .box:last-child{margin:50px 0 0;}
.sub0302 .box ul li{padding-left:20px; font-size:17px; line-height: 32px; color:#828282; position: relative; }
.sub0302 .box ul li::before{content:""; display:block; width:6px; height:6px; background:#37cf37;position: absolute; left:0; top:14px;}
.sub0302 .section02 .contents-box{margin:0 -10px;}
.sub0302 .section02 .contents-box > div{float:left; width:25%; text-align: center; padding:0 10px;}

.sub0702 .section01 .img-box{text-align: center; }
.sub0702 .section02 {background:#f6f6f6;text-align: center; margin:50px 0;}
.sub0702 .section02 .txt-box p{font-size:16px; line-height: 26px; font-weight: bold;}
.sub0702 .section02 .txt-box p span{color:#01aef0}
.sub0702 .section03 .contents-box > div{float:left; width:47.5%; text-align: center;}
.sub0702 .section03 .contents-box > div:last-child{margin-left:5%}
.sub0702 .section03 a{display:inline-block; width:200px; padding:12px 0; text-align: center; background:#eaeaea; color:#ababab; font-weight: bold; font-size:15px; border-radius: 40px; margin-top:20px; transition-duration: 0.2s}
.sub0702 .section03 a:hover{background:#01aef0; color:#fff;}

.pro-bg{background-position: center center; background-repeat: no-repeat; background-size: cover; height:320px; display:table; width:100%; padding:0 150px; margin-bottom:60px;}
.pro-bg.pro01{background-image:url('../img/pro-bg00.png');}
.pro-bg.pro01{background-image:url('../img/pro-bg01.png');}
.pro-bg.pro02{background-image:url('../img/pro-bg02.png');}
.pro-bg.pro03{background-image:url('../img/pro-bg03.png');}
.pro-bg .txt-box{display:table-cell; vertical-align: middle; text-align: right; position: relative;}
.pro-bg .txt-box ul {position: absolute; right: 0;top:50%; transform: translateY(-50%);}
.pro-bg .txt-box ul li{font-size:19px; font-weight: 300; color:#fff; margin-bottom:9px;}
.pro-bg .txt-box ul li{padding-left:20px; position: relative; text-align: left}
.pro-bg .txt-box ul li::before{content:""; display:block; position:absolute; left:0; width:6px; height: 6px; background: #fff; top:11px}
.pro-bg .txt-box ul li:last-child{margin-bottom:0;}
.pro-bg .sub-main-tit{margin:0;}
.pro-bg .sub-main-tit h3{color:#fff;}

@media (max-width:1400px) and (min-width:769px){/*mobile*/
.index .section01 .txt01{font-size:20px;}
.sub0201 .section02 .contents-box .txt-box{padding:100px 50px;}
}

@media (max-width:768px) { /*mobile*/
.sub0601 .contents-box > div{float:none; width:100%;}
.sub0601 .txt-box{padding:60px 0 0 0;}
.sub0601 .txt-box p{font-size:16px;}
.sub0601 .txt-box h5 {font-size: 26px; margin-bottom: 29px; line-height: 40px;}

.gall_row .col-gn-4{width:100% !important;}

.sub0604 .box-wrap > div{float:none; width:100%;}
.sub0604 .box-wrap .box04{margin-bottom:70px}

.sub0605 .section01 li{text-align: left; word-break: keep-all;}
.sub0605 .section01 li b{display:block;}
.contents_nav li{width:50%;}

.sub0201 .section01 p{word-break:keep-all; font-size:16px; line-height: 28px;}
.sub0201 .section01 p b{font-size:19px;}
.sub-tit02{font-size:24px;}
.sub0201 .section02 .txt-box02 p{word-break: keep-all; text-align:left;}
.sub0201 .section03 .contents-box > div{float:none; width:100%; margin-bottom:60px; }
.sub0201 .section03 .contents-box > div:last-child{margin-bottom:0; }
.sub0201 .section04 .img-box li{float:none; width:100%;}
.sub0201 .section04 .txt-box{font-size:16px; text-align: center;}
.sub0201 .section05 .contents-box > div{float:none; width:100%; margin:0 0 20px;}
.sub-tit01{font-size:32px;}
.index .section02 .contents-box > div{float:none; width:100%; margin-bottom:10px }
.index .section02 .contents-box > div:last-child{margin-bottom:0; }
.index .section01 .txt01,
.index .section01 .txt02{font-size:17px; word-break: keep-all;}
.index .section03 iframe{height:400px !important}

.sub0101 .section01 .contents-box > div{float:none; width:100%;}
.sub0101 .section01 .contents-box .txt-box{margin-bottom:40px;}
.sub0101 .section01 .txt-box h5{text-align: center;}
.sub0102 .section01 .txt-box p{text-align: left;}
.sub0102 .section02 .contents{float:none; width:100%;}
.sub0102 .section02 .contents.box01{margin-bottom:60px;}
.sub0102 .section02 .contents h5{width:100%;}
.sub0103 .section02 .contents{float:none; width:100%;}
.sub0103 .section02 .contents h5{width:100%;}
.sub0103 .section02 .contents ul{width:100%}
.sub0103 .section02 .contents ul li{word-break:keep-all; font-size:16px;}
.sub0103 .section02 .contents.box01{margin-bottom:60px;}
.focus-txt{width:100%;}
.sub0201 .section02 .contents-box .txt-box{width:100%; padding:50px 30px;}
.sub0201 .section02 .contents-box .txt-box h5{text-align: center;}
.sub-main-tit h3{font-size:24px; }
.sub0201 .section03 .ex{width:100%; font-size:17px; line-height: 27px;}
.sub0201 .section04 .txt-box a{float:none; width:90%; font-size:16px;margin:26px 0 0 0;}
.sub0201 .section04 .txt-box p{font-size:24px; line-height: 40px;}
.sub0201 .section03 .txt-box h5{font-size:17px;}
.sub0601 .txt-box::after{display:none}


.sub02 .section07 .txt-box a,
.sub03 .section06 .txt-box a,
.sub04 .section05 .txt-box a {width:250px; font-size:18px;}
.sub02 .section07 .txt-box p,
.sub03 .section06 .txt-box p,
.sub04 .section05 .txt-box p {font-size: 26px; line-height: 39px;}

.sub03 .section01 p{width:100%; }
.sub03 .section02 .box-wrap > div{float:none; width:100%;}
.sub03 .section03 .contents-box > div, .sub03 .section04 .contents-box > div, .sub03 .section05 .contents-box > div{float:none; width:100%;}
.sub03 #sub-section.section03, .sub03 #sub-section.section04, .sub03 #sub-section.section05{padding-bottom:100px;}
.sub03 .section03 .img-box, .sub03 .section04 .img-box, .sub03 .section05 .img-box{text-align:center;}
.sub03 .section03 .img-box, .sub03 .section05 .img-box{padding-right:0;}
.sub03 .section04 .img-box{padding-left:0;}
.sub03 .section03 .txt-box, .sub03 .section05 .txt-box{padding-left:0; text-align:center; padding-top:50px;}
.sub03 .section04 .txt-box{padding-right:0; padding-top:0; text-align:center;}

.sub04 .section01 h5{font-size:23px; line-height: 34px;}
.sub04 .section01 p{font-size:16px; margin-top:12px;}
.sub04 .section03 .contents-box > div{float:left; width:100% !important;}
.sub04 .section03 .img-box .contents-img{padding-right:0;}
.sub04 .section03 .txt-box .contents-tit{float:none; width:100%;}
.sub04 .section03 .txt-box .contents{float:none; width:100%;}
.sub04 .section03 .txt-box p{margin-top:16px; font-size:16px; line-height: 27px;}

.sub04 .section04 .contents-box > div{float:left; width:100% !important;}
.sub04 .section04 .img-box .contents-img{padding-right:0;}
.sub04 .section04 .img-box { margin-bottom:16px;}
.sub04 .section04 .txt-box .contents-tit{float:none; width:100%;}
.sub04 .section04 .txt-box .contents{float:none; width:100%;}
.sub04 .section04 .txt-box p{margin-top:16px; font-size:16px; line-height: 27px;}

.sub0501 .section01 .contents-box > div{float:none; width:100%; }
.sub0501 .section01 .box01{margin:0 0 80px;}
.sub0501 .section01 p{font-size:16px; line-height: 27px;}
.sub0501 .section01 .img-box{margin-bottom:30px;}

.sub0501 .section02 .contents-box .box-wrap > div{float:none; width:100%; margin-right:0;}

.sub-tit03{font-size:19px; word-break: keep-all; margin-bottom:20px;padding-left:24px;}
.sub-tit03 i{font-size:14px;top:7px;}

.sub0502 .section01 .txt-box p{font-size:16px; line-height: 27px;}
.sub0502 .section02 .txt-box p{font-size:16px; line-height: 27px;}
.sub0502 .section01 .img-box{padding:20px}
.sub0502 .section02 .img-box{padding:20px}
.sub0301 .section01 p{font-size:16px; line-height: 27px;}
.sub0301 .section01 p{width:100%; text-align:left;}
.sub0302 .box ul li{font-size:16px; line-height: 27px; }
.sub0302 .section02 .contents-box > div{width:50%; margin-bottom:20px;}

}