@charset "utf-8";


body {width: 100%; overflow: initial;;}
body, html { text-align: initial;}
html {}
.hidden_txt {position: absolute!important;font-size: 0!important;line-height: 0!important;overflow: hidden!important;}
#wrap {width: 100%;min-width: 1540px;word-break: break-word;overflow: hidden;}
#toTop {display: none;text-decoration: none;position: fixed;bottom: 100px;right: 10px;border-radius: 100px;overflow: hidden;width: 38px;height: 36px;border: none;text-indent: -999999px;background: url(../images/common/totop.png);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;z-index: 99999;background-color: #0380ef;background-repeat: no-repeat;background-position: center center;}
#toTop:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
img {max-width: 100%;}

.section .scroll { position: absolute; bottom: 0; left: 50%; z-index: 100; transform: translateX(-50%); z-index: 5; }
.section .scroll .txt {font-size:16px;color:#fff;font-weight:300;display: inline-block;padding-bottom: 20px;}
.section .scroll .arr { position: relative; width: 1px; height: 60px; background-color: #fff; left: 50%; transform: translateX(-50%); }
.section .scroll .arr:after { position: absolute; top: 10px; left: 50%; content: ''; width: 3px; height: 20px; margin-left: -1px; border-radius: 100px; background-color: #fff; animation: scroll 1.3s infinite; }
@keyframes scroll{
    0% {transform: translate(0, -5px); opacity: 0;}
    40% {opacity: 1;}
    80% {transform: translate(0, 20px);}
    100% {opacity: 0;}
}


/*헤더*/
.m_menu_wrap {width: 280px;height: 100%;position: fixed;top: 0px;right: -280px;bottom: 0;z-index: 9999;background-color:#222;}
.m_menu_wrap a {display: block;color: #fff;}
.m_menu_wrap .menu_a {height: 50px;margin: 0;padding: 0 0 0 20px;border-bottom: #333 1px solid;border-top: #555 1px solid;text-align: left;cursor: pointer;line-height: 50px;font-size: 14px;position: relative;top: 0px;left: 0px;}
.m_menu_wrap .menu_a:after {content:""; width: 10px;height: 10px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;display: block;position: absolute;top: 50%;right: 10px;transform:rotate(225deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link:after {content:""; width: 10px;height: 10px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;display: block;position: absolute;top: 50%;right: 10px;transform:rotate(-45deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link.menu_on:after {transform:rotate(-225deg);}
.m_menu_wrap .menu_a:first-child {}
.m_menu_wrap .sub_menu_wrap {display: none;background-color: #444; width: 100%!important}
.m_menu_wrap .sub_menu_wrap .sub_menu_a {height: 38px;line-height: 38px;padding-left: 30px;border-bottom: 1px solid #666;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:first-child {border-top: none;}
.m_menu_wrap .menu_a:hover{background-color: #0380ef;border-color: #0380ef;color: #fff;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:hover {background-color: #777;border-color: #777;color: #fff;}
.m_menu_wrap .menu_a.menu_on {background-color: #0380ef;border-color: #0380ef;color: #fff;}

.all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1004;}
.m_all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1005;}
.header_all_wrap {width: 100%;position: fixed;top: 0px;left: 0px; z-index: 1005;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.header_all_wrap:before { content: ""; position: absolute; top: 100px; width: 0px; height: 1px; background-color: #fff; transform: translateX(-50%); left: 50%; animation-delay: 0.5s; animation-duration: 3s; animation-name: line; animation-fill-mode: forwards; display: none; }
@keyframes line {
	from { width: 0px; opacity: 0 }
	to { width: 100%; opacity: 0.4 }
}

.header_wrap * {z-index: 1004;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.header_wrap a {display: block;}
.header_wrap {width: 100%;position: relative;top: 0px;left: 0px;padding-top: 20px;z-index: 1004;}
.header_top_wrap {width: 100%;display: none;}
.header_top {width: 100%;max-width: 1540px;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.header_top:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_top_box {float: left;margin-right: 30px;}
.header_top_box_in {position:relative;top: 0px;left: 0px;padding-left: 30px;background-image: url(../images/common/header_top_box.png);background-repeat: no-repeat;background-position:0 center }
.header_top_box_in span {height: 70px;line-height: 70px;color: #fff;font-size: 16px;}
.header_mid_wrap {width: 90%;padding: 0 80px;margin: 0 auto;background-color: #fff;border-radius: 100px;}
.header_mid {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;padding: 0 200px}
.header_mid:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_bottom_wrap {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.header_bottom {width: 1540px;margin: 0 auto;}

.logo_wrap {position: absolute;top: 15px;left: 0px;bottom: 0px;z-index: 2}
/*.logo_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}*/
.header_wrap a.logo {vertical-align: middle;display: inline-block;font-size: 16px;line-height: 1;width: 100%;text-align: center;}
.logo_off {display: none;}
.logo_long {display: none!important;}
.m_menu_btn_wrap { position: absolute; top: 32px; right: 0px; height: 15px; width: 60px; z-index: 3; }
.header_wrap .m_menu_btn_wrap .m_menu_btn { width: 100%; height: 15px; position: absolute; top: 50%; left: 0px; margin-top: -8px; }
.m_menu_btn span { display: none; height: 3px; background-color: #fff; position: absolute; top: 50%; left: 0px; right: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.m_menu_btn:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; background-color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.m_menu_btn:after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 2px; background-color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.m_menu_btn_wrap:hover .m_menu_btn:before {background-color: #0380ef;}
.m_menu_btn_wrap:hover .m_menu_btn::after {background-color: #0380ef;}

.m_close_wrap {position: relative;top: 0px;left: 0px;padding: 20px;}
.m_close_btn {width: 40px;height: 30px;position: relative;top: 0px;left: 0px;}
.m_close_btn:before,
.m_close_btn:after {content:"";display:block;position:absolute;width:35px;height:3px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto}
.m_close_btn:before {transform:rotate(-45deg);transition:all .3s ease}
.m_close_btn:after {transform:rotate(45deg);transition:all .3s ease .15s}

.logo_off {display: none;}
.logo_on {display: inline-block;}


.lang_all_wrap {position: absolute;top:21px;right: 100px;height: 50px;z-index: 3;height: 36px;}
.lang_box {border: 1px solid transparent;border-radius: 100px;}
.lang_sub_wrap {display: none;border-top: 1px solid #ddd;}
.lang_box .lang_box_a {font-size: 16px; padding:0px 40px 0 20px;height: 36px; font-weight: 600; line-height: 36px;color: #222;position: relative;top: 0px;left: 0px;}
.lang_box .lang_box_a:after {content: "";position: absolute;right: 15px;top: 12px; width: 8px;height: 8px;border-left: 1px solid #222; border-bottom: 1px solid #222;transform:rotate(-45deg);transition:all .3s ease}

.lang_box:hover {border-radius: 5px;background-color: #fff;border-color: #0380ef}
.lang_box:hover .lang_box_a {background-color: #0380ef;color: #fff!important;}
.lang_box:hover .lang_box_a:after {transform:rotate(135deg);top: 16px;border-color: #fff!important;}
.lang_box:hover .lang_sub_wrap {display: block;}
.lang_sub_box a {font-size: 14px; color: #333; padding: 0 20px;height: 30px;line-height: 30px;}
.lang_sub_box a:hover {color: #0380ef}


/*메뉴*/
.top_nav {position: relative;top: 0px;left: 0px;font-size: 0px;/* text-align: center; */z-index: 1;padding-top: 0px;overflow: hidden;}
.top_nav:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.top_nav .menu {width: 120px;position: relative;top: 0px;left: 0px;display: inline-block;vertical-align: top;text-align: center;}
.top_nav .menu_05 {width: 80px;} 
.top_nav .menu_a {padding: 0px;font-size: 16px;color: #222;height: 80px;padding: 0 5px;font-weight: 400;}
.top_nav .menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.top_nav .menu_a span {vertical-align: middle;display: inline-block;line-height: 1.6;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;}
.top_nav .menu_a span:after {content: '';position: absolute;bottom: -27px;left: 0px;width: 100%; height: 2px; background-color: #fff;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}

.top_nav .sub_menu_a {line-height: 1.6;font-size: 15px;color: #666;text-align: center;border-bottom: none;padding: 10px 0;-webkit-transition: none;transition: none;font-weight: 300;}
.top_nav .sub_menu_wrap {width: 100%!important;position: relative;top: 100%;left: 0px;-webkit-transition: none;transition: none;text-decoration: none;display: none;padding: 30px 0;}
.top_nav .sub_menu_wrap > div:hover .sub_menu_a,.top_nav .sub_menu_wrap > div.active .sub_menu_a {color: #0380ef;-webkit-transition: none;transition: none;}
.top_nav .menu:hover .menu_a,.top_nav .menu.active .menu_a {}
.top_nav .menu:hover .menu_a span:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.top_nav .menu.active .menu_a span:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}

.top_nav .sub_menu_wrap:before {content: "";position: absolute;top: 0px;left: 50%;width: 3000px;margin-left: -1500px;border-top: 1px solid rgba(0, 0, 0, 0.01)}
.top_nav .sub_menu_wrap:after {content: "";position: absolute;top: 0px;left:0px;right: 0px;border-right: 1px solid rgba(0, 0, 0, 0.05);height: 1000px;z-index: -1;}
.top_nav .menu:first-child .sub_menu_wrap:after {border-left: 1px solid rgba(0, 0, 0, 0.05);}
div[class^="gsap-marker"] {z-index: 9999999!important}


.top_nav .thd_menu_a {line-height: 1.6;font-size: 14px;color: #999;text-align: center;border-bottom: none;padding: 5px 0;-webkit-transition: none;transition: none;font-weight: 300;}
.top_nav .thd_menu_wrap {padding: 5px 0;border-top: 1px solid rgba(0, 0, 0, 0.05);border-bottom: 1px solid rgba(0, 0, 0, 0.05);background-color:rgba(0, 0, 0, 0.01) }
.top_nav .thd_menu_a.active {color: #000}

.sec_all_wrap {width: 100%;overflow: hidden;}
.sec_all_wrap img { max-width: 100%;}
.sec_tit {font-size:18px;font-weight: 200;line-height: 1.4;letter-spacing: -0.025em;color: #222; word-break: keep-all;}
.sec_tit b {font-weight: 500;}
.sec_tit2 {font-size:30px;font-weight: 200;line-height: 1.4;letter-spacing: -0.025em;color: #222;word-break: keep-all;}
.sec_tit2 b {font-weight: 500;}
.sec_tit3 {font-size:48px;font-weight: 200;line-height: 1.4;letter-spacing: -0.025em;color: #222;word-break: keep-all;}
.sec_tit3 b {font-weight: 500;}
.sec_tit4 {font-size:72px;font-weight: 200;line-height: 1.4;letter-spacing: -0.025em;color: #222;word-break: keep-all;}
.sec_tit4 b {font-weight: 500;}
.sec_tit5 {font-size:134px;font-weight: 400;line-height: 1;letter-spacing: -0.025em;color: #222;word-break: keep-all;}
.sec_tit5 b {font-weight: 700;}
.sec_tit6 {font-size:60px;font-weight: 200;line-height: 1.1;letter-spacing: -0.025em;color: #222;word-break: keep-all;}
.sec_tit6 b {font-weight: 500;}
.sec_tit36 {font-size:36px;font-weight: 200;line-height: 1.4;letter-spacing: -0.025em;color: #222;word-break: keep-all;}
.sec_tit36 b {font-weight: 500;}
.sec_tit45 {font-size:45px;font-weight: 200;line-height: 1.4;letter-spacing: -0.025em;color: #222;word-break: keep-all;}
.sec_tit45 b {font-weight: 500;}

.sec_txt {font-size:16px;font-weight: 300;line-height: 1.6;letter-spacing: -0.025em;color: #777;word-break: keep-all;}
.sec_txt b {font-weight: 500;}
.sec_txt2 {font-size:18px;font-weight: 300;line-height: 1.6;letter-spacing: -0.025em;color: #777;word-break: keep-all;}
.sec_txt2 b {font-weight: 500;}
.sec_txt3 {font-size:24px;font-weight: 300;line-height: 1.6;letter-spacing: -0.025em;color: #222;word-break: keep-all;}
.sec_txt3 b {font-weight: 500;}
.mid_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.mid_txt {vertical-align: middle;display: inline-block;width: 100%;text-align : center;padding: 0 10px;position: relative;top: 0px;left: 0px;}



.scroll .header_mid_wrap {box-shadow: 0px 0px 10px #77777730;}
.scroll .logo_on {display: inline-block;}
.scroll .logo_off {display: none;}
.scroll .top_nav .menu_a {color: #222}
.scroll .lang_box .lang_box_a {color: #222;}
.scroll .lang_box .lang_box_a:after {border-color: #222;}
.scroll .m_menu_btn span {background-color: #222;}
.scroll .m_menu_btn:before {background-color: #222;}
.scroll .m_menu_btn:after {background-color: #222;}
.scroll .top_nav .menu_a span:after {background-color: #0380ef}

.open .header_mid_wrap {box-shadow: 0px 0px 10px #77777730;}
.open .logo_on {display: inline-block;}
.open .logo_off {display: none;}
.open .top_nav .menu_a {color: #222}
.open .lang_box .lang_box_a {color: #222;}
.open .lang_box .lang_box_a:after {border-color: #222;}
.open .lang_box .lang_box_a:after {border-color: #222;}
.open .m_menu_btn span {background-color: #222;}
.open .m_menu_btn:before {background-color: #222;}
.open .m_menu_btn:after {background-color: #222;}
.open .top_nav .menu_a span:after {background-color: #0380ef}

/* 
.w_tp .header_all_wrap {background-color: #fff;}
.w_tp .logo_on {display: inline-block;}
.w_tp .logo_off {display: none;}
.w_tp .top_nav .menu_a {color: #222}
.w_tp .lang_box .lang_box_a {color: #222;}
.w_tp .lang_box .lang_box_a:after {border-color: #222;}
.w_tp .m_menu_btn span {background-color: #222;}
.w_tp .m_menu_btn:before {background-color: #222;}
.w_tp .m_menu_btn:after {background-color: #222;}
.w_tp .top_nav .menu_a span:after {background-color: #0380ef}

 */

.mob_vid{display: none;}






/*메인*/
.c_line_wrap {padding: 10px 0}
.c_line {display: block;width: 100%; height: 1px; background-color: #eee;}

.sec_wrap {padding: 160px 0}
.pt_non {padding-top: 0 !important;}
.main_visual { text-align: center; display: block; background-color: #0000005c; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }


@keyframes sizeup {
	0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	50% { transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transform: scale(1.1); }
	100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}

@keyframes sizeup2 {
	0% { transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); }
	50% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
	100% { transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); }
}

.main_visual img { width: 100%; }
.main_visual_wrap:hover .main_visual img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 30s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

#myVideo { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }


.main_visual_all_wrap {width: 100%; height: 100vh; position: relative;top: 0px;left: 0px;text-align: center;overflow: hidden;}
.main_visual_wrap {width: 100%; position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;overflow: hidden;z-index: 4;}
.main_visual_txt_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px; }
.main_visual_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.main_visual_txt {font-size:60px;line-height: 1.2;font-weight:500;vertical-align: middle;display: inline-block;color: #fff;width: 100%;position: relative;top: 0px;left: 0px;text-align: center;word-break: keep-all;}
.main_wrap .sec_wrap {overflow: hidden;}

.main_visual_txt *{color: #fff;}
.tit_bl { display: inline-block; font-size: 20px; color: #fff!important; padding: 15px 30px; background-color: #0380ef; font-weight: 600; border-radius: 100px; }

.main_visual_txt_03 a:hover {background-color: #fff;color: #222;border-radius: 100px;}


.more_btn_wrap :hover {padding-right: 45px;}
.more_btn_wrap .more_btn_a { display: inline-block; position: relative; padding: 0 50px 0 0; top: 0px; left: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; font-size: 16px; }
.more_btn_wrap .more_btn_a:after { content: ""; position: absolute; right: 0px; top: 50%; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #222; margin-top: -5px; }
.more_btn_wrap .more_btn_a:before {content: "";position: absolute;right: 1px;top: 50%; width: 25px;height: 1px;background-color: #222;margin-top: -1px;}
.more_btn_wrap .more_btn_a span {display: inline-block;position: relative;top: 0px;left: 0px; font-size:16px; font-weight: 500;color: #222; padding: 10px 0}
.more_btn_wrap .more_btn_a:hover {padding-right: 45px;}

.sec_bumo {position: relative;top: 0px;left: 0px;}
.sec_bumo:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

.opa4 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 0.4;}
.opa6 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;}
.opa8 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: 0.8;}

.bold700 {font-weight: 700!important}
.bold600 {font-weight: 600!important}
.bold500 {font-weight: 500!important}
.bold400 {font-weight: 400!important}


.sec_logo_tit { width: 170px; display: inline-block; height: auto; line-height: 1; }







.sec_all_wrap .section {overflow: hidden;}



.sec_btn_wrap {display: block;}
.sec_btn_wrap .sec_btn {display: inline-block;padding: 15px 30px; border: 1px solid #fff;color: #fff;border-radius: 100px;}
.sec_btn_wrap .sec_btn:hover {background-color: #0380ef;border-color: #0380ef;}
.sec_btn_wrap.color_btn .sec_btn {border-color: #ddd; color: #666}
.sec_btn_wrap.color_btn .sec_btn:hover {background-color: #0380ef;border-color: #0380ef;color: #fff}

.main_sec_01_wrap{background-color:#f7fbff;}
.main_sec_01_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1;}
.main_sec_01_in {position: relative;top: 0px;left: 0px;z-index: 2;width: 100%; margin: 0 auto;}
.main_sec_01_con_in {overflow: visible;}

.main_sec_01_con_wrap {max-width: 1400px; margin: 0 auto; display: flex; align-items: center;}
.main_sec_01_con_left {width: 50%;}
.main_sec_01_con_right {width: 50%; overflow: hidden;}
.main_sec_01_in .sec_tit5{white-space: nowrap; will-change: transform; line-height: 1.2; }

.about_li{display: flex; gap: 20px; align-items: center;padding-bottom: 20px;}
.about_li:last-child{padding-bottom: 0;}
.about_li_num { display: inline-block; width: 45px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: 600; color: #3a8afd; background-color: transparent; border: 1px solid #b3daff; border-radius: 100px; }
.about_li_info { padding: 20px 30px; border-radius: 10px; color: #000; display: inline-block; width: 100%; background-color: #fff; }


@keyframes bounce {
    0% {
        right: -10px;
    }
    50% {
        right: -20px;
    }
    100% {
        right: -10px;
    }
    }
@keyframes bounce2 {
    0% {
        bottom: 10px;
    }
    50% {
        bottom: 0px;
    }
    100% {
        bottom: 10px;
    }
}



.main_sec_02_wrap{padding: 150px 0;}
.main_sec_02_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; background-color: #fff; }
.main_sec_02_in {position: relative;top: 0px;left: 0px;z-index: 2;width: 100%;  max-width: 1400px; margin: 0 auto;}
.main_sec_02_con_in {overflow: visible;}


.main_sec_02_con_wrap{position: relative; top: 0; left: 0; display: flex;}
.main_sec_02_02_con_wrap { align-items: center; }
.main_sec_02_con_right{position: relative; top: 0; left: 0; width: 50%;}
.main_sec_02_con_left{ width: 50%;}

.why_list_img_bg{position: relative; background-color: #000; border-radius: 30px; height: 350px;background-repeat: no-repeat; background-size: cover; background-position: bottom;}
.why_list_img_txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 48px; font-weight: 600;}
.why_list_img_wrap_01{position: relative;top: 0; left: 0; width: 100%; }
.why_list_img_wrap_01 .why_list_img_bg{ background-image: url(../images/main/why_list_img_bg_01.jpg); }
.why_list_img_wrap_02{position: relative;top: 0; right: 150px; width: 100%; }
.why_list_img_wrap_02 .why_list_img_bg{ background-image: url(../images/main/why_list_img_bg_02.jpg); }
.why_list_img_wrap_02::after{content: '';display: inline-block; width: 160px; height: 160px; position: absolute; bottom: -30px; left: -120px; background-image: url(../images/main/why_list_img_obj.png);background-repeat: no-repeat; background-size: contain; background-position: center;}
.why_list_img_wrap_02::after {  animation: bounce2 1.3s infinite;  }
.why_right_img_wrap{position: relative;top: 0; left: 0;right: 0;bottom: 0;}
.why_right_img_bg{position: relative; background-color: #000; height: 760px; background-image: url(../images/main/why_right_img_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.main_sec_03_wrap {padding: 150px 0;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(240,244,247,1) 100%);}
.main_sec_03_con_left{position: relative;top: 0;left: 8%;width: 50%;float: left;}
.main_sec_03_con_left_in {position: relative;width: 90%;background-color: #fff;margin: 0 auto;padding: 80px 50px;border: 5px solid #ddd;border-radius: 30px;padding-right: 120px;}
.main_sec_03_con_right{position: relative;top: 0;right: 5%;width: 50%;float: left;}
.main_sec_03_con_right_in {position: relative; width: 80%;background-color: #fff;margin: 0 auto;padding: 80px 50px;border: 5px solid #048be4;border-radius: 30px;}
.main_sec_03_con_right_in::after{content: '';display: inline-block; width: 190px; height: 190px; position: absolute; bottom: 50px; right: -120px; background-image: url(../images/main/why_ox_box_obj.png);background-repeat: no-repeat; background-size: contain; background-position: center;}

.why_ox_box_tit { position: absolute; top: -28px; left: 50%; transform: translateX(-50%); display: inline-block; color: #fff; font-size: 30px; font-weight: 500; padding: 15px 30px; border-radius: 100px; }
.why_ox_box_bf .why_ox_box_tit{background-color: #ddd;}
.why_ox_box_af .why_ox_box_tit{background-color: #048be4;}
.why_ox_box_img{border-radius: 10px; overflow: hidden;}
.why_ox_box_txt{font-size:20px;font-weight: 300;line-height: 1.6;letter-spacing: -0.025em;color: #777;word-break: keep-all;padding-bottom: 20px;}
.why_ox_box_wrap .why_ox_box::after{content: '';display: inline-block; background-color: #ddd;width: 100%; height: 1px;}
.why_ox_box_wrap .why_ox_box:last-child::after{display: none;}
.why_ox_box_af .why_ox_box_txt{color: #048be4;}

.main_sec_04_wrap{position: relative;}
.main_sec_04_con_all_wrap { position: relative; height: 180vh;}
.card_cont_tit{overflow: hidden;}

.text_wrap span{font-size: 45vw;color: #f2f7fd; font-weight: 600;position: absolute;mix-blend-mode: multiply;}
.text_left{top:-10%; left: -10%;}
.text_right{ top:20%; right: -10%;}
.con-sticky { position: -webkit-sticky; position: sticky; top: 0; height: 100vh; overflow: visible; }
.card_container { z-index: 2; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.card { width: calc(376 / 1920 * 100%); transition: transform 0.4s; will-change: transform; position: relative; }
.card img { display: block; width: 100%; border-radius: 25px; }
.card_01 { position: absolute; z-index: 3; transform: rotate(15deg); }
.card_02 { z-index: 2; transform: rotate(0deg); }
.card_03 { position: absolute; z-index: 1; transform: rotate(-15deg); }

.main_sec_05_con_left_in{overflow: hidden;}
.main_sec_05_con_right_in{width: 1550%;}
.mem_box_wrap { position: relative; display: inline-block; margin-right: 20px; border-radius: 30px; overflow: hidden; }

.mem_box_wrap.mem_box_wrap_01 {}
.mem_box_bg{position: absolute;bottom: 0px;right: -5%;z-index: 1;width: 380px;height: 360px;background-repeat: no-repeat;background-size: contain;background-position: center;/* overflow: hidden; */}
.mem_box_wrap_01 .mem_box_bg{ background-image: url(../images/main/mem_bg_01_re.png);}
.mem_box_wrap_02 .mem_box_bg{ background-image: url(../images/main/mem_bg_02.png);}
.mem_box_wrap_03 .mem_box_bg{ background-image: url(../images/main/mem_bg_03.png);}
.mem_box_wrap_04 .mem_box_bg{ background-image: url(../images/main/mem_bg_04.png);}
.mem_box_wrap_05 .mem_box_bg{ background-image: url(../images/main/mem_bg_05.png);}
.mem_box_in{background-color: #048be4;padding: 50px;float: left;width: 600px;height: 500px;/* border-radius: 30px; */overflow: hidden;}
.mem_box_wrap *{color: #fff;}
.mem_name_wrap{display: flex;align-items: flex-end;}
.mem_name{font-size: 36px;font-weight: 600;}
.mem_duty{font-size: 18px; padding-left: 20px;}
.mem_his_list{}
.mem_his_list li{position: relative; font-size: 16px; font-weight: 400; line-height: 1.6; padding-left: 20px;}
.mem_his_list li::after{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #fff; width: 3px; height: 3px; border-radius: 10px;}

.flow-container { width: 14000px; overflow: hidden; }
.flow-wrap { display: flex; white-space: nowrap; }
.flow-wrap li { display: inline-block; padding: 0 10px; }
.flow-wrap img { width: 100%; height: auto; object-fit: contain; display: inline-block; }

.main_sec_07_01_con_wrap{position: relative; top: 0; left: 0;overflow: hidden;}
.mock_2obj { max-width: 1100px; padding-left: 100px; }
.side_obj{position: absolute; z-index: 1;background-repeat: no-repeat;background-size: contain;background-position: center;}
.side_obj_01{top: 10%;left: 10%;width: 180px;height: 200px;background-image: url(../images/main/side_obj_01.png);animation: up-down 1.4s infinite ease-in-out alternate;}
.side_obj_02{bottom: 30%;right: 10%;width: 180px;height: 200px;background-image: url(../images/main/side_obj_02.png);animation: up-down2 1.4s infinite ease-in-out alternate;}
@keyframes up-down{
    from{
      transform: translatey(0px);
    }
    to{
      transform: translatey(-20px);
    }
  }
  @keyframes up-down2{
    from{
      transform: translatey(0px);
    }
    to{
      transform: translatey(20px);
    }
  }

.main_sec_07_02_con_wrap{padding-top: 150px;}
.main_sec_07_02_con_wrap_in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 80px; }
#mockVideo {     position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;}
.main_sec_07_02_left_wrap { text-align: right; }
.main_sec_07_02_right_wrap { text-align: left; }
.mock_obj_bg_flow { position: relative; display: inline-block; width: 33.33%; gap: 20px;}
.mock_obj_bg_flow_in { position: relative; top: 10px; left: 9%; width: 400px; height: 850px; border-radius: 80px; overflow: hidden; z-index: 10}
.mock_obj_bg_flow::after { content: ''; position: absolute; top: 0; left: -13px; right: 0; bottom: 0; background-image: url(../images/main/mock_obj_frame.png); background-repeat: no-repeat; background-size: contain; background-position: center; width: 700px; height: 980px; z-index: 100; }
.mock_obj_circle_bg{display: inline-block;
    width: 600px;
    height: 600px;
    border-radius: 100%;
    background-image: url(../images/main/mock_obj_circle_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10;}

.main_sec_08_wrap{background-color: #f9f9f9;}
.down_box_cont{display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;}
.down_box{width: 33.33%;background-color: #fff;text-align: center;border-radius: 30px;padding: 70px 50px;box-shadow: 0px 0px 10px #77777730;}
.app_info_btn{color: #0380ef!important; font-size: 18px; font-weight: 600; cursor: pointer;}
.app_down_con_wrap{display: flex; gap: 10px;justify-content: center;}
.app_down_btn_a{display: inline-block; padding: 8px 10px; border: 1px solid #ddd; border-radius: 5px;}


.main_sec_09_wrap{text-align: left;}
.sec_tit_wrap{position: relative;}
.notice_more_btn_wrap{position: absolute; right: 0; bottom: 0;}
.notice_more_btn_a{color: #666; cursor: pointer;}
.notice_more_btn_a:hover{color: #0380ef!important;}



.notice_con .pic_lt .lat_title{display: none !important;}
.notice_con .pic_lt li{width: 33.33%;}

.owl-carousel .owl-item img{border-radius: 10px; overflow: hidden;}
.owl-item .lt_tit{font-weight: 600;}





/*슬라이드*/
.owl-carousel {position: relative;top: 0px;left: 0px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;width:51px; 
    height: 88px;margin-top: -44px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.owl-carousel .owl-nav button span {display: none;}
/* .owl-carousel .owl-nav button.owl-prev {left: -70px;background-image: url(../images/common/arr_prev.png);}
.owl-carousel .owl-nav button.owl-next {right: -70px;background-image: url(../images/common/arr_next.png);} */

.owl-carousel .owl-nav button.owl-prev{width: 45px;height: 2px; background-color: #aaaaaa;}
.owl-carousel .owl-nav button.owl-prev::after { content: ""; position: absolute; right: 29px; top: -7px; width: 15px; height: 15px; border-left: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(45deg); }
.owl-carousel .owl-nav button.owl-next{width: 45px;height: 2px; background-color: #aaaaaa;}
.owl-carousel .owl-nav button.owl-next::after { content: ""; position: absolute; right: 2px; top: -7px; width: 15px; height: 15px; border-left: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(225deg); }

.owl-carousel .owl-nav button.owl-prev:hover::after,
.owl-carousel .owl-nav button.owl-next:hover::after{ border-left: 2px solid #222;border-bottom: 2px solid #222;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover{background-color: #222;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}

.owl-carousel .owl-dots {position: absolute;bottom: -40px;left: 0px;width: 100%;text-align: center;font-size: 0px;}
.owl-carousel .owl-dots button {display: inline-block;}
.owl-carousel .owl-dots button span {display: inline-block;width: 10px;height: 10px;overflow: hidden;background-color: #222;border-radius: 100px;margin: 2px;opacity: 0.2;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.owl-carousel .owl-dots button.active span {opacity: 1;}

.owl-carousel .item {}
.item_tit_en {font-size:18px;font-weight: bold;line-height: 1.6;text-align: center;color: #333;padding: 5px 0;}
.item_tit_kr {font-size:16px;font-weight: 300;line-height: 1.6;text-align: center;color: #666;padding: 5px 0}
.owl-carousel .owl-item .item_img img {width: initial;}

.owl-item .lt_tit { padding: 20px 0 15px; display: inline-block; font-size: 24px; }
.owl-item .item_bottom .date{padding-top: 10px;}
.owl-item .item_bottom .hover_text{display: none;}




/*Footer*/
.footer_all_wrap {width: 100%;background-color: #fafafa;color: #666}
.footer_wrap {width: 100%;padding: 80px 20px;}
.footer_con_wrap {width: 100%; max-width: 1400px;display: flex; margin: 0 auto;position: relative;top: 0px;left: 0px;}
.footer_mid {width: 100%;position: relative;top: 0px;left:0px; text-align: center;}
.footer_left:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer_logo { position: relative; top: 0px; left: 0px; display: inline-block; width: 180px; padding-bottom: 30px; }
.footer_info_wrap {width: 100%;}
.footer_info {font-size:14px; line-height: 1.8; }
.footer_info .sec_tit b {color: #ccc;font-weight: 400;padding-right: 5px;}
.footer_info .sec_txt{color: #777777; font-weight: 300; }
.footer_info b{padding-right: 20px;}
.footer_sns{display: flex; gap: 20px; margin: 0 auto; justify-content: center;}
.footer_sns_btn .sns_on{display: none;}
.footer_sns_01:hover .sns_off{display: none;}
.footer_sns_01:hover .sns_on{display: block;}
.footer_sns_02:hover .sns_off{display: none;}
.footer_sns_02:hover .sns_on{display: block;}
.footer_sns_03:hover .sns_off{display: none;}
.footer_sns_03:hover .sns_on{display: block;}

.footer_go_wrap{display: inline-flex;gap: 10px;flex-wrap: wrap;align-items: center;}
.ft_go_btn_a:hover{background-color: #0380ef;}
.ft_go_btn_a{position: relative;display: block;color: #fff;background-color: #333333;padding: 15px 60px 15px 15px;}
.ft_go_btn_arr { display: inline-block; width: 30px; height: 30px; line-height: 50px; margin-left: 20px; position: absolute; top: 50%; background-repeat: no-repeat; background-position: center center; background-size: 13px; background-image: url(../images/common/btn_arr_w.svg); transform: translateY(-50%);}




/*서브메뉴*/

.line_all_wrap {width: 100%; background-color: #333;}
.line_wrap {width: 100%;max-width:1400px; margin: 0 auto;position: relative;top: 0px; left: 0px;}
.line_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.line_nav_wrap {float: left;}
.line_notice_all_wrap {float: right;}
.line_nav_home {float: left;}
.line_nav_home a {display: block; height: 50px; border-left: 1px solid #555;border-right: 1px solid #555;line-height: 50px;padding: 0 10px;font-size: 15px;font-weight: 500;color: #fff;}
.line_nav_home a:hover {background-color: #0380ef; color: #fff; border-color: #0380ef;}
.line_nav {float: left;}
.line_nav_box {float: left; position: relative;top: 0px; left: 0px;}
.line_nav_target .menu {display: none;}
.line_nav_target .menu.active {display: block;}
.line_nav_box_01 {overflow: hidden;height: 50px;}
.line_nav_box_01 .line_nav_target .sub_menu_wrap {display: none;}
.line_nav_menu {background-color: #fff;}
.line_nav_target .menu_a {display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.line_nav_target .menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.line_nav_target {border-right: 1px solid #555;}
.line_nav_box_01 .line_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.line_nav_box_01 .line_nav_menu .sub_menu_wrap {display: none;}
.line_nav_box_01 .line_nav_menu .menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;color: #666}
.line_nav_box_01 .line_nav_menu .menu_a:hover {background-color: #f7f7f7;color: #0380ef;}
/*.line_nav_box_01 .line_nav_menu .menu.active{display:none;}*/
.line_nav_box_01:hover {overflow: visible;}
.line_nav_box_01:hover .line_nav_target .menu_a {background-color: #0380ef}
.line_nav_box_01:hover .line_nav_target .menu_a:after {}
.line_nav_box_01:hover .line_nav_menu {display: block;}
.line_nav_box_02 {overflow: hidden;height: 50px;}
.line_nav_box_02 .line_nav_target .menu_a {display: none; }
.line_nav_box_02 .line_nav_target .sub_menu {display: none;}
.line_nav_box_02 .line_nav_target .sub_menu.active {display: block;}
.line_nav_box_02 .line_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.line_nav_box_02 .line_nav_target .sub_menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.line_nav_box_02 .line_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.line_nav_box_02 .line_nav_menu .menu {display: none;}
.line_nav_box_02:hover {overflow: visible;}
.line_nav_box_02:hover .line_nav_menu {display: block;}
.line_nav_box_02:hover .line_nav_target .sub_menu_a {background-color: #0380ef}
.line_nav_box_02:hover .line_nav_target .sub_menu_a:after {}
.line_nav_box_02 .line_nav_menu .menu.active {display: block;}
.line_nav_box_02 .line_nav_menu .menu_a {display: none;}
.line_nav_box_02 .line_nav_menu .sub_menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.line_nav_box_02 .line_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #0380ef}
/*.line_nav_box_02 .line_nav_menu .sub_menu.active {display: none;}*/


.sub_label_menu .menu {display: none;}
.sub_label_menu .menu.active {display: block;}
.sub_label_menu .menu_a {display: none;}
.sub_label_menu .sub_menu {display: none;}
.sub_label_menu .sub_menu.active {display: block;}




/*제품*/
.pt_list_all_wrap {width: 100%;overflow: visible;padding: 0}
.pt_list_wrap {margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px 30px;}
.pt_list_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pt_list_box { float: none; margin: 0; position: relative; top: 0px; left: 0px; overflow: hidden; border: 1px solid #f1f1f1; border-radius: 15px; box-shadow: 0px 0px 15px #a9a9a930; }
.pt_chk {position: absolute;top: 0px;left: 0px;}
.pt_list_info_wrap {padding: 30px;}
.pt_list_box .pt_list {display: block;position: relative;top: 0px;left: 0px;background-color: #fff;border: none;}
.pt_list_box .pt_list_img {position: relative;top: 0px;left:0px;overflow: hidden;}
.pt_list_box .pt_list_img img {width: 100%;max-width: 100%;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.pt_list_mask {position: absolute;top: 0px; left: 0px; right: 0px; bottom: 0px;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pt_list:hover .pt_list_mask { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; }
.pt_list:hover .pt_list_img img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.sub_05 .pt_list:hover .pt_list_mask { opacity: 0.1; }
.sub_05 .pt_list:hover .pt_list_img img { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); }
.pt_list_txt {height: 52px;width: 100%;position: relative;top: 0px;left: 0px;overflow: hidden;}
.pt_list_txt:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.pt_list_txt .pt_list_txt_in {vertical-align: middle;display: inline-block;line-height: 1.3;color: #333; font-weight: 600;font-size: 16px;width: 100%;}
.pt_list_txt .pt_list_txt_in span {width: 100%;display: block;line-height: 1.6; }
.pt_list_txt .pt_list_txt_in .pt_list_txt_en {font-size:14px; color: #666;padding-top: 5px;}

.pt_list_cate { font-size: 16px; color: #888;font-weight: 300; padding-bottom: 30px; }
.pt_list_date {font-size: 16px; color: #999;padding-top: 10px;}
.main_board_line_in {line-height: 1.6;}
.board_wrap {}
#bo_v_atc {padding: 20px;}

.sub_05_01 #bo_cate{display: none;}


/*서브*/
.sub .header_mid_wrap{  box-shadow: 0px 0px 10px #77777730;}
.sub_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.sub_wrap > div {position: relative;top: 0px;left: 0px;z-index: 800;}
.sub_wrap > div.line_all_wrap {z-index: 850;}
.sub_wrap .sec_wrap  {overflow: hidden;}
.sub_visual_all_wrap {width: 100%;background-repeat: no-repeat;background-position: center top; padding:0px 20px;background-size: cover;z-index: 900!important;overflow: hidden;}
.sub_visual_bg {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;}

.sub_visual_box{position: relative;padding: 250px 0;}
.sub_visual_wrap {width: 100%;max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}
.sub_visual_txt {padding-bottom: 20px;padding-top: 50px;font-size: 48px;line-height: 1.4; color: #000; text-align: center; font-weight: 700;text-transform: uppercase;}
.sub_visual_txt a {font-size: 48px;color: #fff;;font-weight: 700;}
.sub_visual_txt .menu {display: none;}
.sub_visual_txt .menu.active {display: block;}
.sub_visual_txt .menu_a {display: block;}
.sub_visual_txt .sub_menu_wrap {display: none;}
.sub_visual_txt .sub_menu {display: none;}
.sub_visual_txt .sub_menu.active {display: block;}
.sub_visual_txt2 {font-size:16px; color: #fff;line-height: 1.3;font-weight: 300;display: none;}
.sub_visual_txt2 b {font-weight: 700;}
.sub_visual_txt3{font-size: 18px;color: #888;font-weight: 200;line-height: 1.4;padding-top: 30px;}


.sub_con_wrap {width: 100%;}
.sub_con {width: 100%; max-width: 1540px;margin: 0 auto;}

.txt_color{color: #0380ef!important;}
.txt_color_02{color: #aaa!important;}
.txt_center {text-align: center;}
.bgap {height: 160px;}
.gap {height: 100px;}
.sgap {height: 50px;}
.ssgap {height: 25px;}
.sssgap {height: 15px;}
.ssssgap {height: 8px;}


.subtit_bl{display: inline-block; font-size: 20px; color: #0380ef!important; padding: 10px 20px; background-color: #c9e6ff; font-weight: 600; border-radius: 100px;}


.c_list01 {text-align:left;}
.c_list01 > li {padding:4px 0 6px 13px;position:relative;top:0px;left:0px}
.c_list01 > li:before {content:"";position:absolute;top:14px;left:0px;width:4px;height:4px;border-radius:100px;background-color:#0061AB}
.c_list01 > li > .tit {position:relative;top:0px;left:0px;font-size:1em;vertical-align:top;color:#222;font-weight:500;display:inline-block}
.c_list01 > li > .txt {position:relative;top:0px;left:0px;font-size:1em;display:inline-block}
.c_list01 > li > .tit:before {display:inline-block;vertical-align:top}
.c_list01 > li > .txt:before {display:inline-block;vertical-align:top}
.c_list01 > li > .tit:after {display:inline-block;vertical-align:top;font-size:1em}
.c_list01 > li > .tit.no-blt {display:block}
.c_list01 > li > .tit.no-blt:after {display:none}
.c_list01 > li > .txt:after {display:inline-block;vertical-align:top}
.c_list01 > li > .tit:first-child:after {content:":";padding:0 7px;position:relative;top:1px;right:0px;vertical-align:top}
.c_list01 > li > ul,.c_list01 > li > ol {display:block;width:100%;padding:10px 0}



.c_list_02 {text-align:left;line-height: 1.6;padding-left: 18px;margin: 0px;font-size:16px;font-weight: 300;word-break: keep-all;}
.c_list_02 > li {position:relative;margin:0;box-sizing:border-box;}
.c_list_02 > li::marker {}
.c_list_02 > li:before {content:"";position: absolute;top: 10px; left: -15px;width: 4px; height: 4px; background-color: #0380ef; border-radius: 100px;}
.c_list_02 span {color: #a5272b;}


/*유튜브*/
.seok_video_wrap { position: relative; left: 0px; top: 0px; overflow: hidden; padding-bottom: 56%; }
.videoWrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

@media (min-aspect-ratio:16/9) {
	.videoWrapper { height: 300%; top: -100%; }
}
@media (max-aspect-ratio:16/9) {
	.videoWrapper { width: 300%; left: -100%; }
}




/*테이블*/
.table_wrap table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000}
.table_wrap td {padding: 25px 10px;font-weight: 300; text-align: center;border-bottom: 1px solid #ddd;}
.table_wrap th {padding: 25px 10px;font-weight: 500; text-align: center;border-bottom: 1px solid #ddd;}
.td_01 {text-align: center;}
.td_02 {text-align: center;}
.table_01_wrap table  {font-size: 14px;}
.table_01_wrap th {width: 130px;}


.board_wrap .table_wrap table {}
.board_wrap .table_wrap td {text-align: left;}
.board_wrap .table_wrap th {background-color: #f7f7f7}




/*게시판*/
.s_board_label_wrap {width: 100%;padding: 30px 0 10px}
.s_board_label_in {width: 100%; border-bottom: 1px solid #ddd;}
.s_board_label {border-bottom: 3px solid #0380ef;display: inline-block;padding-bottom: 15px;padding-right: 10px;}
.s_board_label span {display: inline-block;font-size: 20px;color: #333;padding-right: 10px;}



/*카테고리*/

.b_view .s_cate_all_wrap,.b_write .s_cate_all_wrap {display: none;}
.s_cate_all_wrap {width: 100%}
.s_cate_wrap {width: 100%}
.s_cate_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_cate_wrap .menu {display: none;}
.s_cate_wrap .menu.active {display: block;width: 100%; overflow: hidden;}
.s_cate_wrap .menu_a {display: none;}
.s_cate_wrap .sub_menu_wrap {margin-left: -5px;}
.s_cate_wrap .sub_menu_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_cate_wrap .sub_menu {float: left; padding-left: 5px;}
.s_cate_wrap .sub_menu_a {height: 40px;line-height: 40px;padding: 0 15px; color: #999;border: 1px solid #eee;display: block;}
.s_cate_wrap .sub_menu_a.active, .s_cate_wrap .sub_menu_a:hover {background-color: #0380ef;border-color: #0380ef;color: #fff;}



.rdos {display:inline-block}
.rdos input[type="radio"] {position:absolute;width:16px;height:16px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;background:#fff;margin:8px 0}
.rdos input[type="radio"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:30px;min-height:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.3;margin-right:5px;font-size:1em;font-weight:500;word-break: break-all;white-space: nowrap;}
.rdos input[type="radio"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:20px;height:20px;text-align:center;background:#fff;border:2px solid #ccc;box-sizing:border-box;transition:all .3s ease;border-radius:100px}
.rdos input[type="radio"] + label:after {content:'';position:absolute;top:9px;margin:0 0 0 0px;left:7px;width:6px;height:6px;background:#ddd;border-radius:100%;transition:all .3s ease}
.rdos input[type="radio"] + label:active:before,
.rdos input[type="radio"]:checked + label:active:before {}
.rdos input[type="radio"]:checked + label:before {}
.rdos input[type="radio"]:checked + label:after {background-color:#2767c9}
.rdos input[type="radio"]:checked + label:before {border-color:#2767c9}

.chks {display:block;position:relative}
.chks.inline {display:inline-block}
.chks input[type="checkbox"] {position:absolute;width:16px;height:16px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;background:#fff;}
.chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:30px;min-height:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.6;margin-right:5px;font-size:16px;font-weight:300;word-break: break-all;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:20px;height:20px;text-align:center;background:#fff;border:1px solid #bbb;box-sizing:border-box;transition:all .3s ease}
.chks input[type="checkbox"] + label:after {content:"";display:block;position:absolute;width:12px;height:6px;left:4px;top:8px;border-width:0 0 2px 2px;border-style:solid;border-color:transparent transparent #ddd #ddd;transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .3s ease}
.chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #fff #fff}
.chks input[type="checkbox"]:checked + label:before {background-color: #0380ef;border-color: #0380ef;}




/*------SUBPAGE------*/
.sec_in {width: 100%;max-width: 1400px;margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;/* overflow: hidden; */}
.sub .sec_in {width: 100%;max-width: 1200px;margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;/* overflow: hidden; */}
.sub_top_nav {width: 100%;border-bottom: 1px solid #ddd;display: none;}
.sub_top_nav .menu {display: none;}
.sub_top_nav .menu.active {display: block;}
.sub_top_nav .menu_a {display: none;}
.sub_top_nav .sub_menu_wrap {display: block;width: 100%;text-align: center;font-size: 0px;max-width: 1400px;margin: 0 auto;}
.sub_top_nav .sub_menu {display: inline-block;width: 20%;position: relative;top: 0px;left: 0px;}
.sub_top_nav .sub_menu_a {display: block;font-size: 16px;height: 70px;font-weight: 400;color: #666}

.sub_top_nav .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.sub_top_nav .sub_menu_a span {vertical-align: middle;display: inline-block;line-height: 1.3;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;word-break: keep-all;padding: 0 10px;}
/*.sub_top_nav .sub_menu:after {content: '';position: absolute;bottom: 0px;left: 50%;width: 0px; height: 2px; background-color: #000;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;transform: translateX(-50%);}
.sub_top_nav .sub_menu:hover:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;width: 100%;}
.sub_top_nav .sub_menu.active:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;width: 100%;}
*/
.sub_top_nav .sub_menu:before { content: ''; position: absolute; bottom: -7px; left: 50%; width: 16px; height: 14px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; margin-left: -8px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/common/sub_menu.png); }
.sub_top_nav .sub_menu:hover:before {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.sub_top_nav .sub_menu.active:before {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}

.sub_top_nav .sub_menu:hover .sub_menu_a {color: #0380ef;}
.sub_top_nav .sub_menu.active .sub_menu_a {color: #0380ef;}





.r_step_all_wrap {width: 100%;}
.r_step_wrap {text-align: center;font-size: 0px}
.r_step_box {width:200px;height: 200px;display: inline-block;border: 5px solid #849bd3;border-radius: 100px;vertical-align: middle;}
.r_step_arr_wrap {display: inline-block; height: 200px; width: 15%;position:relative;top: 0px;left: 0px;vertical-align: middle;}
.r_step_box:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.r_step_box .r_step_box_in {vertical-align: middle;display: inline-block;line-height: 1.3;width: 100%;padding: 10px}
.r_step_box_num {font-size: 18px; font-weight: 300; color: #0032a9}
.r_step_box_txt {font-size: 28px; font-weight: 400; color: #222;padding: 5px 0}
.r_step_arr_wrap:before {content: "";position: absolute;left: 0px;right: 0px;top: 50%; height: 1px; background-color: #ccc}
.r_step_arr_wrap:after {content: "";width:0px; height:0px; border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ccc;display: block;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;margin: auto;}




.sub_visual_bg{ z-index: -10;   background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(240, 244, 247, 1) 100%);}
.sub .text_left { top: 0%; left: -10%;     z-index: 999;}
.sub .text_right { top: 0%; right: -5%;     z-index: 999;}



.s_sec_01_01_01_bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #f9f9f9; }
.s_sec_01_01_02_con_in{display: flex; justify-content: center;}
.s_sec_01_01_02_left_wrap { padding-left: 80px; }
.s_sec_01_01_02_right_wrap { padding-left: 80px; }
.s_sec_01_01_03_wrap {background-color: #f8fafc;}
.s_sec_01_01_03_01_con_wrap { display: flex; justify-content: center; align-items: center; }
.s_sec_01_01_03_01_left_wrap { width: 50%; padding-bottom: 50px; }
.s_sec_01_01_03_01_right_wrap { width: 50%; }
.s_sec_01_01_03_02_con_wrap { display: flex; justify-content: center; align-items: center; }
.s_sec_01_01_03_02_left_wrap { width: 50%; }
.s_sec_01_01_03_02_right_wrap { width: 50%; padding-bottom: 50px; }
.s_sec_01_01_04_01_con_wrap{ display: flex; justify-content: center; align-items: center;}
.s_sec_01_01_04_01_left_wrap{ width: 50%;}
.s_sec_01_01_04_01_right_wrap{width: 50%; padding-bottom: 50px;}
.s_sec_01_01_04_02_con_wrap{ display: flex; justify-content: center; align-items: center;}
.s_sec_01_01_04_02_left_wrap{width: 50%; padding-bottom: 50px;}
.s_sec_01_01_04_02_right_wrap{width: 50%;}
.s_sec_01_01_05_wrap { width: 90%; margin: 0 auto; margin-bottom: 150px; background-color: #027df1; border-radius: 30px; overflow: hidden; }
.s_sec_01_01_05_in *{color: #fff;}
.s_sec_01_01_05_in{padding-bottom: 250px;}
.s_sec_01_01_05_in .app_down_con_wrap { justify-content: flex-start; }
.s_sec_01_01_05_in .app_down_btn_a{background-color: #fff;}
.s_sec_01_01_05_bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../images/sub/s_sec_01_01_05_bg.jpg); background-repeat: no-repeat; background-size: 95%; background-position: 105% 10%; }


.sub .pt_list_tit_kr{font-size: 20px; font-weight: 500;}

.pt_list_info_wrap{padding: 30px;}
.bbs .sub_visual_box{padding:150px 0 100px !important;}
.pt_list_box:hover .pt_list_tit{color: #027df1;}

.owl-nav{display: none;}


.main_sec_07_02_con_txt_wrap{display: flex;z-index: 10}
.main_sec_07_02_left_wrap{width: 50%; padding-right: 350px;}
.main_sec_07_02_right_wrap{width: 50%; padding-left: 350px;}
.main_sec_07_02_con_inner {position: relative;top: 0px;left: 0px;height: 100vh}
.mock_obj_bg_flow {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9}
.main_sec_07_02_con_txt_wrap {height: 100vh;align-items: center;position: absolute;top: 0px;left: 0px;width: 100%}

.flt_btn_box_wrap {position: fixed;bottom: 10%;left: 20px;z-index: 9999;}
.flt_btn_box {padding-bottom: 10px;}
.flt_btn_box a { display: inline-block; width: 50px; height: 50px; padding: 10px; background-color: #fff; border-color: #fff; overflow: hidden; border-radius: 100px; border: 1px solid transparent; background-repeat: no-repeat; box-shadow: 0px 0px 10px #77777730; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.flt_btn_box a:hover img{transform: scale(1.1);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.flt_btn_box_kko a{}