@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

.fcPoint2 {
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 1.4em;
    font-weight: bold;
}


.fcPoint3 {
    font-weight: bold;
    color: #ea002c;
}

.tbl_head03 {
    border-top: 2px solid #1a1a7c;
    margin: 0 0 30px;
}
.tbl_head03 .tbl_border_lnone, .tbl_head04 .tbl_border_lnone {
    border-left: 0;text-align:left;padding-left: 30px;border-bottom: 1px solid #ccc;
}
.tbl_head03 thead th {
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 1.1em;
    text-align: left;
    padding-left: 30px;
}
.tbl_head03 td {
    padding: 8px 5px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 1.5em;
    word-break: break-all; text-align:left;
}

div.message p.fcPoint {
    padding-bottom: 0px; /* padding-bottom: 30px; */
    font-size: 2.4em !important;
    font-weight: bold;
    letter-spacing: -0.2px;
}
div.message p {
    font-size: 18px;
    /* color: #000; */
    line-height: 1.8em;
    letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
div.message p.fcPoint {
    font-size: 1.8em !important;
    font-weight: bold;
    letter-spacing: -0.1px;
    padding-bottom: 20px !important;
}
div.message p {
    line-height: 1.4em !important;
}
}


.fcPoint {
    color: #131313 !important;
}
.boxicon {
padding-top:5px; width:1100px; margin:0 auto; text-align:right;
}



dl.IdenPast:first-child {
    border-top: 2px solid #ffc107;
}
dl.IdenPast {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 66px 0 68px 270px;
    min-height: 163px;
}
p.programBook {
    position: absolute;
    top: 40px;
    right: 20px;
}


dl.IdenPast dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-left: 10px;
}
dl.IdenPast dd table tr th {
    text-align: left;
    color: #ffc107;
    background: #fff;
    font-size: 1.2em;
}
dl.IdenPast dd table tr * {
    padding: 5px;
    border: 0 none;
    vertical-align: middle; text-align:left;
}
dl.IdenPast dd table {
    border-collapse: collapse;
}


.ellipsis{ width: 100%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;  margin: 0;}
.ellipsis-70{ width: 70%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;  margin: 0;}

/***header popup***/
.header_pop_wrap{width: 100%; top: 70px; height: 45px; background-color: #111; position: absolute; z-index: 3;}
.contents-pop-box{width: 1320px; margin: 0 auto; position: relative; height: 45px; display: flex; align-items: center; }
.contents-pop{  width: 1170px; text-align: left; float: left}
.contents-pop span{font-weight: bold; color: #fff;}
.contents-close{float: left; width: 150px;}
.contents-close a.Tdayclose{background-color: transparent; border: 0; float: right; right: 0; bottom: 13px; font-size: 13px; position: absolute; color: #ddd;}

@media (max-width: 766px) {
    .header_pop_wrap{margin-top: 72px; top: 0;}
    .contents-pop-box{width: 100%;}
    .contents-pop{width: 100%; padding: 0 10px;}

    .contents-pop{width: 93%;}
    .contents-close{ width: 7%;}
    .contents-close a.Tdayclose{right: 10px;}
}

/***popup***/
/*#popup
#popup2{z-index: 3; position: absolute; top: 140px; left:370px; height: auto; background-color: #fff; border: 1px solid #ddd;}*/
.popup{z-index: 999; position: absolute; top: 140px; height: auto; background-color: #fff; border: 1px solid #ddd;}
.popup .floatingbtn {position: relative; width: 100%; background-color: #fff; color: #333; height: 2rem; line-height: 3rem; border-top: 1px solid #ddd; font-size: 0.9rem;}
.popup .floatingbtn .today{width: 50%; float: left; text-align: center; border-right: 1px solid #ddd;}
.popup .floatingbtn .closed{width: 50%; float: right; text-align: center; }

.pop-size{min-width: 320px; /*min-height: 400px;*/}

@media (max-width: 766px) {
    .popup{ position: fixed; width: calc(100% - 60px)!important; left: 30px!important; top: 100px!important;
        max-height: 550px !important; overflow-y: auto; }
    .container_popup{position: relative;}
    .pop-size{width: calc(100% - 60px) !important; min-height: 400px;}
    .container_popup .floatingbtn{font-size: 16px; height: 50px; position: fixed;
        width: calc(100% - 60px)!important; top: 51px; border: 1px solid #ddd;}
}


.pattern {
    background: repeating-linear-gradient(45deg, #ffc107, #ffc107 10px, #ffc107 0, #ffc107 20px);
}

.pattern-dot {
    background: #fff;
    background-image: radial-gradient(#e9e9e9 10%, transparent 0), radial-gradient(#e9e9e9 10%, transparent 0);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}

.bg-gradient-primay {
    background-color: #3b4582;
    background-image: linear-gradient(
            135deg
            , #3b4582 0%, rgba(102, 119, 219, 0.8) 100%);
}


.bg-warning {
    background-color: #ffc107 !important;
}


@media (min-width: 768px) {
    .bg-lg-light {
        background-color: #f8f9fa!important;
    }
}

@media (max-width: 767px) {
    .bg-sm-light {
        background-color: #f8f9fa!important;
    }
    .shadow-sm-sm{
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    }
}


/*text-color*/
.text-primary{
    color: #3b4582 !important;
}


/*================header================*/
/*Main-ban*/


.pc_only {display: block;}
.m_only {display: none;}


@media screen and (max-width: 1024px){
.pc_only {display: none;}
.m_only {display: block;}
}

@media screen and (max-width: 720px){
    .pt-2, .py-2 {
        width: 160px !important;
    }
}


.Main-ban{
    background-image: url("/new2/img/main_bg3.jpg?ver=1.58");
    /*background: linear-gradient(to right, #333, #666);*/
    height: 650px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-top: 94px;
    /*text-align: center;*/
    position: relative;
    /*padding-top: 10rem;*/
    margin-top: 94px;

    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    color: #fff;
    text-align: left;
    padding: 170px 0 0 700px;

}
.Main-mban{
    background-image: url("/new2/img/main_mbg3.jpg?ver=1.58");
    /*background: linear-gradient(to right, #333, #666);*/
    height: 650px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /*text-align: center;*/
    position: relative;
    /*padding-top: 10rem;*/

    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    color: #fff;
    text-align: left;
    padding: 170px 0 0 700px;

}

.Main-ban2{
    background-image: url("../../images/homepage/main_bg1.jpg");
    /*background: linear-gradient(to right, #333, #666);*/
    height: 650px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /*text-align: center;*/
    position: relative;
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    color: #fff;
    text-align: center;
    padding: 300px 0;
}



.Main-ban span, Main-ban h1{display: block;}
.Main-mban span, Main-mban h1{display: block;}
.Main-ban2 span, Main-ban2 h1{display: block; }
/*==========main============
nav-tab size-fixed*/
.nav-tab{
    padding-left: 0;
    list-style: none;
    position: relative;
    top: 467px;
    z-index: 8;
}
.nav-tab > li > a {margin-bottom: 0; position: relative; display: block;  padding: 10px 15px;}
.nav-tab.nav-justified li.nav-item-size{
    float: left;
    width: 50%;
    display: block;
    justify-content: center;
}
.nav-tab.nav-justified li.nav-item-size a .feather{
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.nav-tab.nav-justified li a{background-color:#333; text-align: center; opacity: 1; color: #fff; font-size: 16px; padding: 15px 5px; font-weight: bold;}
.nav-tab.nav-justified li a:hover{background-color: #ffc107;}
.nav-tab.nav-justified li a.active, .nav-tab.nav-justified li a.active:hover, .nav-tab.nav-justified li a.active:focus{
    background-color: #ffc107;
}

@media (min-width:768px) {
    .nav-tab{
        top: 563px;
    }
    .nav-tab.nav-justified li.nav-item-size{
        width: 265px;
        justify-content: center;
    }
    .nav-tab.nav-justified li a{
        text-align: left;
        background-color:#333; opacity: 0.9; color: #fff; font-size: 18px; padding: 30px 20px; font-weight: bold;
    }
    .nav-tab.nav-justified li.nav-item-size a .feather{
        margin:0 10px 0 0 ;
        float: left;
        display: flex;

    }
}

.nav-pills{
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2);
}

/*==========sub-page===============*/
.Sub-ban{
    /*background-image: url("../../images/homepage/sub_bg.jpg");*/
    background: linear-gradient(to right, #fff, #ddd);
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /*text-align: center;*/
    position: relative;
    padding: 50px 0 0 0;

}
.Sub-page-tit{
    -moz-animation: tracking-in-expand 1s ease-in-out;
    animation: tracking-in-expand 1s ease-in-out;
}

@media (max-width: 768px) {
    .Main-ban{
        background-position: 58% 60%;
        height: 550px;
        padding: 250px 0 0 0;
    }
    .Main-mban{
        background-position: 58% 60%;
        height: 550px;
        padding: 250px 0 0 0;
    }
    .Main-ban2{
        height: 550px;
        padding: 250px 0 0 0;
        text-align: center;
    }
    .Sub-ban{padding: 100px 0 0 0;}

}


/*========header fix===========*/
#header{display: none}
/*header pc/m*/
#header h1, #header-m h1{
    position: absolute;
    text-indent: -9999px;
}
#header-m{
    display: block;
    background-color: #fff;
    width: 100%;
   /* height: 73px;*/
    z-index: 10;
    top: 0;
    position: fixed;
    box-sizing: border-box;
    transition: all 0.5s ease ;
    -webkit-transition:all 0.5s ease ;
    -moz-transition: all 0.5s ease ;
    box-shadow: 0 13px 15px -12px rgb(35 35 35 / 15%);
}

/*pc*/
@media (min-width: 768px) {
    #header-m{
        display: none
    }
    #header{
        width: 100%;
        /*height: 87px;*/
        z-index: 9;
        display: block;
        top: 0;
        background-color: #fff;
        position: fixed;
        box-sizing: border-box;
        transition: all 0.5s ease ;
        -webkit-transition:all 0.5s ease ;
        -moz-transition: all 0.5s ease ;
        -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
    }
    #header .main-list li a:hover, #header .main-list li a:focus{color: #ffc107;}

}



/*반응형 메인 메뉴*/
.main-list>li>a { display: block; position: relative; height: 70px; line-height: 65px; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;}
.main-list>li>a:before { content: ""; position: absolute; left: 0; bottom: 0px; width: 0; height: 2px; background: #ffc107; transition: width 0.5s;}
.main-list>li>a:hover:before, .main-list>li>a:focus:before, .main-list>li>a.active::before {width: 100%;}


.main-nav, .main-list{width: 100%;}
.main-list li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: left;
    white-space: nowrap;
    padding: 0 7px;
    width: auto;
}


/*2depth show/hide*/
.main-list .sub-list{
    display: none;
    position: absolute;
    z-index: 3;
    padding: 25px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
    border-bottom: 2px solid #ffc107;
    -moz-animation: slide-in-bottom 0.3s ease-out;
    animation: slide-in-bottom 0.3s ease-out;
    width: auto;
}
.main-list .sub-list.on {display:block; visibility: visible;}

.sub-list li{
    padding: 0 25px;
    white-space: nowrap;
    float: left;
    position: relative;
    width: 100%;
}

.sub-list li a{
    border-bottom: 1px solid #eee;
    display: block;
    line-height: 40px;
    color: #888!important;
    transition: all 300ms linear 0ms!important;
}

.sub-list li a:hover, .sub-list li a:focus, .sub-list li a.active {color:#ffc107 !important; }
.sub-list li:last-child a{border-bottom: none;}

.sub-list li a:after{
    position: relative;
    bottom: 0;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #ffc107;
    -webkit-transition: all 450ms ease 0ms;
    -khtml-transition: all 450ms ease 0ms;
    -moz-transition: all 450ms ease 0ms;
    -ms-transition: all 450ms ease 0ms;
    -o-transition: all 450ms ease 0ms;
    transition: all 450ms ease 0ms;
}
.sub-list li a:hover:after, .sub-list li a:focus:after, .sub-list li a.active::after{
    width: 100%;
}



/*3depth*/
.sub-list .sub-menu{
    display:none;
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
    padding: 25px 0;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.07);
    border-bottom: 2px solid #ffc107;
    -moz-animation: slide-in-bottom 0.3s ease-out;
    animation: slide-in-bottom 0.3s ease-out;
}
.sub-list .sub-menu.on {display:block; visibility: visible;}

.sub-menu>li>a{ border-bottom: 1px solid #eee !important;}
.sub-menu>li:last-child>a{ border-bottom: none !important;}
.sub-menu>li>a:after{
    width: 0;
    height: 1px;
    background: #ffc107;
    -webkit-transition: all 450ms ease 0ms;
    -khtml-transition: all 450ms ease 0ms;
    -moz-transition: all 450ms ease 0ms;
    -ms-transition: all 450ms ease 0ms;
    -o-transition: all 450ms ease 0ms;
    transition: all 450ms ease 0ms;
}
.sub-menu>li>a:hover:after, .sub-menu>li>a:focus:after, .sub-menu>li>a.active::after{
    width: 100% !important;
}

/*3depth +icon*/
.sub-list-sub.has-sub:before {
    position: absolute;
    top: 16px;
    right: 27px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.sub-list-sub.has-sub:after {
    position: absolute;
    top: 19px;
    right: 24px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}

.sub-list-sub.has-sub:hover::before, .sub-list-sub.has-sub:focus::before{
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    background: #ffc107;
}
.sub-list-sub.has-sub:hover::after, .sub-list-sub.has-sub:focus::after{background: #ffc107;}

/*scrolling-quick*/
@media (min-width: 767px) {
    .quick-menu.scrolling {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .quick-menu {
        display: block;
        position: fixed;
        right: 0;
        bottom: 220px;
        z-index: 10;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .scrolling li span{margin: 0;}

    .quick-menu ul li {
        cursor: pointer;
    }
    .quick-menu ul a{
       color: #fff;
    }
    .quick-menu ul a:focus{
        outline: solid 3px #000!important;
        color: #fff;
    }
    .quick-menu ul li.reserve {
        background-color: #555555;
        width: 110px;
        height: 110px;
        padding: 10px;
    }
    .quick-menu ul li.reserve:before{
        content: '\e040';   padding-bottom: 10px; color: #fff;
        font-size: 30px;
        display: none;

    }
    .quick-menu ul li.reserve span, .quick-menu ul li.contact span {
        font-size: 15px;
        line-height: 20px;
        color: #fff;
        padding-top: 30px;
    }
    .quick-menu ul li.contact {
        background-color: #f8a82a;
        width: 110px;
        height: 110px;
        padding: 20px 18px;
    }
    .quick-menu ul li.contact:before{
        content: '\4d';  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;  padding-bottom: 10px; color: #fff;/*e030*/
        font-size: 30px;
        display: none;
    }

    .quick-menu ul li + li {
        margin-top: 2px;
    }

    .quick-menu ul li.top {
        background-color: #cccccc;
        width: 110px;
        height: 110px;
        padding: 15px;
    }
    .quick-menu ul li.top:before{
        content: '\57';  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;  color: #333333;
        font-size: 38px;
        display: none;
    }
    .quick-menu ul li.top span{
        font-size: 15px;
        font-weight: 700;
        margin-top: -10px;
        padding-top: 30px;

    }
    .quick-menu ul li.top span a{
        color: #333;
        
    }
    .quick-menu ul li.top span a:focus{
        color: #333;
       
    }




}

.quick-menu-m-wrap{display: none;}
#header-m-cnt{display:none}
/*mobile*/
@media ( min-width:0px ) and ( max-width:767px ) {
    #header-m-cnt{display: block}
    #header-m-cnt .main-list li a:hover, #header .main-list li a:focus{color: #ffc107;}
    #header-m-cnt .close,
    #header-m .all{ display: none;}
    #header-m-cnt .main-list li a { color:#222;}

    #header-m .all {
        position: relative;
        float: right;
        top: 9px;
        right: 7px;
        width: 32px;
        height: 26px;
        border-top: 3px solid #333;
        border-bottom: 3px solid #333;
        color: transparent;
        transform: scale(0.8);
    }
    #header-m .all:before { content: ""; position: absolute; right: 0; top: 50%; width: 100%; height: 3px; background: #333; margin-top: -2px;}

    #header-m .all { display: block;}
    #header-m-cnt .nav {
        position: fixed; left:-120%; top: 0px; z-index: 102; transition: left .5s;
        padding: 15px 24px 0px 22px;
        width:calc(100% - 60px);
        height: 100%; background: #fff; box-sizing: border-box;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
    }
    #header-m-cnt .nav nav { padding: 0 0 24px; width: calc(100% - 60px);}
    #header-m-cnt .nav nav a { height: 40px; line-height: 40px; color:#111;}
    #header-m-cnt .nav nav a.active{color:#ffc107; }
    #header-m-cnt .nav nav a:before { display: none;}
    #header-m-cnt .nav nav li {padding: 10px 5px; float: none; border-bottom: 1px solid #eee; width: 100%;}
    #header-m-cnt .nav div a:first-child { border: none;}
    #header-m-cnt .nav div a { flex:1; height: 38px; border-left: 1px solid #eee; line-height: 38px; text-align: center; color:#666; font-weight: bold;}

    #header-m-cnt .nav.on { left: 0; padding: 15px 24px 0px 22px;}
    #header-m-cnt .nav.on nav { padding: 0 0 24px; width: 100%;}
    #header-m-cnt .nav.on nav a { height: 40px; line-height: 40px; color:#111;}
    #header-m-cnt .nav.on nav a.active{color:#ffc107; }
    #header-m-cnt .nav.on nav a:before { display: none;}
    #header-m-cnt .nav.on nav li {padding: 10px 5px; float: none; border-bottom: 1px solid #eee; width: 100%;}
    #header-m-cnt .nav.on div a:first-child { border: none;}
    #header-m-cnt .nav.on div a { flex:1; height: 38px; border-left: 1px solid #eee; line-height: 38px; text-align: center; color:#666; font-weight: bold;}
    /*header h2 {display: block; width: 132px; background: url("../images/layout.png") no-repeat 0 -70px; }*/

    /*mobile quick*/
    #header-m-cnt .nav.on .quick-menu-m-wrap{
        position: fixed;
        width:calc(100% - 60px);
    }
    #header-m-cnt .nav .quick-menu-m-wrap{
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width:100%;
        z-index: 9;
        height: 10px;
        border-color: #555;
        -webkit-transition: height 0.5s;
        transition: height 0.5s;
    }
    #header-m-cnt .nav.on .quick-menu-m-wrap.active {
        height: 117px;
    }
    #header-m-cnt .nav.on .quick-menu-m-wrap .quick-menu-m{
        margin: 0;
    }
    #header-m-cnt .nav.on .quick-menu-m-wrap.active .btn-tog{
        webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #header-m-cnt .nav.on .quick-menu-m-wrap .btn-tog{
        position: absolute;
        right: 23px;
        bottom: calc(100% + 5px);
        width: 33px;
        height: 33px;
        margin-bottom: 5px;
        background-color: transparent;
    }
    #header-m-cnt .nav.on .quick-menu-m-wrap .btn-tog:focus{outline: none;}
    #header-m-cnt .nav.on .quick-menu-m-wrap .btn-tog:before{
        /* content: '\e81c'; */
        font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
        vertical-align: middle;
        padding: 0 10px;
        color: #333;
        font-size: 25px;
        z-index: 10;
    }
    .hd-area {
        display: inline-block;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: -99999px;
        width: 0;
        height: 0;
        line-height: 0;
        color: transparent;
    }


    .quick-menu-m li{
        border-bottom: none !important;
    }
    .quick-menu-m li a{
        color: #fff !important;
        font-weight: 700;
        font-size: 17px;
    }
    .quick-menu-m li.reserve{
        background-color:#555555 ;
    }
    .quick-menu-m li.reserve:before {
       /*  content: '\4d'; */
        font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
        vertical-align: middle;
        padding: 0 10px;
        color: #fff;
        font-size: 25px;
    }
    .quick-menu-m li.contact{
        background-color:#ffc107 ;
    }
    .quick-menu-m li.contact:before{
        /* content: '\e030'; */
        font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
        vertical-align: middle;
        padding: 0 10px;
        color: #fff;
        font-size: 25px;
    }


    .dim { display: none;position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}

    .main-list .sub-list{
        display: none;
        position: relative;
        box-shadow: none;
        width: 100%;
        border-bottom: 0;
        border-top: 2px solid #ffc107;
        padding: 10px;
    }
    .main-list .sub-list.on {display:block; visibility: visible;}

    .main-list .sub-list li{
        display: block;
        border-bottom: 0 !important;
        padding:0 !important;
    }

    /*2depth >icon*/
    .nav.on nav .main-list-sub2>a::after{
        content:"";
        display: block;
        width:10px;
        height:10px;
        border-top:2px solid #333;
        border-right:2px solid #333;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right:10px;
        top:50%;
        margin-top:-7px;
        z-index: 9;
    }

    .nav.on nav .main-list-sub2>a.active::after{
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        border-top:2px solid #ffc107;
        border-right:2px solid #ffc107;
    }

    /*3depth*/
    .sub-list .sub-menu{
        display:none;
        position: relative;
        padding: 0 10px;
        left: 0;
        background-color: #f9f9f9;
        box-shadow: none;
        border-bottom: 1px solid #888;
    }
    .sub-list .sub-list-sub .sub-menu.on {display:block; visibility: visible;}

    /*3depth +icon*/
    .sub-list-sub.has-sub:before{
        top: 11px;
        right: 11px;
        width: 2px;
        height: 10px;
        background: #ddd;
        content: '';
    }
    .sub-list-sub.has-sub:after{
        top: 15px;
        right: 7px;
        width: 10px;
        height: 2px;
        background: #ddd;
        content: '';
    }

    .sub-list-sub .sub-menu.on::before, .sub-list-sub.has-sub .sub-menu.on::after {
        background: #ffc107;
    }

    .sub-list-sub.has-sub .sub-menu.on::before, .sub-list-sub.has-sub .sub-menu.on::before {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        background: #ffc107;
    }
}


/*===========@main biz area ============*/
.img-frame{overflow: hidden}
a:hover .img-frame img, a:focus .img-frame img{
    -webkit-animation: kenburns-top 1s ease-out both;
    animation: kenburns-top 1s ease-out both;
}

.float {
    display: block;
    position: absolute;
    bottom: -50px;
    width: 90%;
    right: 0;
    height: 160px;
    padding: 25px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0.5rem 1rem rgba(0,0,0,0.15);
    box-shadow: 0px 0.5rem 1rem rgba(0,0,0,0.15) ;
}

@media (max-width:767px) {
    .float { bottom: -30px;}
    .float i{color:#888; }
    a:hover .float i, a:focus .float i{color:#ffc107; font-size: 17px; }
}


/*arrow*/
.btn-arrow {
    background-image: url("../../images/homepage/arrow_right.png");
    background-repeat: no-repeat;
    background-position: 89% 50%;
}

.btn-arrow circle {
    fill: transparent;
    stroke: #ffc107;
    stroke-width: 2;
    stroke-dasharray: 110;
    stroke-dashoffset: 110;
    overflow: visible;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}
.btn-arrow circle:nth-child(4), .btn-arrow circle:nth-child(5) {
    fill: transparent;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 110;
    stroke-dashoffset: 110;
    overflow: visible;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}
.btn-arrow rect{fill: transparent;}
a:hover .float .btn-arrow circle, a:focus .float .btn-arrow circle {
    stroke-dasharray: 110;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}
a:hover .float .btn-arrow, a:focus .float .btn-arrow{
    background-image: url("../../images/homepage/arrow_right_c.png");
}
.float h5{color:#222; }
a:hover .float h5{color:#222; }
.float span{color:#555; }
a:hover .float span{color:#555; }

/*회사활동*/

.biz-active{
    background-image: url("../../images/homepage/orange_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 370px;
    background-position: 50% 50%;
}

.biz-active a{color: #fff;}

.btn-arrow-wrap{
    border: 1px solid #fff;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    position: absolute;
    left: 43%;
    display: block;
}


.biz-active .box-circle{
    width: 107px;
    height: 107px;
    margin: 0 auto;
    border: 4px solid #fff;
}

/*arrow*/
.biz-active .btn-arrow {
    display: block;
    background-image: url("../../images/homepage/arrow_right_w.png");
    background-repeat: no-repeat;
    background-position: 50% 43%;
}
.biz-active .btn-arrow circle {
    fill: transparent;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 110;
    stroke-dashoffset: 130;
    overflow: visible;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}

.biz-active a:hover .btn-arrow circle, .biz-active a:focus .btn-arrow circle {
    stroke-dasharray: 110;
    /*stroke-dashoffset: 0;*/
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}

@media (min-width:768px) {
    .biz-active .biz-i{display: none!important;}
}

@media (max-width:767px) {
    .biz-active .btn-arrow, .btn-arrow-wrap{
        display: none;
    }
}


/*recruit-main*/
.recruit-box:hover a{
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/*recruit-main 인사제도*/

.recruit-link a { display:block; }


/* .recruit-link a:nth-child(4) h6, */
.recruit-link a:nth-child(1) h6 {
	color:#fff !important;
}

.recruit-link a:nth-child(8) .recruit-link-box {
    position: relative;
    border: 5px solid #ed7d31 !important;
    /* background-color: #e34197 !important; */
    padding: 1rem;
}





.recruit-link a .recruit-link-box{
    position: relative;
    border-bottom: 1px solid #E1E1E1;
    padding: 1rem;
}
.recruit-link a .recruit-link-box:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 1px;
    background: #ffc107;
    transition: width 0.5s;
}

.recruit-link a:hover .recruit-link-box{
    border-bottom: 1px solid #f8f9fa;
    transition: all 0.5s;
}
.recruit-link a:focus .recruit-link-box{
    border-bottom: 1px solid #f8f9fa;
    transition: all 0.5s;
    outline: solid 1px #000;
}



.recruit-link a:hover div:before, .recruit-link a:focus div:before{width: 100%;}

/*arrow*/
.recruit-link .btn-arrow-wrap {
    position: absolute;
    left: 90%;
    top: 15%;
    display: block;
}
.recruit-link .btn-arrow {
    background-image: url("../../images/homepage/arrow_right.png");
    background-repeat: no-repeat;
    background-position: 30% 30%;
}


.recruit-link a:hover .btn-arrow circle, .recruit-link a:focus .btn-arrow circle  {
    stroke-dasharray: 110;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}
.recruit-link a:hover .btn-arrow, .recruit-link a:focus .btn-arrow{
    background-image: url("../../images/homepage/arrow_right_c.png");
}

@media (min-width:768px) {
    .recruit-link .hr-i{display: none;}
}

@media (max-width:767px) {
    .recruit-link a:hover .recruit-link-box, .recruit-link a:focus .recruit-link-box{
        background-color: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
    .recruit-link .btn-arrow, .btn-arrow-wrap{
        display: none;
    }
    .recruit-link .hr-i{display: inline-block;
        float: right;
    }
}


/*img-frame*/
.img-frame-all{overflow: hidden}
.img-frame-all:hover img{
    -webkit-animation: kenburns-top 1s ease-out both;
    animation: kenburns-top 1s ease-out both;
}

/*main-icon*/
.biz-active a:hover .active_box1, .biz-active a:hover .active_box2,
.biz-active a:hover .active_box3, .biz-active a:hover .active_box4,
.biz-active a:hover .active_box5,
.biz-active a:focus .active_box1, .biz-active a:focus .active_box2,
.biz-active a:focus .active_box3, .biz-active a:focus .active_box4,
.biz-active a:focus .active_box5{
    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.biz-active .active_box1{ width: 107px; height: 107px; background-size: 80px; background-position: 50% 50%;
     margin: 0 auto;border: 3px solid #fff; background-repeat: no-repeat;
    background-image: url("../../images/homepage/main_icon1.svg");
}
.biz-active a:hover .active_box1, .biz-active a:focus .active_box1{
    background-color: #fff; color: #ffc107; transition: all 0.5s;
    background-image: url("../../images/homepage/main_icon1_C.svg");
}

.biz-active .active_box2{ width: 107px; height: 107px; background-size: 80px; background-position: 50% 50%;
    margin: 0 auto;border: 3px solid #fff; background-repeat: no-repeat;
    background-image: url("../../images/homepage/main_icon2.svg");
}
.biz-active a:hover .active_box2, .biz-active a:focus .active_box2{
    background-color: #fff; color: #ffc107; transition: all 0.5s;
    background-image: url("../../images/homepage/main_icon2_C.svg");
}

.biz-active .active_box3{ width: 107px; height: 107px; background-size: 80px; background-position: 50% 30%;
    margin: 0 auto;border: 3px solid #fff; background-repeat: no-repeat;
    background-image: url("../../images/homepage/main_icon3.svg");
}
.biz-active a:hover .active_box3, .biz-active a:focus .active_box3{
    background-color: #fff; color: #ffc107; transition: all 0.5s;
    background-image: url("../../images/homepage/main_icon3_C.svg");
}

.biz-active .active_box4{ width: 107px; height: 107px; background-size: 70px; background-position: 50% 50%;
    margin: 0 auto;border: 3px solid #fff; background-repeat: no-repeat;
    background-image: url("../../images/homepage/main_icon4.svg");
}
.biz-active a:hover .active_box4, .biz-active a:focus .active_box4{
    background-color: #fff; color: #ffc107; transition: all 0.5s;
    background-image: url("../../images/homepage/main_icon4_C.svg");
}

.biz-active .active_box5{ width: 107px; height: 107px; background-size: 75px; background-position: 50% 50%;
    margin: 0 auto;border: 3px solid #fff; background-repeat: no-repeat;
    background-image: url("../../images/homepage/main_icon5.svg");
}
.biz-active a:hover .active_box5, .biz-active a:focus .active_box5{
    background-color: #fff; color: #ffc107; transition: all 0.5s;
    background-image: url("../../images/homepage/main_icon5_C.svg");
}




@media (max-width:767px) {
    .biz-active{
        height: 630px;
        background-color: #ffc107;
        background-position: 0% 50%;
    }
    .float {
       height: auto;
       white-space: initial;
    }

    .biz-active .box-circle{
        border: none;
    }
    .biz-active a:hover .active_box1, .biz-active a:hover .active_box2, .biz-active a:hover .active_box3,
    .biz-active a:hover .active_box4, .biz-active a:hover .active_box5{
       margin-bottom: 15px;

    }

}


/*mobile slide*/

@media (max-width:766px) {
    .slider_warp{
        height: auto;
        overflow: auto;
    }
    .slider_inner{
        /*width: 1630px; script*/
        white-space: nowrap;
    }
    .slider-item{
        display: inline-block;
        width: 320px;
        box-shadow: none;
    }
}


/*===========@main-map // @sub-map============*/
.map-card{
    position: absolute;
    bottom: -285px;
    width: 100%;
    z-index: 5;
}
.map-card-sub{
    position: absolute;
    top: 520px;
    width: 100%;
    z-index: 5;
}
@media (max-width:766px) {
    .map-card{
        position: relative;
        bottom: 0;
        margin: 30px auto;
    }
    .map-card-sub{
        position: relative;
        top: 0;


    }


}


/*============CI===============*/
.ci_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ci_wrap .list dt {
    float: left;
    clear: left;
    width: 33%;
    margin: 12px 0 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #212121;
}

.ci_wrap .list dd {
    float: left;
    width: 67%;
    margin: 12px 0 0 0;
    font-size: 14px;
}


/* Recruit
/* ------------------------- */
.recruit{min-height: 263px; border: 1px solid #eee; animation: all 0.5s}
.recruit-tit{line-height: 1.5;}
.recruit .bd-date{position: relative; bottom:0;}
.recruit:hover, .recruit:focus{border: 2px solid #ffc107!important; }



/*채용절차*/
.recruit-prc{
    display: flex;
    justify-content: center;
    align-items: center;
}
.recruit-prc-circle{
    width: 150px;
    height: 150px;
    padding: 16px 0;
    z-index: 5;
}
.recruit-prc-circle img{
    width: 80px;
    display: block;
    margin: 0 auto;
}
.recruit-prc-txt{
    align-items: center;
    display: flex;
    padding: 30px;
}
.recruit-prc-box{border-top: 5px solid #ffc107; margin-top: -20px;}
.shadow-m{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}


@media (min-width: 768px) {
    .recruit-prc{display:grid; justify-content: center; align-items: center; }
    .recruit .bd-date{position: absolute; bottom: 20px;}
    .recruit-prc-box{border: none; margin-top: 0; min-height: 204px;}
    .shadow-m{box-shadow:none !important;}
}

.recruit .recruit-cnt{min-height: 93px;}

.conPrivacy {
    position: relative;
    padding: 20px 5%;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #e2e2e2;
    width: 100%;
    height: 200px;
}


.badge-warning {
    color: #fff;
    background-color: #95b5e8;
}


/* .badge-warning:nth-child(0) {
    color: #fff;
    background-color: #000 !important;
} */


.d-inline-block  {
    color: #000;
    font-weight: 200 !important;
}

/* .d-inline-block:nth-child(3),.d-inline-block:nth-child(4),.d-inline-block:nth-child(5),.d-inline-block:nth-child(6),.d-inline-block:nth-child(7)  {
    color: #000;
}
 */

/* .badge-warning:first-child {
    color: #fff;
    background-color: #fff;
} */



/* nav
/* ------------------------- */
@media (max-width: 767px) {
    .nav-item:nth-last-child(4), .nav-item:nth-last-child(4) ~ li {
        width: 50%;
    }

    .nav-item:nth-last-child(5), .nav-item:nth-last-child(5) ~ li {
        width: 30%;
    }
    .pri > .nav-item{width: 100%!important;}
}

@media (min-width: 768px) {
    .nav-item:nth-last-child(4), .nav-item:nth-last-child(4) ~ li {width: 25%; border-right: 1px solid #ddd;}
    .nav-item:nth-last-child(5), .nav-item:nth-last-child(5) ~ li {width: 20%; border-right: 1px solid #ddd;}

}

/* Pagination
/* ------------------------- */
.pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0;}
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus { background-color: rgba(66,72,88,0.5); border-color: transparent; color: #fff;}
.pagination--circle .active { background-color: transparent; border-color: transparent; color: #333;}
.page-link { padding: 0; line-height: 36px; width: 38px; height: 38px; text-align: center; background-color: transparent; border-color: #cecfd0; color: #31404b; -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; position: static;}

.page-link:hover { background-color: rgba(66,72,88,0.5); border-color: transparent;}
.pagination--condensed .page-item:first-child .page-link, .pagination--condensed .page-item:last-child .page-link { border-radius: 0;}
.pagination--condensed .page-link { border-radius: 0; margin: 0; margin-left: -1px;}
.pagination--lg .page-link { width: 50px; height: 50px; line-height: 50px;}
.pagination--circle .page-item:first-child .page-link, .pagination--circle .page-item:last-child .page-link { border-radius: 50%; }
.pagination--circle .pg-next, .pagination--circle .pg-previous { box-shadow: 1px 2px 3px rgba(0,0,0,0.3);}
.pagination--circle .page-link { width: 46px; height: 46px; line-height: 30px; border-radius: 50%; margin: 0 5px;}

.pagination > li > a, .pagination > li > span{border: none; font-weight: bold; color: #333; font-size: 13px; padding: 8px 12px;}
.pagination > li > a:hover {color:#222;}


/* footer
/* ------------------------- */
/*modal footer button*/
.btn:focus{outline: solid #000 1px;}

footer a:hover, footer a:focus{color: #ffc107;}
.footer-btn a:hover .bordered-1-c{border-color:#ffc107;}
.footer-btn a:focus .bordered-1-c{border-color:#ffc107; outline: 1px solid #000;}

.footer-btn a div{ position: relative; z-index: 1;}
.footer-btn a div:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #ffc107;
    transition: all .3s;
    z-index: -1;
}
.footer-btn a:hover div, .footer-btn a:focus div{color: #fff}
.footer-btn a:hover div:after, .footer-btn a:focus div:after{width: 100%;}

.zindex-99999{
    z-index: 99999 !important;
}


.mw-80{
    min-width: 80px !important;
}

/*ul board list ======disclosure=====*/
.disclosure ul{display: flex; text-decoration: none !important; padding: 15px 0; margin: 0;
   font-weight: normal
}
.disclosure > div{border-bottom: 1px solid #eee;}
.disclosure > div:first-child{left: 0!important; box-shadow: none!important;}
.disclosure > div:first-child ul{display: none;}

.disclosure > div:not(first-child){left: 0; top: 0; transition: all 0.4s; background-color: #fff;}
.disclosure > div:not(first-child):hover,.disclosure > div:not(first-child):focus{left: 0; top: -10px; box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 7%);}

.disclosure > div:first-child a{position: relative;}
.disclosure > div:not(first-child) a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 0;
    transition: all 0.05s;
    background-color: #ffc107;
}
.disclosure > div:not(first-child):hover a:before, .disclosure > div:not(first-child):focus a:before{
    height: 100%;
}

@media (max-width: 766px){
    .dis-tit-m{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
        font-weight: bold;
    }
    .disclosure ul li:first-child{background-color: #eee; margin-bottom: 10px;}
}

@media (min-width: 767px){
    .disclosure > div:first-child ul{font-weight: bold; display: flex;}
    .disclosure > div:not(first-child){left: 0; top: 0; transition: all 0.4s;}
    .disclosure > div:not(first-child):hover, .disclosure > div:not(first-child):focus{left: 10px; top: 0; box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 7%);}
}


/*========recruit list=========*/
.recruit_list ul{display: flex; text-decoration: none !important; padding: 15px 0; margin: 0;
    font-weight: normal
}
.recruit_list > div{border-bottom: 1px solid #eee;}
.recruit_list > div:first-child{left: 0!important; box-shadow: none!important;}
.recruit_list > div:first-child ul{display: none;}

@media (max-width: 766px){
    .recruit_list label{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
        font-weight: bold;
        clear: both;
    }
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader {
    position: relative;
    top: 5px;
    left: auto;
    text-align: center;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: bottom;

}
.loader::after {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 100%;
    border: 0.1em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

/*===========business main==============*/
.main-round{
    border: solid 1px #eee;
    height: 65px;
    line-height: 45px;
    padding: 10px;
    font-weight: bold;
    border-radius: 100px;
    background-color: #fff;
}

.align-sub{vertical-align: sub;}


/*arrow*/
.main-round .btn-arrow-wrap {
    /*border: 2px solid #ddd;*/
    background-color: #eee;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    position: absolute;
    left: 73%;
    top: 20%;
}
.main-round .btn-arrow {
    display: block;
    background-image: url("../../images/homepage/arrow_right.png");
    background-repeat: no-repeat;
    background-position: 26% 30%;
    transition: all .2s;
    animation-direction: alternate;
}
.main-round .btn-arrow circle {
    fill: transparent;
    stroke: #ffc107;
    stroke-width: 2;
    stroke-dasharray: 110;
    stroke-dashoffset: 110;
    overflow: visible;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}

.main-round a:hover .btn-arrow circle {
    stroke-dasharray: 110;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset .50s;
    transition: stroke-dashoffset .50s;
}
.main-round a:hover .btn-arrow{
    background-image: url("../../images/homepage/arrow_right_c.png");
    background-position: 50% 30%;
    transition-delay:.15s;
}


    /*y축 정렬*/
.main-stxt li:first-child{height: auto;}
.main-stxt li:not(first-child){height: 45px;}
.main-stxt li:first-child span{line-height:normal; }
.main-stxt li:not(first-child) span{ line-height:45px}

.main-stxt2 li{height: 45px;}
.main-stxt2 li span{line-height:45px;}

/*y축 정렬*/
.main-stxt li:first-child::before, .main-stxt2 li:first-child::before{display: none;}
.main-stxt li:not(first-child)::before, .main-stxt2 li:not(first-child)::before{
    content: ':'; line-height:45px; font-size: 20px; font-weight: bold; position: absolute; left: 0; color: #ccc;
}
@media (max-width: 766px){
    .main-stxt li:not(first-child)::before, .main-stxt2 li:not(first-child)::before{
        display: none;
    }
}


/*===========business_eng01==============*/
.biz-img{max-height:542px }
@media (max-width: 766px){
    .biz-img{max-height:300px }
}

.carousel-indicators{
   /*background-color: rgba(0, 0, 0, .5);*/
    margin-right: 0;
    margin-left: 0;
    bottom: 0;
}

.carousel-indicators [data-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 5px;
height: 5px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #222;
background-clip: padding-box;
border: 0;
border-radius: 100%;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
/*opacity: .5;*/
transition: opacity .6s ease;
}
.carousel-indicators [data-target] span{
    position: absolute;
    left: -99999px;
}
.carousel-indicators .active {
    background-color: #fff !important;
    /*opacity: 1 !important;*/
    height: 8px;
    width: 8px;
}
.carousel-indicators button:focus{
    outline: 2px solid #fff;
}


/*===========company ceo==============*/
.ceo-tit{
    font-size: 30px;
    line-height: 45px;
    font-weight: bold;
    text-align: center;
    display: block;
}
@media (max-width: 766px){
    .ceo-tit{
        font-size: 22px;
        line-height: 33px;
        font-weight: bold;
    }
}

/*===========SK DBL==============*/
.dbl{
    background-image: url("../../images/homepage/company/DBL_bg_pc.png");
    height: 448px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.social{
    background-image: url("../../images/homepage/company/DBL2_bg_pc.png");
    height: 728px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
@media (min-width: 767px) {
    .vwbe{
        min-height: 600px;
        line-height: 250px;
    }
}
@media (max-width: 766px){
    .dbl{
        background-image: url("../../images/homepage/company/DBL_bg_m.png");
        height: auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 0%;
    }
}


/*========timeline-tab=======*/
.timeline-tab-year.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    left: 0;
    margin-top: 0;
    background: #fff;
    -webkit-box-shadow: 0px 35px 35px -17px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 35px 35px -17px rgba(0, 0, 0, 0.3);
    text-align: center;
    z-index: 10;
    transition: top 0.5s ease ;
    -webkit-transition:top 0.5s ease ;
    -moz-transition: top 0.5s ease ;
}

.timeline-tab-year.fixed:after {
    content: '';
    display: table;
    width: 100%;
}

.timeline-tab-year.fixed li {
    display: inline-block;
    float: none;
    margin-right: -2px;
    border: 0;
}

.timeline-tab-year.fixed a {
    width: 100%;
    height: 80px;
    line-height: 80px;
}

.timeline-tab {
    position: relative;
    height: 110px;
    width: 100%;
    margin-top: -59px;
    z-index: 5;
    display: block;
}
@media (max-width: 766px) {
    .timeline-tab {display: none;}
}

.timeline-tab-year {
    width: 1030px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0px 35px 35px -17px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 35px 35px -17px rgba(0, 0, 0, 0.15);
}

.timeline-tab-year:after {
    content: '';
    display: table;
    width: 100%;
}

.timeline-tab-year li{
    position: relative;
    float: left;
    width: 257px;
    text-align: center;
}

.timeline-tab-year li + li {
    border-left: 1px solid #eee;
}

.timeline-tab-year li a {
    display: block;
    width: 100%;
    height: 110px;
    line-height: 110px;
    font-weight: 300;
    font-size: 16px;
    color: #999;
}
.timeline-tab-year li:hover a{
    color: #ffc107;
    font-weight: bold;
    transition: 0.5s all;
}
.timeline-tab-year li:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #ffc107;
}

.timeline-tab-year li:hover::after{
    width: 100%;
    transition: 0.5s width;

}

.timeline-tab-year li.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #ffc107;
}

.timeline-tab-year li.active a {
    color: #ffc107;
    font-weight: bold;
}



/*==========ethic=============*/
.bg-ethic{
    background-image: url("../../images/homepage/activity/ethic_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 160px;
   /* background-position: 50% 50%;*/

}

.bg-ethic h3, .bg-ethic span{
    margin-left: 170px;
}


.bg-ethic2{
    background-image: url("../../images/homepage/activity/ethic_bg2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 160px;
    /* background-position: 50% 50%;*/
}

.bg-ethic2 h3, .bg-ethic2 span{
    margin-left: 170px;
}



@media (max-width:767px) {
    .ethic-nav .nav-pills-round .nav-round-link{background-color: #f9f9f9; margin-bottom: 5px;}
    .ethic-nav .nav-pills-round .nav-round-link.active{background-color: #ffc107;}

    .bg-ethic{
        background-image: url("../../images/homepage/activity/ethic_bg_m.jpg");
    }
    .bg-ethic2{
        background-image: url("../../images/homepage/activity/ethic_bg2_m.jpg");
    }
    .bg-ethic h3, .bg-ethic span, .bg-ethic2 h3, .bg-ethic2 span{
        margin-left: 0;
    }
    .bg-ethic .pc-hide  h3, .bg-ethic2 .pc-hide  h3{
        margin-top: -10px;
    }
    .bg-ethic .pc-hide  h3, .bg-ethic2 .pc-hide.row3  h3{
        margin-top: -23px;
    }
}


/*==========개인정보처리방침============*/
div.privacyConBox {
    position: relative;
    width: 95%;
    padding: 20px;
    margin: 10px auto;
    border: 1px solid #ddd;
    clear: left;
}
div.privacyCon {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 4%;
}
div.privacyCon p {
    position: relative;
    float: left;
    width: 100%;
}
.ol_privacy {
    position: relative;
    float: left;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    line-height: 1.6em;
}
.ol_privacy li {
    position: relative;
    float: left;
    padding: 0 0 10px 0;
    list-style-type: decimal !important;
}
.ul_privacy li{
    position: relative;
    float: left;
    width: 97%;
    padding: 2px 0 0 0;
    list-style-type: none !important;
}
.ul_privacy li:before {
    content: "·";
    margin-right: 5px;

}
.ul_privacy li a, .privacyCon a {
    color: #ea002c;
    border-bottom: 1px solid #ea002c;
}


/*==========메인화면 공지사항 글자흐름=============*/
.marquee {
    padding:0.5em 0;
    overflow:hidden;
    /*margin-bottom:10px;*/
    position:relative;
}
.marquee p:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.marquee p:after {
    content:"";
    white-space:nowrap;
    padding-right:50px;
}

.marquee p {
    margin:0;
    padding-left:100%;
    display:inline-block;
    white-space:nowrap;
    color: #fff;
    -webkit-animation-name:marquee;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:50s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:50s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:50s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee;
    -o-animation-timing-function:linear;
    -o-animation-duration:50s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee;
    animation-timing-function:linear;
    animation-duration:50s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
    from   { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
    from   { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
    from   { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
    from   { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
    from   { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}
/*==========메인화면 공지사항 글자흐름=============*/


@media (min-width: 992px){
    .modal-lg {
        max-width: 1200px!important;
    }
}

/* 메인 Invited Speakers */
#biz1 .site-section a { }
#biz1 .site-section a h5.d-block {  font-size: 16px;}
#biz1 .site-section a span.d-block { font-size: 12px; min-height:40px; }
#biz1 .site-section a .img-flag { position:absolute; width:40px; }
#biz1 .site-section a .img-flag img { width:100%; height:auto; }

@media (min-width: 787px){
	#biz1 .site-section a .img-flag { left:30px; bottom:32px; }
}
@media (max-width: 787px){
	#biz1 .site-section a .img-flag { right:30px; bottom:24px; width:30px; }
}