/* font */
@font-face {
    /* font-family: 'SUIT'; */
    font-family: 'Roman';
    src: url('/fonts/TimesNewRoman.ttf') format('ttf'),
         url('/fonts/TimesNewRomanbd.ttf') format('ttf'),
         url('/fonts/TimesNewRomanbi.ttf') format('ttf'),
         url('/fonts/TimesNewRoman.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('/fonts/Quicksand-Bold.ttf') format('ttf'),
         url('/fonts/Quicksand-Light.ttf') format('ttf'),
         url('/fonts/Quicksand-Medium.ttf') format('ttf'),
         url('/fonts/Quicksand-Regular.ttf') format('ttf'),
         url('/fonts/Quicksand-SemiBold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('/fonts/IBMPlexSansCondensed-Bold.ttf') format('ttf'),
         url('/fonts/IBMPlexSansCondensed-ExtraLight.ttf') format('ttf'),
         url('/fonts/IBMPlexSansCondensed-Light.ttf') format('ttf'),
         url('/fonts/IBMPlexSansCondensed-Medium.ttf') format('ttf'),
         url('/fonts/IBMPlexSansCondensed-Regular.ttf') format('ttf'),
         url('/fonts/IBMPlexSansCondensed-SemiBold.ttf') format('ttf'),
         url('/fonts/IBMPlexSansCondensed-Thin.ttf') format('ttf');
    font-weight:normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Black.ttf') format('ttf'),
         url('/fonts/Roboto-BlackItalic.ttf') format('ttf'),
         url('/fonts/Roboto-Bold.ttf') format('ttf'),
         url('/fonts/Roboto-BoldItalic.ttf') format('ttf'),
         url('/fonts/Roboto-ExtraBold.ttf') format('ttf'),
         url('/fonts/Roboto-ExtraBoldItalic.ttf') format('ttf'),
         url('/fonts/Roboto-ExtraLight.ttf') format('ttf'),
         url('/fonts/Roboto-ExtraLightItalic.ttf') format('ttf'),
         url('/fonts/Roboto-Light.ttf') format('ttf'),
         url('/fonts/Roboto-LightItalic.ttf') format('ttf'),
         url('/fonts/Roboto-Medium.ttf') format('ttf'),
         url('/fonts/Roboto-MediumItalic.ttf') format('ttf'),
         url('/fonts/Roboto-Regular.ttf') format('ttf'),
         url('/fonts/Roboto-RegularItalic.ttf') format('ttf'),
         url('/fonts/Roboto-SemiBold.ttf') format('ttf'),
         url('/fonts/Roboto-SemiBoldItalic.ttf') format('ttf'),
         url('/fonts/Roboto-Thin.ttf') format('ttf'),
         url('/fonts/Roboto-ThinItalic.ttf') format('ttf');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('/fonts/BeVietnamPro-Black.ttf') format(ttf),
        url('/fonts/BeVietnamPro-Bold.ttf') format(ttf),
        url('/fonts/BeVietnamPro-ExtraBold.ttf') format(ttf),
        url('/fonts/BeVietnamPro-ExtraLight.ttf') format(ttf),
        url('/fonts/BeVietnamPro-Light.ttf') format(ttf),
        url('/fonts/BeVietnamPro-Medium.ttf') format(ttf),
        url('/fonts/BeVietnamPro-Regular.ttf') format(ttf),
        url('/fonts/BeVietnamPro-SemiBold.ttf') format(ttf),
        url('/fonts/BeVietnamPro-Thin.ttf') format(ttf);
    font-weight: normal;
    font-style: normal;
}


/* base */
body, ul, li, ol,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{
    margin:0; 
    padding:0;
}
body{
    font:normal 12px suit, serif; 
    height:100%;
}
ul{
    list-style: none;
}
img{
    border:0; 
    vertical-align:top;
}
a{
    text-decoration:none;
}
input, select{
    outline:none;
}
.gnb_pc{
    width:250px; 
    height:100%; 
    position:fixed; 
    top:65px; 
    left:0; 
    background-color:#f6f6f6; 
    z-index:90; 
    box-sizing:border-box; 
    padding:52px 00px; 
    background-image:url(/img/tabback.png); 
    background-blend-mode:overlay; 
    background-position-x:10%;
}
.gnb_pc .gnb_pc_in .big_menu{
    width:80%; 
    height:80px; 
    border-radius:20px 20px 0 0; 
    text-align:center; 
    line-height:80px; 
    font-size:24px; 
    font-weight:700; 
    margin:0 auto; 
    color:#FFF; 
    background-color: #59A1FF;
}
.gnb_pc .gnb_pc_in ul{
    width:80%; 
    border-radius:0 0 20px 20px; 
    background-color:#fff; 
    display:flex; 
    flex-direction:column; 
    margin:0 auto; 
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
}
.gnb_pc .gnb_pc_in ul li{
    font-size:18px; 
    color:#000; 
    text-align:right; 
    transition:all 0.5s; 
    cursor:pointer; 
    line-height:20px; 
    display:flex; 
    justify-content:center; 
    align-items:center; 
    padding:15px 15px; 
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.gnb_pc .gnb_pc_in ul li:last-child{
    border-bottom:none; 
    border-radius:0 0 20px 20px;
}
.gnb_pc .gnb_pc_in  ul li.on{
    font-weight:700; 
    background-color:#e9e9e9; 
}
.gnb_pc .gnb_pc_in  ul li:hover{
    font-weight:700;
}
.gnb_pc .gnb_pc_in  ul li .tabArrow{
    padding:15px 20px; 
    display:none;
}
.gnb_pc .gnb_pc_in  ul li .tabon{
    display:inline-block; 
    padding:0px; 
    border-top:15px solid transparent; 
    border-bottom:15px solid transparent; 
    border-right:30px solid #fff; 
    margin-left:10px; 
    display:none;
}
.noen{
    display:none;
}
content{
    width:100%;
}

/*pc*/
@media (min-width:1440px){
    #header_t, #header_m, #nav_m{
        display:none;
    }
    #wrap{
        WIDTH:calc(100% - 250px); 
        margin-left:250px; 
        margin-top:65px;
    }
    #cont_pc>div{
        width:1200px; 
        margin:0 auto 160px;
    }
    .title_group{
        padding-top:150px;
    }
    .title_group h1{
        font-size:36px; 
        border-bottom:3px solid #3083FF; 
        color:#3083FF; 
        padding-bottom:30px; 
        margin-bottom:70px; 
        font-weight:800;
    }
    .title_group h1 span{
        font-size:14px; 
        font-weight:600; 
        padding-left:10px;
    }
    h2, h3{
        color:#3083FF;
    }
}

/* Locale에 따른 CSS */
.wrap_vi{
    font-family : 'IBM Plex Sans Condensed', 'Roboto', 'Be Vietnam Pro', sans-serif!important;    
}
.wrap_vi header #header_pc .header_menu .nav {
    padding:0;
}
.wrap_vi header #header_pc .header_menu .nav>li a{
    font-weight:500;
    font-family: Roboto-Regular!important;
    font-size:16px
}
.wrap_vi .cont_in{
    font-family: 'IBM Plex Sans Condensed'
}


@media (min-width:1200px) and (max-width:1439px){
    #header_t, #header_m, #nav_m{
        display:none;
    }
    #wrap{
        width:calc(100% - 250px); 
        margin-left:250px; 
        background-color:#f6f6f6;
    }
    #cont_pc{
        width:100%; 
        max-width:1200px;
        margin:65px auto 0;
    }
}
    
/*tablet*/
@media (min-width:768px) and (max-width:1199px){
    #header_pc, #nav_pc, .cont_bar{
        display:none;
    }
}
    
/*mobile*/
@media (max-width:767px){
    #header_pc, #header_t, #nav_pc, .cont_bar{
        display:none;
    }
}