@charset "utf-8";


/*@media screen and (min-width: 1500px) {
	html, body{height:100%;}
}
html.ovfHdn, body.ovfHdn{overflow: hidden;}*/

html, body{min-width: 320px; position: relative; background-color: #111;}

body *{ 
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-feature-settings: 'calt', 'ss01', 'ss02', 'ss03', 'ss05';
	box-sizing: border-box; 
	word-break: keep-all; 
	-webkit-text-size-adjust: none;
	--txt_size_xxl : 120px;
    --txt_size_xl : 80px;
    --txt_size_l : 80px;
    --txt_size_ls : 48px;

    --txt_size_mxl : 40px;
    --txt_size_ml : 32px;
    --txt_size_m : 28px;
    --txt_size_ms : 24px;
    
    --txt_size_sl: 18px;
    --txt_size_s : 14px;
    --txt_size_ss : 12px;

    --padding-xl : 150px;
    --padding-l : 100px;
    --padding-m : 70px;
    --padding-s : 50px;
    --padding-xs : 30px;
}

/* scrollbar */
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #e9e9e9;}
::-webkit-scrollbar-thumb {background: #7C7C7C; border-radius: 50pt;
}
::-webkit-scrollbar-thumb:hover {background: #222;}

.paperlogy, .paperlogy *{font-family: "Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI",Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;}
.Pretendard, .Pretendard * {font-family:'Pretendard', Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', sans-serif !important; letter-spacing:-0.02em;}
/* .material-symbols-rounded {font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;} */
.material-symbols-outlined{    font-family: 'Material Symbols Outlined' !important;}
button {cursor:pointer;}
table {width:100%;}
a:hover, a:focus{color: #F07F11;}
.inner {width:94% !important; max-width: 1400px; margin:0 auto !important;}
.inner.w1280 {max-width:1280px;}
.inner.w1000 {max-width:1000px;}
.pc_hide {display:none !important;} 

.color01 {color:#FEC909 !important}
.color02 {color:#FECA0A !important}
.color03 {color:#00B8E4 !important}
.color04 {color:#ff0d0d !important}
.disable-scroll {overflow:hidden;}
.btn-arrow{}
.btn-arrow::after{
    content: "";
    background-image: url('../images/ico-forward.svg'); background-size: cover;
    width: 24px; height: 24px; margin-left: 10px;
}

.section {
    position: relative;
    padding: var(--padding-xl) 0;
    z-index: 1;
    transition: all .4s ease-in-out;
	min-height:100vh;
}
.section .con-title .t1{
    font-size: 60px; color: #fff; line-height: 1;
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}
.section .con-title .t2{font-size: 70px; color: #FEC909; font-weight: 800;}


/* header */
.header {
    position: absolute;
    width: 100%;
    background: transparent;
    z-index: 11;
    transition: all .4s ease-in-out;
}
.header.header--fixed {
    position: fixed;
    top: 0;
    background:rgba(17, 17, 17, 0.9);
}
.header.header--fixed-bottom {
    position: fixed;
    bottom: 0;
}
.header .wrapper{
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .menu-toggler{
    position: relative; width: 24px; height: 24px; z-index: 999; cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}
.header .menu-toggler .bar{
    width: 100%; height: 3px; background-color: #fff; border-radius: .8rem;
    transform-origin:center;
    transition: all .4s ease-out;
}
.header .menu-toggler.open .bar{
    display: none; 
    position: absolute; top:50%; left:0; transform: translate(-50%, 0%);
    transition: all .4s ease-out;
}
.header .menu-toggler.open .bar.top{display: block; transform: rotate(-135deg);}
.header .menu-toggler.open .bar.bottom {display: block; transform: rotate(135deg);}


.header .menu-icon span{color:#fff; font-size: var(--txt_size_ml);}

/* nav */
.main-menu{
    display: flex;
    align-items: center;
    gap: 50px;
}
.main-menu li{position: relative;}
.main-menu li:last-child{display: none;}
.main-menu li::after{
    content: ''; 
    position: absolute; left:0; bottom: 0px; height: 3px; width: 0; background: transparent;  
    transition: all .3s;     
}
.main-menu li:hover::after{
    width: 100%; background: linear-gradient(90deg, #F07F11 0%, #FEC909 100%); 
}
.main-menu li > a{
    display: block; padding:8px 0;
    color:#fff; font-size: var(--txt_size_sl); font-weight: 600; 
    transition: all .3s; 
}
.main-menu li > a:hover,
.main-menu li > a:focus{color: #FEC909;}
.main-menu li > a.active{color: #FEC909;}

nav.open{
    position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:99;
    background:#111;
    border-radius: initial;
    display: flex;
        justify-content: center;
        align-items: center;
}
nav.open .main-menu{
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
    height: 90%;
    max-height: 420px;
}
nav.open .main-menu li > a.active{color:#fff;}

/* footer */
footer{background-color: #111; padding-bottom: 150px;}
footer > div{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px; padding-top: var(--padding-s);
}
footer .logo{max-width: 87px;}
footer .copyright{flex: 1; color:#ddd; font-size: var(--txt_size_s);}
footer .copyright span{display: block; margin-top: 10px;}
footer .brnad-logo{
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 20px;
}
footer .brnad-logo img{}
/* search */
.fix-search{
    position: fixed; bottom:0; left:50%; transform: translateX(-50%); 
    height: 80px; 
    background-color:#fff; border: 3px solid #F07F11; border-bottom: 0; border-radius: 15px 15px 0 0; z-index:10;
    display: flex; align-items: center;
}
.fix-search .ico{
    width: 80px; height: 100%; border-radius: 10px 0 0 0; background: #F07F11;
    display: flex; align-items: center; justify-content: center;
}
.fix-search .ico > img{width: 48px;}
.fix-search .title{font-size: var(--txt_size_ms); color: #222; padding:0 20px;}
.fix-search .brn-area{
    flex:1; 
    display: flex;
    justify-content: flex-end;
    gap: 20px; margin-right: 40px;
}
.fix-search .brn-area > li{}
.fix-search .brn-area > li > a,
.fix-search .brn-area > li > button{
    display: block; border-radius: 30px; background: #EEE; padding:8px 30px; outline: 0;
    font-size: var(--txt_size_sl); color:#333; font-weight: 600; transition: all .3s;
}
.fix-search .brn-area > li > a:hover,
.fix-search .brn-area > li > button:hover{background: #F07F11; color: #fff;}
.fix-search .brn-area > li.ver_m{display: none;}
.modal-open{padding-right: 0 !important;}

.modal-backdrop.show{opacity: .85; background: linear-gradient(0deg, #000 0%, #222 50%);}

.modal.slide-up{}
.modal.slide-up .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, 50%);
}
.modal.slide-up.show .modal-dialog{transform: none;}

.modal-search .modal-content{
    border-radius: 1.5rem 1.5rem 0 0; background: #222;
    height: 100%; max-height: 1000px;
}

.modal-search .modal-xl{max-width: 1400px;}
.modal-search .modal-header,
.modal-search .modal-body{}
.modal-search .modal-header{padding: 20px 30px; border-top-left-radius: calc(1.5rem - 1px); border-top-right-radius: calc(1.5rem - 1px);}
.modal-search .modal-title{font-size: var(--txt_size_m); color: #fff;     font-weight: 300; line-height: 1;}
.modal-search .modal-title strong{font-weight: 800;}
.modal-search .modal-header .btn-close{filter: invert(1); opacity: .75;}
.modal-search .modal-header .btn-close:hover{opacity: 1;}
.modal-search .modal-body{background-color: #fff; padding: var(--padding-s);}
.modal-search .modal-body iframe{width: 100%; height: 100vh;}
/* .modal-search .modal-body .modal-listbox{display: flex;} */