@charset "utf-8";

/*
------------------------------------------------------------
W E B F O N T
------------------------------------------------------------
*/
/***** Roboto *****/
@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    src: url('/assets/wfont/Roboto/Roboto-Medium.woff2') format('woff2'),
    url('/assets/wfont/Roboto/Roboto-Medium.woff') format('woff');
}


/***** Pretendard *****/
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: url('/assets/wfont/Pretendard/Pretendard-Thin.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: url('/assets/wfont/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: url('/assets/wfont/Pretendard/Pretendard-Light.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-Light.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: url('/assets/wfont/Pretendard/Pretendard-Regular.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: url('/assets/wfont/Pretendard/Pretendard-Medium.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url('/assets/wfont/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url('/assets/wfont/Pretendard/Pretendard-Bold.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: url('/assets/wfont/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    src: url('/assets/wfont/Pretendard/Pretendard-Black.woff2') format('woff2'),
    url('/assets/wfont/Pretendard/Pretendard-Black.woff') format('woff');
}





/*
------------------------------------------------------------
I N I T
------------------------------------------------------------
*/
* {
    word-break:keep-all; /*줄바꿈속성 추가*/
    /*word-break: break-word;*/
    margin:0; padding:0; border:0; /*outline: 0;*/
    box-sizing: border-box; /* W3C */
    -o-box-sizing: border-box; /* Opera */
    -ms-box-sizing: border-box; /* Internet Explorer */
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari & Chrome */
}


/*
------------------------------------------------------------
U N I T
------------------------------------------------------------
*/
html {
    position: relative; height: 100%; overflow-x: hidden;
    font-size: 10px; line-height: 1;
}
/* font-size: 10px는 rem을 사용하기 위한 기준값으로 계산이 직관적임 */

body {
    position: relative;  height: 100%;
    /* overflow-x: hidden; 230412 - Wrap의 margin-top 영향 안받게하기 */
    font-family: "Pretendard", sans-serif; color: #000;
}

body.home {font-family: "Pretendard", "Roboto", "sans-serif";}

a, a:hover, a:active, a:visited {position: relative; text-decoration: none; cursor: pointer; color: #222; display: inline-block;}
img {position: relative; max-width: 100%; vertical-align: bottom;}
div {position: relative;}
ul {list-style: none; }
ul>li {display: list-item; text-align: left;}

.section {position: relative; width: 100%;}
.container {position: relative; width: auto; margin: 0 auto;}
.fitWidth {}
.bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: transparent;}
.bg.transparent {background: transparent;}
.no_img {background: #eee;}
.flex {position: relative; display: flex; justify-content: space-between; align-items: center;}
.gr {position: relative; display: grid;}
.item {position: relative; display: block;}
.sticky {position: fixed; top: 0; z-index: 2;}



/*
------------------------------------------------------------
S T R U C T U R E
------------------------------------------------------------
*/
#Hd {font-size: 1.5rem;}
    #Hot {display: none;}
    #Gnb {}
        #NavMain {}
        #NavSub {display: none;}
        #NavMbl {display: none;}
#Wrap {}
    #Vsl {}
    #NavLeft {display: none;}
    #Anc0 {}
    #Anc1 {}
    #Anc2 {}
    #Bn0 {display: none;}
#Ft {}
    #Map {display: none;}
    #Info {}



/*
------------------------------------------------------------
N A V I G A T I O N
------------------------------------------------------------
*/
/* ---------- #NavMain ---------- */
#NavMain>.container>.flex {margin: 10px 10px;}
#NavMain>.container ul>li>a>img {vertical-align: bottom;}