@charset "utf-8";

html {
    font-family: 'Noto Sans KR', 'Montserrat', '돋움', dotum, sans-serif;
    -webkit-font-smoothing: antialiased;
    word-break: keep-all;
    scroll-behavior: smooth;
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior: contain;
}

body {
    *word-break: keep-all;
    -ms-word-break: break-all;
    font-family: 'Noto Sans KR', 'Montserrat', '돋움', dotum, sans-serif;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: -0.5px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
input,
textarea,
select,
option {
    color: #222;
    font-family: 'Noto Sans KR', 'Montserrat', '돋움', dotum, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
svg {
    display: block;
}

img,
fieldset,
iframe {
    border: 0 none;
}

ul,
ol,
li,
dd {
    margin:0; 
    padding:0;
    list-style: none;
}

em,
address {
    font-style: normal;
}

img,
input,
select,
textarea {
    vertical-align: middle;
}

/* input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
} */

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

button,
label {
    cursor: pointer;
}

button {
    background: 0;
    border: 0;
    outline: 0;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}

button img {
    left: -3px;
    *left: auto;
}

html:first-child select {
    height: 20px;
    padding-right: 6px;
}

option {
    padding-right: 6px;
}

textarea {
    overflow: auto;
    *margin: -1px 0;
    padding-right: 1px;
}

.blind,
legend,
caption {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

hr {
    display: none;
}

legend {
    *width: 0;
}

:root legend {
    margin-top: -1px;
    font-size: 0;
    line-height: 0;
}

caption {
    *line-height: 0;
}

img {
    max-width: 100%;
}

.clear:after {
    clear: both;
    content: '';
    display: block;
}

div.ie_alert_text {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #ddd;
    z-index: 5000;
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    font-family: 'Noto Sans KR', sans-serif;
}

.e_ {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
}

.point_01 {
    color: #c42024;
}

.point_02 {
    color: #fc3339;
}

.point_03 {
    color: #30b7fc;
}

.point_04 {
    color: #93e627;
}

.point_black {
    color: #555555;
}

.b_300 {
    font-weight: 300!important;
}

.b_400 {
    font-weight: 400!important;
}

.b_500 {
    font-weight: 500!important;
}

.b_600 {
    font-weight: 600!important;
}

.b_700 {
    font-weight: 700!important;
}

.b_800 {
    font-weight: 800!important;
}

.pc-br {
    display: block!important;
}

/* mobile */
@media screen and (max-width:767px){
    * {
        -ms-user-select: none; 
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color : transparent;
    } 
} 


/* skip */
#skipNav {
    position: relative;
    z-index: 9999;
}

#skipNav a {
    position: absolute;
    top: -200px;
    left: 0;
    width: 160px;
    line-height: 30px;
    border: 1px solid #dedede;
    background-color: #333;
    color: #fff;
    text-align: Center
}

#skipNav a:focus,
#skipNav a:active {
    top: 0;
}

/***** module ********************************************************************************************************************************************************************/
/* margin-top  */
.mt00{margin-top:0px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}.mt105{margin-top:105px !important;}.mt110{margin-top:110px !important;}.mt115{margin-top:115px !important;}.mt120{margin-top:120px !important;}
.mt125{margin-top:125px !important;}.mt130{margin-top:130px !important;}.mt135{margin-top:135px !important;}.mt140{margin-top:140px !important;}.mt145{margin-top:145px !important;}.mt150{margin-top:150px !important;}
/* margin-bottom */
.mb00{margin-bottom:0px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}.mb105{margin-bottom:105px !important;}.mb110{margin-bottom:110px !important;}.mb115{margin-bottom:115px !important;}.mb120{margin-bottom:120px !important;}
.mb125{margin-bottom:125px !important;}.mb130{margin-bottom:130px !important;}.mb135{margin-bottom:135px !important;}.mb140{margin-bottom:140px !important;}.mb145{margin-bottom:145px !important;}.mb150{margin-bottom:150px !important;}
/* padding-top */
.pt00{padding-top:0px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt80{padding-top:80px !important;}.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}.pt105{padding-top:105px !important;}.pt110{padding-top:110px !important;}.pt115{padding-top:115px !important;}.pt120{padding-top:120px !important;}
.pt125{padding-top:125px !important;}.pt130{padding-top:130px !important;}.pt135{padding-top:135px !important;}.pt140{padding-top:140px !important;}.pt145{padding-top:145px !important;}.pt150{padding-top:150px !important;}
/* padding-bottom */
.pb00{padding-bottom:0px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb80{padding-bottom:80px !important;}.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}.pb105{padding-bottom:105px !important;}.pb110{padding-bottom:110px !important;}.pb115{padding-bottom:115px !important;}.pb120{padding-bottom:120px !important;}
.pb125{padding-bottom:125px !important;}.pb130{padding-bottom:130px !important;}.pb135{padding-bottom:135px !important;}.pb140{padding-bottom:140px !important;}.pb145{padding-bottom:145px !important;}.pb150{padding-bottom:150px !important;}

/***** container ********************************************************************************************************************************************************************/
#wrap {
    width: 100%;
    /* position: relative; */
    overflow: hidden;
}

#container {
    margin:0 auto;
}

#contents {
    position: relative;
}

/***** section ********************************************************************************************************************************************************************/
section {
    position: relative;
    width: 100%;
    color: #000;
    word-break: keep-all;
    box-sizing: border-box;
}

/***** scrollbar ********************************************************************************************************************************************************************/
body::-webkit-scrollbar{
    width: 8px;
    height: 0px;
}

body::-webkit-scrollbar-thumb {
	background-color: #424242;
	border-radius:4px;
}
body::-webkit-scrollbar-track {
	background-color:#fff;
}
.c-scrollbar{
	z-index: 10000;
}
::-moz-selection {
	background: #fff;
	color: #fff;
}
::selection {
	background: #fff;
	color: #fff;
}

/***** header ********************************************************************************************************************************************************************/
header {
	position:fixed;
	top:0;
	left: 0;
	width:100%;
	box-sizing: border-box;
	font-family: 'Noto Sans KR';
	z-index: 1000;
    height: 95px;
    border-bottom:1px solid rgba(255,255,255,0.2);
}
header.active {
	background: #fff;
    border-bottom:1px solid #ddd;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    -webkit-transition-duration:0.5s;
    -webkit-transition-timing-function:ease;
}

header.deactive {
    transition-duration: 0.5s;
    transition-timing-function: ease;
    -webkit-transition-duration:0.5s;
    -webkit-transition-timing-function:ease;
}

/* 로고 */
header h1 { position:absolute; left: 3%; top:10px;}
header h1 a.white {display:inline-block; width:155px; height:48px;  left:0; background:url(../../logo_w.png) no-repeat; text-indent:-9999px; }
header h1 a.color {display:inline-block; width:155px; height:48px;  left:0; background:url(../../logo.png) no-repeat; text-indent:-9999px; }
header h1 a.color {display: none;}

/* navi */
.navi {position: relative;  width:100%; height: 94px; left: 0; right: 0; margin: 0 auto;  top: 0px;  z-index:2000;  }
.gnb {position:absolute; left: 50%; transform: translate(-50%); z-index:2;overflow:hidden;height:94px;letter-spacing:0; font-family:'Noto Sans KR', 'Montserrat', 'Nanum Gothic', 'Malgun Gothic', sans-serif;}
.gnb>ul>li {position:relative;float:left;width: 190px; text-align:center; }
.gnb .depth1 {position:relative; display:block; color:#fff; font-size:18px; font-weight: 500; letter-spacing:0px; line-height: 94px; z-index:5000; }
.gnb>ul>li>a:hover { color:#c42024; }
.gnb>ul>li:nth-child(5) .depth1 { letter-spacing: -1px; }
.gnb>ul>li:nth-child(6) .depth1 { letter-spacing: -1px; }
.gnb>ul>li>ul {display:block; min-height:140px; padding-top:26px; padding-bottom:20px; opacity:0;transform:translateY(20px); border-right:1px solid #ddd;}
.gnb>ul>li>ul.first {border-left:1px solid #ddd;}
.gnb>ul>li>ul>li {float:none; height:40px; width:auto; }
.gnb>ul>li>ul>li>a {font-size:16px; color:#555; font-weight:5v 00; letter-spacing:-0.7px; }
.gnb>ul>li:nth-child(5) ul>li>a { letter-spacing: -1px; }
.gnb>ul>li:nth-child(6) ul>li>a { letter-spacing: -1px; }
.gnb>ul>li>ul>li>a:hover {color:#c42024;}
.gnb .line {position:absolute; display:block; bottom: 0; height:3px; width:0%; background:#c42024; left:55px; z-index:-99;}
.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top: 95px; z-index:1; overflow: hidden; }
.navi-bg .white-bg {width:100%;height: 285px; background:#fff; border-bottom:1px solid #ddd; border-radius: 0 0 80px 80px; }


/* 언어 */
header .r_btn {
    position: absolute;
    top: 38px;
    right: 120px;
}

header .r_btn .btn-language {
    position: relative;
    padding: 0 12px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 6px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    height: 26px;
    line-height: 32px;
    line-height: 1.6;
}

header .r_btn ul {
    display: none;
}

header .r_btn ul {
    position: absolute;
    top: 26px;
    background: #212121;
    padding: 6px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 6px;
}

header .r_btn ul li {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.8;
}

header .r_btn ul li a {
    display: block;
    color: #fff;
    text-align: center;
}

header .r_btn ul li a:hover {
    color: #c42024;
}

/* all-menu-btn */
.ham { z-index: 99999; position: fixed; right: 60px; top: 26px; width: 50px; height: 50px; border-radius: 0; cursor: pointer; opacity: 1; transition: 0.3s; background-color: none; }
.ham span { display: block; background: #070707; margin: auto; width: 25px; height: 2px; border-radius: 0px; transition: 0.25s; }
.ham .bar1 { margin-top: 15px; margin-bottom: 7px; }
.ham .bar2 { width: 14px; transform: translateX(6px); }
.ham .bar3 { margin-top: 7px; }
.ham h6 { width: 100%; font-size: 12px; font-weight: 400; text-align: center; line-height: 100%; margin-top: 14px; transform: translateX(1px); }
.ham.active { border-right: none; }
.ham.active .bar1 { transform: rotate(45deg); margin-top: 24px; }
.ham.active .bar2 { opacity: 0; }
.ham.active .bar3 { transform: rotate(-45deg); margin-top: -11px; }
.ham.active:hover .bar1 { transform: rotate(45deg); margin-top: 24px; }
.ham.active:hover .bar3 { transform: rotate(-45deg); margin-top: -11px; }
.ham:hover .bar1 { transform: rotate(90deg); margin-top: 24px; }
.ham:hover .bar2 { opacity: 0; }
.ham:hover .bar3 { transform: rotate(0); margin-top: -11px; }
.ham span { background-color: #fff; }
.ham.active span { background-color: #191919; }
.ham.active2 span { background-color: #191919; }
.ham.active3 span{ background: #191919;  }
.ham.active2 { top: 25px; }

/* all-menu pc */
.site_map {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    left: -100%;
    transition: background 0.8s 0.1s ease-in, left 1.0s 0s, opacity 0.5s 0s ease;
    opacity: 0;
    font-family: 'Noto Sans KR', sans-serif;
    background: #fff;
}

.site_map .site_map_fig1 {
    position: absolute;
    right: 0px;
    top: 400px;
    z-index: -10;
}

.site_map .site_map_fig2 {
    position: absolute;
    left: 0px;
    top: -300px;
    z-index: -10;
}

.site_map.active {
    left: 0;
    opacity: 1;
}

body.site_map {
    overflow: hidden!important;
    position: fixed!important;
    touch-action:none!important;
}

.site_map .box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site_map .box .site_left {
    width: 25%;
    height: 100%;
    display: block;
    border-left: 1px solid #ddd;
    background: #fff;
}

.site_map .box .site_left ul {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.site_map .box .site_left ul li {
    width: 100%;
}

.site_map .box .site_left ul li:first-child {
    margin-bottom: 30px;
    text-align: center;
}

.site_map .box .site_left .com_img_01 {  
    position: relative;
    width: 100%;
    height: 570px;    
    overflow: hidden;    
    background-image: url(../../company_002.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.site_map .box .site_middle {
    position: relative;
    width: 30%;
    height: 100%;
    border-right: 1px solid #ddd;
    padding-left:80px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.site_map .box .site_middle ul {
    width: 46%;
}

.site_map .box .site_middle ul li {
    font-size: 18px;
    font-weight: 300;
    color: #666;
    line-height: 32px;
}

.site_map .box .site_middle ul li:hover {
    color: #c42024;
    font-weight: 400;
}

.site_map .box .site_middle ul li:first-child {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    padding-bottom: 10px;
}

.site_map .box .site_right {
    display: none!important;
    position: relative;
    width: 100%;
    height: 100% ;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: right 1.0s 0s;
    background: #222;
    padding-top: 50px;
}

.site_map .box .site_right > ul {
    width: 100%;
    left: 0;
    margin: auto;
    right: 0;
    text-align: center;
    z-index: 9;
}

.site_map .box .site_right>ul>li {
    margin: 40px 0;
}

.site_map .box .site_right>ul>li>a.on {
    color: #c42024;
    font-weight: 600;
}

.site_map .box .site_right .map1 {
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 1px;
    color: #fff;
    position: relative;
    transition: 1s;
    overflow: hidden;
    z-index: 15;
}

.site_map .box .site_right .map2 {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    position: relative;
    transition: 1s;
    overflow: hidden;
    z-index: 15;
}

.site_map .box .site_right .map2 li {
    margin: 20px 0;
}

.site_map .box .site_right .map2 li:hover {
    color: #c42024;
    font-weight: 500;
}

/* header : active & hover */
.navi.wh {
    position: absolute;
    width: 100%;
    height: 94px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    z-index: 2000;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.navi.wh h1.logo a.white,
header.active h1.logo a.white {
    display: none;
}

.navi.wh h1.logo a.color,
header.active h1.logo a.color{
    display: inline-block;
}

.navi.wh .gnb .depth1,
header.active .gnb .depth1  {
    color: #191919;
}

.navi.wh .gnb .depth1:hover {
    color: #c42024;
}

.navi.wh .ham span,
header.active .ham span { 
    background-color: #191919; 
}

.navi.wh .btn-language,
header.active .btn-language { 
    border:1px solid #191919;
    color:#191919;    
}

/* responsive */
/* @media all and (min-width:1930px) {
    header {
        width: 1920px;
        left: 50%;
        margin-left: -960px !important; 
    }

    .navi {
        width: 1920px;
        left: 50%;
        margin-left: -960px;
    }

    .navi.wh {
        width: 1920px;
        left: 50%;
        margin-left: -960px;
    }

} */

@media screen and (max-width:1599px) {
    header .gnb {
        display: none;
    }
}

@media screen and (max-width:1279px) {
    .site_map .box .site_middle {
        display: none!important;
    }

    .site_map .box .site_right {
        display: block!important;
    }

    .site_map .box {
        flex-wrap: wrap;
    }

    .site_map .box .site_left {
        width: 100%;
        height: 94px;
        display: block;
        border: 0;
        background: #fff;        
    }

    .site_map .box .site_left ul li:first-child {
        text-align: left;
        margin-bottom: 0;
        margin-left: 60px;
    }

    .site_map .box .site_left .com_img_01 {  
        display: none;
        /* position: relative;
        width: 100%;
        height: 150px;    
        overflow: hidden;    
        background-image: url(../../company_001.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; */
    }

    .site_map .site_map_fig1 {
        z-index: 10;
        opacity: 0.03;
    }
    
    .site_map .site_map_fig2 {
        z-index: 10;
        opacity: 0.03;
        top: 0px
    }
}

@media screen and (max-width:767px){
    header {height:70px;}
    header h1 { position:absolute; left: 0px; top:0px; }
    header h1 a.white {transform: scale(0.7, 0.7) }
    header h1 a.color {transform: scale(0.7, 0.7) }
    header .r_btn {position:absolute;top:24px; right:70px;}
    header .r_btn ul li {float:left; padding:10px;}
    .ham { right: 16px; top: 12px; }

    .site_map .box .site_left {
        height: 70px;
    }

    .site_map .box .site_left ul li:first-child {
        margin-left: 0px;
    }

    .site_map .box .site_left ul li:first-child img {
        scale: 0.7;
    }    
} 

/***** footer *********************************************************************************************************************************************************************/
.footer {
    width: 100%;
    background-color: #222;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer .copy_box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-size: 0.9rem;
    font-weight: 400;
}

.footer .left {
    width: 230px;
    text-align: right;
    margin-right: 30px;
    padding-right:50px;
    border-right: 1px solid #494949;
}

.footer .left img {
    opacity: 0.5;
}

.footer .middle {
    text-align: left;
    padding-left:20px;
    color: #666;
}

.footer .right {
    margin-left: auto;
    width: 180px;
    margin-top: 16px;
}

.footer .right ul {
    display: flex;
}

.footer .right ul li {
    padding: 0 0px 3px 0;
}

.footer .right ul li a {
    font-size: 0.9rem;
    color: #fff;
    opacity: 0.6;
}

.footer .right ul li a:hover {
    opacity: 0.8;
}

@media screen and (max-width:1279px) {
    .footer .left {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .footer .copy_box {
        width:94%;
        flex-wrap: wrap;
    }

    .footer .right {
        margin-left: 20px;
    }
}

.pc_only {
    display: block;
}

.mobile_only {
    display: none;
}

@media screen and (max-width:1279px) {
}

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

    .mobile_only {
        display: block;
    }
}