@import url(https://use.fontawesome.com/releases/v5.15.2/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@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; color:#000;}
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;  font-family:"Noto Sans KR", sans-serif;}
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#000;}
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; height:auto; 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: 1.6;}
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: 1410px; width:100%; margin: 0 auto; position: relative; box-sizing: border-box; padding:0 15px;}
.container:after {
  content: "";
  display: block;
  clear: both;
}


/*header*/
#m-hd{position:fixed; padding:0; height:100px; top:0; z-index: 9000; width:100%; transition-duration: 0.3s; border-bottom: 1px solid rgba(255, 255, 255, 0.29);}
#m-hd:after{content:""; display:block; clear:both}
#m-hd #m-logo{float:left; position:absolute; top:50%; transform:translateY(-50%);z-index: 9999; left:40px; }
#m-hd #m-logo a{display:block; width:188px; height:40px; background:url('../img/logo.png') no-repeat center center; }

#m-hd:hover{background: #fff;}
#m-hd:hover{border-bottom:1px solid rgba(0, 0, 0, 0.29)}
#m-hd:hover #m-gnb > li > a{color:#000;}
#m-hd:hover #lang li a{color:#000;}
#m-hd:hover #m-logo a{ background:url('../img/logo_color.png') no-repeat center center !important; }
#m-hd:hover #mobile-menu span{background-color: #000;}

#m-hd.hd-fixed{background: #fff; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.13); border-bottom:0 !important;}
#m-hd.hd-fixed{border-bottom:1px solid rgba(0, 0, 0, 0.29)}
#m-hd.hd-fixed #m-gnb > li > a{color:#000;}
#m-hd.hd-fixed #lang li a{color:#000;}
#m-hd.hd-fixed #m-logo a{ background:url('../img/logo_color.png') no-repeat center center !important; }
#m-hd.hd-fixed #mobile-menu span{background-color: #000;}


#etc-menu {display:inline-block; margin:0 0 6px 60px;}
#etc-menu li{float:left; margin-left:40px;}
#etc-menu li:first-child{margin-left:0;}
#etc-menu li a{font-family: "Poppins", sans-serif; font-size:15px; color:#fff; }

#all-etc-menu {display:inline-block; margin:0 0 60px;}
#all-etc-menu li{float:left; margin-left:30px;}
#all-etc-menu li:first-child{margin-left:0;}
#all-etc-menu li a{display:block; font-family: "Poppins", sans-serif; font-size:16px; color:#ababab; width:140px; background:#f1f1f1; padding:12px 0; text-align:center; font-weight:500; transition-duration: 0.2s}
#all-etc-menu li a:hover{background:#1b66b1; color:#fff;}


#m-hd:hover #etc-menu li a{color:#000;}
#m-hd.hd-fixed #etc-menu li a{color:#000;}

#m-hd #mobile-menu.active span{background-color: #000;}

#all-menu{background:#fff; width:100%; position:fixed; top:0; height:100vh; z-index:9500; padding-top:40px;margin-top:0; display:none;}
#all-menu #all-nav{ position:relative; }
#all-menu #all-gnb > li{margin-bottom:30px;}
#all-menu #all-gnb > li:last-child{margin-bottom:0;}
#all-menu #all-gnb > li > a{font-size:26px; display:inline-block; text-align:left; color:#000; font-weight:700}
#all-menu #all-gnb .lnb{margin-top:10px;}
#all-menu #all-gnb .lnb li {float:left; margin-right:40px;}
#all-menu #all-gnb .lnb li a{font-size:18px; color:#babcbf; font-weight:700}
#all-menu #all-gnb .lnb li a:hover{color:#4facff; background: none;}
#all-menu #all-gnb .lnb li:last-child {margin-right:0;}

#menu-box{position:absolute; left:20%; top:47%; transform:translateY(-50%);
 -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);  -ms-transform:translateY(-50%);}

#mobile-btn{position:absolute; z-index: 9999; right: 40px; top:50%; transform:translateY(-50%); cursor: pointer;}

#mobile-menu,
#mobile-menu span {display: inline-block; transition: all .4s;box-sizing: border-box;}
#mobile-menu {position: relative; width: 40px; height: 30px;}
#mobile-menu span {position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 2px;}

#mobile-menu span:nth-of-type(1) {top: 0;}
#mobile-menu span:nth-of-type(2) {top: 14px;}
#mobile-menu span:nth-of-type(3) {bottom: 0;}
#mobile-menu.active span{background-color: #fff;}
#mobile-menu.active span:nth-of-type(1) {-webkit-transform: translateY(14px) rotate(-45deg); transform: translateY(14px) rotate(-45deg);}
#mobile-menu.active span:nth-of-type(2) {opacity: 0;}
#mobile-menu.active span:nth-of-type(3) {-webkit-transform: translateY(-14px) rotate(45deg);transform: translateY(-14px) rotate(45deg);}

@media (min-width:1201px){/*pc*/

  #m-hd #m-nav{text-align: right; margin:29px 160px;}
  #m-hd #m-nav::after{content:""; display:block; clear:both}
  #m-hd #m-nav > ul{}

  #m-hd #m-nav #m-gnb{display:inline-block;}
  #m-hd #m-gnb > li{float:left; position:relative; text-align:center; margin-right: 70px; }
  #m-hd #m-gnb > li:last-child{margin-right: 0;}
  #m-hd #m-gnb > li > a{font-size:20px; font-weight:500; margin:0 auto; line-height:30px; display:block; color:#fff; box-sizing:border-box;position:relative;padding: 4px 0;}
  #member-join li{float:left; margin-right: 24px; margin-top:16px}
  #member-join li a{font-size:17px; color:#333 }
  #member-join li:last-child{margin-right:0; }
  #member-join .admin-icon a {color:#ff3746}

  .hd-right-wrap{position: absolute; right:40px; top:50%; transform:translateY(-50%);}
  .hd-right-wrap > div{float:left;}
  .lang-wrap{margin-right:70px;}
  #lang li{float:left; padding:8px 0; }
  #lang li:first-child{margin-right:36px;}
  #lang li img{margin-right:12px;}
  #lang li a{display:block; font-size: 16px; font-weight:500; color:#fff; line-height: 28px;}

  #m-hd #m-gnb > li .lnb{display:none; position: absolute;background:rgba(0, 0, 0, 0.7); padding:0 10px; left:0; width:200px;}
  /*#m-hd #m-gnb > li .lnb::before{content:""; display: block;   width: 0px;
    height: 0px; border-bottom: 8px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top:-8px; }*/
  #m-hd #m-gnb > li:hover .lnb{display:block; position: absolute;}

  .lnb li a{display: block; padding:10px; font-size:15px; color:#fff; font-weight: 500; text-align: left;}
  .lnb li a:hover{color:#1b66b1;}

  .catalog-link{float:left;}
  .catalog-link a{font-size:15px; color:#fff; text-align:center; padding:8px 20px; display:inline-block; border:2px solid #fff; border-radius: 26px;}
  .catalog-link i{margin-left:10px;}
  .catalog-link a:nth-of-type(1){margin-right:10px;}
  .catalog-link a:nth-of-type(2) i { margin-left: 8px; }

  #all-menu #all-menu-top{display:none;}

}

@media (max-width:1600px){
  #m-hd #m-nav #m-gnb{padding-left:12%}
  #m-hd #m-gnb > li{margin-right:40px;}
}

@media (max-width:1360px){
  #m-hd #m-nav #m-gnb{padding-left:17%}
  #m-hd #m-gnb > li{margin-right: 40px; }
  #m-hd #m-gnb > li > a{font-size:18px}
  #lang li:first-child{margin-right:23px;}
}


@media (max-width:1200px){/*테블릿 + 모바일 */
  #m-hd{height:66px; }
  #m-hd #m-nav{display:none;}
  #all-menu #all-menu-top{display:block; margin-bottom:50px;}
  #all-menu-top::after{content:""; display:block; clear:both}
  #all-menu #member-join{margin-right: 50px}
  #all-menu #member-join li{float:left; margin-right: 24px; margin-top:16px}
  #all-menu #member-join li a{font-size:17px; color:#333 }
  #all-menu #member-join li:last-child{margin-right:0; }
  #all-menu #member-join .admin-icon a {color:#ff3746}


  #all-menu #lang li{float:left; padding:14px 0; }
  #all-menu #lang li:first-child{margin-right:24px;}
  #all-menu #lang li a{display:block; font-size: 15px; font-weight:900; color:#9b9b9b;  width:95px; text-align:center;}
  #all-menu #lang li:first-child{margin-right:10px;}
  #all-menu #lang li a.active{color:#1b66b1; }

}


@media (max-width:768px){/*모바일 */
  #m-hd #m-logo{left:20px}

  #m-hd #m-logo a{width:118px; height:25px; background:url('../img/m_logo.png') no-repeat center center; }

  #m-hd:hover #m-logo a{ background:url('../img/m_logo_color.png') no-repeat center center !important; }
  #m-hd.hd-fixed #m-logo a{ background:url('../img/m_logo_color.png') no-repeat center center !important; }




  #mobile-menu{width:33px; height: 26px; }
  #mobile-menu span:nth-of-type(2){top:12px; }
  #mobile-menu.active span:nth-of-type(1) {-webkit-transform: translateY(12px) rotate(-45deg);}
  #mobile-menu.active span:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);}
  #all-menu #all-gnb > li > a{font-size:19px; }
  #all-menu #all-gnb .lnb{display:none;}

  #mobile-btn{right:20px}
  #all-menu #all-gnb .lnb li a{font-size: 23px;}
  #all-menu #member-join {margin-right:0; margin-bottom:20px;}
  #menu-box{left:50%; transform:translate(-50%, -50%);}

  #all-etc-menu {margin:0 0 40px;}
  #all-etc-menu li{float:none; margin-left:0; margin-bottom:20px;}
  #all-etc-menu li:last-child{margin-bottom:0;}
  #all-etc-menu li a{display:inline-block; font-size:15px; width:auto; color:#1b66b1; background:none; padding:0; text-align:left; font-weight:600;}



}

/*scroll*/
.scroll{position:absolute; color:#fff; bottom:0; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align: center;}
.scroll span{display:block; font-family: "Poppins", sans-serif; font-size:16px; font-weight: 300; letter-spacing: 10px ; margin-right:-10px;}
.scroll::after{content:""; display:block; width:1px; height:40px;  background:#fff; margin:12px auto 0;}



/*index 공통*/
#wapper::after{content:""; display:block; clear:both;}
.contents-box::after{content:""; display:block; clear:both;}
.box-wrap::after{content:""; display:block; clear:both;}

.main-page-anchor { position: fixed;right: 30px; top: 50%;z-index: 30; text-align:center;  transform:translateY(-50%);
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%); }
.main-page-anchor li{ margin-bottom:30px;}
.main-page-anchor li:last-child{ margin-bottom:0; }
.main-page-anchor a {display:block; width:11px; height:11px; border-radius:6px; background:#fff; transition: 0.3s; opacity:0.4; margin:0 auto;}
.main-page-anchor li.active > a {width:22px; height:22px; border-radius:11px; opacity:1 }


#fullpage section{ height: 936px;}

#m-hd.color-change{border-bottom:1px solid rgba(0, 0, 0, 0.29)}
#m-hd.color-change #m-gnb > li > a{color:#000;}
#m-hd.color-change #lang li a{color:#000;}
#m-hd.color-change .catalog-link a{color:#000; border-color:#000;}
#m-hd.color-change #m-logo a{ background:url('../img/logo_color.png') no-repeat center center }
#m-hd.color-change #mobile-menu span {background-color: #000;}
#m-hd.color-change #mobile-menu.active span{background-color: #000;}


.main-page-anchor.color-change a{background:#000;}
.scroll.color-change {border-color: #333333}
.scroll.color-change::before{background:#333333}
.scroll.color-change::after{border-color: #333333}

.main-section .container{display:table; height:100%;}
.main-section .contents-box{display:table-cell; vertical-align: middle;}
.main-section-tit{font-size:18px; color:#fff; font-weight: 900; text-align:center; margin-bottom:25px;}
.section-sub-txt span{display:block;}
#etc-menu.color-change a{color:#000;}


.page01{background:url('../img/main_section_bg01.png') no-repeat center center / cover; }
.page01 .main-tit-box{font-family: "Poppins", sans-serif; color:#fff; text-align: center;}
.page01 .main-tit-box h3{ font-size:100px; font-weight:900; line-height: 1.22;}
.page01 .main-tit-box h5{font-size:34px; font-weight:400; }
.page01 .sub-tit{font-size:20px; font-weight:300; color:#fff; text-align:center; margin-top:60px;}

.page02{background:url('../img/main_section_bg02.png') no-repeat center center / cover; }

.page02 .section-sub-txt{font-size:28px; font-weight: 300; color:#fff; text-align: center;}
.page02 .main-pro-list{margin-top:40px;border:1px solid rgba(255, 255, 255, 0.3);}
.page02 .main-pro-list li{float:left; width:25%; border-right:1px solid rgba(255, 255, 255, 0.3);background:rgba(0, 0, 0, 0.30); }
.page02 .main-pro-list li:last-child{border-right:0; }
.page02 .main-pro-list li a{display:block; color:#fff; padding:45px; text-align: center;}
.page02 .main-pro-list li:hover{background:#1b66b1; }
.page02 .main-pro-list li .img-box{height:53px; vertical-align: middle; margin-bottom:20px;}
.page02 .main-pro-list .txt-box{min-height:190px;}
.page02 .main-pro-list .txt-box h5{font-size:18px; }
.page02 .main-pro-list .txt-box h5::after{content:""; display:block; width:33px; height:2px;  background:#fff; margin:17px auto; }
.page02 .main-pro-list .txt-box p{font-size:15px; line-height: 1.6; text-align:left;}

.page-move{width:34px; height:2px; position:relative; background:#fff; margin:35px auto 0; }
.page-move::after{content:""; display:block; width:34px; height:2px; position:absolute; background:#fff; margin:20px auto 0; transform: rotate(90deg); top:-19px; }

.page03{background:url('../img/main_section_bg03.png') no-repeat center center / cover; }
.page03 .main-section-tit{text-align: left;}
.page03 .section-sub-txt{font-size:32px; line-height: 1.6; font-weight:700; color:#fff;}

.m-link{display:block; width:165px; padding:14px 0; border:1px solid #fff; border-radius: 27px; text-align: center; color:#fff; font-size:16px; font-weight: 500; margin-top:60px;transition-duration: 0.2s}
.m-link:hover{background-color:#1b66b1; border-color:#1b66b1;}


.page04 .main-section-tit{color:#bdbdbd}
.page04 .section-sub-txt{font-size:28px; line-height: 1.4; font-weight:300; text-align: center; }
.page04 .m-link{margin:60px auto 0; border:1px solid #1b66b1; color:#fff; background:#1b66b1; }
.page04 .m-link:hover{background-color:#fff; color:#1b66b1;}
.page04 .board-box{margin-top:30px;}



/*footer*/
.m-ft{position:absolute; bottom:30px; padding:0 40px; width:100%;}
.m-ft ul li{float:left; width:33.333333%; font-family: "Poppins", sans-serif; font-size:14px; color:#000; font-weight: 500;}
.m-ft ul .addr{font-family: "Noto Sans KR", sans-serif;}
.m-ft ul .tel{text-align: center}
.m-ft ul .copy{text-align: right}

/*sub footer*/
#footer{border-top:1px solid #ececec; padding:25px 0;}
#footer ul li{float:left; margin-right:30px;}
#footer ul li a{font-size:15px; font-weight: 600;}
#footer ul li:last-child{margin-right:0;}
#footer .ft-bt{margin-top:20px; }
#footer .ft-bt .info{float:left;}
#footer .ft-bt .ft-logo{float:right;}
#footer .info p{font-size:14px; line-height: 1.6;}
#footer .info .copy{font-size:14px; margin-top:15px;}

@media (max-width:1200px){/*mobile*/
.page02 .main-pro-list li a{padding:35px;}
}

@media (max-width:768px){/*mobile*/
  #m-hd.color-change #m-logo a{ background:url('../img/m_logo_color.png') no-repeat center center }
  .scroll{display:none;}
  .main-page-anchor li{margin-bottom:20px;}
  .main-page-anchor{right:10px;}
  .main-page-anchor a{width:9px; height:9px;s}
  .main-page-anchor li.active > a{width:14px; height:14px;}
  .main-section-tit{font-size:15px;}
  .page01 .main-tit-box h3{font-size:40px;}
  .page01 .main-tit-box h5{font-size:19px;}
  .page01 .sub-tit{font-size:15px; margin-top:29px;}
  .page-move{width:13px; margin-top:25px;}
  .page-move::after{width:13px; top:-20px;}
  .page02 .section-sub-txt{font-size:18px;}
  .page02 .main-pro-list li{width:50%;}
  .page02 .main-pro-list li:nth-child(1),
  .page02 .main-pro-list li:nth-child(2){border-bottom:1px solid rgba(255, 255, 255, 0.3)}
  .page02 .main-pro-list li a{padding:20px;}
  .page02 .main-pro-list li .img-box{display:none;}
  .page02 .main-pro-list .txt-box h5{font-size:14px;}
  .page02 .main-pro-list .txt-box h5::after{display:none;}
  .page02 .main-pro-list .txt-box p{display:none;}
  .page02 .main-pro-list .txt-box{min-height:auto;}
  .page03{text-align: center;}
  .page03 .main-section-tit{text-align: center;}
.page03 .section-sub-txt{font-size:17px;}
  .page03 .section-sub-txt span{display:inline;}
  .m-link{margin:29px auto 0; width:150px; padding:12px 0; font-size: 14px;}
.page04 .section-sub-txt{font-size:18px;}

.m-ft{padding:0 10px; bottom:10px;}
.m-ft ul li{float:none; width:100%; font-size:12px;}
.m-ft ul .addr,
.m-ft ul .tel{display:none; }
.m-ft ul .copy{text-align: center;}
.ft-logo{display:none;}
}


/*sub-visual*/
#visual{ width:100%; height:50vw; max-height:464px; min-height:310px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
#visual.bg1{background-image:url('../img/sub_visual01.png');}
#visual.bg2{background-image:url('../img/sub_visual02.png');}
#visual.bg3{background-image:url('../img/sub_visual03.png');}
#visual.bg4{background-image:url('../img/sub_visual04.png');}

.visual-wrap{position: relative; height:50vw; max-height:464px; min-height:310px; width:100%; }
.visual-tit-box{position: absolute; z-index: 99; width:100%; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);text-align:center; }
.visual-title{font-size:54px; color:#fff; text-align: center; margin-bottom:10px; }
.route{display: inline-block;}
.route li{float:left; margin-right:40px; position:relative; color:#fff; font-size:16px; }
.route li::before{content:""; display:block; width:1px; height:9px; background:#fff; position:absolute; right:-20px; top:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.route li::after{content:""; display:block; width:1px; height:9px; background:#fff; position:absolute; right:-20px; bottom:4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.route li:last-child{margin-right:0;}
.route li:last-child::before,
.route li:last-child::after{display:none;}


/*snb*/
#contents-section{position: relative;}
#snb-wrap{position: absolute; top:-67px; left:0; width:100%; border-top:1px solid rgba(255, 255, 255, 0.35)}
#snb-wrap .container{padding:0; }
.snb{ height:67px;}
.snb li{float:left; color:#fff; font-weight: 500; line-height: 67px; text-align: center; position: relative; border-right:1px solid rgba(255, 255, 255, 0.35);}
.snb li:first-child{border-left:1px solid rgba(255, 255, 255, 0.35);}
.snb li a{display:block; color:#fff; font-size:16px;}
.snb li a.active{background: #fff; color:#000}

.snb01 li{width:33.333333%;}
.snb02 li{width:33.333333%;}
.snb03 li{width:16.666666%}
.snb04 li{width:25%}

@media (max-width:768px){/*mobile*/
  .visual-title{font-size:34px; }
  .visual-sub-title{font-size:15px; letter-spacing: 2px; margin-right: -2px; font-weight: 400}
  .route{display: inline-block;}
  .route li{float:left; margin-right:30px; position:relative; color:#fff; font-size:14px; }
  .route li::before{content:""; display:block; width:1px; height:7px; background:#fff; position:absolute; right:-20px; top:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
  .route li::after{content:""; display:block; width:1px; height:7px; background:#fff; position:absolute; right:-20px; bottom:4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

  .snb{height:auto; background:#fff;}
  #snb-wrap{position: absolute; top:-50px; left:0; width:100%; border:0;}
  .snb > li{float:none; width:100%;}

  .snb li{color:#000;line-height:50px; border-width: 0 0 1px 0 !important; border-style: solid; border-color:#ddd;}
  .snb li:first-child{}
  .snb li a{display:block; color:#ababab; font-size:15px; background:#f6f6f6;}
  .snb li a.active{background: #1b66b1; color:#fff}

  #snb-wrap{position:relative;}
  #snb-wrap .container{padding:0;}
}

/*sub공통*/
#sub-wrap{padding:50px 0;}
.sub-section{padding:50px 0;}

.sub-tit-box{margin-bottom:40px; text-align: center;}
.sub-tit-box h3{font-size:38px; display: inline-block;}
.sub-tit-box h3::before{content:""; display:block; width:50%; height:4px; background:linear-gradient(to right, #1b66b1 0%, #fff 100%); margin:0 auto 7px;}

.small-tit-box{margin-bottom:50px; text-align: center;}
.small-tit-box h5{font-size:26px; }


@media (max-width:768px){/*mobile*/
  #sub-wrap{padding:0 0 50px;}
  .sub-tit-box{margin-bottom:25px;}
  .sub-tit-box h3{font-size:26px;}

}

/*sub0101*/
.sub0101 .img-box {background:url('../img/sub01_01_img01.png') no-repeat center center / cover; display:table; width:100%; max-height:400px; height:50vw; padding:40px; }
.sub0101 .img-box .inner{ display:table-cell; vertical-align: middle; padding:0 40px;}
.sub0101 .img-box h5{font-family: "Poppins", sans-serif; font-size:50px; color:#fff;}
.sub0101 .img-box h5 span{font-weight: 300; }

.sub0101 .txt-box{margin-top:50px;}
.sub0101 .txt-box h5{font-size:20px; line-height: 1.8; word-break: keep-all;}
.sub0101 .txt-box p{font-size:17px; line-height: 1.8; word-break: keep-all; margin-top:25px; color:#999;}

.sub0101 .sign{ text-align: right; margin-top:50px; font-size:18px; font-weight:500; font-style: italic;}


@media (max-width:768px){/*mobile*/
  .sub0101 .img-box{padding:0;}
  .sub0101 .img-box h5 span{font-size:24px; }
  .sub0101 .img-box h5{font-size:25px}
  .sub0101 .img-box .inner{padding:40px;}
  .sub0101 .txt-box h5{font-size:16px;}
  .sub0101 .txt-box p{font-size:15px;}
  .sub0101 .sign{font-size:16px}

}
/*sub0102*/
.history .selected-years {font-size: 150px; padding-top:250px; color: #f3f3f3; text-align: center; letter-spacing: -1px; font-weight: 600; position: absolute; left: 0; right: 0; z-index: -10;}

.month{font-size:17px; color:#12325c; margin-bottom:8px; display:inline-block;}

.history dl dd{margin-bottom:25px;}
.history dl dd:last-child{margin-bottom:0;}

@media (max-width: 1199px) {
  .history .selected-years { font-size: 12.5vw; font-weight: 900; }
}

.history-tab {text-align: center; position: relative; z-index: 20; display:none;}
.history-tab ul {display: inline-block; border: 1px solid #ddd;}
.history-tab a {display: block; font-size: 19px; letter-spacing: -0.5px; width: 300px; text-align: center; background: #fff; padding: 15px;}
.history-tab a + a {border-left: 1px solid #ddd;}
.history-tab a.active {background: #5a5a5a; color: #fff;}
.history-content > .long dt:before{left: 200px !important; width: calc(70% - 35px) !important;}

@media (max-width: 1199px) {
  .history-tab ul {display: block;}
  .history-tab li {width: 50%;}
  .history-tab a {width: auto;}
}

.history-content {position: relative; padding-top: 200px;}
.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 dt {font-size: 35px; font-weight: 600; letter-spacing: -0.5px; position: relative; padding-bottom: 25px; color:#333; font-weight: 400;}
.history-content > li dt:before {content: ""; position: absolute; top: 25px; background: #ddd; height: 1px; width: 50px; display: block;}
.history-content > li dd p:before{content:"";display:block; position:absolute; left:0; top:11px; width:5px; height:5px; background:#9c9c9c; border-radius: 50%;}
.history-content > li dl {display: inline-block; max-width: 500px;}
.history-content > li:before {content: ""; position: absolute; width: 20px;
  height: 20px; border-radius: 50%; background: #fff; color: #fff; border: 5px solid #1b66b1; display: inline-block; line-height: 11px; text-align: center; z-index: 10; top: 16px;}
.history-content > li:nth-child(2n+1) {margin-left: calc(50% - 2px);}
.history-content > li:nth-child(2n+1):before {margin-left: -8px;}
.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: -10px;}
.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;}
.history-content > li p {display: flex; line-height: 26px; font-size:16px; font-weight: 300; word-break: keep-all; margin-bottom:6px; position:relative; padding-left:14px;}
.history-content > li p:last-child {margin-bottom:0;}
.history-content > li p .year {font-size: 19px; color: #e60021; font-weight: 400; width: 50px;}
.history-content > li p .desc {width: calc(100% - 50px);display: block; letter-spacing: -0.5px;}

@media (max-width: 1199px) {
  .history-content {padding: 150px 20px 0;}
  .history-content > li dt {font-size: 31px; padding-bottom: 20px;}
  .history-content > li p .year {font-size: 17px;}
  .history-content > li p .desc {width: calc(100% - 50px); display: block; letter-spacing: -0.5px; font-size: 13px;}
}

@media (max-width: 768px) {
  .history-content:before {left: 16px;}
  .history-content:after {left: 20px; width: 1px;}
  .history-content > li {width: auto; padding-bottom: 70px; position: relative; margin-left: 0;}
  .history-content > li dt {font-size: 29px;}
  .history-content > li dt:before {width: 30px; top: 14px;}
  .history-content > li:before {top: 3px;}
  .history-content > li:nth-child(2n+1), .history-content > li:nth-child(2n) {margin-left: 0;}
  .history-content > li:nth-child(2n+1):before, .history-content > li:nth-child(2n):before {margin-left: -9px;}
  .history-content > li:nth-child(2n+1) dl, .history-content > li:nth-child(2n) dl {padding-left: 35px;}
  .history-content > li:nth-child(2n+1) dt:before, .history-content > li:nth-child(2n) dt:before {left: -36px;}
  .history-content > li:nth-child(2n) {text-align: left;}
  .history-content > li:nth-child(2n):before {right: inherit;}
  .history-content > li:nth-child(2n) dl {padding-right: inherit;}
  .history-content > li:nth-child(2n) dt:before {width: 30px;}
}

/* sticky */
.years-bg.active {position: fixed; bottom: inherit;}
.years-bg.active.history-tab {top: 65px; left: 0; right: 0;}
.years-bg.active.selected-years {top: 135px; left: 0; right: 0; padding-top:0;}
.years-bg.active.selected-years + .history-content {margin-top: 135px;}

@media (max-width: 768px) {
  .years-bg.active.history-tab {top: 41px; left: 0; right: 0;}
  .years-bg.active.selected-years {display:none;}
  .years-bg.active.selected-years + .history-content {margin-top: 100px;}

  .history-tab{display:none;}
}

/*sub0103*/
.sub0103 .img-box{text-align: center;}

/*sub0202*/
.sub0202 .section01 .txt-box{text-align: center; font-size:18px; line-height: 1.8; margin-top:50px}
.sub0202 .section02 .contents-box{text-align: center;}
.sub0202 .section02 ul{position: relative; display:inline-block;}
.sub0202 .section02 ul li{float:left; width:262px; height:262px;  display:table; }
.sub0202 .section02 ul li div{display:table-cell; border-radius: 50%; text-align: center; vertical-align: middle;}
.sub0202 .section02 ul .circle02,
.sub0202 .section02 ul .circle03,
.sub0202 .section02 ul .circle04,
.sub0202 .section02 ul .circle05{margin-left:-40px;}
.sub0202 .section02 ul .circle01 div{background:rgba(27, 102, 177, 0.4);}
.sub0202 .section02 ul .circle02 div{background:rgba(218, 218, 218, 0.4);}
.sub0202 .section02 ul .circle03 div{background:rgba(27, 102, 177, 0.4);}
.sub0202 .section02 ul .circle04 div{background:rgba(218, 218, 218, 0.4);}
.sub0202 .section02 ul .circle05 div{background:rgba(27, 102, 177, 0.4);}

.sub0202 .section02 ul li div p{ width:65%; margin:0 auto; font-size:18px; font-weight: 600; line-height: 1.6; word-break:keep-all; color:#fff;}
.sub0202 .section02 ul .circle02 div p,
.sub0202 .section02 ul .circle04 div p{color:#949494}

@media (max-width: 1180px) {
  .sub0202 .section02 ul{display:block;}
  .sub0202 .section02 ul li{float:none; width:100%; height:auto; display: block; margin-bottom:10px; }
  .sub0202 .section02 ul li > div{display: block; border-radius: 0; background:#f6f6f6 !important;}
  .sub0202 .section02 ul .circle02,
  .sub0202 .section02 ul .circle03,
  .sub0202 .section02 ul .circle04,
  .sub0202 .section02 ul .circle05{margin-left:0px;}
  .sub0202 .section02 ul li div p{font-size:16px; width:100%; padding:20px; color:#777 !important;}
}


@media (max-width: 768px) {
  .sub0202 .section01 .txt-box{text-align: left; font-size:16px; }
}

/*sub0203*/
.sub0203 .section01 .txt-box{text-align: center; font-size:18px; line-height: 1.8; margin-top:50px}
.sub0203 .section02 .contents-box{text-align: center;}
.sub0203 .section02 ul{position: relative; display:inline-block;}
.sub0203 .section02 ul li{float:left; width:262px; height:262px;  display:table; }
.sub0203 .section02 ul li div{display:table-cell; border-radius: 50%; text-align: center; vertical-align: middle;}
.sub0203 .section02 ul .circle02,
.sub0203 .section02 ul .circle03,
.sub0203 .section02 ul .circle04{margin-left:-40px;}
.sub0203 .section02 ul .circle01 div{background:rgba(27, 102, 177, 0.4);}
.sub0203 .section02 ul .circle02 div{background:rgba(218, 218, 218, 0.4);}
.sub0203 .section02 ul .circle03 div{background:rgba(27, 102, 177, 0.4);}
.sub0203 .section02 ul .circle04 div{background:rgba(218, 218, 218, 0.4);}

.sub0203 .section02 ul li div p{ width:65%; margin:0 auto; font-size:18px; font-weight: 600; line-height: 1.6; word-break:keep-all; color:#fff;}
.sub0203 .section02 ul .circle02 div p,
.sub0203 .section02 ul .circle04 div p{color:#949494}

@media (max-width: 1180px) {
  .sub0203 .section02 ul{display:block;}
  .sub0203 .section02 ul li{float:none; width:100%; height:auto; display: block; margin-bottom:10px; }
  .sub0203 .section02 ul li > div{display: block; border-radius: 0; background:#f6f6f6 !important;}
  .sub0203 .section02 ul .circle02,
  .sub0203 .section02 ul .circle03,
  .sub0203 .section02 ul .circle04,
  .sub0203 .section02 ul .circle05{margin-left:0px;}
  .sub0203 .section02 ul li div p{font-size:16px; width:100%; padding:20px; color:#777 !important;}
}


@media (max-width: 768px) {
  .sub0203 .section01 .txt-box{text-align: left; font-size:16px; }
}


.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:#1b66b1; background:url('../img/agree_check.png') no-repeat center center;}
input[id="agree-check"] {display: none;}
.fields .btn-submit{background:#1b66b1; color:#fff; font-size:16px; font-weight:bold; padding: 15px 47px; border:none; outline:none; margin-top:35px;}

@media (max-width:1200px){/*테블릿 + 모바일 */


}


@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;}
}

.contents-nav-w{margin-bottom:50px; border-bottom:1px solid #4facff;}
.contents-nav li{float:left; border:1px solid #bbb; border-bottom:1px solid #4facff;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:#4facff ; color:#1b66b1; border-bottom:1px solid #fff;}
.contents-nav li.on+li {border-left-color: #4facff;}


/*sub0403*/
.sub0403 .info{text-align: center;}
.sub0403 .info p{font-size:20px; font-weight: 600}
.sub0403 .info ul{display:inline-block; margin:30px 0;}
.sub0403 .info ul li{float:left; margin-left:20px; font-size:20px; color:#ababab; font-weight: 600;}
.sub0403 .info ul li:first-child{margin-left:0;}
.sub0403 .map iframe{height:50vw; max-height: 650px; min-height: 350px;}

@media (max-width:768px){/*mobile*/
.sub0403 .info p{font-size:16px;}
.sub0403 .info ul li{ margin-left:15px; font-size:15px;}

}


@media (max-width:1200px){/*tablet+mobile*/


}


@media (max-width:768px){/*mobile*/

}