@charset "utf-8";

/* 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%;}

.scroll_down{display:flex; align-items:center; position:absolute; bottom:37rem; left:50rem; z-index:60;}
.scroll_down.white{color:#fff;}
.scroll_down p{margin-left:23rem; font-weight:600; font-size:12rem;}

.wrap{position:relative; width:1200rem; margin-left:378rem;}

.co1{color:#1777c1 !important;}
.co2{color:#df732e;}
.co3{color:#d41619;}

/* header */
#logo{left: 50rem;}
#logo a{display:block;width:268rem;height:32rem;background-size:100%;background-position:50% 50%;background-image: url(../img/layout/logo.svg);}
#header{/* position: fixed; *//* z-index:9; *//* width:100%; *//* padding-top:55rem; */}

#header_pop{position:relative; z-index:1000; height:0; margin:0 auto;}
#header_pop h2{position:absolute; overflow:hidden; line-height:0; font-size:0;}
#header.hd_pops{position:absolute; background:#fff; border-bottom:1px solid #e9e9e9;}

#header .btn_menu{display:block; z-index:100; width:23rem; height:24rem; margin-top:0; font-size:0rem; transition:all 0.3s ease 0s;}
#header .btn_menu > span{display:block; position:absolute; left:0rem; width:100%; height:2rem; background:#fff;}
#header .btn_menu > span:nth-of-type(1){top:5rem;}
#header .btn_menu > span:nth-of-type(2){top:50%; margin-top:-1rem; transition:background 0.3s ease 0s;}
#header .btn_menu > span:nth-of-type(3){top:17rem;}
#header .btn_menu > span:nth-of-type(1),
#header .btn_menu > span:nth-of-type(3){transition:all 0.3s ease; transition-property:top, transform; transition-delay:0.3s, 0s;}
#header .btn_menu.active > span:nth-of-type(1){top:10rem; transform:rotate(-45deg);}
#header .btn_menu.active > span:nth-of-type(2){background:transparent;}
#header .btn_menu.active > span:nth-of-type(3){top:10rem; transform:rotate(45deg);}
#header .btn_menu.active > span:nth-of-type(1),
#header .btn_menu.active > span:nth-of-type(3){transition-delay:0s, 0.3s;}
#header .btn_close{position:fixed;opacity: 0;visibility: hidden; top:0rem; left:0rem; 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;}

#header .gnb_header{display:none; margin-bottom:210rem;}
#header .btn_contact{margin-right:100rem; margin-left:48rem; padding:8rem 27rem; border:1px solid; font-weight:600; font-size:16rem; color:#1777c1; border-radius:60rem;}
#gnb{display:flex; align-items:center;}
#header .area_utill{position:absolute;/* top:61rem; */left:419rem;}
#header_wrapper{display:flex; justify-content:space-between;}
#header_h1{font-size:0;}

.list_lang{display:flex;}
.list_lang a{font-weight:500; font-size:14rem; color:#fff; color:rgba(0,0,0,0.3);}
.list_lang li:first-child a{position:relative; margin-right:22rem; padding-right:22rem;}
.list_lang li:first-child a::after{content:"";display:block;position:absolute;opacity:0.28;top:4rem;right:0;width:1rem;height:14rem;background: #a5a5a5;}
.list_lang li.on a{color:#222;}

[data-site="main"].fp-viewing-1Page #logo a{background-image: url(../img/layout/logo_w.svg);}
[data-site="main"].fp-viewing-1Page #header .btn_contact{color:#fff; border-color:rgba(255,255,255,0.33);}
[data-site="main"].fp-viewing-1Page .list_lang li.on a,
[data-site="main"].fp-viewing-1Page #gnb .gnb-item > a{color:#fff;}
[data-site="main"].fp-viewing-1Page .list_lang a{color:rgba(255,255,255,0.3);}

/* footer */
#ft{position:relative;overflow:hidden;width:100%;margin:0 auto;background:#1c2831;text-align:center;z-index: 9;}
#ft::after{content:""; position:absolute; top:0; left:377rem; z-index:60; width:1rem; height:100%; background:#eee;}
#ft::after{opacity:0.14 !important;}
#ft *{font-family:'Pretendard', dotum, sans-serif; color:#fff; font-style:normal;}

.ft_inner{margin-bottom:100rem; padding-top:70rem; padding-left:60rem; text-align:left;}
#ft .scroll_down{bottom:0; left:0; width:377rem; padding:0 0; border-top:1px solid #39444b;}
#ft .scroll_down a{display:flex; align-items:center; padding:34px 50rem;}

.list_menu{display:flex;}
.list_menu li a{font-family:'Pretendard', dotum, sans-serif; font-weight:500; font-size:16rem; text-transform:uppercase;}
.list_menu li{margin-right:53rem;}
.ft_inner address{margin-top:51rem; font-size:15rem;}
.ft_inner address li{position:relative; line-height:1.5; margin-right:15rem; padding-right:15rem; font-family:'Pretendard', dotum, sans-serif; font-size:15rem; color:#a7a7a7 !important;margin-bottom: 10rem;}
.ft_inner address ul{display:flex;}
.ft_inner address ul + ul{margin-top:0px;}
.ft_inner address li::after{content:""; position:absolute; top:0; right:0; width:1rem; height:19rem; background:#494949;}
.ft_inner address li:last-child::after{display:none;}
.ft_inner address li:last-child{margin:0; padding:0;}
.ft_inner > p{margin-top:85rem; font-weight:600; font-size:14rem; color:#5c5c5c !important; text-transform:uppercase;}
.ft_inner > img{position:absolute; right:0; bottom:0;}
.ft_inner address ul.ad li{width:100%;}
.ft_inner address ul.ad{flex-direction: column;}
.ft_inner address ul.ad li::after{display:none;}

/* mobile gnb style */
#header .nav_open{display:none;}
#header .btn_menu.active > span{background:#fff;}
#header #gnb_1dul {position:relative;display: flex;}
#header .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}

#header_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;}

/* 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;}

/* pagenation */
.pg_wrap {clear:both;margin: -50rem 0 140rem;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {position:relative; color:#333;font-size: 16rem;height:30rem;line-height:28rem;  text-decoration:none;width: 50rem;height: 50rem;border-radius: 5rem;display: flex;align-items: center;justify-content: center;margin: 0 3rem;overflow: hidden;padding: 0;font-family: 'Pretendard', dotum, sans-serif;}
.pg_page:before{opacity:0; content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:2rem; background:#2d52a7;}

.pg_start {text-indent:-999rem;background: url('../img/base/arr_end.png') no-repeat 50% 50%;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.pg_prev {text-indent:-999rem;background: url('../img/base/arr_next.png') no-repeat 50% 50%;-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-right: 50rem;}
.pg_end {text-indent:-999rem;background: url('../img/base/arr_end.png') no-repeat 50% 50%;}
.pg_next {text-indent:-999rem;background: url('../img/base/arr_next.png') no-repeat 50% 50%;margin-left: 50rem;}

.pg_current {position:relative;font-size: 16rem;color: #1777c1;width: 43rem;height: 43rem;display: flex;border: 1px solid #1777c1;justify-content: center;align-items: center;border-radius: 35rem;font-weight: 400;}

span.pg{display:flex; justify-content:center; align-items:center;}

.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;}

@media (min-width:2000px){
	html{font-size:0.05254860746190225vw;}
	#gnb .gnb-item > a{font-size:18rem !important;}
	#header .btn_contact{font-size:16rem;}
	#header .area_utill{left:419rem;}
	.list_lang a{font-size:14rem;}
	#logo a{width:268rem; height:32rem;}
}

@media (max-width:1919px){
	#header .btn_contact{margin-right:60rem;}
}

@media (max-width:1480px){
	html{font-size:0.06756756756756757vw;}
	#header .btn_contact{margin-right:60rem;}
	#fp-nav.fp-right{right:70rem;}
}

@media (max-width:1279px){
	#fullpage > div:not(#ft)::after{display:none;}
	#header .area_utill{left: 339rem;}
	.ft_inner{width:auto; margin-right:70rem;}
}

@media (max-width:1200px){
	.inr.v3{width:90%;}
	#logo{left:20rem;}
	#logo img{height:30rem;}
	.gnb_1da{padding:51px 20rem;}
	#header.on .gnb_1da{padding:30px 20rem;}
	#gnb .gnb-item > a{font-size:17rem;}
	.area_utill{right:30rem;}
}

@media (max-width: 1100px){
	.list_lang > li > a{color:#fff;}
	#header .m_on .area_utill{display:flex; align-items:center; z-index:101;}
	#header .m_on .list_lang{display:flex; opacity:1;}
	#header .all_menu{max-width:100%;}
	#header .gnb_area .lang_area{display:none; opacity:0;}
	#header .all_menu .menu_1{width:90%; margin:0 auto; margin-bottom:35rem; padding-left:0;}
	#header .all_menu .menu_1 a{font-size:40rem;}
	#header .all_menu .all_menu_area{height:80%;}
	#header .all_menu .all_menu_foot{left:5%; width:95%; padding-left:0;}
	#header .gnb_area.on .menu-trigger span{background-color:#fff !important;}
	#header .gnb_area.on .menu-trigger::after{color:#fff !important;}
	#m_footer{display:block;}
	.main_area{height:auto;}
	.en_foot{display:none;}
	.en_menu_area{height:100% !important;}
	#header .all_menu_area.en_menu_area .menu_1 a{font-size:24rem;}
	#header .all_menu_area.en_menu_area .menu_1{margin-bottom:45rem;}
	#header .gnb_area.m_on .lang_area{display:flex; opacity:1;}
}

@media (max-width:1023px){
	#logo{/* top:25rem; */}
	#header .nav_open{display:block;}

	#header.on #logo{top:19rem;}
	.btn_all_menu{display:none !important;}
	#header .nav_open{position:absolute; opacity:1; top:-3rem; right:0rem; z-index:99999; margin:0 0 0 10rem;}
	#gnb{padding:0;}
	#gnb_1dul{margin:0;}
	.area_utill{/* top:30rem; */right:20rem;}

	#header.on .area_utill,
	#header[data-show ="active"].on .area_utill{top:24rem;}
	#header.on .nav_open{top:1rem;}
	#gnb_1dul{justify-content:center; justify-content:flex-start; padding-left:0; flex-direction:column;}
	#header .btn_menu.active > span{background:#222;}
	#header nav .gnb{opacity:0;}
	#header.mob nav .gnb{opacity:1;}
	#ft address span,
	#ft_copy{font-size:15rem;}
	#header nav{position:fixed; opacity:0; visibility:hidden; overflow:hidden; top:0rem; right:0; z-index:9; width:50%; height:100%; transition:all 0.5s ease-out 0s;box-shadow: 10rem 13rem 32.75rem 22.25rem rgb(21 21 21 / 10%);}
	#header nav.active{opacity:1; visibility:visible; overflow:visible; right:0rem;}
	#header nav .gnb{position:absolute; opacity:1; top:0; right:0rem; z-index:999; height:100%; background:#fff;}
	#header nav .gnb > li{padding:0;}
	#header nav .gnb > li > a{display:block; position:relative; line-height:1.4em; padding:18rem 45rem; font-weight:700; font-size:26rem !important; color:#222 !important; text-align:left; transition:all 0.3s ease 0s;}
	#header nav .gnb > li ul{display:none; padding:15rem; background:#f8f8f8; text-align:left;}
	#header nav .gnb > li ul.gnb_2dul{position:relative; top:0; left:0; box-sizing:border-box; border:none; transform:none;}
	#header nav .gnb > li ul > li > a{display:block; padding:7px 35rem; border-bottom:none; font-family:'Pretendard', dotum, sans-serif; font-weight:400; font-size:19rem; color:#666;}
	#header nav .gnb > li ul > li:hover a{color:#253dbe;}
	#header nav .gnb > li ul li.active a{color:#253dbe;}
	#header nav .gnb > li > a.on{color:#2d52a7;}
	#header nav .gnb > li > a.active:after{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
	#header nav .gnb > li > a:after{content:""; position:absolute; top:25rem; right:0; width:9rem; height:4rem; transition:all 0.4s ease-out 0s;}
	#header nav .gnb > li:nth-child(2) > a:after{display:none;}
	#header .gnb_header{display:block;}
	#header nav [class^="gnb"]{right:0; width:100vw;}
	#header #header nav .gnb_header{display:block; top:0; height:70rem; margin:0 0 5rem;}
	#header nav .gnb_header img{position:absolute; top:60rem; left:48rem; height:30rem;}
	#header nav .gnb_footer{bottom:0; background:#fff;}
	#header nav .gnb_footer > div{margin:15rem;}
	#header nav .gnb_footer ul li{float:left; width:50%; box-sizing:border-box; border:1px solid #eee; text-align:center;}
	#header nav .gnb_footer ul li:last-child{border-left:none;}
	#header nav .gnb_footer ul{overflow:hidden;}
	#header nav .gnb_footer ul li a{display:block; position:relative; padding:12px 0; font-size:13rem; color:#666;}
	#header nav .gnb_footer > div > a{display:block; margin-top:10rem; padding:17px 0; background:#da2856; font-size:13rem; color:#fff; text-align:center;}
	#ft{padding:100px 0 0;}
	#ft .ft_logo{font-size:55rem;}
	#ft address{margin:30px 5%;}
	#ft .icon_sns{margin:0 0 80rem;}
	.ft_copy{padding:30px 0;}
	#header nav > img{display:block !important; position:absolute; opacity:0.1; bottom:10rem; left:40rem; z-index:9999; width:128%;}
	#header .btn_contact{position:absolute; top:119rem; left:42rem; z-index:9999; margin:0 !important; color:#1777c1 !important; border-color:#1777c1 !important;}
	.list_menu{flex-wrap:wrap;}
	.list_menu li{margin-right:34rem;}
	#ft{padding:0rem 0 0;}
	#ft address{margin:30px 0;}
	.ft_inner address ul{flex-wrap:wrap;}
	.ft_inner address li{margin:5rem 0; margin-right:24rem !important; padding-right:0;}
	#ft .wrap{width:auto; margin-left:0; padding-left:50rem;}
	#ft .scroll_down{display:flex; justify-content:flex-end; position:absolute; right:0; bottom:0; width:auto; border:none;}
	#fullpage > div::after{display:none;}
	.ft_inner address li:last-child{margin:5rem 0; padding:0;}
	.ft_inner address li::after,
	.ft_inner > img{display:none;}
}

@media (max-width:1023px){
	html{font-size:0.09775171065493645vw;}
}

@media (min-width:1023px){	
	
	#header #header .gnb_header{display:none;}
	#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-item > a{display:inline-block;position:relative;z-index:5;line-height:1em;box-sizing:border-box;font-weight: 600;color: #222;transition:color 300ms ease;text-decoration:none;text-transform:uppercase;/* padding: 0 40rem; */font-size: 18rem;padding-bottom: 23rem;top: 9rem;opacity: 1;}
	#gnb .gnb_1dli:focus, #gnb .gnb_2da:hover{display:inline-block;}
	#header.on #gnb .gnb-item > a,
	#header[data-show ="active"].on #gnb .gnb-item > a{color:#333 !important;}

	#gnb .gnb_1dli:focus .gnb_1da, 
	#gnb .gnb_1dli:hover .gnb_1da, 
	#gnb .gnb_1dli.hov .gnb_1da{text-decoration:none;opacity: 0.6;}

	#gnb .gnb_2dul {position:absolute;opacity:0;visibility:hidden;top: 40rem; left:50%; width:180rem; padding:18rem; color:#222; text-align:center;background: #1777c1; box-sizing:border-box;/* border:1px solid #555; */ box-sizing:border-box; transition:opacity 300ms ease, transform 600ms ease; transform:translate(-50%, 10px);border-radius: 15rem;}
	#gnb .gnb_2dli.active a{font-weight:600;opacity: 1;}
	#gnb .gnb_2da{display:block; width:100%; padding:8rem; text-decoration:none; font-size:16rem; line-height:1.3em;color: #fff !important; font-weight:400; box-sizing:border-box;font-family: 'Pretendard', dotum, sans-serif;opacity: 0.7;}

	#gnb .gnb_1dli:focus .gnb_2dul, 
	#gnb .gnb_1dli:hover .gnb_2dul{opacity:1; visibility:visible; transform:translate(-50% , 0px); }
	#gnb .gnb_2da:focus, #gnb .gnb_2da:hover{ display:inline-block;}


	#gnb_empty{width:100%; line-height:2em; padding:10px 0; text-align:center;}
	#gnb_empty a{text-decoration:underline;}
	#header .mobile_home{display:none;}
	#header .gnb_3dul{padding:0; text-align:left;}
	.gnb_3dul li a{display:block; line-height:35rem; padding:0 0 0 15rem; background:#253dbe; border-top:1px solid #2b47dd; color:#fff;}
}

@media (max-width:900px){
	#ft .ft_right .ft_menu{display:none;}
	#header.mob nav .gnb > li ul > li > a{padding:7px 16rem;}
}

@media (max-width:860px){
	html{font-size:0.13020833333333335vw;}
	.scroll_down{left:30rem;}
	#header nav .gnb_header img{height:24rem;}
	#header nav .gnb > li > a{padding:13rem 45rem; font-size:22rem !important;}
}

@media (max-width:768px){
	.tbl_head01 thead th{height:60rem; font-size:15rem;}
	.tbl_head01 td{height:55rem;}
	.box_quick{right:17rem; bottom:20rem;}
	.box_quick .btn_contact{width:60rem; height:60rem;}
	.box_quick .btn_top{margin-top:6rem;}
	.box_quick .btn_contact img{height:26rem;}
	#header.on #logo{top:14rem;}
	.area_utill{/* top:29rem; */}
	.area_utill .list_lang > li > a{font-size:17rem;}
	.area_utill .list_lang > li:first-child{margin:0 10px 0 0;}
	#header.on .area_utill,
	#header[data-show ="active"].on .area_utill{top:18rem;}
	#ft .ft_logo{font-size:45rem;}
	.box_quick{opacity:1; visibility:visible;}
	ul.list_sns li{margin-left:17px !important;}
	.pg_current{width:40rem; height:40rem; font-size:15rem;}
	.pg_page{width:40rem; height:40rem; font-size:15rem;}
	.pg_end,
	.pg_start,
	.pg_next,
	.pg_prev{background-size:12rem;}
	.pg_wrap{margin:30px 0 80rem;}
	[lang="en-US"] .footer_info address ul li p,
	[lang="en-US"] .footer_info address ul li p{width:100%;}
}

@media (max-width:540px){
	html{font-size:0.26666666666666665vw;}
	html{overflow-x:hidden !important;}
	#header .btn_menu > span{height:1rem;}
	#logo{left:0;}
	#logo a{width: 166rem;height: 20rem;}
	#header{position:absolute;z-index:9;width:100%;padding-top: 26rem;}
	#header .area_utill{left:0;}
	#header .area_utill{top: 6rem;}
	.area_utill .list_lang{position:absolute;/* top:-2rem; */right: 69rem;}
	.list_lang li:first-child a{margin-right:0; padding-right:0;}
	.area_utill .list_lang > li > a{font-size:13rem;}
	.sub #scont{padding:0 0 0;}
	.scroll_down p{margin-left:17rem; font-size:11rem;}
	#header nav{width:100%;}
	#header nav .gnb_header img{top:34rem; left:20rem; height:23rem;}
	#header nav .gnb > li > a{padding:10rem 20rem; font-size:20rem !important;}
	#header .gnb_header{margin-bottom:170rem;}
	#header nav .gnb > li ul > li > a{font-size:16rem;}
	#header .btn_contact{top:82rem; left:17rem; padding:5rem 16rem; font-size:14rem;}
	.list_lang li:first-child a::after{display:none;}
	#ft .wrap{margin-bottom:40rem; padding-top:50rem; padding-left:20rem;}
	.ft_inner address li{font-size:13rem;}
	.list_menu li a{font-size:13rem;}
	.ft_inner > p{font-size:11rem;}
	#ft .scroll_down{display:none;}
	.list_menu li:first-child{display:none;}
	.list_menu li{margin-right:15rem;}
	.ft_inner > p{margin-top:55rem;}
	.ft_inner address li{line-height:1.5; margin:3rem 0;}
	.pg_page{width:30rem; height:40rem; font-size:15rem;}
	.pg_wrap{margin:-50rem 0 80rem;}

	[lang="en-US"] .list_menu li{margin-bottom:7px;}
	#ft .wrap{margin-right:30rem}
}