
/* common style */
html{-ms-text-size-adjust:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
html{font-size:6.25%; line-height:1.7}
 
.wrap{position:relative;width: 1480rem;margin:0 auto;}

/* header */
#logo{position: absolute;width:300rem;height:160rem;z-index:99;background:#a71d1d;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
#logo a{display:block; width:212rem; height:24rem; background-size:cover; background-position:50% 50%; background-image:url(../img/common/logo.png);}
#hd{position:absolute; z-index:9 !important; width:100%; padding-top:30rem; background:transparent; transition:all 400ms ease;}
#hd_wrapper{display:flex;justify-content: flex-end;align-items:center;}
#hd_pop{position:relative; z-index:1000; height:0; margin:0 auto;}
#hd_pop h2{position:absolute; overflow:hidden; line-height:0; font-size:0;}
#hd.hd_pops{position:absolute; background:#fff;}
#hd.hd_pops #hd_wrapper{position:relative; border-bottom:1rem solid #ddd;}
#hd.hd_pops #hd_wrapper:before{z-index:49; content:''; position:absolute; bottom:0; left:0; width:100%; height:1rem; background:#e5e5e5;}
#hd.hd_pops #logo{width:300rem;}
.fp-viewing-1Page.hd_pops .area_utill .area_lang:before{background: url(../img/common/icon_lang.svg) no-repeat 50% 50%;}
.fp-viewing-1Page.hd_pops .btn_lang span{color:#2e2e2e}
.fp-viewing-1Page .hd_pops .area_utill .area_lang:before{background: url(../img/common/icon_lang.svg) no-repeat 50% 50%;}
.fp-viewing-1Page .hd_pops .btn_lang span{color:#2e2e2e}

.hd_pops #logo a,
.intro_body #logo a{background-image:url(../img/common/logo.png);}
.nav_open[data-hbg="mob"]{display:none;}

.area_utill{display:flex;align-items:center;padding-right:100rem;position: relative;top: 1rem;}
.area_utill .list_lang{display:flex; align-items:center; position:relative; gap:11rem;}
.area_utill a.btn_now{display:inline-block; width:128px; padding:11px 0; background:#32a26c; font-weight:600; font-size:16px; color:#fff; text-align:center; transition:all 300ms ease; border-radius:40px;}
.area_utill .list_lang > li{display:flex; align-items:center;}
.area_utill .list_lang > li > a{font-weight:600; font-size:20rem; color:#2e2e2e; transition:all 0.2s ease-out 0s;}
.area_utill a.btn_now:hover{background:#1f764c;}
.area_utill .list_lang li:first-child::before{content:"";display:inline-block;position:absolute;left:-43rem;width: 26rem;height: 26rem;background:url(../img/common/icon_lang.svg) no-repeat 50% 50%;background-size:cover;}
#hd.hd_pops .area_utill .list_lang li:first-child::before,
.intro_body .area_utill .list_lang li:first-child::before{background:url(../img/common/icon_lang.svg) no-repeat 50% 50% / cover;}

.area_utill .go_g2b{margin-right:30rem}
.area_utill .go_g2b a{padding: 10rem 20rem;border:1rem solid #e5e5e5;border-radius:30rem;background:#fff;color:#a71d1d;font-size:18rem;font-weight:700;}
.area_utill .area_lang{z-index: 60; position:relative;padding-left:40rem;color: #2e2e2e;}
.area_utill .area_lang:before{content:"";display:inline-block;position:absolute;top: -5rem;left:0;width: 26rem;height: 26rem;background:url(../img/common/icon_lang.svg) no-repeat 50% 50%;background-size:cover;}
.area_utill .area_lang .btn_lang{padding-right:20rem;}
.area_utill .area_lang .btn_lang:after{display:block;content:"";position: absolute;right: 0;top: 3rem;width: 8rem;height: 8rem;border: 2px solid #ddd;border-top: 0;border-left: 0;transform: rotate(45deg);transition: 0.3s;}
.area_utill .area_lang .btn_lang.on:after{transform: rotate(-135deg);}

.btn_lang{background:none;border:none !important;font-size: 13px;transition:all 0.3s ease-out 0s;outline:none;color:#fff;position: relative;}
.btn_lang span{font-size:16px;font-weight:bold;color: #2e2e2e;}
.btn_lang span.bk{display:none;}
.btn_lang_list{position:absolute;visibility:hidden;overflow:hidden;padding: 15rem 25rem;box-sizing:border-box;top: 32rem;left:50%;transform:translateX(-50%);background: #ffff;border-radius: 10rem;box-sizing:border-box;transition:all 0.3s ease-out 0s;text-align:center;box-shadow:0px 2px 9px 1px rgb(0 0 0 / 5%);border: 1rem solid #ddd;opacity: 0;}
.btn_lang_list ul{text-align:center;}
.btn_lang_list ul li a{display:block;line-height: 1.4;font-size: 15rem;font-weight:400;transition:all 0.3s ease-out 0s;letter-spacing: -0.05rem;color: #aaaaaa;/* opacity: 0.5; */}
.btn_lang.on + .btn_lang_list{visibility:visible;opacity: 1;}
.btn_lang.on:after{ transform: rotate(-180deg);}
.btn_lang_list ul li a:hover,
.btn_lang_list ul li.on a{color:#a71d1d; font-weight:600;}

#hd .btn_menu{display:block;position:relative;z-index:100;width: 25rem;height: 25rem;margin-top:0;font-size:0px;transition:all 0.3s ease 0s;}
.btn_menu > span{display:block; position:absolute; left:0rem; width:100%; height:3rem; background:#2e2e2e; border-radius:3rem;}
#hd .btn_menu > span:nth-of-type(1){top:0;}
#hd .btn_menu > span:nth-of-type(2){top:50%;margin-top:-1rem;transition:background 0.3s ease 0s;width: 60%;}
#hd .btn_menu > span:nth-of-type(3){bottom:0;}
#hd .btn_menu > span:nth-of-type(1),
#hd .btn_menu > span:nth-of-type(3){transition:all 0.3s ease; transition-property:top, transform; transition-delay:0.3s, 0s;}
#hd .btn_menu.active > span:nth-of-type(1){top:10px; transform:rotate(-45deg);}
#hd .btn_menu.active > span:nth-of-type(2){background:transparent;}
#hd .btn_menu.active > span:nth-of-type(3){top:10px; transform:rotate(45deg);}
#hd .btn_menu.active > span:nth-of-type(1),
#hd .btn_menu.active > span:nth-of-type(3){transition-delay:0s, 0.3s;}
#hd .btn_close{position:fixed; opacity:0; visibility:hidden; top:0px; left:0px; z-index:99; width:-webkit-calc(100% - 320px); width:100%; height:-webkit-calc(100vh - -0px * 1); height:calc(100vh - -0px * 1); background:#000; font-size:0; transition:all 0.3s ease-out 0s;}
#hd::after{content:"";position:absolute;opacity:0;visibility:hidden;top: 109rem;left:0;width:100%;height:280rem;background:#fff;transition:all 400ms ease;}
#hd::before{content:"";position:absolute;z-index: 51;opacity:0;visibility:hidden;top: 109rem;width:300rem;height:280rem;border-top:1rem solid #9e1b1b;background:url(../img/common/img_hd_pops_bg.jpg) no-repeat;background-size: cover;}
#hd.hd_pops::after{opacity:1; visibility:visible;}
#hd.hd_pops::before{opacity:1; visibility:visible;}

#hd.hd_pops #gnb .gnb_1dli:hover > a{color:#a71d1d !important;}
#hd.hd_pops #gnb .gnb_1dli > a{position:relative;}
#hd.hd_pops .area_utill .list_lang > li > a,
[data-site="main"].intro_body .area_utill .list_lang > li > a{color:#222;}
#hd #gnb .gnb_1dli > a::after{position:absolute; opacity:0; bottom:0rem; left:50%; width:5rem; height:5rem; background:#a71d1d; transform:translate(-50%, 0);}
#hd #gnb .gnb_1dli:hover > a::after{opacity:1;}
#hd.hd_pops .btn_menu > span,
.intro_body #hd .btn_menu > span{background:#222;}
#gnb .gnb_2dli:first-child > a{padding-top:28rem;}
#gnb{transition:all 1s;}
.gnb_1da{padding: 33rem 40rem 26rem 40rem;}
.list_lang{display:flex;}
.list_lang a{font-weight:500; font-size:14rem; color:#fff; color:rgba(0,0,0,0.3);}
#hd_h1{font-size:0;}
.full_menu{display:none;display:flex;position:absolute;opacity:0;visibility:hidden;overflow:hidden;top:0;left: 0;z-index:55;width:100%; height:100vh;background:#fff;transition:all 0.5s ease;}
button.btn_search{background:none; border:none;}
button.btn_search{display:block;width: 24rem;height: 24rem;margin-right:88rem;background:none;background-size:cover;background-position:50% 50%;border:none;background-image:url(../img/common/icon_search_w.png);background-repeat:no-repeat;}
#hd.hd_pops button.btn_search,
.intro_body button.btn_search{background-image:url(../img/common/icon_search.png);}


/* footer */
#ft{position:relative; overflow:hidden; width:100%; margin:0 auto; padding-top:65rem; background:#222;}
#ft *{font-style:normal;}
#ft .ft_wrap{display:flex; justify-content: space-between;}
#ft .ft_left{}
#ft .ft_left .menu{margin-bottom:40rem;}
#ft .ft_left .menu li{display:inline-block; padding-right:46rem;}
#ft .ft_left .menu li a{font-size:16rem; color:#fff;}
#ft .ft_left .info li{line-height:2; float:left; margin-right:20rem; color:#888; font-size:16rem;}
#ft .ft_left .info li:nth-child(3n+1){clear:both;}
#ft .ft_left .info li:last-child{width:100%;}

#ft .copy{margin-top:40rem; padding:25rem 0; border-top:1rem solid #282828; text-align:center; font-size:14rem; color:#666664;}

/* mobile gnb style */
#hd .nav_open{ margin-left: 50rem;}
#hd .btn_menu.active > span{background:#111;}
#hd #gnb_1dul {position:relative;display: flex;}
#hd .gnb_3dul{display:none;}

/* copymove  */
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap{margin:20px }
#copymove .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5rem;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1rem;height:1rem;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75rem;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

.img_fix {width:100%;height:auto}

/* pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40rem;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40rem;height:40rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999rem;border-radius:3rem;}
#captcha #captcha_reload {margin:0;padding:0;width:40rem;height:40rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40rem;text-indent:-999rem;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3rem;padding:0 5rem;width:90rem;height:40rem;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3rem;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/*  mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5rem;width:187px}
#captcha.m_captcha #captcha_img {width:160rem;height:60rem;border:1px solid #e9e9e9;margin-bottom:3rem;margin-top:5rem;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40rem;height:40rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40rem;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5rem;width:115rem;height:29rem;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29rem;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31rem;height:31rem;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999rem;border:none}

/* ckeditor */
.cke_sc {margin:0 0 5rem;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10rem;height:23rem;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5rem;padding:10rem;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5rem;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40rem;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40rem;}
#bo_v_con li{display: list-item;}

a.btn,
.btn{height:35px; line-height:35px; padding:0 10px; border:0; font-weight:bold; text-align:center; transition:background-color 0.3s ease-out; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out;}
a.btn01{display:inline-block; padding:7px; background:#fafafa; border:1px solid #ccc; color:#000; text-decoration:none; vertical-align:middle;}
a.btn01:focus,
a.btn01:hover{text-decoration:none;}
button.btn01{display:inline-block; margin:0; padding:7px; background:#fafafa; border:1px solid #ccc; color:#000; text-decoration:none;}
a.btn02{display:inline-block; padding:7px; background:#4b545e; border:1px solid #3b3c3f; color:#fff; text-decoration:none; vertical-align:middle;}
a.btn02:focus,
.btn02:hover{text-decoration:none;}
button.btn02{display:inline-block; margin:0; padding:7px; background:#4b545e; border:1px solid #3b3c3f; color:#fff; text-decoration:none;}
.btn_confirm{text-align:right;}
.btn_submit{background:#253dbe; border:0; color:#fff; cursor:pointer;}
.btn_submit:hover{background:#0025eb;}
a.btn_cancel{display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle;}
button.btn_cancel{display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle;}
.btn_cancel:hover{background:#aaa;}
a.btn_frmline,
button.btn_frmline{display:inline-block; height:40px; padding:0 5px; background:#3c3c3c; border:0; color:#fff; border-radius:5px; text-decoration:none; vertical-align:top;}

button.btn_frmline{font-size:1em;}

/* need check */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#2d52a7;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} 
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}

/* need check */
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3rem;margin:3px 0;padding:10px 15rem;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}

/* need check */
.form_01 h2{margin:0 0 10rem;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100rem;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* need check */
.empty_table {padding:50px 0 !important;text-align:center; font-size:20rem; font-weight:400; color:#aaa; line-height:1.2em;}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* need check */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

.sch_word {color:#00c4ac}

/* validation */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20rem;font-size:1.3em}
#validation_check p {margin-bottom:20rem;padding:30px 20rem;border:1px solid #e9e9e9;background:#fff}

.sv_wrap{position:relative; font-weight:normal;}
.sv_wrap .sv{display:none; z-index:1000; margin:5px 0 0; background:#333; box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); font-size:0.92em;}
.sv_wrap .sv:before{content:""; position:absolute; top:-6rem; left:15rem; width:0; height:0; border-style:solid; border-width:0 6px 6px 6rem; border-color:transparent transparent #333 transparent;}
.sv_wrap .sv a{display:inline-block; width:100rem; line-height:30rem; margin:0; padding:0  10rem; font-weight:normal; color:#bbb;}
.sv_wrap .sv a:hover{background:#000; color:#fff;}
.sv_member{color:#333;}
.sv_on{display:block !important; position:absolute; top:23rem; left:0rem; width:auto; height:auto;}
.sv_nojs .sv{display:block;}

.cheditor-popup-window *,
.cheditor-popup-window :after,
.cheditor-popup-window :before{box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}

#device_change{display:block; margin:0.3em; padding:0.5em 0; background:#fff; border:1px solid #eee; font-size:2em; color:#000; text-align:center; border-radius:2em; text-decoration:none;}

.lang_code{height:34rem; border:none;}

#bo_v_con iframe{width:100% !important; height:630rem;}

/* fullpage common */
#fp-nav.fp-right{right:80rem;display: none;}

/* full gnb */

.full_menu > *{position:relative;}
.full_menu [data-full="bg"]{width:30%;}
.full_menu [data-full="bg"] .logo{width:100%;height:160rem;padding-left:20rem;background:#a71d1d;display: flex;align-items: center;}
.full_menu [data-full="bg"] .img{width:100%; height:calc(100vh - 160rem); background-image:url('../img/common/img_full_menu_bg.jpg');}
.full_menu.oepn [data-full="bg"] .img{ animation: FullmenuAni 10s;}

.full_menu [data-full="tit"]{width:1000rem; margin:0 auto;} 
.full_menu [data-full="menu_wrap"]{width:70%;display: flex;flex-direction: column;justify-content: center;}
.full_menu [data-full="menu"]{}
#hd .full_menu #gnb_1dul{display:flex;align-items:flex-start;flex-direction:column;max-width: 1000rem;margin: 0 auto;}
.full_menu [data-full="tit"] h3{line-height:1.3;padding-left:0rem;font-size:48rem;width:100%;color: #dfdfdf;}
.full_menu [data-full="menu"] *{color: #222;}
#hd .full_menu #gnb_1dul > li > a{position:relative; display:block;padding:0;font-weight:600;font-size: 40rem;min-width:290rem;}
#hd .full_menu #gnb_1dul > li > a:before{content:"";display:block;position: absolute;right: 15rem;top: 17rem;width: 8rem;height: 8rem;border: 2px solid #b8b8b8;border-top: 0;border-left: 0;transform: rotate(45deg);transition: 0.3s;}
#hd .full_menu #gnb_1dul > li > a:after{content:'';z-index: -1;display:block;position:absolute;right:0;width:40rem;height:40rem;background:#eee;top: 2rem;border-radius: 50%;}
#hd .full_menu #gnb_1dul > li > a.active{color:#a71d1d}
#hd .full_menu #gnb_1dul > li > a.active:before{top: 19rem; border-color:#fff; transform: rotate(-135deg); }
#hd .full_menu #gnb_1dul > li > a.active:after{background:#a71d1d;}

#hd .full_menu #gnb_1dul > li:not(:last-child){}
#hd .full_menu #gnb_1dul > li > ul{display:none; margin-top:25rem;}
#hd .full_menu #gnb_1dul > li > ul li{display:inline-block; margin-right:50rem;}
#hd .full_menu #gnb_1dul > li > ul a{display:block;font-weight: 500;font-size: 20rem;letter-spacing:-0.05rem; color:#888; white-space:nowrap;transition:all 0.3s ease;}
#hd .full_menu #gnb_1dul > li{position:relative; width:100%; transition:all 0.4s ease;padding: 40rem 0;border-bottom: 1px solid #ddd;}
#hd .full_menu #gnb_1dul > li:last-child{padding-bottom:0; border-bottom:0}
#hd .full_menu #gnb_1dul > li > ul a:hover{color:#a71d1d;}
.full_menu.oepn{opacity:1;visibility:visible;background: #fff;}
.full_menu [data-full="tit"] h3,
#hd .full_menu #gnb_1dul{}

.hd_pops{}
#hd .gnb_header{display:none;}

@keyframes FullmenuAni{
	0%{background-position: 0% 50%;}
	100%{background-position: 100% 50%;}
}


@media (min-width:2000px){
	html{font-size:0.05254860746190225vw;}
}

@media (max-width:1680px){
	.gnb_1da{padding:36rem 43rem 26rem 43rem;}
	.area_utill{padding-right:70rem;}
	.full_menu [data-full="tit"] h3{left:60rem;}
}

@media (max-width:1480px){
	html{font-size:0.06756756756756757vw;}
	.full_menu [data-full="menu"]{}
	.full_menu [data-full="tit"],
	#hd .full_menu #gnb_1dul{width:80%;}

	#logo{width:250rem; height:130rem;}
	.gnb_1da {padding: 36rem 33rem 26rem 33rem;}

	.wrap{width:auto; margin:0 70rem;}
}

@media (max-width:1366px){
	#hd{padding: 24rem 0;}
	.fp-viewing-2Page #hd,
	.fp-viewing-3Page #hd{background: rgba(255,255,255,0.8);}

}

@media (max-width:1279px){

	#fullpage > div:not(#ft)::after{display:none;}


}

@media (max-width:1023px){
	.wrap{width:auto; margin:0 30rem;}

	html{font-size:0.09775171065493645vw;}
	body.m_scroll{overflow-y:visible !important;}
	#hd{padding-top:40rem;}
	#logo{top:0; height:100rem;}
	#hd .nav_open{margin-left:35rem;}
	.nav_open[data-hbg="mob"]{display:block;}
	.nav_open[data-hbg="pc"]{display:none;}
	#hd .btn_menu > span:nth-of-type(2){margin-top:-2rem;}
	#hd nav{position:fixed; opacity:0; visibility:hidden; overflow:hidden; top:0rem; right:0; z-index:9; width:50%; height:100%; box-shadow:10rem 13rem 32.75rem 22.25rem rgb(21 21 21 / 10%); transition:all 0.5s ease-out 0s;}
	.full_menu.oepn{position:fixed;}
	body.hd_pops{overflow:hidden !important;}

	.area_utill{padding-right:20rem;}
	.area_utill .go_g2b a{font-size:16rem}

	#hd .full_menu #gnb_1dul{left:80rem;}
	#hd .full_menu #gnb_1dul > li > a{font-size:30rem; min-width:220rem;}
	#hd .full_menu #gnb_1dul > li > a.active{color:#a71d1d}

	.ft_inner .ft_left h3{margin-right:40rem; font-size:41rem; max-width:420rem;}	
	.full_menu [data-full="menu_wrap"]{width:100%; margin:0 30rem}
	.full_menu [data-full="bg"]{display:none;}
	.full_menu.oepn [data-full="bg"] .img{display:none;}		
	.full_menu [data-full="tit"]{display:none;}
	#hd .full_menu #gnb_1dul{width:100%; left:0;}

	#ft .ft_wrap{flex-direction: column;}
	.ft_right{display:none;}
	.ft_right img{height:30rem;}

}

@media (min-width:1023px){

	#gnb h2{display:none;}
	#gnb_1dul:after{content:""; display:block; visibility:hidden; clear:both;}
	#gnb .gnb_1dli{display:inline-block; position:relative; z-index:10;}
	#gnb .gnb_1da{display:inline-block; position:relative; z-index:5; line-height:1em; box-sizing:border-box; font-weight:500; font-size:20rem; color:#2e2e2e; white-space:nowrap; transition:color 300ms ease; text-decoration:none;}
	#hd.hd_pops #gnb .gnb_1da,
	.intro_body #gnb .gnb_1da{font-weight:500; color:#222;}
	#gnb .gnb_1da.on:before{display:block;}
	#gnb .gnb_1da h3{font-weight:400;}
	#gnb .gnb_1da span{display:none;}
	#gnb .gnb_1dli:focus,
	.gnb_1dli:hover{color:#111;}
	#gnb .gnb_1dli{position:relative;}
	#gnb .gnb_2dul{position:absolute; opacity:0; visibility:hidden; overflow:hidden; top:80rem; left:50%; width:200px; box-sizing:border-box; text-align:center; transition:all 300ms ease; transform:translate(-50% , 0px); border-radius:10px;}
	#gnb .gnb_2dli{padding:0 0 0 0px;}
	#gnb .gnb_2dli.active a{color:#a71d1d;}
	#gnb .gnb_2dul .gnb_2dli:last-child{border-bottom:none;}
	#gnb .gnb_2da{display:block;width:100%;line-height:1.3em;box-sizing:border-box;padding:10rem 15rem;border-bottom:0;font-weight:400;font-size:18rem;color:#a3a3a3;letter-spacing:-.3px;text-decoration:none;}
	#gnb .gnb_1dli:focus .gnb_1da,
	#gnb .gnb_1dli:hover .gnb_1da,
	#gnb .gnb_1dli.hov .gnb_1da{color:#32a26c; text-decoration:none;}
	#gnb .gnb_1dli:focus .gnb_2dul,
	#gnb .gnb_1dli.active .gnb_2dul{opacity:1; visibility:visible; transform:translate(-50% , 0px);}
	#gnb .gnb_2da:focus,
	#gnb .gnb_2da:hover{display:inline-block; font-weight:400; color:#a71d1d;}
	.gnb_3dul{padding:0; text-align:left;}
	.gnb_3dul li a{display:block; line-height:35px; padding:0 0 0 15px; background:#253dbe; border-top:1px solid #2b47dd; color:#fff;}
	
	.fp-viewing-1Page #gnb .gnb_1da{color:#fff;}
	.fp-viewing-1Page .area_utill .area_lang:before{background: url(../img/common/icon_lang_w.svg) no-repeat 50% 50%;}
	.fp-viewing-1Page .btn_lang span{color:#fff}
	.fp-viewing-1Page .btn_menu > span{background:#fff;}
	.fp-viewing-1Page .full_menu.oepn .btn_menu > span{background:#111;}

	#en #gnb .gnb_2da{font-size:17rem;}

}

@media (max-width:860px){
	html{font-size:0.13020833333333335vw;}
	.wrap{margin:0 30rem;}

	.area_utill{padding-right:30rem;}

	#hd .nav_open{margin-left:30rem;}
	.area_utill .list_lang li:first-child::before{width:23rem; height:23rem;}
	button.btn_search{width:22rem; height:22rem;}
	#hd .btn_menu > span:nth-of-type(2){margin-top:-1rem;}
	.full_menu [data-full="tit"]{display:none;}

	#hd .full_menu #gnb_1dul > li > ul li{margin-right:35rem;}
}

@media (max-width:540px){
	html{font-size:0.26666666666666665vw;}
	.wrap{margin:0 20rem;}
	
	#hd{padding-top:30rem;}
	#logo{width:180rem; height:80rem;}
	#logo a{width: 160rem; height: 18rem;}

	.area_utill .go_g2b{display:none;}
	
	.area_utill{padding-right:20rem;}
	.area_utill .list_lang > li > a{font-weight:800; font-size:17rem;}
	.area_utill .list_lang{gap:10rem;}
	#hd .nav_open{margin-left:17rem;}
	button.btn_search{display:none;}

	.area_utill .area_lang:before{width:20rem; height:20rem;}
	.area_utill .area_lang{padding-left:30rem;}
	.area_utill .area_lang .btn_lang:after{top:0}
	.area_utill .area_lang .btn_lang.on:after{top:2rem;}
	.btn_lang_list{top:22rem; padding:15rem;}
	.btn_lang_list ul li a{font-size:12rem;}

	#hd .full_menu #gnb_1dul{}
	#hd .btn_menu > span{height:2rem;}
	#hd .btn_menu{height:18rem;}
	#hd .full_menu #gnb_1dul > li{padding:20rem 0}
	#hd .full_menu #gnb_1dul > li > ul a{font-size:14rem;}
	#hd .full_menu #gnb_1dul > li > a{font-size:20rem; min-width:140rem;}
	#hd .full_menu #gnb_1dul > li > a:after{top:0; width:28rem; height:28rem;}
	#hd .full_menu #gnb_1dul > li > a:before{right: 10rem;top: 10rem;width:7rem;height:7rem;}
	#hd .full_menu #gnb_1dul > li > a.active:before{top:12rem;}
	#hd .full_menu #gnb_1dul > li > ul{position:relative; top:2rem; margin-top:15rem;}
	#hd .full_menu #gnb_1dul > li > ul li{width:100%; margin-bottom:7rem}
	
	
	#ft{padding:70rem 0 0 0 ;}
	#ft *{word-break: keep-all;}
	#ft .ft_left .menu li{padding-right:13rem; font-size:14rem}
	#ft .ft_left .menu li:last-child{padding-right:0}
	#ft .ft_left .menu li a{font-size:14rem}
	
	#ft .ft_left .info li{clear:both; font-size:14rem}
	#ft .copy{font-size:12rem}
}