html{font-size:1px;}
body{font-family: 'NanumSquare', sans-serif; overflow-x:hidden;}
body.fixed{overflow:hidden;}
.container{width:1400rem; margin:0 auto;}
.desc_txt{position: absolute; top: 0; left: 0; width: 0; height: 0; line-height: 0; overflow: hidden; visibility: hidden; font-size: 0;}
select{-moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none;}
select::-ms-expand {display:none}
.font_spoqa{font-family: 'SpoqaHanSansNeo';}
#wrap{overflow-x:hidden;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
.skip{width:100%; z-index:1000; position:relative;}
.skip a{display: block; overflow: hidden; height: 0; font-weight: bold; color: #fff; text-align: center; position: absolute; left: 0; top: -3rem; width: 100%;}
.skip a:hover, .skip a:focus, .skip a:active{display: block; position: fixed; left: 0; top:0; z-index: 99999; width: 100%; padding: 11rem; font-size: 32rem; font-weight: 600; line-height: 1.5; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; height:auto; background:#555;}
.skipBox{position: absolute; display: inline-block; width: 0; height: 0; font-size: 0; color: rgba(0,0,0,0); overflow: hidden;}
.skipBox:hover, .skipBox:focus, .skipBox:active{display: block; position: absolute; left: 0; top:0; z-index: 99999; width: 100%; padding: 11rem 0; font-size: 19rem; font-weight: 600; line-height: 1.5; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; height:auto; background:#555;}
.skipBox.wversion{display:inline-block;}
.skipBox.mversion{display:none !important;}

.header{width:100%; height:90rem; box-sizing:border-box; font-family: 'SpoqaHanSansNeo'; position:relative; z-index:9; }
.header .header-inner{width:100%; height:100%; padding:0 50rem; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;}
.header .header-right{display:flex; align-items:center; height:100%;}
.logo{}
.logo img{}
.gnb{}
.gnb .gnb-depth1{display:flex; align-itesm:center;}
.gnb .gnb-depth1 > li{padding:22rem 22rem 24rem; box-sizing:border-box;}
.gnb .gnb-depth1 > li:last-child{}
.gnb .gnb-depth1 > li > a{display:inline-block; font-size:18rem; font-weight:500; letter-spacing:-1rem; padding:13rem 6rem; position:relative;  white-space:nowrap;}
.gnb .gnb-depth1 > li > a:after{content:""; width:0; height:4rem; background:#7989d9; position:absolute; left:0; bottom:0; transition:all 0.3s ease;}
.gnb .gnb-depth1 > li > a:hover:after{width:100%;}
.gnb .gnb-depth2-bg{position:absolute; left:0; top:100%; width:100%; height:50rem; box-sizing:border-box; background:#fff; border-bottom:1rem solid #ececec; display:none; border-top:1rem solid #ececec;}
.gnb .gnb-depth2{position:absolute; left:50%; top:100%; transform:translateX(-50%); width:100%; display:flex; align-items:center; justify-content:center; padding-top:17rem; visibility:hidden; opacity:0; transition:all 0.3s; }
.gnb .gnb-depth2.on{visibility:visible; opacity:1; transition:all 0.3s 0.2s;}
.gnb .gnb-depth2 li{padding-right:30rem; padding-bottom:15rem;}
.gnb .gnb-depth2 li:last-child{padding-right:0;}
.gnb .gnb-depth2 li a{display:inline-block; padding:0 1rem 4rem; font-size:14rem; position:relative;}
.gnb .gnb-depth2 li a:after{content:""; width:0; height:1rem; background:#000000; position:absolute; left:0; bottom:0; transition:all 0.3s ease;}
.gnb .gnb-depth2 li a:hover:after{width:100%;}
/*.gnb .gnb-depth3-bg{position:absolute; left:0; top:calc(100% + 1rem); width:100%; height:99rem; box-sizing:border-box; background:#fff; border-bottom:1rem solid #ececec; margin-top:1rem; display:none; z-index:-2;}*/
.gnb .gnb-depth3-bg{position:absolute; left:0; top:100%; width:100%; height:0; box-sizing:border-box; background:#fff; border-bottom:1rem solid #ececec; z-index:-2; transition: all 0.3s linear; opacity:0;}
.gnb .gnb-depth3-bg.on{height:99rem; opacity:1;}
.gnb .gnb-depth3{position:absolute; left:50%; top:100%; transform:translateX(-50%); width:100%; display:flex; align-items:center; justify-content:center; padding-top:17rem; visibility:hidden; opacity:0; 
transition:all 0.3s;}
.gnb .gnb-depth3.on{visibility:visible; opacity:1; transition:all 0.3s 0.2s;}
.gnb .gnb-depth3 li{margin-right:30rem;}
.gnb .gnb-depth3 li:last-child{margin-right:0;}
.gnb .gnb-depth3 li a{display:inline-block; padding:0 1rem 4rem; font-size:14rem; position:relative;}
.gnb .gnb-depth3 li a:after{content:""; width:0; height:1rem; background:#000000; position:absolute; left:0; bottom:0; transition:all 0.3s ease;}
.gnb .gnb-depth3 li a:hover:after{width:100%;}
.lnb{margin-right:22rem; height:100%; position:relative; display:flex; align-items:center;}
.lnb ul{display:flex; align-items:center;}
.lnb ul li{margin-left:23rem;}
.lnb ul li:first-child{margin-left:0;}
.lnb ul li a{font-size:14rem; white-space:nowrap;}
.lnb ul li a img{padding-right:4rem;}
.lnb ul li.lnb-login a img{vertical-align:-2rem;}
.lnb ul li.lnb-signin a img{vertical-align:-2rem;}
.lnb ul li.lnb-lang a img{vertical-align:-3rem;}
.search{}
.search .search-open{}
.search .search_wrap{position:absolute; left:0; top:100%; margin-top:1rem; background:#fff; width:100%; padding:58rem 0 56rem; border-bottom:1rem solid #ececec; display:none; z-index:5;}
.search .search_wrap .search-input{display:flex; margin:0 auto; width:878rem;}
.search .search_wrap .search-input input[type="text"]{width:818rem; height:60rem; box-sizing:border-box; padding-left:11rem; font-size:26rem; font-family: 'SpoqaHanSansNeo'; border:none; border-bottom:1rem solid #222;}
.search .search_wrap .search-input input[type="text"]::placeholder{color:#999;}
.search .search_wrap .search-input .search-btn{}
.menu{margin-left:22rem;}

.allmenu{position:fixed; left:0; top:0; width:100%; height:0; box-sizing:border-box; background:#fff; z-index:-1; padding-top:67rem; padding-bottom:40rem; opacity:0; visibility:hidden; transition: 0.3s ease; overflow-y:scroll}
.allmenu.on{height:100vh; opacity:1; visibility:visible; z-index:10;}
.allmenu .m_allheader{padding:0 50rem; width:100%; box-sizing:border-box; display:flex; align-items:center; display:none;}
.allmenu .m_allheader .m_allheader-right{margin-left:auto; display:flex; align-items:center; width:100%;}
.allmenu .m_allheader .lnb{display:flex; align-items:center; }
.allmenu .m_allheader .lnb ul:last-child{margin-left:23rem;}
.allmenu .m_allheader .lnb ul li.lnb-lang a{position:relative;}
.allmenu .m_allheader .lnb ul li.lnb-lang a:after{content:""; width:0; height:3rem; background:#7989d9; position:absolute; left:-3rem; bottom:-3rem;}
.allmenu .m_allheader .lnb ul li.lnb-lang.on a:after{width:calc(100% + 5rem);}
.allmenu .m_allheader .search .search_wrap{top:89rem;}
.allmenu .allmenu_logo{text-align:center;}
.allmenu .allmenu_container{width:1013rem; margin:0 auto; margin-top:56rem;}
.allmenu .allmenu_box{border-top:1rem solid #dadada;}
.allmenu .allmenu_box .allmenu_depth1{}
.allmenu .allmenu_box .allmenu_depth1 a{display:block; font-size:20rem; font-weight:bold; font-family: 'nanumsquare'; padding:26rem 0 23rem 12rem; background:url(/web/images/common/menu_open.png) no-repeat right 22rem center;}
.allmenu .allmenu_box.on .allmenu_depth1 a{background:url(/web/images/common/menu_close.png) no-repeat right 22rem center;}
.allmenu .allmenu_box .allmenu_depthbox{border-top:1rem solid #dadada; padding-top:38rem; padding:39rem 9rem 46rem; display:none;}
.allmenu .allmenu_box .allmenu_depth2{display:flex; align-items:flex-start; flex-wrap:wrap;}
.allmenu .allmenu_box .allmenu_depth2 > li{width:calc(20% - 12rem); margin-right:15rem; margin-top:15rem;}
.allmenu .allmenu_box .allmenu_depth2 > li:nth-child(5n){margin-right:0;}
.allmenu .allmenu_box .allmenu_depth2 > li:nth-child(-n+5){margin-top:0;}
.allmenu .allmenu_box .allmenu_depth2 > li > h4{font-size:18rem; font-weight:500; margin-bottom:6rem; word-break:keep-all; line-height:26rem;}
.allmenu .allmenu_box .allmenu_depth3{}
.allmenu .allmenu_box .allmenu_depth3 li{}
.allmenu .allmenu_box .allmenu_depth3 li a{font-size:14rem; line-height:26rem; color:#666666; position:relative;}
.allmenu .allmenu_box .allmenu_depth3 li a:after{content:""; width:0; height:1rem; background:#000; position:absolute; left:0; bottom:-1rem; transition:all 0.3s;}
.allmenu .allmenu_box .allmenu_depth3 li a:hover:after{width:100%;}
.allmenu .allmenu_close{position:absolute; right:50rem; top:33rem;}

.footer{background:#454545; padding-top:55rem; padding-bottom:48rem; position:relative;}
.footer .footer_wrap{display:flex; align-items:flex-start;}
.footer_wrap{}
.footer_wrap .footer_left{}
.footer_wrap .footer_left p{font-size:20rem; line-height:26rem; color:#c2c2c2; font-family: 'SpoqaHanSansNeo'; margin-bottom:5rem;}
.footer_wrap .footer_left p b{color:#fff;}
.footer_wrap .footer_left span{font-size:14rem; line-height:26rem; color:#c2c2c2; font-family: 'SpoqaHanSansNeo'; display:block;}
.footer_wrap .footer_left span:last-child{margin-top:20rem;}
.footer_wrap .footer_right{display:flex; align-items:flex-start; margin-left:auto;}
.footer_wrap .footer_right .footer_menu{}
.footer_wrap .footer_right .footer_menu ul{}
.footer_wrap .footer_right .footer_menu ul li{}
.footer_wrap .footer_right .footer_menu ul li a{font-size:14rem; line-height:30rem; color:#ffffff; font-family: 'SpoqaHanSansNeo'; position:relative;}
.footer_wrap .footer_right .footer_menu ul li a:after{content:""; width:0; height:1rem; background:#fff; position:absolute; left:0; bottom:-2rem; transition:width 0.3s;}
.footer_wrap .footer_right .footer_menu ul li a:hover:after{width:100%;}
.footer_wrap .footer_right .footer_menu ul li b{color:#a4b0f0;}
.footer_wrap .footer_right .footer_shortcut{margin-left:190rem;}
.footer_wrap .footer_right .footer_shortcut .footer_sns{}
.footer_wrap .footer_right .footer_shortcut .footer_sns ul{display:flex; align-items:center;}
.footer_wrap .footer_right .footer_shortcut .footer_sns ul li{margin-right:8rem;}
.footer_wrap .footer_right .footer_shortcut .footer_sns ul li:last-child{margin-right:0;}
.footer_wrap .footer_right .footer_shortcut .footer_sns ul li a{}
.footer_wrap .footer_right .footer_shortcut .footer_aff{margin-top:29rem; position:relative;}
.footer_wrap .footer_right .footer_shortcut .footer_aff .affBtn{width:278rem; height:43rem;}
.footer_wrap .footer_right .footer_shortcut .footer_aff .affBtn a{display:block; width:100%; height:100%; box-sizing:border-box; padding-left:9rem; line-height:42rem; font-size:16rem; color:#fff; border-bottom:1rem solid rgba(255,255,255,0.5); background:url(/web/images/common/footer_arrow.png) no-repeat right 15rem center;}
.footer_wrap .footer_right .footer_shortcut .footer_aff .aff_list{position:absolute; left:0; bottom:0; background:#000; width:100%; display:none; z-index:10;}
.footer_wrap .footer_right .footer_shortcut .footer_aff .aff_list.on{display:block;}
.footer_wrap .footer_right .footer_shortcut .footer_aff .aff_list p{font-family: 'SpoqaHanSansNeo'; font-size:16rem; font-weight:bold; color:#fff; padding-left:27rem; line-height:49rem; background:#2a2525;}
.footer_wrap .footer_right .footer_shortcut .footer_aff .aff_list ul{padding:23rem 0 20rem 27rem;}
.footer_wrap .footer_right .footer_shortcut .footer_aff .aff_list ul li{}
.footer_wrap .footer_right .footer_shortcut .footer_aff .aff_list ul li a{font-family: 'SpoqaHanSansNeo'; font-size:15rem; line-height:30rem; color:#fff;}
.footer_wrap .footer_right .footer_shortcut .footer_aff .aff_list .aff_cls{position:absolute; right:22rem; top:18rem;}
.footer_wrap .top_btn{position:fixed; bottom:0; left:50%; margin-left:732rem; margin-bottom:44rem;}
.footer_wrap .top_btn.on{bottom:285rem; }

/*221220-�ㅻ뜑�몄쬆�쒕줈怨좎텛媛�*/
.header_logo_221220 {display: flex; align-items: center; padding: 0 25rem 0 10rem;}
.gnb .gnb-depth1 > li:last-child{padding-right: 10rem;}
/*�명꽣�몄쬆�쒕줈怨좎텛媛�*/
.footer_logo_221220 {padding-top: 20rem; padding-left: 95rem;}

/*221222-沅곴툑�쒗뵆�ロ뤌M*/
.pt53_221222 {padding-top: 53rem;}
.view_wrap .desc_top p.title_221222 {font-size: 26rem; padding-bottom: 8rem;}
.pb22_221222 {padding-bottom: 22rem;}
.desc_top_221222 {text-align: center; border-bottom: 1rem solid #dadada;}
/*諛⑺븰�밴컯*/
.vaca_221222_td {padding-top: 10rem; display: block; border-top: 1px solid #dadada; }
.vaca_221222_pb {padding-bottom: 10rem; display: inline-block;}
.vaca_221222_pb2 {padding-bottom: 19rem; display: inline-block;}
.vaca_221222_td2 {padding-top: 19rem; padding-bottom:0; display: block; border-top: 1px solid #dadada;}
.vaca_221222_pb3 {padding-bottom: 14rem; display: inline-block;}
.vaca_221222_td3 {padding-top: 15rem; padding-bottom:0; display: block; border-top: 1px solid #dadada;}

/* 230922 footer */
.footer_logo_230922 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* 230925 header */
.header_230925 {
    height: 110rem;
}
.header_logo_230925 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    justify-content: center;
}

/* 231006 footer */
.footer_logo_230922 {
    align-items: flex-end;
}

/* 231228 泥�졃 �대�利덈쭔 */
.view_wrap .desc_cont.desc_cont_ethic6 {
    border-top: none;
}
.view_wrap .desc_cont.desc_cont_ethic6 .desc_box .txtbox ul li.noti {
    font-size: 15px;
    color: #666;
}
.view_wrap .desc_cont .desc_box .txtbox p.dwn_p {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ethic_way p.dwn_p .window_btn {
    padding: 7rem 15rem;
}
.view_wrap .desc_cont .desc_box .txtbox p.noti {
    color: #666;
    font-size: 15px;
    margin-top: 15px;
    position: relative;
    padding-left: 17rem;
}
.view_wrap .desc_cont .desc_box .txtbox p.noti:before {
    content: "��";
    width: auto;
    height: auto;
    top: 0px;
    left: 0;
    background: none;
    position: absolute;
}
.ethic_wrap4 .desc_cont_ethic6 .list_depth1.none > li {
    padding-left: 0;
}
.ethic_wrap4 .desc_cont_ethic6 .list_depth1.none > li:before {
    background: none;
}
.desc_cont_ethic6 .list_in {
    margin-left: 0;
}
.desc_box_2022.ethic_policy_231228 {
    margin-top: 55rem;
}
.ethic_policy_231228 .txt_box {
    width: 360px;
    height: 214px;
}
.ethic_policy_231228 .txt_box p.s_tit {
    color: #222;
    font-size: 18rem;
    font-weight: bold;
}
.ethic_wrap4 .ethic_policy_231228 .list_depth1 > li:before {
    background: #222 none;
    width: 4px;
    height: 4px;
    top: 11rem;
}
.ethic_wrap4 .ethic_policy_231228 .txt_inner {
    display: flex;
    gap: 20px;
}

/* 240115 footer top踰꾪듉 �섏젙 */
.footer_wrap .top_btn_240115 {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: 732rem;
    margin-bottom: 44rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.footer_wrap .top_btn_240115.on {
    bottom: 285rem;
}
.btn_vr {
    font-size: 14rem;
}
.btn_vr ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78rem;
    height: 32rem;
    border: 2px solid #e1e1e1;
    border-radius: 7px;
    background: #fff;
    box-shadow: 3px 0px 7px rgba(83,86,94,0.2);
}
.btn_vr ul li a {
    font-family: 'SpoqaHanSansNeo';
    font-weight: 500;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 32rem;
}

/* 240509 header depth4 */
.gnb .gnb-depth4 {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 17rem;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    border-top: 1rem solid #ececec;
}
.gnb .gnb-depth4.on{visibility:visible; opacity:1; transition:all 0.3s 0.2s;}
.gnb .gnb-depth4 li{margin-right:30rem;}
.gnb .gnb-depth4 li:last-child{margin-right:0;}
.gnb .gnb-depth4 li a{display:inline-block; padding:0 1rem 4rem; font-size:14rem; position:relative;}
.gnb .gnb-depth4 li a:after{content:""; width:0; height:1rem; background:#000000; position:absolute; left:0; bottom:0; transition:all 0.3s ease;}
.gnb .gnb-depth4 li a:hover:after{width:100%;}
.gnb .gnb-depth4-bg{position:absolute; left:0; top:100%; width:100%; height:0; box-sizing:border-box; background:#fff; border-bottom:1rem solid #ececec; z-index:-2; transition: all 0.3s linear; opacity:0; border-top: 1rem solid #ececec;}
.gnb .gnb-depth4-bg.on{height:150rem; opacity:1;}

/* 240509 header allmenu */
.allmenu .allmenu_box .allmenu_depth2 > li.pc_width02,
.allmenu .allmenu_box .allmenu_depth2 > li.pc_width04 {
    width: 24%;
}

/* 240513 header 而ㅻ━�댁엲�� 異붽� */
.gnb_240513 .gnb-depth1 > li {
    padding: 22rem 16rem 24rem;
}
.header_logo_240513 {
    align-items: center;
}

/* 241030 硫붿씤 諛붾줈媛�湲� 踰꾪듉 異붽� */
.footer_wrap .top_btn_241030 {
    align-items: flex-end;
    z-index: 1;
}
.footer_wrap .top_btn_241030 > a {
    margin-bottom: 5px;
}
.btn_vr_241030 ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.btn_vr ul li.btn_first {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    background-color: #f99208;
    border: none;
    margin-bottom: 5px;
}
.btn_vr ul li.btn_first a {
    color: #fff;
    line-height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
}

/* 241129 硫붿씤 濡쒓퀬 �꾨옒 �띿뒪�� 異붽� */
h1.logo.mo {
    display: none;
}
h1.logo > a.main_logo_241129 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
}
.allmenu_logo_241129 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
}
h1.logo > a.main_logo_241129 {
    align-items: flex-end;
}

/* 20250602 硫붿씤 �ㅻⅨ履� �듬쾭�� 異붽� */
.btn_vr ul li.btn_first.black {
    background-color: #333;
}

/* 260126 硫붿씤 留λℓ�덉븘 �듬쾭�� 異붽� */
.btn_vr ul li.btn_first.yellow {
    background-color: #fee101;
}
.btn_vr ul li.btn_first.yellow a {
    color: #492d85;
}