@charset "utf-8";
/* CSS Document */

/* Roboto */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff'),
        url('fonts/Roboto-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto-Bold.otf') format('opentype');
}

/* NotoSans */
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 100;
	src:url('fonts/NotoSans-Thin.ttf');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 300;
	src:url('fonts/NotoSans-Light.ttf');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 400;
	src:url('fonts/NotoSans-Regular.ttf');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 500;
	src:url('fonts/NotoSans-Medium.ttf');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: Bold;
	src:url('fonts/NotoSans-Bold.ttf');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight: 900;
	src:url('fonts/NotoSans-Black.ttf');
}

.blind {display:block;overflow:hidden;position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}

.btn {position:relative;display:inline-block;vertical-align:top;cursor:pointer;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;}
.btn:hover,
.btn:focus {text-decoration:underline;}

/** layout **/
body {font-family:'NotoSans',sans-serif;}

#hd_wrap .logo-en {position:absolute;top:24px;left:0;}

.util_nav {height:100px;}
.util_nav .serch_ver {position:absolute;top:28px;border:0;width:380px;border-radius:0;overflow:visible;}

.serch_ver .head_serch {width:100%;padding-left:24px;line-height:40px;margin:0;font-weight:500;font-size:15px;border:2px solid #9A282A;border-radius:22px;font-family:'Roboto',sans-serif;}
.serch_ver .head_serch::placeholder {color:#575757;}
.serch_ver .head_serch:-ms-input-placeholder {color:#575757;}
.serch_ver .btn_newserch {position:absolute;top:6px;right:7px;width:32px;height:32px;background:url(../img/common/ico_glass_01.svg) center no-repeat;}

.hd-right {position:absolute;top:34px;right:0;display:flex;align-items:start;gap:15px;}
.hd-right .hd-sns {display:flex;gap:10px;}
.hd-right .hd-sns .btn {position:relative;width:32px;height:32px;}
.hd-right .hd-sns .btn img {position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;}
.hd-right .hd-language {display:flex;gap:10px;}
.hd-right .hd-language > li {position:relative;}
.hd-right .hd-language > li > .btn {line-height:19px;border:1px solid #ccc;padding:6px 13px 7px;font-size:14px;font-weight:500;border-radius:16px;font-family:'Roboto',sans-serif;color:#3F3F3F;}
.hd-right .hd-language > li > .btn-language-toggle {padding-right:36px;}
.hd-right .hd-language > li > .btn-language-toggle:before {content:'';position:absolute;top:10px;right:11px;width:13px;height:13px;background:url(../img/common/arr_01.svg) center no-repeat;transition:.3s ease-out;}
.hd-right .hd-language > li > .btn-language-toggle.active:before {transform:rotate(180deg);}
.hd-right .hd-language .list-language {display:none;list-style:none;position:absolute;top:40px;left:0;width:100%;border-radius:16px;background-color:#fff;padding:10px;border:1px solid #ccc;}
.hd-right .hd-language .list-language .btn {width:100%;text-align:left;line-height:1.6;font-size:14px;padding:6px 0;}

.hd-right .language_layer{display: none; position: fixed; width: calc(100% - 40px);max-width:1500px;transform:translateX(-50%); top: 80px;left:50%; overflow: hidden; background: #fff; z-index: 9999;box-shadow: 4px 2px 9px 5px #cecbcb;}
.hd-right .language_layer.on {display: block;}
.hd-right .language_layer li a{display: block; height: 27px; line-height: 27px; margin-bottom: 10px; padding-left: 27px; font-size: 0.813em; }
.hd-right .language_layer > .container{padding: 15px 0 10px 0; overflow: hidden;}
.hd-right .language_top{position: relative; width: 100%; height: 70px; border-bottom: 1px solid #dedede;}
.hd-right .language_top .container{height: 70px;}
.hd-right .language_layer li{float: left; width: 10%;}
.hd-right .language_close{position: absolute; display: block; top: 50%; right: 40px; height: 30px; margin-top: -15px; padding: 0 15px; color: #fff; line-height: 30px; background: #000 url(/_static/Royal/img/common/lang_close.png) right 10px center no-repeat;}
.hd-right .join_wrap{display: none;}
.hd-right .nation01{ background-image: url(../img/common/nation01.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation02{ background-image: url(../img/common/nation02.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation03{ background-image: url(../img/common/nation03.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation04{ background-image: url(../img/common/nation04.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation05{ background-image: url(../img/common/nation05.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation06{ background-image: url(../img/common/nation06.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation07{ background-image: url(../img/common/nation07.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation08{ background-image: url(../img/common/nation08.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation09{ background-image: url(../img/common/nation09.png);  background-position: 0px 2px; background-repeat:no-repeat;}
.hd-right .nation10{ background-image: url(../img/common/nation10.png);  background-position: 0px 2px; background-repeat:no-repeat;}

.gnb_bg {top:68px !important;border-top:1px solid #ddd;}
.gnb_bg.open-sitemap {top:-1px !important;}
#main_nav {border-bottom:0;}
#main_nav .container {padding-left:87px;}
#main_nav .depth1 {width:100%;}
#main_nav .view_wrap {left:0;right:auto;background:none;width:32px;height:32px;border-radius:0;}
#main_nav button.view {top:0;left:0;width:32px;height:32px;}
#main_nav button.view span {left:7px;width:18px;height:2px;background-color:#111;}
#main_nav button.view span:nth-of-type(1) {top:9px;width:18px;}
#main_nav button.view span:nth-of-type(2) {top:15px;width:12px;}
#main_nav button.view span:nth-of-type(3) {top:21px;width:18px;}
#main_nav button.view:hover span,
#main_nav button.view:focus span {width:18px !important;}
#main_nav .close {right:auto;left:0;}
#main_nav .depth1 > li > a {padding:18px 0 15px;line-height:33px;font-size:24px;font-weight:500;}

#hd_wrap.fixed .gnb_bg {top:86px !important;}
#hd_wrap.fixed #main_nav {padding-top:18px;}
#hd_wrap.fixed #main_nav .depth1 {display:flex;justify-content:space-between;margin-left:0;}
#hd_wrap.fixed #main_nav .depth1 > li {width:auto !important;}
#hd_wrap.fixed #main_nav .depth1 > li > a {font-size:18px;}
#hd_wrap.fixed .util_nav.mb .ser_open_btn {background:url(../img/common/ico_glass_02_w.svg) center no-repeat;}

#sitemap > li {float:none;width:33.33% !important;}
#sitemap.all_menu {display:flex;flex-wrap:wrap;justify-content:center;}

.sub_wrap {padding-top:169px !important;}

.footer_bottom {padding:42px 20px 52px;background-color:#36393C;}
.footer_bottom .container {padding-top:62px;}
.footer_bottom .footer_logo {top:0;transform:translate(0);}
.footer_bottom .addr_txt {padding-left:0;}
.footer_bottom .addr_txt p {line-height:21px;font-size:18px;color:#C9CCCF;}
.footer_bottom .addr_txt p + p {margin-top:8px;color:#D5C8B8;}
.ftsns_list {top:auto;right:0;bottom:0;}

@media screen and (min-width:1025px){

    /** layout **/
    .serch_ver .head_serch:focus {outline:2px dashed #aaa;}

    .hd-right .hd-sns .btn img {transition:.3s ease-out;}
    .hd-right .hd-sns .btn:hover img,
    .hd-right .hd-sns .btn:focus img {transform:translateY(-5px)}
    .hd-right .hd-language > li > .btn:hover,
    .hd-right .hd-language > li > .btn:focus {border-color:#111;}

}/* (min-width:1025px) */
@media screen and (max-width:1400px) and (min-width:1025px) {

    /** layout **/
    #main_nav .depth1 > li {width:auto !important}
    #main_nav .depth1 > li > a {font-size:18px;}
    #main_nav .container {padding-right:20px;}

}/* (max-width:1400px) and (min-width:1025px) */
@media screen and (max-width:1024px){

    /** layout **/
    #hd_wrap.fixed #main_nav {padding-top:0;}
    #hd_wrap.fixed #main_nav .depth1 {display:none;}
    #hd_wrap.fixed .util_nav .logo {top:17px;}

    #main_nav .container {padding-left:0;}
    #main_nav .view_wrap {top:14px;left:auto;right:20px;transform:translate(0)}

    .util_nav.mb {height:60px;}
    .util_nav.mb .logo {top:17px;left:20px;transform:translate(0)}
    .util_nav.mb .logo img {height:26px;}
    .util_nav.mb .ser_open_btn {top:14px;left:auto;right:60px;transform:translate(0);width:32px;height:32px;text-indent:-9999px;overflow:hidden;background:url(../img/common/ico_glass_02.svg) center no-repeat;}
    .util_nav.mb .serch_ver {left:auto;right:100px;width:calc(100% - 280px) !important;}
    
    .m_gnb_bg {top:60px;}
    .m_gnb_wrap {top:60px;}
    .m_close {top:90px;}

    .sub_wrap {padding-top:60px !important;}

    .footer_bottom {padding:30px 20px;}
    .footer_bottom .addr_txt p {text-align:center;line-height:26px;}
    .ftsns_list {width:100%;bottom:auto;right:auto;top:0;left:0;display:flex;justify-content:center;}
    .ftsns_list img {opacity:0.9;}
    .footer_bottom .addr_txt p + p {font-size:14px;}
    
}/* (max-width:1024px) */
@media screen and (max-width:767px){
    /** layout **/
    .util_nav.mb .logo a img {height:26px;}
    .util_nav.mb .serch_ver {width:calc(100% - 120px) !important;}

    .ftsns_list {position:absolute;}


}/* (max-width:767px) */