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

* {font-family: pretendard;margin: 0;padding: 0;}

body {font-family: 'Noto Sans KR', sans-serif;color: #333;word-break: keep-all;}
div, section, nav, article, footer, header {display: block;}
h1, h2, h3, h4, h5, h6, strong, th{font-weight: inherit;word-break: keep-all;}
input, select, button, textarea {box-sizing: border-box;}
input, select, button, textarea, img {vertical-align: middle;}
fieldset {border: none;}
ul, li {list-style: none;}
img {border: none;}
a {text-decoration: none;color: inherit;}
.fields {position: relative;}
.fields ul {}
.fields li {font-family: pretendard;display: flex;border-bottom: 1px solid #ddd;align-items: center;}
.fields li:last-child{border-bottom: 0;}
.fields .lbl {font-family: pretendard;width: 25%;box-sizing: border-box;padding: 15px 30px;font-size: 19px;}
.fields .desc {width: 75%;padding: 15px;}
.fields .dxee-input.full {width: 100%;}
.fields .dxee-input {border: 1px solid #ddd;padding: 15px 10px;box-sizing: border-box;}
.btn-group {font-family: pretendard;text-align: center;padding: 42px 0 0;}
.btn-group .more_btn {font-family: pretendard;background: #162e79;color: #fff;padding: 12px 50px;font-size: 17px;border: 0;}
.btn-group .more_btn:hover {transition: 0.5s;background: #0a1b50;}

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

@media (max-width: 767px) {
  #bo_v_con {overflow: auto;}
}

/* responsive */
.container {margin: 0 auto;max-width: 1410px;padding: 0;position: relative;box-sizing: border-box;}
.sub_container{margin: 0 auto;max-width: 1410px;padding: 0;position: relative;box-sizing: border-box;}
#m_slider .content .m_title{font-family: pretendard;padding-top: 15%;background: rgba(0,0,0,0.6);height: 100vh;}
#m_slider .content .m_title h2{font-family: pretendard;font-size: 60px; text-align: center;font-weight: 700;  line-height: 1.4;  color: #fff; text-shadow: 0px 0px 20px #00000043; padding-bottom: 50px;}
#m_slider .content .m_title h3{font-family: pretendard;font-size: 40px; font-weight: normal;color: #fff;text-align: center;padding-bottom: 10px;}
#m_slider .content .m_title a{transition: 0.3s;font-family: pretendard;font-size: 16px;border-radius: 25px;width: 150px;line-height: 50px;border: 2px solid #fff;text-align: center;display: block;color: #fff;margin: 0 auto;}
#m_slider .content .m_title a:hover{background: #fff;color:#000;}
.bbs_container{margin: 0 auto;max-width: 1400px;position: relative;box-sizing: border-box;padding: 50px 20px;}
.shop-sub{padding: 80px 20px;}
.mobile, .tablet {display: none;}
.only-mobile {display: none;}
.clear::after{content: ""; display: block; clear: both;}
.content_pad{padding: 125px 0;}
/* .content_bottom{margin-top: 110px;} */
.content-sub p{font-size: 17px; line-height: 30px; font-weight: 400;}
ul:after {content: "";display: block;clear: both;}
@media (max-width: 1199px) {
  .pc {display: none;}
  .only-mobile {display: none;}
}

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

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



/* sitemap */
.gnb_al_li_plus{width: calc(100%/5 - 50px);}
.gnb_1da{font-size: 19px;text-align: center;font-weight: 500;padding: 0 !important;}
#gnb #gnb_1dul{display: flex;justify-content: space-between;}
.gnb_1dli .bg{display: none;}




/* site-header */
.site-header {transition: 0.3s;position: relative;z-index: 30;box-sizing: border-box;background: transparent;border-bottom: 1px solid #c0c0c0;}
.site-header{box-shadow:none;-webkit-box-shadow:none;}
.site-header.main {position: relative;;width: 100%;left: 0;right: 0;top: 0;}
.site-header.board {position: relative;width: 100%;left: 0;right: 0;top: 0;}
.h_container {max-width: 1410px;margin: 0 auto;
/* min-height: 200px; */
}
/* .site-header>div {overflow: hidden;} */
.site-header .logo_m{display: none;}
.site-header .logo {float: left; }
.site-header .logo a {display: block;}



.site-header .hd_sch_wr{float: right;margin-left: 50px;margin-top: 20px;padding: 0;width: 400px;}
#hd_sch #sch_stx,#hd_sch #sch_str{font-size: 1.25em;border-radius: 30px 0 0 30px;height: 45px;float: left;width: 340px;padding-left: 35px;background: #fff;border: 2px solid #ef7e08;border-right: 0;color: #ef7e08;}
#hd_sch #sch_submit{border: 2px solid #ef7e08;background: #fff;color: #ef7e08;border-left: 0;}

.site-header .gnb {float: left;display: flex;justify-content: space-between;align-items: center;width: 100%;justify-content: center;}
.site-header .gnb>ul a {display: block;transition: 0.3s;}
/* .site-header .gnb>ul>li:before {content: "";position: absolute;left: 0;  right: 0;top:224px;height: 70px;background:#fbfcfd;display: block;display: none;z-index: 99;box-shadow: 0px 1px 5px rgba(0,0,0,0.5);}
.site-header .gnb>ul>li:hover:before {display: block;} */



.site-header .gnb>ul>li{float: left;width: 20%;position: relative;}
.site-header .gnb>ul>li:hover>a {text-decoration: underline;text-underline-position: under;}
.site-header .gnb>ul>li:hover>ul {display: block;}
.site-header .gnb>ul>li>a {line-height: 55px;font-family: pretendard;padding: 0 40px;font-size: 19px; font-weight: 500; color:#000;text-align: center;}
.site-header .gnb>ul>li>ul {width: 100%;padding-top: 15px;display: none;position: absolute;z-index: 99;line-height: 1.6;border: 1px solid #c5d6da;background: #fff;z-index: 1000;-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 20%);-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);  box-shadow: 0 2px 5px rgb(0 0 0 / 20%);}
.site-header .gnb>ul>li>ul:after {content: "";display: block;clear: both;}
.site-header .gnb>ul>li>ul a {font-family: pretendard;padding: 0 20px;font-size: 16px;font-weight: 500;text-align: center;line-height: 2em;margin-bottom: 10px;}
.site-header .gnb>ul>li>ul a:hover {color: #162e79;}
.float-wrap{width: 100%;display: flex;justify-content: center;}

.gnb_menu_btn {padding: 17px 0;background:#fff;color:#162e79;width:50px;height:55px;}
.gnb_menu_btn span{display: block;width: 28px;height: 3px;background: #162e79;margin:0 auto 7px;}
.gnb_menu_btn span:last-child{margin-bottom: 0;}
.gnb_close_btn {color:#162e79;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
.gnb_close_btn span{position: absolute;top: 50%;left: 50%;display: block;width: 28px;height: 3px;background: #162e79; }
.gnb_close_btn span.line01{transform: translate(-50%,-50%) rotate(45deg);}
.gnb_close_btn span.line02{transform: translate(-50%,-50%) rotate(-45deg);}

#gnb_all {max-width: 1410px;display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul{align-items: flex-start;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;}
#gnb_all .gnb_al_li a {font-family: pretendard;font-size:19px;display:block;position:relative;margin-bottom:10px;font-weight:500;color:#162e79;text-align: center;}
#gnb_all .gnb_al_li > a{margin-bottom: 20px;}
#gnb_all .gnb_al_li li {line-height:2em;text-align: center;}
#gnb_all .gnb_al_li li a {font-size:16px;color:#555;}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}


/* #nav_btn{display: none;cursor: pointer; position: absolute; top: 30px; right:30px;} */
#nav_btn{display: none;cursor: pointer; position: absolute; top: 30px; right:30px;}
#nav_btn span{display: block; width: 40px; height: 2px; background: #fff; margin-bottom:9px;}
#sitemap{position: fixed; top:0; right:-100%; width: 100%; height: 100vh; background: #fff; z-index: 999;}
#sitemap .close{cursor: pointer; position: absolute; right:30px;display: block;top: 50%;transform: translateY(-50%);}
#sitemap .close span{display: block; width: 40px; height: 3px; background: #162e79;}
#sitemap .close .line01{transform: rotate(45deg);}
#sitemap .close .line02{transform: rotate(-45deg); margin-top: -2px;}
#sitemap .lang{display: none;margin-bottom:10px; padding:5px 20px;position: absolute;top: 22px;left: 5px;}
#sitemap .lang li{float: left;}
#sitemap .lang li a{display: block; font-size: 16px; color:#aaa;}
#sitemap .lang li:first-child a:after{content:"ㅣ"; padding:0 2px;}
#sitemap .lang li a.on, #sitemap .lang li:hover a{color:#000;}
#sitemap .gnb{height: 80vh; overflow-y: auto;margin-top: 30px;}
#sitemap .gnb > li{}
    #sitemap .gnb > li::after{    display: block;
    clear: both;
    content: "";
    width: 85%;
    height: 1px;
    background: #ddd;
    margin: 30px auto;}
#sitemap .gnb > li > a{    text-align: center;
    color: #162e79;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -1px;
    display: block;
    margin-bottom: 10px;}
#sitemap .gnb > li:hover > a{color:#162e79;}
#sitemap .gnb .lnb li a{text-align: center;font-size: 20px; transition: .5s; display: block; padding:3px 0; color: #999;}
#sitemap .gnb .lnb li:hover a{margin-left:10px; color:#000;}


@-webkit-keyframes sdb {
  0% {-webkit-transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {-webkit-transform: translate(0, 20px);opacity: 0;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {transform: translate(0, 20px);opacity: 0;}
  100% {opacity: 0;}
}

/* main*/

#main-banner {position: relative; overflow: hidden; width:100%; }
#main-banner::after {content:""; display:block; clear:both}
#main-banner .banner-img{width:100%; overflow: hidden;}
#main-banner .swiper-slide{position:relative;}
#main-banner .swiper-wrapper > div{height:30vw; position:relative; background-position: center center; background-size: cover; background-repeat: no-repeat; }
#main-banner .swiper-wrapper .swiper-slide_bg{position: absolute;background: rgba(0,0,0,0.6);top: 0;display: block;content: '';width: 100%;height: 100%;}
/*main-banner colorset*/
#main-banner .swiper-wrapper .bg01{background-image:url("../img/slide01.png");}
#main-banner .swiper-wrapper .bg02{background-image:url("../img/slide01.png");}
#main-banner .swiper-wrapper .bg03{background-image:url("../img/slide01.png");}

#main-banner .swiper-wrapper .banner-contents{display:table; width:100%; height: 100%;}
#main-banner .swiper-wrapper .banner-contents h2{font-family: pretendard;font-size: 72px;font-weight: 700;line-height: 1.2;color: #fff;text-shadow: 0px 0px 20px #00000043;padding-bottom: 10px;}
#main-banner .swiper-wrapper .banner-contents h3{font-family: pretendard;font-size: 18px;font-weight: normal;color: #fff;padding-left: 5px;padding-bottom: 10px;}
#main-banner .swiper-wrapper .banner-contents p{font-family: pretendard;font-size: 30px;font-weight: normal;color: #fff;}
#main-banner .swiper-wrapper .banner-contents a{font-weight: 500;transition: 0.3s;font-family: pretendard;font-size: 18px;width: 150px;line-height: 50px;border: 1px solid #fff;text-align: center;display: block;color: #fff;margin: 35px 0 0;}
#main-banner .swiper-wrapper .banner-contents a:hover{background: #fff;color:#162e79;}

#main-banner .swiper-wrapper .banner-contents .sl-inner{display:table-cell; vertical-align: middle;}
#main-banner .swiper-wrapper .banner-contents .txt-box{padding:0 15px}

#main-banner .swiper-pagination{position:relative; margin:0 auto;color: #fff;font-size: 18px;font-weight: bold;}
#main-banner .pagination-box{width: 150px;position: absolute; bottom:40px; z-index: 99; margin: 0 auto; text-align: center;left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%)}
#main-banner .pagination-box::after{content:""; display:block; clear:both;}
#main-banner .swiper-pagination-current{position: relative;}
#main-banner .swiper-pagination-current::after{display: inline-block;content: "/";clear: both;color: #fff;font-size: 18px;margin: 0 5px;}

.sl-arrow{width: 15px;height: 18px;display: block;cursor: pointer;background-position: center center; background-size: cover; background-repeat: no-repeat;}
.swiper-button-next .sr{background-image:url("../img/main_slide_arrow_r.png"); }
.swiper-button-prev .sl{background-image:url("../img/main_slide_arrow_l.png"); }
/* main end*/





#main01{position: relative;display: flex;}
#main01 .main01_sec{width: 50%;}
#main01 .singup{background: #415bab;}
#main01 .tendinous{background: #162e79;}
#main01 .promotion{background: #415bab;}
#main01 a{display: block;height: 100%;}
#main01 h2{height: 100%;display: flex;align-items: center;justify-content: center;padding: 30px 0;font-family: pretendard;font-size: 26px;font-weight: 600;line-height: 1.2;color: #fff;text-shadow: 0px 0px 20px #00000043;}
#main01 h2::before{margin-right: 30px;display: inline-block;content: "";clear: both;background-position: center center; background-size: cover; background-repeat: no-repeat;}
#main01 .singup h2::before{width: 64px;height: 60px;background-image:url("../img/main01_sign-up.png");}
#main01 .tendinous h2::before{width: 71px;height: 64px;background-image:url("../img/main01_tendinous.png");}
#main01 .promotion h2::before{width: 71px;height: 64px;background-image:url("../img/main01_camera2.png");}


.main-section{padding:120px 0;}
.main-tit-box{position: relative;}
.main-tit-box h3{font-family: pretendard; font-size:55px; font-weight:700; color:#000; margin-bottom:30px; line-height: 1.2;}

.main-tit-box::before{content:""; width:280px; height:1px; background:#b8bfc3; position:absolute; top:50%; transform: translateY(-50%);left: -325px; display:block;}

.main-section01 .main-category{margin-bottom:30px;}
.main-section01 .main-contents-nav{display:inline-block;}
.main-section01 .main-contents-nav li{text-align: center;width: 235px;height: 65px;border: 1px solid #b7b7b7;float: left;font-size: 22px;color: #000;cursor: pointer;line-height: 65px;margin-right: 8px;}
.main-section01 .main-contents-nav li:last-child{margin-right:0;}
.main-section01 .main-contents-nav li.on{background: #162e79;color:#fff;}
.main-section01 .main-contents-wrap > div{display:none;}
.main-section01 .main-contents-wrap > div.active{display:block;}

.lat .lat_title{display: none !important;}
.lat li{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0 !important;}
.lat li:last-child{border-bottom: 0;}
.lat li a{font-weight: 500 !important; font-size: 20px !important;padding-left: 25px;position: relative;}
.lat li a::before{position:absolute;content:"ㆍ";display: block;clear: both;top: 50%; transform: translateY(-50%);left: 0;}
.lt_info .lt_date{color:#000 !important; font-size: 20px !important;}
.lat .lt_more{width: auto !important;top:-50px!important;font-size: 16px;font-weight: 200;color: #1a1919!important;}




#sct_location, #sct_lst{display: none !important;}


#sct_sortlst {margin: 65px 0 50px;}
/*footer*/
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: 100%;}
#ft {background: #fff;border-top: 1px solid #dddddd;}
#ft_link{padding: 15px 0 10px;border-bottom: 1px solid #dddddd;}
#ft_link .container{display: flex;overflow: hidden;}
#ft_link a {font-weight: 300;font-size: 18px;color: #000;line-height: 1.6;padding-right: 72px;}
#ft_company{padding: 45px 0 60px;}
.ftcp{display: flex;justify-content: space-between;}
.minsize{display: none;}
.ft_info{text-align: left;font-weight: 300;color: #000;font-size: 18px;line-height: 1.6;}
.ft_info span{font-weight: 400;}
.selectBox * { box-sizing: border-box; }
.selectBox {position: relative;width: 219px;height: 48px;background: url(../img/select_arrow.png)calc(100% - 20px) center no-repeat;background-size: 17px;outline: 2px solid #dddddd;border: 0;cursor: pointer;}
.selectBox .label {letter-spacing: -0.5px;font-family: pretendard;font-size: 18px;padding: 5px 30px 5px 23px;display: flex;align-items: center;width: inherit;height: inherit;border: 0 none;outline: 0 none;background: transparent;cursor: pointer;}
.selectBox .optionList {z-index: 1;outline: 2px solid #dddddd;position: absolute;top: 50px;left: 0;width: 100%;background: #fff;color: #000;list-style-type: none;padding: 0;overflow-y: scroll;max-height: 0;transition: .3s ease-in;display: none;}
.selectBox .optionList::-webkit-scrollbar {width: 6px;}
.selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.selectBox.active .optionList {max-height: 118px;display: block;}
.selectBox .optionItem {border-bottom: 1px dashed #000;transition: .1s;}
.selectBox .optionItem:hover {font-weight: bold;background: #162e79;color: #fff;}
.selectBox .optionItem:last-child {border-bottom: 0 none;}
.selectBox .optionItem a{display: block;padding: 5px 23px 5px;}
.ftcl{display: flex;justify-content: space-between;padding-top: 40px;align-items: center;}
#ft_copy {font-weight: 300;text-align: left;margin: 0;padding: 0;color: #000000;font-size: 18px;border-top: 0;}


.sub_wrap{border: 1px solid #e0e0e0;margin: 55px 0;border-radius: 30px;overflow: hidden;}
.sub_tab_wrap{width: 245px;float: left;}
.sub_bg_text{height: 147px;line-height: 147px;text-align: center;background-color: #0a1b50;color: #fff;font-weight: bold;font-size: 26px;
  background-image: url(../img/sub_tit_logo.png),linear-gradient(to right, rgba(10, 27, 80, 1), rgba(10, 27, 80, 1));background-repeat: no-repeat;background-position: bottom right,left,right;}
.sub_tab{border-right: 1px solid #e0e0e0;}
.sub_tab li{border-bottom: 1px solid #e0e0e0;background: url(../img/sub_menu_arrow.png)calc(100% - 25px) center no-repeat;background-size: 8px;}
.sub_tab li a{display: block;padding: 20px 35px 20px 25px;line-height: 1.4;font-size: 18px;}

.sub_con_wrap{display: block;float: left;padding: 42px 55px;width: calc(100% - 245px);}

.sub_nav_wrap{display: flex;justify-content: flex-end;}
.sub_nav{padding-bottom: 35px;}
.sub_nav li{font-size: 16px;float: left;padding-right: 12px;}


.sub_tit{font-family: pretendard;font-size: 40px;font-weight: bold;padding-bottom: 18px;border-bottom: 1px solid #d8d8d8;}

.sub_common .title{margin-top: 110px;font-family: pretendard;font-size: 32px; font-weight: 600;margin-bottom: 65px;border-left: 4px solid #314b9e;padding-left: 17px;}
.sub_common.sub0101{padding-bottom: 100px;background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: bottom right;padding-left: 0;}
.sub_common.sub0101 .title{text-align: center;line-height: 1.6;border-left: 0;}
.sub_common.sub0101 .title::after{clear: both;content: '';display: block;margin: 15px auto 0;width: 100px;height: 4px;background: #0a1b50;}
.sub0101 .description{text-align: center;font-size: 18px;font-weight: 400;}
.sub0101 img{margin: 40px auto;display: block;}
.sub0101 .date_signature{text-align: center;margin: 50px 0 25px;}
.sub0101 .date_signature p:first-of-type{font-size: 20px;line-height: 1.6;}
.sub0101 .date_signature p:last-of-type{font-size: 22px;font-weight: bold;line-height: 1.6;}
.sub_common.sub0102 .title{margin-bottom: 20px;}
.title_txt{font-size: 18px;line-height: 28px;}
.title_txt span{font-weight: 700;}
.title_txt span.yellow{color:#d7ac16;}
.title_txt span.green{color:#528f26;}

.sub0102 img{display: block;margin: 120px auto 0;}
.sub0102 .history{margin: 70px 0;}
.sub0102 .year_division{display: flex;position: relative;padding-bottom: 80px;word-break: keep-all;}
.sub0102 .year_division::after {position: absolute;left: 58px;top: 13px;height: 100%;content: '';display: block;clear: both;background: #ddd;width: 1px;}
.sub0102 .year_num{font-family: pretendard;margin-right: 70px;font-size: 24px;font-weight: 600;background: #314b9e;color: #fff;border-radius: 25px;text-align: center;line-height: 52px;    width: 100%;max-width: 116px;height: 52px;z-index: 1;}
.sub0102 p{word-break: keep-all;font-family: pretendard;display: block;color: #000;font-size: 18px;line-height: 1;margin-bottom: 18px;position: relative;line-height: 27px;}
.sub0102 .history_wrap li:nth-child(2n) .year_num{background: #132d7e;}
.sub0102 .year_txt{padding-top: 15px;}
.sub0102 .year_month_wrap{display: flex;padding-bottom: 10px;}
.sub0102 .year_month{font-size: 20px;color: #132d7e;    width: 100%;max-width: 70px;margin-right: 40px;font-weight: 600;}
.sub0102 .year_month_text li{font-size: 18px;color: #000;line-height: 1.6;}
.sub0102.history_wrap li:last-child .year_division{padding-bottom: 0;}

.Executives .Executives-category{margin-bottom:30px;}
.Executives .Executives-contents-nav li{text-align: center;width: calc(100% / 6);height: 50px;float: left;font-size: 20px;color: #b7b7b7;cursor: pointer;line-height: 50px;}
.Executives .Executives-contents-nav li div{margin-right: 10px;border-bottom: 5px solid #b7b7b7;}
.Executives .Executives-contents-nav li:last-child div{margin-right: 0;}
.Executives .Executives-contents-nav li.on div{border-bottom: 5px solid #162e79;color:#162e79;font-weight: 700;}
.Executives .Executives-contents-wrap > div{display:none;}
.Executives .Executives-contents-wrap > div.active{display:block;}

.history_card{display: flex;flex-wrap: wrap;}
.history_card > li{display: flex;width: 50%;margin-bottom: 10px;}
.history_card > li .card_wrap{padding: 15px 30px;display: flex;width: 100%;height: 100%;align-items: center;box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);border-radius: 10px;}
.history_card > li:nth-child(odd) .card_wrap{margin-right: 10px;}
.history_card > li:nth-child(even) .card_wrap{margin-right: 0;}
.history_card > li .card_wrap div:first-child img{width: 150px;padding-bottom: 15px;}
.history_card > li .card_wrap div:last-child img{width: 150px;padding-bottom: 10px;}
.card_wrap > div:first-of-type{margin-right: 15px;}
.card_wrap > div:last-of-type{width: 100%;}
.card_wrap > div p{text-align: center;font-size: 14px;font-weight: 500;}
.card_wrap > div p:first-of-type{font-weight: 700;font-size: 16px;}
.card_wrap > div p:last-of-type{ margin-top: 10px;border-radius: 25px;padding: 10px 0;background: #162e79;color: #fff;}
.card_wrap ul{margin-top: 10px;margin-bottom: 20px}
.card_wrap ul h5{font-size: 16px;color: #162e79;font-family: pretendard;font-weight: 700;margin-bottom: 10px;}
.card_wrap ul li{font-size: 14px;line-height: 1.6;}
.card_wrap ul li span{font-weight: 500;color: #7286c7;margin-right: 10px;}
.card_wrap .row{display: none;}

.Executives-contents02 .history_card > li .card_wrap,
.Executives-contents03 .history_card > li .card_wrap,
.Executives-contents04 .history_card > li .card_wrap,
.Executives-contents05 .history_card > li .card_wrap{height: 150px;}

.Executives-contents02 .card_wrap ul li:first-child,
.Executives-contents03 .card_wrap ul li:first-child,
.Executives-contents04 .card_wrap ul li:first-child,
.Executives-contents05 .card_wrap ul li:first-child,
.Executives-contents06 .card_wrap ul li:first-child{font-weight: 700;font-size: 16px;}

.Executives-contents02 .history_card > li .card_wrap div:first-child img,
.Executives-contents03 .history_card > li .card_wrap div:first-child img,
.Executives-contents04 .history_card > li .card_wrap div:first-child img,
.Executives-contents05 .history_card > li .card_wrap div:first-child img,
.Executives-contents06 .history_card > li .card_wrap div:first-child img {padding-bottom: 0;}

.Executives-contents02 .card_wrap ul,
.Executives-contents03 .card_wrap ul,
.Executives-contents04 .card_wrap ul,
.Executives-contents05 .card_wrap ul,
.Executives-contents06 .card_wrap ul {margin-top: 0;margin-bottom: 0;}





.call_fax, .call_fax li{display: flex;align-items: center;}
.call_fax li{margin-right: 20px;}
.addr_way > li{display: flex;align-items: flex-start;}
.sub0104 p{font-size: 16px;line-height: 1.6;}
.sub0104 iframe{margin-bottom: 30px;}
.sub0104 img{padding-right: 15px;}
.call_fax{margin-bottom: 30px;}
.addr_way > li{margin-bottom: 15px;}
.cf{font-size: 18px !important;font-weight: bold;}
.subject{padding-top: 2px;font-size: 18px !important;font-weight: bold;margin-bottom: 10px;}
.way_wrap li{padding-bottom: 5px;}
.way_tit{font-weight: 500;font-size: 16px;line-height: 1.6;border-bottom: 1px solid #314b9e;}


.top_notice{margin-bottom:50px;border-radius: 10px;padding: 20px 20px 20px 0;line-height: 1.6;background: #f6f6f6;display: flex;align-items: center;}
.top_notice img{padding: 0 20px;}
.top_notice div{font-size: 17px;}
.top_notice div li{font-size: 17px;padding-bottom: 10px;}
.top_notice div li span{font-size: 17px;font-weight: 600;}
.sub_tit .top_notice{margin-top: 30px;margin-bottom: 20px;}

.memo_pen01, .list_type01, body > h3, .tab_menu1, .tab_menu2, .dl_type{display: none;}

.Member_pro{display:flex;justify-content: center;}
.Member_pro li{text-align: center;max-width: 312px;border: 1px solid #e0e0e0;width: calc(100% / 3);border-radius: 10px;}
.Member_pro li:nth-child(2){margin: 0 60px;position: relative;}
.Member_pro li:nth-child(2)::after{right: -38px;content: '';display: block;clear: both;position: absolute;top: 50%; transform: translateY(-50%);width: 15px; height: 15px;background-position: center center; background-size: cover; background-repeat: no-repeat;background-image:url("../img/sub0401_01.png");}
.Member_pro li:nth-child(2)::before{left: -38px;content: '';display: block;clear: both;position: absolute;top: 50%; transform: translateY(-50%);width: 15px; height: 15px;background-position: center center; background-size: cover; background-repeat: no-repeat;background-image:url("../img/sub0401_01.png");}
.Member_pro li .step{border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 12px 0;background: #314b9e;font-size: 18px;color: #fff;font-weight: 500;}
.Member_pro li .steptxt{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;display: table;width: 100%;height: 136px;}
.Member_pro li .steptxt div{line-height: 1.4;font-size: 18px;font-weight: 600;display: table-cell;vertical-align: middle;}
.Member_pro li .steptxt div p{display: block;margin: 0 auto;}
.annual_fee h4{padding-bottom: 15px;font-family: pretendard;font-size: 22px;font-weight: 600;}
.annual_fee h4::before{margin-right: 12px;margin-bottom: 2px;content: '';display: inline-block;clear: both;width: 17px; height: 15px;background-position: center center; background-size: cover; background-repeat: no-repeat;background-image:url("../img/sub0401_02.png");}
.annual_fee h4 span{font-size: 24px;color: #243878;font-weight: bold;}
.annual_fee > li{margin-bottom: 40px;}
.annual_fee .fee_category li{font-size: 18px;color: #333333;}
.annual_fee .fee_category .fee_category_dep2{padding-top: 15px;}
.annual_fee .fee_category .fee_category_dep2 li{padding-bottom: 15px;}
.sub0401 li span{font-size: 24px; font-weight: 600;}
.Member_application{padding-top: 65px;display:flex;justify-content: center;}
.Member_application li{text-align: center;max-width: 312px;border: 1px solid #e0e0e0;width: calc(100% / 2);border-radius: 10px;margin-right:60px;}
.Member_application li:nth-child(2){margin: 0;position: relative;}
.application{border-radius: 10px;height: 105px;display: block;background-position: center center; background-size: cover; background-repeat: no-repeat;}
.application1{background-image:url("../img/sub0401_03.png");}
.application2{background-image:url("../img/sub0401_04.png");}
.application3{background-image:url("../img/sub0401_05.png");}
.vid-popup {display: none;position: fixed;background: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;z-index: 9990;top: 0;left: 0;}
.pop-contents {position: relative;width: 100%;max-width: 610px;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);box-sizing: border-box;background: #fff;}
.pop-close {display: inline-block;position: absolute;width: 40px;height: 40px;right: 20px;top: 20px;cursor: pointer;}
.pop-close:before {content: '';position: absolute;top: 50%;left: 50%;height: 40px;border: solid #000;border-width: 0 3px 0px 0;transform: rotate(45deg);transition-duration: 0.3s;left: 50%;transform: translate(-50%, -50%) rotate(45deg);
-webkit-transform: translate(-50%, -50%) rotate(45deg);}
.pop-close:after {content: '';position: absolute;top: 50%;left: 50%;height: 40px;border: solid #000;border-width: 0 3px 0px 0;transform: rotate(-45deg);left: 50%;transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);}
.inner_layer {position: relative;width: 100%;margin: 0 auto;background-color: #fff;}
.in_layer {padding-bottom: 30px;}
.in_layer ul{margin-top: 25px;}
.in_layer li{    margin: 0 auto !important;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    color: #0a1b50;
    padding-bottom: 10px;}
.tit_layer {text-align: center;padding: 25px 0 0;font-weight: 700;font-size: 24px;line-height: 40px;color: #333;letter-spacing: -1px;}
.txt_service {margin-top: 20px;padding: 0 30px;font-size: 16px;text-align: center !important;line-height: 1.6 !important;color: #333;}

.Member_classification_wrap{margin: 130px 0 50px;border-radius: 10px;padding: 30px 0;background: #f6f6f6;display: flex;align-items: center;}
.Member_classification{padding: 0 35px;}
.Member_classification_wrap li{font-size: 17px;padding-bottom: 5px;}
.Member_classification_wrap li span{font-size: 17px;font-weight: 600;}

.Global_Marketer_pro{display:flex;justify-content: center;margin-bottom: 40px;}
.Global_Marketer_pro li{text-align: center;max-width: 233px;border: 1px solid #e0e0e0;width: calc(100% / 4);border-radius: 10px;margin-right:60px;position: relative;}
.Global_Marketer_pro li:last-child{margin-right: 0;}
.Global_Marketer_pro li::after{right: -38px;content: '';display: block;clear: both;position: absolute;top: 50%; transform: translateY(-50%);width: 15px; height: 15px;background-position: center center; background-size: cover; background-repeat: no-repeat;background-image:url("../img/sub0401_01.png");}
.Global_Marketer_pro li:last-child::after{display: none;}
.Global_Marketer_pro li .step{border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 12px 0;background: #314b9e;font-size: 18px;color: #fff;font-weight: 500;}
.Global_Marketer_pro li .steptxt{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;display: table;width: 100%;height: 50px;}
.Global_Marketer_pro li .steptxt div{line-height: 1.4;font-size: 18px;font-weight: 600;display: table-cell;vertical-align: middle;}
.Global_Marketer_pro li .steptxt div p{display: block;margin: 0 auto;}

.Global_Marketer_annual_fee h4{padding-bottom: 15px;font-family: pretendard;font-size: 22px;font-weight: 600;}
.Global_Marketer_annual_fee h4 span.side{font-size: 18px;font-weight: 400;color: #777;}
.Global_Marketer_annual_fee h5 span.side{font-size: 16px;font-weight: 400;color: #777;}
.Global_Marketer_annual_fee .dotted h5{    display: flex;
    align-items: center;}
.Global_Marketer_annual_fee .dotted h5::before {
    margin-right: 12px;
    display: block;
    content: "";
    clear: both;
    width: 5px;
    height: 5px;
    background: #0a1b50;
    border-radius: 50%;
}
.Global_Marketer_annual_fee h4::before{margin-right: 12px;margin-bottom: 2px;content: '';display: inline-block;clear: both;width: 17px; height: 15px;background-position: center center; background-size: cover; background-repeat: no-repeat;background-image:url("../img/sub0401_02.png");}
.Global_Marketer_annual_fee h4 span{font-size: 24px;color: #243878;font-weight: bold;}
.Global_Marketer_annual_fee > li{margin-bottom: 40px;}
.sub0203 .Global_Marketer_annual_fee > li:first-child{background: #f6f6f6;margin-bottom: 0;padding: 25px 20px;border-radius: 10px;}
.sub0203 .Global_Marketer_annual_fee .new_deal_re{font-size: 18px;color: #333333;line-height: 1.6;padding-top: 20px;margin-bottom: 50px;}
.sub0203 .top_notice {margin-bottom: 0;background: transparent;}
.sub0203 .top_notice div {font-size: 26px;}
.sub0201 .fee_category.two{margin-bottom: 40px;}
.Global_Marketer_annual_fee .fee_category li{font-size: 18px;color: #333333;line-height: 1.6;}
.Global_Marketer_annual_fee .fee_category.two > li{margin-bottom: 15px;}
.Global_Marketer_annual_fee .fee_category li > div ul{padding-left: 15px;}
.Global_Marketer_annual_fee .fee_category li > div li{font-size: 16px; color: #777;}
.Global_Marketer_annual_fee .fee_category li > div li span{font-weight: 700;}
.Global_Marketer_annual_fee .fee_category_ex{color: #777 !important;}
.Global_Marketer_annual_fee .fee_category .fee_category_dep2{padding-top: 15px;}
.Global_Marketer_annual_fee .fee_category .fee_category_dep2 li{padding-bottom: 15px;}
.Global_Marketer_down{margin: 0 auto;display: block;width: 175px;text-align: center;padding: 20px 0;border-radius: 10px;font-size: 16px;font-weight: bold;color: #fff;background: #314b9e;}
/* sub0202 */
.sub0202 table{    margin-top: 30px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 100%;
text-align: center;
border-collapse:collapse;border-spacing:0;
}
.sub0202 table td{
  background: #fff;
font-size: 18px!important;
padding: 15px 10px!important;
line-height: 1.6;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.sub0202 table th{background: #0a1b50;color: #fff;font-weight: 600;font-size: 20px!important;
padding: 15px 0!important;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;}
.sub0202 .w15p{width: 15%;}
.sub0202 .w70p{width: 70%;}
.sub0202 .w20p{width: 20%;}
.sub0202 .w10p{width: 10%;}
/* sub0203 */
.sub0203 .New_Deal li{display: flex;align-items: center;}
.sub0203 .New_Deal li::before{margin-right: 12px;display: block;content: "";clear: both;width: 5px;height: 5px;background: #0a1b50;border-radius: 50%;}
/* sub0204 */
.board-category{margin-bottom:30px;}
.board-contents-nav li{text-align: center;width: calc(100% / 6);height: 50px;float: left;font-size: 18px;color: #b7b7b7;cursor: pointer;line-height: 50px;}
.board-contents-nav li div{margin-right: 10px;border-bottom: 5px solid #b7b7b7;}
.board-contents-nav li:last-child div{margin-right: 0;}
.board-contents-nav li.on div{border-bottom: 5px solid #162e79;color:#162e79;font-weight: 700;}
.board-contents-wrap > div{display:none;}
.board-contents-wrap > div.active{display:block;}

.category{margin: 30px 0 50px;}
.contents-nav{display:inline-block;}
.contents-nav li{text-align: center;height: 65px;border: 1px solid #b7b7b7;float: left;font-size: 16px;padding: 0 20px;color: #000;cursor: pointer;line-height: 65px;margin-right: 8px;}
.contents-nav li:last-child{margin-right:0;}
.contents-nav li.on{background: #162e79;color:#fff;}
.contents-wrap > div{display:none;}
.contents-wrap > div.active{display:block;}
.contents-wrap .lat .lt_more {top: -25px!important;}

.Overseas_pro{flex-direction: column;display:flex;justify-content: center;}
.Overseas_pro li{display: flex;text-align: center;border: 1px solid #e0e0e0;border-radius: 10px;margin-bottom: 60px;position: relative;}
.Overseas_pro li:last-child{margin-right: 0;}
.Overseas_pro li::after{content: '';display: block;clear: both;position: absolute;left: 50%;transform: translateX(-50%) rotate(90deg);bottom: -38px;width: 15px;height: 15px;background-position: center center;background-size: cover;background-repeat: no-repeat;background-image: url(../img/sub0401_01.png);}
.Overseas_pro li:last-child::after{display: none;}
.Overseas_pro li .step{border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 12px 20px;background: #314b9e;font-size: 18px;color: #fff;font-weight: 500;}
.Overseas_pro li .steptxt{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;display: table;width: 100%;height: 50px;}
.Overseas_pro li .steptxt div{line-height: 1.4;font-size: 18px;font-weight: 600;display: table-cell;vertical-align: middle;}
.Overseas_pro li .steptxt div p{margin-left: -50px;}


.lat .empty_li {justify-content: center;font-size: 20px;}

.sub_common .six-contents02 .title{margin-top: 0;margin-bottom: 20px;}
.six-contents02 .title_txt {margin-bottom: 15px;}
.Content_management .fee_category_dep2 li{line-height: 1.6;}
.Content_management .title_txt{font-size: 24px;padding-bottom: 20px;color: #314b9e;}
/* sub0204-end */

@media(max-width:1199px) and (min-width:769px){
	.main-section03 .contents-nav li{font-size:18px; margin-right:30px;}
}

@media (max-width:768px){/*mobile*/
  .main-section03 .contents-nav li{margin-right:0; width:33.333333%; font-size:16px; margin-bottom:20px;}
  .main-section03 .contents-nav li:nth-child(7){margin-bottom:0;}
  .main-section03 .contents-nav li.on::after{display:none;}
}


#small-banner {position: relative; overflow: hidden; width:100%; }
#small-banner::after {content:""; display:block; clear:both}
#small-banner .banner-img{width:100%; overflow: hidden;}
#small-banner .swiper-slide{position:relative;}
#small-banner .swiper-wrapper .swiper-slide_bg{position: absolute;background: rgba(0,0,0,0.6);top: 0;display: block;content: '';width: 100%;height: 100%;}


#small-banner .swiper-wrapper .banner-contents{display:table; width:100%; height: 100%;}
#small-banner .swiper-wrapper .banner-contents h2{font-family: pretendard;font-size: 72px;font-weight: 700;line-height: 1.2;color: #fff;text-shadow: 0px 0px 20px #00000043;padding-bottom: 10px;}
#small-banner .swiper-wrapper .banner-contents h3{font-family: pretendard;font-size: 18px;font-weight: normal;color: #fff;padding-left: 5px;padding-bottom: 10px;}
#small-banner .swiper-wrapper .banner-contents p{font-family: pretendard;font-size: 30px;font-weight: normal;color: #fff;}
#small-banner .swiper-wrapper .banner-contents a{font-weight: 500;transition: 0.3s;font-family: pretendard;font-size: 18px;width: 150px;line-height: 50px;border: 1px solid #fff;text-align: center;display: block;color: #fff;margin: 35px 0 0;}
#small-banner .swiper-wrapper .banner-contents a:hover{background: #fff;color:#162e79;}

#small-banner .swiper-wrapper .banner-contents .sl-inner{display:table-cell; vertical-align: middle;}
#small-banner .swiper-wrapper .banner-contents .txt-box{padding:0 15px}

#small-banner .swiper-pagination{position:relative; margin:0 auto;color: #fff;font-size: 18px;font-weight: bold;}
#small-banner .pagination-box{width: 150px;position: absolute; bottom:40px; z-index: 99; margin: 0 auto; text-align: center;left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%)}
#small-banner .pagination-box::after{content:""; display:block; clear:both;}
#small-banner .swiper-pagination-current{position: relative;}
#small-banner .swiper-pagination-current::after{display: inline-block;content: "/";clear: both;color: #fff;font-size: 18px;margin: 0 5px;}

.sl-arrow{width: 15px;height: 18px;display: block;cursor: pointer;background-position: center center; background-size: cover; background-repeat: no-repeat;}
.swiper-button-next .sr{background-image:url("../img/main_slide_arrow_r.png"); }
.swiper-button-prev .sl{background-image:url("../img/main_slide_arrow_l.png"); }


.main02_ul{display: flex;}
.main02_ul_li{width: 50%;}
.main02_ul_li{min-height: 418px;}
.main02_ul_li.sign-up{background:#faf8f8;}
.main02_ul_li.tendinous{background:#0b4573;}
#main02{position: relative;}
#main02::after{content: "";width: 50%;height: 100%;background: #0b4573;position: absolute;bottom: 0;right: 0;z-index: -1;}
#main02::before{content: "";width: 50%;height: 100%;background: #faf8f8;position: absolute;bottom: 0;left: 0;z-index: -1;}
.main02_ul_li .box_txt{position: relative;height: 100%;font-family: pretendard;letter-spacing: -0.5px;padding-left: 40px;}
.main02_ul_li .box_txt img{position: absolute;}
.main02_ul_li.sign-up .box_txt img{top: 0;right: 0;}
.main02_ul_li.tendinous .box_txt img{bottom: 0;right: -150px;}

.main02_ul_li .box_txt p{font-family: pretendard;font-size: 35px;font-weight: bold;padding: 50px 0 10px;color: #000;}
.main02_ul_li .box_txt h2{font-family: pretendard;font-size: 55px;font-weight: bold;color: #000;}
.main02_ul_li .box_txt .more_link{font-family: pretendard;color: #000;display: block;padding-top: 55px;font-weight: 300;font-size: 17px;text-decoration: underline;text-underline-position: under;}

.main02_ul_li.tendinous .box_txt p,
.main02_ul_li.tendinous .box_txt h2,
.main02_ul_li.tendinous .box_txt .more_link{color: #fff;}





/* asdasd */
#small-banner .swiper {width: 100%;height: 100%;}
#small-banner .swiper-slide {font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#small-banner .swiper-wrapper > div{height:350px; position:relative;background-position: right bottom;background-size: 400px; background-repeat: no-repeat; }
#small-banner .swiper-wrapper .bg01{background-color: #faf8f8;background-image:url("../img/small_slide01.png"); color: #000;}
#small-banner .swiper-wrapper .bg02{background-color: #0b4573;background-image:url("../img/small_slide02.png"); color: #fff;}
#small-banner .swiper-wrapper .bg03{background-color: #e7f4fb;background-image:url("../img/small_slide03.png"); color: #1a2d59;}
#small-banner .swiper-wrapper .bg04{background-image:url("../img/small_slide04.png");}
#small-banner .swiper-wrapper .bg05{background-image:url("../img/small_slide04.png");}
#small-banner .swiper-wrapper .bg06{background-image:url("../img/small_slide04.png");}
#small-banner .swiper-wrapper .bg07{background-image:url("../img/small_slide04.png");}
#small-banner .swiper-wrapper .bg08{background-image:url("../img/small_slide04.png");}
#small-banner .swiper-wrapper .bg09{background-image:url("../img/small_slide04.png");}
#small-banner .swiper-wrapper .bg10{background-image:url("../img/small_slide04.png");}

#small-banner .box_txt{position: relative;width: 100%;height: 100%;font-family: pretendard;letter-spacing: -0.5px;}
#small-banner .box_txt .slide_wrap{display: block;padding-left: 40px;width: 100%;height: 100%;cursor: auto;}
#small-banner .box_txt p{cursor: pointer;font-family: pretendard;font-size: 35px;font-weight: bold;padding: 50px 0 10px;}
#small-banner .box_txt h2{font-family: pretendard;font-size: 55px;font-weight: bold;}
#small-banner .box_txt h3{cursor: pointer;font-family: pretendard;display: block;padding-top: 20px;font-weight: 300;font-size: 17px;text-decoration: underline;text-underline-position: under;}
@media (max-width: 1100px) {
#small-banner .swiper-wrapper > div{background-size: 300px;
}
@media (max-width: 936px) {
#small-banner .swiper-wrapper > div{background-size: 200px;
}
@media (max-width: 760px) {
  #small-banner .swiper-button-next {right: 20px;transform: rotate(90deg);}
  #small-banner .swiper-button-prev {left: 20px;transform: rotate(90deg);}
}