@import url(https://use.fontawesome.com/releases/v6.6.0/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@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:"Pretendard", "Noto Sans KR", "Malgun Gothic", "Dotum", 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; }
table { border-collapse:collapse; border-spacing:0; border: 0px; }
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; vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

.container { max-width: 1510px; 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; top:0; width:100%; padding:0; height:90px; z-index: 9500; transition-duration: 0.2s}
#m-hd:hover{background: #fff;}
#m-hd:after{content:""; display:block; clear:both}
#m-hd #m-logo{position: absolute; top:50%; left:25px; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9000;}
#m-hd #mobile-menu.active span{background-color: #000;}
#m-hd .container{height: 100%;}
/* #m-hd .container{top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);} */
#admin-join{position: fixed; right:0; top:120px; z-index: 9999;}
#admin-join a{display:block; padding:15px; color:#fff;}
#admin-join .logout{background:#000}
#admin-join .admin-icon{background:#ff3746}
#m-hd #m-nav {text-align: center;}
#m-hd #m-nav::after{content:""; display:block; clear:both}
/* #lang-nav{position:absolute; top:50%; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9000;} */
#lang-nav li{margin-left:30px; float:left; position:relative;}
#lang-nav li::before{content:""; display:block; position:absolute; width:1px; height:14px; background:#fff; left:-15px; top:5px;}
#lang-nav li:first-child{margin-left:0 }
#lang-nav li:first-child::before{display:none;}
#lang-nav li a{font-size:18px; font-weight: 700; color:#fff; opacity:0.6;}
#lang-nav li a.active{color:#fff; opacity:1;}
#m-nav{border-bottom:1px solid #fff}
#m-hd #m-gnb{display:flex; align-items: center; justify-content: center;}
#m-hd #m-gnb > li{text-align:center; margin-right:80px; position: relative;}
#m-hd #m-gnb > li:last-child{margin-right: 0;}
#m-hd #m-gnb > li > a{font-size:18px; font-weight:500; margin:0 auto; display:block; color:#000; box-sizing:border-box;position:relative; line-height:90px; position: relative;}


/*megadrop*/
#m-hd #m-gnb > li > a{color:#fff;}
#m-hd:hover #m-gnb > li > a{color:#000;}
#m-hd #m-gnb > li:hover > a::after{content:""; display:block; position: absolute; bottom:25px; width:100%; height:4px; background:#343174}
#m-hd #m-gnb .lnb{position:absolute; width:230px; display:none; background:#fff; left: 50%;transform: translateX(-50%);}
#m-hd #m-gnb > li:hover .lnb{display:inline-block; }
#m-hd #m-gnb .lnb li:last-child{margin-right:0px }
#m-hd #m-gnb .lnb li a{display:block; padding:11px 0; font-size:15px; color:#b6b6b6;  font-weight: 500;}
#m-hd #m-gnb .lnb li a:hover{color:#343174}

#m-hd .lang-box{margin-right:20px;}
#m-hd .lang{font-size:18px; color:#fff; font-weight: 500;}

.etc-nav{position:absolute; right:15px; top:50%; transform: translateY(-50%); display:flex; align-items: center;}

#all-menu{display:none;}
#mobile-btn{display:block; cursor: pointer;}

  #mobile-btn{}

  #mobile-menu-open{width:32px; height: 21px; }
  #mobile-menu-open,
  #mobile-menu-open span {display: inline-block; transition: all .2s;box-sizing: border-box;}
  #mobile-menu-open {position: relative;}
  #mobile-menu-open span {position: absolute; right: 0; width: 100%; height: 3px; background-color: #fff;}

  #m-hd.color-change #mobile-menu-open span{background:#000;}
  #m-hd:hover #mobile-menu-open span{background:#000;}
  #m-hd.sub-hd #mobile-menu-open span{background:#000;}
  #m-hd.hd-fixed #mobile-menu-open span{background:#000;}

  #mobile-menu-open span:nth-of-type(1) {top: 0; width:calc(100% - 7px); }
  #mobile-menu-open span:nth-of-type(2) {top: 9px;}
  #mobile-menu-open span:nth-of-type(3) {bottom: 0; width:calc(100% - 7px);}
    #mobile-menu-open:hover span:nth-of-type(1),
    #mobile-menu-open:hover span:nth-of-type(3){width:100%;}
  #mobile-menu-open.active span{background-color: #555;}
  #mobile-menu-open.active span:nth-of-type(1) {-webkit-transform: translateY(14px) rotate(-45deg); transform: translateY(14px) rotate(-45deg);}
  #mobile-menu-open.active span:nth-of-type(2) {opacity: 0;}
  #mobile-menu-open.active span:nth-of-type(3) {-webkit-transform: translateY(-14px) rotate(45deg);transform: translateY(-14px) rotate(45deg);}


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

  #mobile-menu-close span:nth-of-type(1) {top:14px; transform: rotate(45deg);}
  #mobile-menu-close span:nth-of-type(2) {top:14px;transform: rotate(-45deg);}

  #all-menu{position:fixed; display:block; background:#fff; width:100%;  height:100%; z-index:9500; top:0; right:-100%; opacity:0;  background:rgba(0, 0, 0, 0.9 ); width:100%;}
#menu-box{height: 100%; display:flex; align-items:center; justify-content: flex-end}

  #all-menu #all-gnb > li > a{padding:23px 0; font-size:42px; display:block; text-align:left; color:#fff; font-weight:700}
 
  #all-gnb ul a{font-size:15px; font-weight: 500; color:#aaa; display:block;}
  #all-gnb ul > li{padding:8px 0}
  #all-menu #all-nav{ position:relative; width:80%; padding-right:20%}
  #all-menu #all-gnb .lnb{display:none;}
    #all-menu #all-gnb .lnb li{float:left; margin-right:45px;}
  #all-menu #all-gnb .lnb li a{ font-size:22px; color:#fff; font-weight: 700;}
  #all-menu #all-gnb .lnb li a:hover{color:#147bd1; background: none;}
  #all-menu #all-gnb .lnb li:last-child {margin-right:0;}

  #mobile-lang-nav{margin-top:20px;}
  #mobile-lang-nav li{float:left; margin-right:30px;}
  #mobile-lang-nav li a{padding:10px 0; font-size:22px;  color:#fff; opacity: 0.3; font-weight: 700;}
  #mobile-lang-nav li:last-child{margin-right:0px;}
#mobile-lang-nav li a.active{opacity:1;}


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


/*index 공통*/
#wrap{overflow: hidden;}
.main-page-anchor { position: fixed;right: 60px; 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:20px;}
.main-page-anchor li:last-child{ margin-bottom:0; }
.main-page-anchor a {display:block; width:12px; height:12px; border-radius:50%; background:#fff; transition: 0.3s; opacity:0.3; margin:0 auto;}
.main-page-anchor li.active > a {opacity:1 }

/* #fullpage section{ height: 936px;} */
.main-section .container{height: 100%;}
.main-section .symbol-title h5{font-size:23px; color:#a0a0a0; margin:5px 0 15px; font-weight: 500;}

#m-hd #m-logo .logo-color{display:none;}
#m-hd.color-change #m-gnb > li > a{color:#000}
#m-hd:hover #m-logo .logo-color,
#m-hd.color-change #m-logo .logo-color{display:block;}
#m-hd:hover #m-logo .logo-white,
#m-hd.color-change #m-logo .logo-white{display:none;}
#m-hd:hover #lang-nav li a.active,
#m-hd.color-change #lang-nav li a.active{color:#000;}
.main-page-anchor.color-change a{background:#000;}
#m-hd:hover #lang-nav li::before,
#m-hd.color-change #lang-nav li::before{background:#949494;}
#m-hd:hover #lang-nav li a,
#m-hd.color-change #lang-nav li a{color:rgba(0, 0, 0, 0.4)}
#m-hd:hover #lang-nav li a.active,
#m-hd.color-change #lang-nav li a.active{color:#000;}
#m-hd.color-change #m-nav{border-bottom:1px solid #ddd}
#m-hd:hover #m-nav{border-bottom:0;}
#m-hd:hover .lang{color:#000;}
#m-hd.color-change .lang{color:#000;}

#m-hd.hd-fixed #m-gnb > li > a{color:#000}
#m-hd.hd-fixed #m-logo .logo-white{display:none;}
#m-hd.hd-fixed #m-logo .logo-color{display:block;}
#m-hd.hd-fixed{background:#fff;}
#m-hd.hd-fixed #lang-nav li a.active{color:#000;}
#m-hd.hd-fixed #lang-nav li a{color:rgba(0, 0, 0, 0.4)}
#m-hd.hd-fixed #lang-nav li::before{background:#949494;}
#m-hd.hd-fixed .lang{color:#000;}

@media (max-width:1200px){/*mobile*/
    #all-menu #all-gnb > li > a{font-size:35px;}
    #all-menu #all-gnb .lnb li{float:none}
    #all-menu #all-gnb .lnb{border-top:1px solid #404040; border-bottom:1px solid #404040}
  }


@media (max-width:768px){/*mobile*/
  #mobile-menu-close{top:15px; right:15px;}
  #all-menu #all-gnb .lnb li a{font-size:13px;}
  
  #all-menu #all-gnb > li > a{padding:12px 0;}
  
}




/*index section*/
.main-section .contents-box{width:100%; height: 100%; display:flex; align-items: center; justify-content: center;}
.main-motif{display:inline-block; width:40px; height: 6px; position: relative; margin-bottom:12px;}
.main-motif::before{content:""; display:inline-block; width:6px; height: 13px; position: absolute; left:0; top:0; }
.main-motif::after{content:""; display:inline-block; width:6px; height: 13px; position: absolute; right:0; top:0; }
.main-tit-box h4{font-size:20px; margin-bottom:24px;}
.main-tit-box h3{font-size:43px;}
.main-tit-box p{font-size:18px; color:#666; line-height: 1.6; word-break: keep-all;}
.link-box{max-width:240px; margin-right:auto; margin-left:auto}
.link-box a{display:block; text-align: center; font-size:18px; color:#fff; border:1px solid #fff; padding:16px; transition-duration: 0.2s;}
.link-box i{margin-left:4px;}

.change-contents-wrap > div{display:none;}
.change-contents-wrap > div.active{display:block;}

.page01{background:url('../img/m_bg01.png') no-repeat center center / cover;}
.page01 .contents-box .text-box{ text-align: center;}
.page01 .contents-box .text-box h3{font-size:50px;color:#fff; line-height: 1.2; font-weight: 900; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);}
.page01 .contents-box .text-box h4{ font-size:28px; font-weight: 400; color:#fff; margin-top:40px; line-height: 1.4; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);} 
.main-top-motif{display:inline-block; width:92px; height: 12px; background:#fff; position: relative; margin-bottom:36px;}
.main-top-motif::before{content:""; display:inline-block; width:12px; height: 26px; background:#fff; position: absolute; left:0; top:0; }
.main-top-motif::after{content:""; display:inline-block; width:12px; height: 26px; background:#fff; position: absolute; right:0; top:0; }

.page02{background:url('../img/m_bg02.png') no-repeat center center / cover;}
.page02 .main-motif{background:#99bef4;}
.page02 .main-motif::before{background:#99bef4;}
.page02 .main-motif::after{background:#99bef4;}
.page02 .layout-wrap{display:flex; width:100%; align-items: center; }
.page02 .main-tit-box{width:40%; padding-right:60px;}
.page02 .main-tit-box h4{font-size:20px;}
.page02 .main-tit-box h3{font-size:43px;}
.page02 .main-tit-box p{font-size:18px; color:#666; margin-top:36px} 
.page02 .m-business-contents{width:60%; }
.page02 .m-business-contents .box-wrap{display:flex; align-items: center; margin:0 -15px;}
.page02 .m-business-contents .box{width:50%; padding:0 15px;}
.page02 .m-business-contents .box .contents{display:flex; width:100%; height: 100%; align-items: flex-end; justify-content: center; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; max-height: 522px; height: 50vw; padding:50px}
.page02 .m-business-contents .box .contents .contents-title{font-size:30px; color:#fff; text-align: center; margin-bottom:40px;}
.page02 .m-business-contents .box:hover .contents .contents-title{display:none;}
.page02 .m-business-contents .box.box01 .contents{background-image: url('../img/sec02_01.png');}
.page02 .m-business-contents .box.box02 .contents{background-image: url('../img/sec02_02.png');}
.page02 .m-business-contents .box .hover-contents{background:rgba(12, 78, 158, 0.6); position: absolute; width:100%; height: 100%; top:0; left:0; padding:24px; opacity: 0; transition-duration: 0.2s;}
.page02 .m-business-contents .box:hover .hover-contents{opacity: 1;}
.page02 .m-business-contents .box .hover-contents .inner{position: relative; width:100%; height: 100%; display:flex; align-items: center; justify-content: center;}
.page02 .m-business-contents .box .hover-contents .link-title{color:#fff; text-align: center;}
.page02 .m-business-contents .box .hover-contents .link-title h5{font-size:32px;}
.page02 .m-business-contents .box .hover-contents .link-title .contents-link-btn{margin-top:24px; font-size:18px}
.page02 .m-business-contents .box .hover-contents .link-title .contents-link-btn i{margin-left:8px}
.page02 .m-business-contents .box .hover-contents .motif-hover{position: absolute; display:flex; justify-content: space-between; width:100%; }
.page02 .m-business-contents .box .hover-contents .motif-hover.top{top:0;}
.page02 .m-business-contents .box .hover-contents .motif-hover.bottom{bottom:0;}

.page02 .m-business-contents .box .hover-contents .motif-hover .left{width:23px; height: 8px; background:#fff; position: relative;}
.page02 .m-business-contents .box .hover-contents .motif-hover .left::after{content:""; position: absolute; background:#fff; height: 23px; width:8px; left:0;}
.page02 .m-business-contents .box .hover-contents .motif-hover.top .left::after{top:0;}
.page02 .m-business-contents .box .hover-contents .motif-hover.bottom .left::after{bottom:0;}
.page02 .m-business-contents .box .hover-contents .motif-hover .right{width:23px; height: 8px; background:#fff; position: relative;}
.page02 .m-business-contents .box .hover-contents .motif-hover .right::after{content:""; position: absolute; background:#fff; height: 23px; width:8px; right:0;}
.page02 .m-business-contents .box .hover-contents .motif-hover.top .right::after{top:0;}
.page02 .m-business-contents .box .hover-contents .motif-hover.bottom .right::after{bottom:0;}


.page03{background:url('../img/m_bg03.png') no-repeat center center / cover;}
.page03 .main-tit-box{text-align: center; color:#fff}
.page03 .main-tit-box h3{margin-bottom:8px;}
.page03 .main-tit-box p{color:#fff;}
.page03 .main-motif{background:#fff;}
.page03 .main-motif::before{background:#fff;}
.page03 .main-motif::after{background:#fff;}
.page03 .partner-list{display:flex; margin:45px -15px; flex-wrap: wrap;}
.page03 .partner-list .box{padding:15px; width:33.333333%;}
.page03 .partner-list .box .partner-logo{display:flex; align-items: center; justify-content: center; border:2px solid #fff; height: 137px;}
.page03 .link-box a{background:rgba(12, 78, 158, 0.7);}
.page03 .link-box a:hover{background:rgba(12, 78, 158, 1); border-color:#0c4e9e}


.page04{background:#f1f1f1;}
.page04 .top-layout-box{display:flex; align-items: flex-end; justify-content: space-between; margin-bottom:40px}
.page04 .layout-wrap{width:100%;}

.page04 .sl-arrow-box::after{content:""; display: block; clear:both}
.page04 .sl-arrow-box .swiper-button-next,
.page04 .sl-arrow-box .swiper-button-prev{position: relative; background-image:none; width:45px; height: 45px; background:none; margin-top:0;float:left;background:rgba(255, 255, 255, 0.9) }
.page04 .sl-arrow-box .swiper-button-prev::before{content:""; display:block; width:17px; height: 1px; transform: rotate(-45deg); top:16px; left:14px; position: absolute; }
.page04 .sl-arrow-box .swiper-button-prev::after{content:""; display:block; width:17px; height: 1px; transform: rotate(45deg); bottom:16px; left:14px; position: absolute;}

.page04 .sl-arrow-box .swiper-button-next::before{content:""; display:block; width:17px; height: 1px; transform: rotate(45deg); top:16px; left:14px; position: absolute; }
.page04 .sl-arrow-box .swiper-button-next::after{content:""; display:block; width:17px; height: 1px; transform: rotate(-45deg); bottom:16px; left:14px; position: absolute;}
.page04 .sl-arrow-box .swiper-button-next{margin-left:40px; }
.page04 .sl-arrow-box .swiper-button-next::before,
.page04 .sl-arrow-box .swiper-button-prev::before,
.page04 .sl-arrow-box .swiper-button-next::after,
.page04 .sl-arrow-box .swiper-button-prev::after{background:#000}

.page04 .link-box a{color:#000; border-color:#000;}
.page04 .link-box a:hover{color:#fff; background:#0c4e9e; border-color:#0c4e9e;}
.page04 .main-motif{background:#99bef4;}
.page04 .main-motif::before{background:#99bef4;}
.page04 .main-motif::after{background:#99bef4;}



.page05{background:url('../img/m_bg04.png') no-repeat center center / cover;}
.page05 .layout-wrap{width:100%;}
.page05 .text-box{font-size:40px; color:#fff; position: relative; padding:23px 0 0 23px; line-height: 1.2; font-weight: 700;}
.page05 .text-box::before{content:""; display:block; width:23px; height:8px; position: absolute; top:0; left:0; background:#fff;}
.page05 .text-box::after{content:""; display:block; width:8px; height:23px; position: absolute; top:0; left:0; background:#fff;}
.page05 .contents-list{width:100%; display:flex; align-items: flex-end; justify-content: space-between; margin-top:80px;}
.page05 .contents-list .contents{width:50%; color:#fff; padding-top:30px; padding-bottom:30px;}
.page05 .contents-list .contents.contents01{padding-right:60px; border-right:1px solid #fff}
.page05 .contents-list .contents.contents02{padding-left:60px;}
.page05 .contents-list .contents{width:50%; color:#fff;}
.page05 .contents-list .contents .main-tit-box p{color:#fff; margin-top:8px;}
.page05 .contents-list .contents .main-tit-box .main-motif{background:#fff;}
.page05 .contents-list .contents .main-tit-box .main-motif::before{background:#fff;}
.page05 .contents-list .contents .main-tit-box .main-motif::after{background:#fff;}
.page05 .link-box{margin-top:40px; margin-left:0}
.page05 .link-box a:hover{background:#fff; color:#4d4d4d}


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

    .page01 .contents-box .text-box h3{font-size:42px; font-weight: 700;}
    .page01 .contents-box .text-box h4{font-size:23px}
    
    .page02 .layout-wrap{flex-direction:column}
    .page02 .main-tit-box{width:100%; padding-right:0;}
    .page02 .main-tit-box h3{font-size:36px;}
    .page02 .m-business-contents{width:100%;}
    .page02 .m-business-contents .box .hover-contents{display:none;}
    .page02 .main-tit-box p{margin-top:15px; line-height: 1.3; font-size:19px}
    .page02 .m-business-contents{margin-top:20px;}
    .page02 .m-business-contents .box{padding:0 10px}
    .page02 .m-business-contents .box-wrap{margin:0 -10px}
    .page02 .m-business-contents .box .contents .contents-title{margin-bottom:0; font-size:26px; padding:0;}
    .page02 .m-business-contents .box:hover .contents .contents-title{display:block}
    
    .page03 .partner-list{}
    .page03 .partner-list .box .partner-logo{height: 115px;}
    .page03 .partner-list .box .partner-logo img{max-height: 70px;}
    .page03 .link-box{margin-top:44px;}

    .page04 .contents-box{justify-content: flex-start;}
    .page04 .main-tit-box{margin-bottom:28px}
    .page04 .main-tit-box h3{margin-bottom:12px; font-size:36px}
    .page04 .sl-arrow-box{display:none;}
    .page04 .top-layout-box{margin-bottom:0;}

    
    .page05 .main-tit-box h3{font-size:32px}
    .page05 .contents-list{flex-wrap: wrap; margin-top:58px;}
    .page05 .contents-list .contents{width:100%; }
    .page05 .contents-list .contents.contents02{padding-left:0;}
    .page05 .text-box{font-size:36px}
    .page05 .contents-list .contents.contents01{padding-right:0; border-right:0; margin-bottom:45px;}
    .page05 .contents-list .contents{padding-top:0; padding-bottom:0;}
    .page05 .link-box{margin-top:20px}

    
    
}





@media (max-width:768px){/*mobile*/
    .main-tit-box h3{font-size:32px;}
    .main-tit-box p{font-size:17px; line-height: 1.3;}
    .link-box a{font-size:15px; padding:14px;}
    .page01 .contents-box .text-box h3{font-size:30px; font-weight: 700;}
    .page01 .contents-box .text-box h4{font-size:19px}
    .page02 .layout-wrap{flex-direction:column}
    .page02 .main-tit-box{width:100%; padding-right:0;}
    .page02 .main-tit-box h3{font-size:28px;}
    .page02 .m-business-contents{width:100%;}
    .page02 .m-business-contents .box .hover-contents{display:none;}
    .page02 .main-tit-box p{margin-top:11px; line-height: 1.3; font-size:16px;}
    .page02 .m-business-contents{margin-top:20px;}
    .page02 .m-business-contents .box{padding:0 10px}
    .page02 .m-business-contents .box-wrap{margin:0 -10px}
    .page02 .m-business-contents .box .contents .contents-title{margin-bottom:0; font-size:20px; padding:0;}
    .page02 .m-business-contents .box:hover .contents .contents-title{display:block}
    
    .page03 .partner-list{display: none;}
    .page03 .link-box{margin-top:44px;}

    .page04 .contents-box{justify-content: flex-start;}
    .page04 .main-tit-box h3{display:none;}
    .page04 .main-tit-box p{display:none;}
    .page04 .sl-arrow-box{display:none;}
    .page04 .top-layout-box{margin-bottom:0;}

    
    .page05 .main-tit-box h3{font-size:22px}
    .page05 .contents-list{flex-wrap: wrap; margin-top:32px;}
    .page05 .contents-list .contents{width:100%; }
    .page05 .contents-list .contents .main-tit-box p{font-size:15px;}
    .page05 .contents-list .contents.contents02{padding-left:0;}
    .page05 .text-box{display:none;}
    .page05 .contents-list .contents.contents01{padding-right:0; border-right:0; margin-bottom:30px;}
    .page05 .contents-list .contents{padding-top:0; padding-bottom:0;}
    .page05 .link-box{margin-top:20px}

    
    
}




/*footer*/
#footer{background:#111f35; padding:48px 0;}
#footer.main-section .contents-box {display:block}
.ft-info-area{width:100%; display:flex; align-items: center; justify-content: space-between; margin-bottom:32px; padding-bottom:32px; border-bottom:1px solid #fff}
#footer .left-info p{color:#fff; font-size:17px; line-height: 1.6;}
#footer .left-info span{font-weight: bold; margin-right:12px;}
#footer .right-info{display:flex; align-items: flex-end;}
#footer .right-info .call-info{color:#fff; margin-right:24px; font-size:17px; line-height: 1.6;}
#footer .right-info .call-info span{color:#bbb; margin-right:12px;}
#footer .ft-gnb{display:flex; width:100%; justify-content:space-between}
#footer .ft-gnb > li{padding-right:30px; width:16.666667% }
#footer .ft-gnb > li > a{font-size:16px; color:#fff;}
#footer .ft-gnb .lnb{margin-top:10px}
#footer .ft-gnb .lnb li{margin-bottom:5px; }
#footer .ft-gnb .lnb li:last-child{margin-bottom:0px; }
#footer .ft-gnb .lnb a{font-size:14px; color:#bbb}
#footer .ft-gnb > li:last-child{margin-right:0; }
#footer .ft-copy{font-size:15px; color:#bbb; margin-top:32px;}
#footer .etc-link{display:flex; margin-bottom:6px;}
#footer .etc-link > div{/*background:#4c70a9;*/ color:#fff; width:36px; height: 36px; border-radius: 4px; display:flex; align-items: center; justify-content: center;}
#footer .etc-link > div.face{margin-right:8px;}
#footer .etc-link > div i{color:#fff; font-size:17px;}


@media (max-width:1200px){/*mobile*/
    #footer .right-info .call-info{margin-top:24px;}
    .ft-info-area{display:block; }
}


@media (max-width:768px){/*mobile*/
    #footer .ft-gnb{display:none; }
    #footer .contents-box{display:block}
    .ft-info-area{display:block; padding-bottom:20px; margin-bottom:20px;}
    #footer .left-info p{font-size:14px}
    #footer .right-info .call-info{font-size:14px; margin-top:12px;}
    #footer .ft-copy{font-size:13px;}
    #footer{padding:26px 0; }
    #footer .ft-copy{margin-top:20px;}
}

/*sub visual*/
.home-en-delete{display:none;}

#sub-visual{position:relative; display:flex; align-items: center; height:50vw; max-height:480px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#sub-visual .inner{text-align: center;}
#sub-visual .visual-motif{width:76px; height: 12px; background:#fff; position: relative; margin:0 auto 12px;}
#sub-visual .visual-motif::before{content:""; display:block; width:12px; height:26px; background:#fff; position: absolute; left:0; top:0;}
#sub-visual .visual-motif::after{content:""; display:block; width:12px; height:26px; background:#fff; right:0; top:0; position: absolute;}
#sub-visual .visual-title{font-size:55px; color:#fff; text-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);}
#sub-visual .visual-text{font-size:22px; color:#fff; text-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); margin-top:12px;}

#sub-visual.bg01{background-image: url('../img/sub_visual01.png');}
#sub-visual.bg02{background-image: url('../img/sub_visual02.png');}
#sub-visual.bg03{background-image: url('../img/sub_visual03.png');}
#sub-visual.bg04{background-image: url('../img/sub_visual04.png');}
#sub-visual.bg05{background-image: url('../img/sub_visual05.png');}
#sub-visual.bg06{background-image: url('../img/sub_visual06.png');}

/*snb*/
#snb-wrap{ position:relative; margin-top:-67px}
#snb-wrap .inner{background:#fff;}
.snb{max-width:700px; height:67px; }
.snb > li{float:left; color:#fff; font-size:16px; font-weight: bold; line-height: 67px; position: relative;}
.snb > li::after{content:""; display:block; width:1px; height: 15px; background:#cecece; position:absolute; top:50%; transform: translateY(-50%); right:0;}
.snb-home{width:14%; text-align: center;}
.snb-home a{color:#1c7dbc;}
.route-title{width:43%; position:relative; padding-left:25px;}
.route-title .depth1-title{color:#000; cursor: pointer;}
.snb-nav {width:43%; position:relative;  padding-left:25px;}
.snb-nav .here.on{display:block;}
.snb-nav .here{color:#2b3761; cursor: pointer;}
.snb-arrow {background: #2b3761; height: 2px; position: absolute; right: 25px; width: 10px; top: 50%; display: block; transform:rotate(45deg); transition-duration: 0.2s;}
.snb-arrow:after {background: #2b3761; content: ""; height: 2px; width: 10px; position: absolute; right: -4px; top: -4px; display: block; transform:rotate(-90deg); transition-duration: 0.2s;}
.snb p.on .snb-arrow {transform:none}
.snb p.on .snb-arrow:after {transform:none;}
.snb-main-menu,
.snb-menu {position: absolute; width: 100%; z-index: 9999; background: rgba(0, 0, 0, 0.8); display: none; left:0;}
.snb-main-menu li,
.snb-menu li{line-height: 50px;}
.snb-main-menu a,
.snb-menu a {color: #fff; display:block; padding-left:25px;}
.snb-main-menu li:hover a,
.snb-menu li:hover a {background:#e2e2e2; color:#000;}

/*sub공통*/
#sub-wrap{padding:0px 0 60px} 
.sub-section{padding:60px 0;}
.sub-page-tit{margin-top:120px}
.sub-page-tit h3{font-size:40px; margin-top:13px;}
.table-container {overflow-x: auto; white-space: nowrap; }
.set-margin-none{margin:0 !important}
.page-navigation{display:flex; align-items: center; margin-top:12px;}
.page-navigation > div{margin-right:24px; font-size:14px; color:#636363; position: relative; }
.page-navigation > div::before{content:""; display:block; width:7px; height: 1px;  background:#636363; position:absolute;right:-16px; top:6px; transform: rotate(45deg);}
.page-navigation > div::after{content:""; display:block; width:7px; height: 1px;  background:#636363; position:absolute; right:-16px; bottom:6px; transform: rotate(-45deg); }
.page-navigation > div:last-child{margin-right:0; }
.page-navigation > div:last-child::before,
.page-navigation > div:last-child::after{display:none;}
.sub-title-motif{width:40px; height: 6px; background:#d2d2d2; position: relative; margin-bottom:20px;}
.sub-title-motif::before{content:""; display:block; width:6px; height:13px; background:#d2d2d2; position: absolute; left:0; top:0;}
.sub-title-motif::after{content:""; display:block; width:6px; height:13px; background:#d2d2d2; right:0; top:0; position: absolute;}
.sub-section-title h4{font-size:32px; }


@media (max-width:1200px){/*mobile*/
    .sub-page-tit h3{font-size:34px;}
    .sub-section-title h4{font-size:29px;}
    #sub-visual .visual-title{font-size:47px;}

    
}

@media (max-width:768px){/*mobile*/
  #sub-visual .visual-title{font-size:30px;}
  .sub-page-tit h3{font-size:35px;}
  .snb{height:45px; max-width:100%; width:100%;}
  .snb > li{float:none; width:100%; line-height: 45px; background:#12325c;}
  .snb-nav .here {color:#fff;}
  .snb-arrow, .snb-arrow:after{background:#fff;}
  .snb-home,
  .route-title{display:none;}
  .visual-sub-title{display:none;}
  #snb-wrap{margin-top:0;}
  #snb-wrap .container{padding:0;}
  .snb > li::after{display:none;}
  .mobile-none{display:none;}


  #sub-visual .visual-text{display:none;}
  #sub-visual .visual-title{font-size:26px;}
  #sub-visual .visual-motif{width:52px; height: 7px;}
  #sub-visual .visual-motif::before{width:7px; height: 16px;}
  #sub-visual .visual-motif::after{width:7px; height: 16px;}

  .sub-page-tit{margin-top:60px}
  .sub-page-tit h3{font-size:26px;}
  .sub-section-title h4{font-size:22px;}
  .sub-section{padding:30px 0;}
}

.sub0101 .sub-section.section01{padding-bottom:120px;}
.sub0101 .text-contents{padding:80px 0px 40px 40px; position: relative;}
.sub0101 .text-contents h5{font-size:30px; margin-bottom:44px; line-height: 1.4; }
.sub0101 .text-contents h6{font-size:23px; line-height: 1.5; margin-bottom:40px; color:#575757; font-weight: 400;}
.sub0101 .text-contents p{font-size:17px; line-height: 1.6; margin-bottom:40px; color:#4f4e4e; word-break: keep-all;}
.sub0101 .text-contents .sign{font-size:18px; color:#575757;}
.sub0101 .text-contents .contents-motif{width:30px; height: 30px; position: absolute;}
.sub0101 .text-contents .contents-motif.top{left:0; top:40px}
.sub0101 .text-contents .contents-motif.bottom{left:0; bottom:0;}
.sub0101 .text-contents .contents-motif.top::before{content:""; display:block; width:29px; height:12px; background:#0c4e9e;}
.sub0101 .text-contents .contents-motif.top::after{content:""; display:block; width:12px; height:18px; background:#0c4e9e;}
.sub0101 .text-contents .contents-motif.bottom::before{content:""; display:block; width:12px; height:18px; background:#0c4e9e;}
.sub0101 .text-contents .contents-motif.bottom::after{content:""; display:block; width:29px; height:12px; background:#0c4e9e;}

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

    .sub0101 .text-contents h5{font-size:28px;}
    
}

@media (max-width:768px){/*mobile*/
    .sub0101 .sub-section.section01{padding-bottom:30px;}
    .sub0101 .text-contents h5{font-size:20px; margin-bottom:17px;}
    .sub0101 .text-contents .contents-motif.top::before{width:20px; height: 9px;}
    .sub0101 .text-contents .contents-motif.top::after{width:9px; height: 11px;}
    .sub0101 .text-contents{padding:60px 0 40px 20px;}
    .sub0101 .text-contents p{font-size:16px; letter-spacing: -0.5px;}

    .sub0101 .text-contents .contents-motif.bottom::before{width:9px; height: 11px;}
    .sub0101 .text-contents .contents-motif.bottom::after{width:20px; height: 9px;}
    .sub0101 .text-contents .sign{font-size:16px;}

    
}

.sub0102 .history-visual{background-position: center center; background-repeat: no-repeat; background-size: cover; max-height:420px; height: 50vw; position: relative; display:flex; align-items: center;}
.sub0102 .history-visual{background-image: url('../img/sub01_02_bg01.png');}
.sub0102 .history-visual-text{ padding-left:128px; margin-top:-64px}
.sub0102 .history-visual-text h4{font-size:64px; color:#fff; line-height: 1;}
.sub0102 .history-visual-text p{font-size:24px; color:#fff; margin-top:12px;}
.sub0102 .history-visual-text .motif{position: relative; width:30px; height: 30px; left:-30px}
.sub0102 .history-visual-text .motif::before{content:""; display:block; width:100%; height: 12px; background:#fff;}
.sub0102 .history-visual-text .motif::after{content:""; display:block; height:100%; width: 12px; background:#fff; position: absolute; top:0; left:0;}

.sub0102 .history-nav-wrap{position: absolute; right:0; bottom:0; width:calc(100% - 128px); background:#fff;}
.sub0102 .history-nav{display:flex; align-items: center;}
.sub0102 .history-nav li{width:25%; text-align: center; padding-top:12px}
.sub0102 .history-nav li .inner{color:#000; font-size:20px; font-weight: 600; cursor:pointer; display:inline-block; border-bottom:4px solid #fff; padding:12px 0;}
.sub0102 .history-nav li.on .inner{border-color:#2c6dae; color:#2c6dae;}

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


.sub0102 .history-content {position: relative; padding-top: 120px;}
.sub0102 .history-content:before {content: ""; position: absolute; width: 11px; height: 11px; border-radius: 11px; background: #bebebe; color: #fff; border: none; display: inline-block; line-height: 11px; text-align: center; left:6px; top: 0;}
.sub0102 .history-content:after {content: ""; position: absolute; top: 0; left: 11px; bottom: 0; width: 1px; background: #bebebe; display: block;}
.sub0102 .history-content > li {padding-bottom: 30px; position: relative;}
.sub0102 .history-content > li:last-child {padding-bottom:0px; }
.sub0102 .history-content > li dt {font-size: 50px; font-weight:700; letter-spacing: -0.5px; position: relative; padding-top:38px; color:#bfc8d1; width:calc(100% - 1230px)}
.sub0102 .history-content > li dd{padding:52px 44px; width:100%; max-width:1230px}

.sub0102 .history-content > li dd p:before{content:"";display:block; position:absolute; left:0; top:11px; width:5px; height:5px; background:#9c9c9c; border-radius: 50%;}
.sub0102 .history-content > li dl {display:flex; padding-left: 80px;}
.sub0102 .history-content > li:before {content: ""; position: absolute; width: 15px;
  height: 15px; border-radius: 50%; background: #bfc8d1; display: inline-block; z-index: 10; top: 61px; left:4px}

.sub0102 .history-content > li p {display: flex; line-height: 1.5; font-size:18px; font-weight: 300; word-break: keep-all; margin-bottom:12px; position:relative; padding-left:20px;}
.sub0102 .history-content > li p:last-child {margin-bottom:0;}

.sub0102 .history-content > li.today dd{background:#f5f5f7}
.sub0102 .history-content > li.today dt{color:#2c6dae;}
.sub0102 .history-content > li.today:before{width: 23px; height: 23px; border: 5px solid #1b66b1; background:#fff;top: 57px;left:0;}

@media (max-width:1520px){
    .sub0102 .history-content > li dl{  flex-direction: column;}
    .sub0102 .history-content > li dd{padding:30px; margin-top:15px;}
}

@media (max-width:1200px){/*mobile*/
    .sub0101 .text-contents h5{font-size:28px;}
    .sub0102 .history-visual-text{padding-left:76px;}
    .sub0102 .history-nav-wrap{width:calc(100% - 76px)}
    .sub0102 .history-visual-text h4{font-size:54px;}
}


@media (max-width:768px){/*mobile*/
    .sub0102 .history-visual{max-height: none; height: auto; flex-direction: column; display:block; }
    .sub0102 .history-visual-text{padding:45px; margin-top:0;}
    .sub0102 .history-nav-wrap{width:100%; position: static;}
    .sub0102 .history-visual-text h4{font-size:32px}
    .sub0102 .history-visual-text p{font-size:17px;}
    .sub0102 .history-visual-text .motif{width:20px; height: 20px;}
    .sub0102 .history-visual-text .motif::before{height: 9px;}
    .sub0102 .history-visual-text .motif::after{width: 9px;}
    .sub0102 .history-nav li .inner{font-size:17px;}
    .sub0102 .history-nav{flex-wrap: wrap;}
    .sub0102 .history-nav li{width:50%;}
    .sub0102 .history-content{padding-top:60px;}
    .sub0102 .history-content > li:before{top:49px}
    .sub0102 .history-content > li.today:before{top:46px}
    .sub0102 .history-content > li dt{font-size:32px}
    .sub0102 .history-content > li dl{padding-left:32px; flex-direction: column;}
    .sub0102 .history-content > li dd{padding:15px; margin-top:7px;}
    .sub0102 .history-content > li p{font-size:15px; line-height: 1.3; }
    .sub0102 .history-content > li dd p:before{top:8px}
}


.sub0103 .section-visual{height: 50vw; max-height: 465px; position: relative; background:url("../img/sub01_03_visual.png") no-repeat center center / cover}
.sub0103 .section-visual .inner{position:absolute; width:100%; display:flex; align-items: center; bottom:0}
.sub0103 .section-visual .link-title{width:calc(100% - 378px); background:#025580; padding:24px 60px; }
.sub0103 .section-visual .link-title h4{font-size:36px; color:#fff;}
.sub0103 .section-visual .link-btn{max-width:378px; width:100%;}
.sub0103 .section-visual .link-btn a{width:200px; margin: 0 auto; display:flex; align-items: center; justify-content:center; padding:14px 0; border-radius: 35px; background:#fff; color:#025580; font-size:23px; font-weight: 600;}
.sub0103 .section-visual .link-btn a .arrow{position: relative; display:inline-block; width:24px; height: 2px; background:#293744; margin-left:12px}
.sub0103 .section-visual .link-btn a .arrow::before{content:""; display:block; width:8px; height: 2px; background:#293744; position: absolute; right:-1px; transform: rotate(45deg); top:-2px}
.sub0103 .section-visual .link-btn a .arrow::after{content:""; display:block; width:8px; height: 2px; background:#293744; position: absolute; right:-1px; transform: rotate(-45deg); top:2px}

.sub0103 .award-info-wrap{margin-top:80px;}
.sub0103 .award-info-wrap h4{font-size:40px; text-align: center;}
.sub0103 .award-info-wrap .info-table{margin-top:28px; border-top:1px solid #ddd; padding-top:20px;}
.sub0103 .award-info-wrap .info-table .col{display:flex; margin-bottom:20px; }
.sub0103 .award-info-wrap .info-table .col .title{background:#f5f5f7; max-width:305px; width:100%; padding:20px; display:flex; align-items: center; justify-content: center;}
.sub0103 .award-info-wrap .info-table .col .title h5{font-size:24px;}
.sub0103 .award-info-wrap .info-table .col .contents{width:calc(100% - 305px); padding-left:60px; display:flex; align-items: center;}
.sub0103 .award-info-wrap .info-table .col .contents p{font-size:19px; line-height: 1.5; word-break: keep-all;}
.sub0103 .award-info-wrap .info-table .col .contents ul li{position: relative; padding-left:14px; font-size:19px; line-height: 1.5; margin-bottom:8px; }
.sub0103 .award-info-wrap .info-table .col .contents ul li:last-child{margin-bottom:0; }
.sub0103 .award-info-wrap .info-table .col .contents ul li::before{content:""; display:block; width:7px; height: 2px; background:#000; position: absolute; left:0; top:14px;}


.sub-section-title{text-align: center;}
.sub-section-title .motif{width:40px; height: 6px; background:#d2d2d2; position: relative; margin:0 auto 16px;}
.sub-section-title .motif::before{content:""; display: block; width:6px; height: 13px; background:#d2d2d2; position: absolute; left:0; top:0;}
.sub-section-title .motif::after{content:""; display: block; width:6px; height: 13px; background:#d2d2d2; position: absolute; right:0; top:0;}

.sub0103 .award-history{margin-top:80px;}
.sub0103 .award-history .list-wrap{display:flex; align-items: center; margin:32px -15px 0; }
.sub0103 .award-history .list-wrap .list{width:33.333333%; padding:0 15px; }
.sub0103 .award-history .list-wrap .list .box{background-position: center center; background-repeat: no-repeat; background-size: cover; padding:40px 30px; max-height: 270px; height: 50vw;}
.sub0103 .award-history .list-wrap .list01 .box{background-image:url('../img/sub01_03_img01.png') ;}
.sub0103 .award-history .list-wrap .list02 .box{background-image:url('../img/sub01_03_img02.png') ;}
.sub0103 .award-history .list-wrap .list03 .box{background-image:url('../img/sub01_03_img03.png') ;}
.sub0103 .award-history .list-wrap .list .box .inner{display:flex; flex-direction: column; justify-content: space-between; height: 100%;}
.sub0103 .award-history .list-wrap .list .box .title h5{font-size:23px; color:#fff; }
.sub0103 .award-history .list-wrap .list .box .award-info h6{font-size:20px; color:#fff; line-height: 1.2;}
.sub0103 .award-history .list-wrap .list .box .award-info p{font-size:18px; font-weight: 300; color:#fff; margin-top:8px;}

.sub0103 .section02 .sub-section-title{border-top:1px solid #ddd; padding-top:120px;}
.sub0103 .change-contents-nav-warp{padding:44px 0; text-align: center;}
.sub0103 .change-contents-nav{display:flex; justify-content: center; max-width:500px; width:100%; margin:0 auto;}
.sub0103 .change-contents-nav li{width:50%; padding:0 15px;}
.sub0103 .change-contents-nav li div{border:1px solid #2b82be; font-size:18px; color:#2b82be; font-weight: 600; text-align: center; padding:12px 0; cursor: pointer;}
.sub0103 .change-contents-nav li.on div{border:1px solid #2b82be; color:#fff; background:#2b82be;}
/* 
.sub0103 .section02 .award-list-wrap{display:flex; flex-wrap: wrap; margin:-15px;}
.sub0103 .section02 .award-list-wrap.award02{margin-top:60px;}
.sub0103 .section02 .award-list-wrap .list{padding:15px;}
.sub0103 .section02 .award-list-wrap.award01 .list{width:16.666667%; }
.sub0103 .section02 .award-list-wrap.award02 .list{width:25%; }
.sub0103 .section02 .award-list-wrap .list .img-box{margin-bottom:12px;}
.sub0103 .section02 .award-list-wrap .list .img-box img{ border:1px solid #ddd}
.sub0103 .section02 .award-list-wrap .list h6{text-align: center; font-size:16px; font-weight:400; line-height: 1.3;} */

@media (max-width:1200px){/*mobile*/
    .sub0103 .section-visual .link-title h4{font-size:26px;}
    .sub0103 .award-info-wrap h4{font-size:34px;}
    .sub0103 .award-info-wrap .info-table .col .title{max-width:230px;}
    .sub0103 .award-info-wrap .info-table .col .contents{width:calc(100% - 230px)}
    .sub0103 .award-info-wrap .info-table .col .title h5{font-size:20px;}
    .sub0103 .award-info-wrap .info-table .col .contents{padding-left:36px;}
    .sub0103 .award-history .list-wrap{flex-wrap: wrap;}
    .sub0103 .award-history .list-wrap .list{width:50%;  margin-bottom:30px;}
    .sub0103 .award-history .list-wrap .list:last-child{margin-bottom:0;}
}


@media (max-width:768px){/*mobile*/
    .sub0103 .section-visual .link-title{width:100%; padding:15px 15px;}
    .sub0103 .section-visual .link-title h4{font-size:17px;}
    .sub0103 .section-visual .link-btn{padding:0 20px} 
    .sub0103 .section-visual .link-btn a{width:auto; font-size:16px; padding:8px 0; }
    .sub0103 .section-visual .link-btn a .arrow{display:none;}
    .sub0103 .award-info-wrap h4{font-size:22px;}
    .sub0103 .award-info-wrap .info-table .col{flex-direction: column; margin-bottom:20px;}
    .sub0103 .award-info-wrap .info-table .col:last-child{margin-bottom:0;}
    .sub0103 .award-info-wrap .info-table .col .title{width:100%; max-width:none;}
    .sub0103 .award-info-wrap .info-table .col .title h5{font-size:20px}
    .sub0103 .award-info-wrap .info-table .col .contents{width:100%; padding-left:0; margin-top:15px;}
    .sub0103 .award-info-wrap .info-table .col .contents p{font-size:17px;}
    .sub0103 .award-info-wrap .info-table .col .contents ul li{font-size:17px;}
    .sub0103 .award-history .list-wrap{flex-direction: column;}
    .sub0103 .award-history .list-wrap .list{width:100%; margin-bottom:15px;}
    
    .sub0103 .award-history .list-wrap .list .box{max-height: none; height: auto; padding:30px }
    .sub0103 .award-history .list-wrap .list .box .title h5{font-size:17px; margin-bottom:40px;}
    .sub0103 .award-history .list-wrap .list .box .award-info h6{font-size:18px; margin-top:8px;}
    .sub0103 .award-history .list-wrap .list .box .award-info p{font-size:17px;}

    .sub0103 .change-contents-nav{margin:0 auto; flex-direction: column;}
    .sub0103 .change-contents-nav li{width:100%; padding:0;}
    .sub0103 .change-contents-nav li:first-child{margin-bottom:10px;}
    .sub0103 .change-contents-nav li div{font-size:15px; }
}     





.sub0104 .page-visual{height: 50vw; max-height: 465px; position: relative; background:url("../img/sub01_04_top_bg.png") no-repeat center center / cover; padding:0 104px; display:flex; flex-direction: column; justify-content: flex-end}
.sub0104 .page-visual .inner{padding-bottom:75px}
.sub0104 .page-visual .motif{width:30px; height: 30px; position: relative;}
.sub0104 .page-visual .motif::before{content:""; display: block; width:100%; height: 12px; background:#fff;}
.sub0104 .page-visual .motif::after{content:""; display: block; width:12px; height: 100%; background:#fff; position: absolute; left:0; top:0; }
.sub0104 .page-visual h4{font-size:44px; color:#fff; }
.sub0104 .page-visual p{font-size:22px; color:#fff; margin-top:52px; }
.sub0104 .section02 .values-list{display:flex; margin:44px -15px 0; }
.sub0104 .section02 .values-list .list{padding:0 15px; width:33.33333%;}
.sub0104 .section02 .values-list .list .box{background-position: center center; background-repeat: no-repeat; background-size: cover; padding:44px; height: 100%;}
.sub0104 .section02 .values-list .list01 .box{background-image: url('../img/sub01_04_img01.png');}
.sub0104 .section02 .values-list .list02 .box{background-image: url('../img/sub01_04_img02.png');}
.sub0104 .section02 .values-list .list03 .box{background-image: url('../img/sub01_04_img03.png');}
.sub0104 .section02 .values-list .list .box .inner{display:flex; flex-direction: column; justify-content: space-between; height: 100%;}
.sub0104 .section02 .values-list .list .box .icon-box{text-align: center; margin-bottom:24px;}
.sub0104 .section02 .values-list .list .box .icon-box img{max-height: 88px;}
.sub0104 .section02 .values-list .list .box .text-box{text-align: center; padding:0 30px}
.sub0104 .section02 .values-list .list .box .text-box h6{font-size:25px; color:#fff;}
.sub0104 .section02 .values-list .list .box .text-box p{font-size:18px; font-weight:500; line-height: 1.4; margin-top:16px; color:#fff; word-break: keep-all;}
.sub0104 .section02 .values-list .motif{width:30px; height: 30px; position: relative;}
.sub0104 .section02 .values-list .motif::before{content:""; display:block; width:100%; height: 12px; background:#fff;}
.sub0104 .section02 .values-list .motif::after{content:""; display:block; width:12px; height: 100%; position: absolute; background:#fff;}
.sub0104 .section02 .values-list .motif.top{margin-bottom:52px}
.sub0104 .section02 .values-list .motif.top::after{left:0; top:0;}
.sub0104 .section02 .values-list .motif.bottom{ margin: 52px 0 0 auto;}
.sub0104 .section02 .values-list .motif.bottom::before{right:0; bottom:0; position: absolute;}
.sub0104 .section02 .values-list .motif.bottom::after{right:0; bottom:0;}

@media (max-width:1200px){/*mobile*/
    .sub0104 .page-visual{padding:60px 60px 60px 40px;}
    .sub0104 .page-visual h4{font-size:32px; padding-left:20px;}
    .sub0104 .page-visual p{font-size:15px; margin-top:14px; padding-left:20px;}
    .sub0104 .page-visual .motif{width:20px; height: 20px;}
    .sub0104 .page-visual .motif::before{height: 9px;}
    .sub0104 .page-visual .motif::after{width: 9px;}
    .sub0104 .page-visual .inner{padding-bottom:0;}


    .sub0104 .section02 .values-list .list{ margin-bottom:15px;}
    .sub0104 .section02 .values-list .list:last-child{margin-bottom:0px;}
    .sub0104 .section02 .values-list{flex-wrap: wrap;}
    .sub0104 .section02 .values-list .list .box{padding:24px;}
    .sub0104 .section02 .values-list .list .box .text-box h6{font-size:21px;}
    .sub0104 .section02 .values-list .list .box .text-box p{font-size:17px; line-height: 1.3;}
    .sub0104 .section02 .values-list .motif.top{margin-bottom:24px;}
    .sub0104 .section02 .values-list .motif.bottom{margin-top:24px;}
}


@media (max-width:920px){/*mobile*/
    .sub0104 .section02 .values-list .list{width:50%; margin-bottom:30px;}
    .sub0104 .section02 .values-list{justify-content: center;}
}


@media (max-width:768px){/*mobile*/
    .sub0104 .page-visual{padding:35px 35px 35px 15px; height: auto;}
    .sub0104 .page-visual h4{font-size:24px; padding-left:20px;}
    .sub0104 .page-visual p{font-size:19px; margin-top:14px; padding-left:20px;}
    .sub0104 .page-visual .motif{width:20px; height: 20px;}
    .sub0104 .page-visual .motif::before{height: 9px;}
    .sub0104 .page-visual .motif::after{width: 9px;}
    .sub0104 .page-visual .inner{padding-top:60px}

   .sub0104 .section02 .values-list .list{width:100%; margin-bottom:15px;}
    .sub0104 .section02 .values-list .list:last-child{margin-bottom:0px;}
    .sub0104 .section02 .values-list{flex-wrap: wrap;}
    .sub0104 .section02 .values-list .list .box{padding:24px;}
    .sub0104 .section02 .values-list .list .box .text-box h6{font-size:21px;}
    .sub0104 .section02 .values-list .list .box .text-box p{font-size:17px; line-height: 1.3;}
    .sub0104 .section02 .values-list .motif.top{margin-bottom:24px;}
    .sub0104 .section02 .values-list .motif.bottom{margin-top:24px;}
}



.sub0105 .logo-box{border:1px solid #ddd; height: 50vw; max-height: 400px; padding:20px 0; display:flex; align-items: center; justify-content: center;}
.sub0105 .section02 .text-box{width:80%; margin:0 auto 44px;}
.sub0105 .section02 .text-box p{text-align:center; font-size:22px; word-break: keep-all; line-height: 1.5;}
.sub0105 .section02 .list-wrap{display:flex; align-items: center;}
.sub0105 .section02 .list-wrap > div{width:33.33333%; text-align: center; padding:60px;} 
.sub0105 .section02 .list-wrap .inner{width:100%; position: absolute; top:0; bottom:0; left:0; right:0; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.sub0105 .section02 .list-wrap > div h6{font-size:32px; margin-top:28px} 

.circle{position: relative;}
.circle::before{content:""; display:block; padding-top:100%; border:1px solid #ddd; border-radius: 50%;}
.sub0105 .section03 {padding-top:0;}
.sub0105 .section03 .img-box{background:url('../img/logo_bg.png') no-repeat center center}
.sub0105 .section03 .contents-box{display:flex; align-items:center; }
.sub0105 .section03 .contents-box > div{width:50%;}
.sub0105 .section03 .contents-box .hori-logo{padding-right:30px;}
.sub0105 .section03 .contents-box .verti-logo{padding-left:30px;}
.sub0105 .section03 .contents-box .img-box{display:flex; align-items: center; justify-content: center; height:250px}
.sub0105 .section03 .box-title{font-size:22px; text-transform: uppercase; position: relative; padding:10px 0; background:#e8ebf0; margin-bottom:12px; text-align: center;}

.sub0105 .section04 .color-set{margin-top:40px;}
.sub0105 .section04 .color-blue{margin-bottom:10px}
.sub0105 .section04 .color-blue .main-color-info .color100{background:rgb(0, 180, 237);}
.sub0105 .section04 .color-black .main-color-info .color100{background:rgb(4, 0, 0);}
.sub0105 .section04 .main-color-info  > div{height: 100%; display:flex; justify-content: center; align-items: center; font-weight: bold; flex-direction: column;}
.sub0105 .section04 .main-color-info  > div h5{font-size:24px;}
.sub0105 .section04 .main-color-info  > div h6{font-size:18px; margin-top:8px; font-weight: 400;}
.sub0105 .section04 .color-info-wrap{display:flex; align-items: center;}
.sub0105 .section04 .color-info-wrap > div{height: 120px;}
.sub0105 .section04 .main-color-info{width:25%; padding-right:5px; color:#fff;}

.sub0105 .section04 .color-value{width:75%; padding-left:5px; display:flex; align-items: center; }
.sub0105 .section04 .color-value > div{width:calc(100%/9); height: 100%; text-align: center; color:#fff; display:flex; justify-content: center; align-items: center; font-size:18px}
.sub0105 .section04 .color-value > div.text-black{color:#898989}

.sub0105 .section04 .color-blue .color90{background:rgba(0, 180, 237, 0.9)}
.sub0105 .section04 .color-blue .color80{background:rgba(0, 180, 237, 0.8)}
.sub0105 .section04 .color-blue .color70{background:rgba(0, 180, 237, 0.7)}
.sub0105 .section04 .color-blue .color60{background:rgba(0, 180, 237, 0.6)}
.sub0105 .section04 .color-blue .color50{background:rgba(0, 180, 237, 0.5)}
.sub0105 .section04 .color-blue .color40{background:rgba(0, 180, 237, 0.4)}
.sub0105 .section04 .color-blue .color30{background:rgba(0, 180, 237, 0.3)}
.sub0105 .section04 .color-blue .color20{background:rgba(0, 180, 237, 0.2)}
.sub0105 .section04 .color-blue .color10{background:rgba(0, 180, 237, 0.1)}

.sub0105 .section04 .color-black .color90{background:rgba(4, 0, 0, 0.9)}
.sub0105 .section04 .color-black .color80{background:rgba(4, 0, 0, 0.8)}
.sub0105 .section04 .color-black .color70{background:rgba(4, 0, 0, 0.7)}
.sub0105 .section04 .color-black .color60{background:rgba(4, 0, 0, 0.6)}
.sub0105 .section04 .color-black .color50{background:rgba(4, 0, 0, 0.5)}
.sub0105 .section04 .color-black .color40{background:rgba(4, 0, 0, 0.4)}
.sub0105 .section04 .color-black .color30{background:rgba(4, 0, 0, 0.3)}
.sub0105 .section04 .color-black .color20{background:rgba(4, 0, 0, 0.2)}
.sub0105 .section04 .color-black .color10{background:rgba(4, 0, 0, 0.1)}

@media (max-width:1055px){/*mobile*/
    .sub0105 .section02 .list-wrap > div{padding:30px;}
}

@media (max-width:1000px){/*mobile*/
    .sub0105 .section02 .list-wrap{flex-wrap: wrap;}
    /* .sub0105 .section02 .list-wrap > div{width:50%; padding:0; margin-bottom:15px;} */
}

@media (max-width:920px){/*mobile*/
    .sub0105 .section02 .list-wrap > div h6{font-size:28px;}
}

@media (max-width:810px){/*mobile*/
    .sub0105 .section02 .list-wrap > div{padding:15px;}
}

@media (max-width:768px){/*mobile*/
    .sub0105 .logo-box{padding:20px}
    .sub0105 .section02{padding-top:0;}
    .sub0105 .section02 .text-box p{font-size:17px; text-align: left;}
    .sub0105 .section02 .text-box{width:100%; }
    .sub0105 .section02 .list-wrap{flex-wrap: wrap;}
    .sub0105 .section02 .list-wrap > div:last-child{margin-bottom:0px;}
    .sub0105 .section02 .list-wrap > div h6{font-size:24px; margin-top:20px}
    .sub0105 .section03 .contents-box{flex-wrap: wrap;}
    .sub0105 .section03 .contents-box > div{padding:0 !important; width:100%;}
    .sub0105 .section03 .contents-box .hori-logo{margin-bottom:30px}
    .sub0105 .section03 .box-title{font-size:19px;}
    .sub0105 .section03 .contents-box .img-box{height: 200px; padding:0 20px}

    .sub0105 .section04 .color-info-wrap{flex-wrap: wrap;}
    .sub0105 .section04 .color-info-wrap{flex-wrap: wrap;}
    .sub0105 .section04 .main-color-info{width:100%; padding-right:0;}
    .sub0105 .section04 .color-value{width:100%; padding-left:0;}
    
    .sub0105 .section04 .main-color-info > div h6{font-size:16px;}
    .sub0105 .section04 .main-color-info > div h5{font-size:20px;}
}

@media (max-width:660px){/*mobile*/
    .sub0105 .section02 .list-wrap > div{padding:10px;}
    .sub0105 .section02 .list-wrap > div h6{margin-top:10px;}
}

@media (max-width:555px){/*mobile*/
    .sub0105 .section02 .list-wrap > div{padding:10px;}
    .sub0105 .section02 .list-wrap > div h6{font-size:20px;}
}

@media (max-width:500px){/*mobile*/
    .sub0105 .section02 .list-wrap > div{width:100%; padding:0; margin-bottom:15px;}
    .sub0105 .section02 .list-wrap > div h6{font-size:26px}
    .sub0105 .section04 .color-value > div{font-size:12px;}
}

.sub0107 .section01 .map iframe{height: 50vw; max-height: 600px;}
.sub0107 .section01 .location-info{margin-top:32px;}
.sub0107 .section01 .address{font-size:24px; text-align: center; font-weight: 600; margin-top:30px;}
.sub0107 .etc-info{display:flex; align-items: center; margin-top:60px}
.sub0107 .etc-info > div{width:33.333333%; text-align: center; font-size:20px;}
.sub0107 .etc-info .icon-box{margin-bottom:12px; font-weight: bold; color:#bdbdbd}
.sub0107 .etc-info .icon-box::after{content:""; display:block; width:28px; height: 2px; background:#bdbdbd; margin:20px auto;}
.sub0107 .etc-info .icon-box i{margin-right:8px;}
.sub0107 .change-contents-nav-warp{padding:44px 0; text-align: center;}
.sub0107 .change-contents-nav{display:flex; justify-content: center; max-width:500px; width:100%; margin:0 auto;}
.sub0107 .change-contents-nav li{width:50%; padding:0 15px;}
.sub0107 .change-contents-nav li div{border:1px solid #30b8ec; font-size:18px; color:#30b8ec; font-weight: 600; text-align: center; padding:12px 0; cursor: pointer;}
.sub0107 .change-contents-nav li.on div{border:1px solid #30b8ec; color:#fff; background:#30b8ec;}
.sub0107 .change-contents .inner{display:flex; align-items: center;}
.sub0107 .change-contents .inner > div{width:50%}
.sub0107 .section02 .map iframe{height: 50vw; max-height: 450px;}
.sub0107 .section02 .map-info-box {padding-right:60px;}
.sub0107 .section02 .map-info-box h5{font-size:32px}
.sub0107 .section02 .map-info-box .map-logo{margin-top:24px;}
.sub0107 .section02 .map-info-box ul{margin-top:40px}
.sub0107 .section02 .map-info-box li.address{font-size:22px; margin-bottom:20px;}
.sub0107 .section02 .map-info-box li{font-size:18px}



@media (max-width:768px){/*mobile*/
    .sub0107 .section01 .address{font-size:19px}
    .sub0107 .etc-info{flex-wrap: wrap; margin-top:45px;}
    .sub0107 .etc-info > div{width:100%; margin-bottom:45px; font-size:17px; }
    .sub0107 .etc-info > div:last-child{margin-bottom:0px; }
    .sub0107 .etc-info .icon-box::after{margin:12px auto}
    .sub0107 .change-contents-nav-warp{padding:24px 0}
    .sub0107 .change-contents .inner{flex-direction: column-reverse;}
    .sub0107 .change-contents .inner > div{width:100%;}
    .sub0107 .change-contents .inner .map-info-box{margin-top:30px; padding-right:0;}
    .sub0107 .section02 .map-info-box h5{font-size:24px;}
    .sub0107 .section02 .map-info-box li.address{font-size:18px; margin-bottom:32px;}
    
}

@media (max-width:420px){/*mobile*/
    .sub0107 .section02 .map-info-box .map-logo img{height: 32px;}
    
}



.sub0301 .section01 .text-box{font-size:17px; line-height: 1.5; max-width:1048px}
.sub0301 .section02 {padding-top:0;}
.sub0301 .section02 .pro-cate-contents-list li{margin-bottom:20px;}
.sub0301 .section02 .pro-cate-contents-list li:last-child{margin-bottom:0px;}
.sub0301 .pro-contents-title{background-position: center center; background-repeat: no-repeat; background-size: cover; padding:40px 88px; cursor: pointer; filter: grayscale(100%); display:flex; align-items: center; justify-content: space-between;}
.sub0301 .pro-contents-title.active{filter: grayscale(0);}
.sub0301 .pro-contents-title h3{font-size:32px; color:#fff; }
.sub0301 .list01 .pro-contents-title{background-image: url('../img/consulting_cate01.png');}
.sub0301 .list02 .pro-contents-title{background-image: url('../img/consulting_cate02.png');}
.sub0301 .list03 .pro-contents-title{background-image: url('../img/consulting_cate03.png');}
.sub0301 .list04 .pro-contents-title{background-image: url('../img/consulting_cate04.png');}
.sub0301 .list05 .pro-contents-title{background-image: url('../img/consulting_cate05.png');}
.sub0301 .list06 .pro-contents-title{background-image: url('../img/consulting_cate06.png');}
.sub0301 .list07 .pro-contents-title{background-image: url('../img/consulting_cate07.png');}
.sub0301 .list08 .pro-contents-title{background-image: url('../img/consulting_cate08.png');}
.sub0301 .list09 .pro-contents-title{background-image: url('../img/consulting_cate10.png');}
.sub0301 .list10 .pro-contents-title{background-image: url('../img/consulting_cate09.png');}

.sub0301 .page-link{margin-top:40px;}
.sub0301 .page-link a{display:block; max-width:220px; width:100%; padding:20px 28px; text-align:center; background:#000; color:#fff; transition-duration: 0.2s; font-size:17px; font-weight: 600;}
.sub0301 .page-link a:hover{background:#30b8ec}

@media (max-width:1200px){
    .sub0301 .pro-contents-title{ padding:28px 44px;}
}

/*mobile*/
@media (max-width:768px){
    .sub0301 .section01 .text-box{font-size:16px; line-height: 1.3;}
    .sub0301 .page-link a{padding:16px 28px; font-size:15px;}
    .sub0301 .pro-contents-title{padding:16px 24px}
    .sub0301 .pro-contents-title h3{font-size:18px;}
    .sub0301 .section02 .pro-cate-contents-list li{margin-bottom:15px;}
  }
  
  

.sub0302 .section01 .text-box{font-size:17px; line-height: 1.5; max-width:1048px}
.sub0302 .page-link{margin-top:40px;}
.sub0302 .page-link a{display:block; max-width:220px; width:100%; padding:20px 28px; text-align:center; background:#000; color:#fff; transition-duration: 0.2s; font-size:17px; font-weight: 600;}
.sub0302 .page-link a:hover{background:#30b8ec}

.sub0302 .section02{padding-top:0;}
.sub0302 .pro-cate-contents-list{border-top:1px solid #ddd; padding-top:60px}
.sub0302 .pro-contents-visual{margin-top:60px; background:url('../img/sub0302_bottom_visual.png') no-repeat center center / cover; max-height: 570px; height: 50vw;}


.cate-page-link{margin-top:40px; text-align: right;}
.cate-page-link a{display:inline-block; max-width:180px; width:100%; padding:20px 28px; text-align:center; background:#e4e4e7; color:#979696; transition-duration: 0.2s; font-size:15px; font-weight: 600;}
.cate-page-link a:hover{background:#30b8ec; color:#fff;}

.pro-contents-title .more-button{width:42px; height: 4px; position: relative;}
.pro-contents-title .more-button::before{content:""; display:block; width:21px; height: 4px; background:#fff; position: absolute; top:0; left:0;}
.pro-contents-title .more-button::after{content:""; display:block; width:21px; height: 4px; background:#fff; position: absolute; top:0; right:0;}
.pro-contents-title.active .more-button::before{transform: rotate(45deg); left:4px;}
.pro-contents-title.active .more-button::after{transform: rotate(-45deg); right:4px;}


/*mobile*/
@media (max-width:768px){
    .sub0302 .section01 .text-box{font-size:16px; line-height: 1.3;}
    .sub0302 .page-link a{padding:16px 28px; font-size:15px;}

    .pro-contents-title .more-button{width:26px; height: 2px;}
    .pro-contents-title .more-button::before{width:16px; height: 3px; left:0 !important;}
    .pro-contents-title .more-button::after{width:16px; height: 3px; right:0 !important;}
    .cate-page-link a{padding:14px 28px; margin:0 auto; font-size:14px; max-width:140px}

    
  }
  
  


@media (max-width:1360px){
  #m-hd #m-logo{left:30px;}
  #lang-nav{right:30px;}
  #m-hd #m-gnb > li{margin-right:40px;}
  #m-hd #m-gnb > li > a{font-size:17px; }
  #lang-nav li a{font-size:17px;}
  #lang-nav li::before{height: 12px;}
}
/*tablet+mobile*/
@media (max-width:1200px){
  #m-hd{height:66px; }
  #m-hd #m-logo{left:40px;}
  #m-hd #m-logo img{height:32px;}

  #m-hd #m-nav{display:none;}
  #admin-join{display:none;}
  .main-page-anchor{right:40px;}
  .section-number{left:40px;}
  .section-number > div{font-size:15px;}
  .scroll{font-size:15px;}
  .fullpage-copy{right:40px; font-size:15px;}
  .main-section .txt-box h3{font-size:40px;}
  .main-section .txt-box h5{font-size:20px;}
  .main-section .txt-box p{font-size:18px;}

  #snb li a{font-size:16px;}

}


/*tablet*/
@media (min-width:769px) and (max-width:1200px){
  #main-banner .swiper-slide .container{bottom:90px;}
  #main-banner .swiper-wrapper .swiper-slide .contents-box h5{font-size:20px;}
  #main-banner .swiper-wrapper .swiper-slide .contents-box h3{width:50%; font-size:38px; }
  #main-banner .swiper-wrapper .swiper-slide .contents-box p{margin-top:10px; font-size:20px;}

  .fields li{display:block;}
  .fields .btn-group span{font-size:15px;}
  .fields .btn-submit{font-size:15px;}

}

@media (max-width:1085px){

}

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

  /*head*/
  #m-hd #m-logo{left:20px;}

  /*mobile bar*/
  #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:17px; }
  #all-menu #all-gnb .lnb{display:none;}

  #mobile-btn{right:20px}
  #all-menu #member-join {margin-right:0; margin-bottom:20px;}

  /*index 공통*/
  .main-tit.resizing{text-align: center;}
  .main-tit.resizing::after{margin-right: auto; margin-left:auto;}

  /*main slide*/
  #main-banner .swiper-wrapper > div{}
  #main-banner .swiper-slide .container{bottom:70px;}
  #main-banner .swiper-wrapper .swiper-slide .contents-box h5{font-size:17px;}
  #main-banner .swiper-wrapper .swiper-slide .contents-box h3{width:100%; font-size:26px; font-weight: 500;}
  #main-banner .swiper-wrapper .swiper-slide .contents-box p{font-size:17px; margin-top:9px;}
  #main-banner .pagination-box{bottom:20px;}
  #main-banner .swiper-pagination-bullet{margin-right:8px; width:10px; height:10px; }

  /*index*/
  .main-page-anchor li{margin-bottom:15px;}
  .main-page-anchor{right:15px;}




}







.ready-page{background:#f5f5f7; max-height: 500px; height: 50vw; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.ready-page h5{font-size:40px; }
.ready-page i{font-size:50px; margin-bottom:30px; color:#147bd1}