@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

/* 초기화 */
html {overflow-y:scroll; }
body {margin:0;padding:0;font-size:18px;font-family: 'Pretendard';background:#fff; word-break:keep-all; color:#131313; overflow: hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family: 'Pretendard';}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Pretendard';}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#131313;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
font-size: inherit;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {}

#hd_pop,
#tnb .inner,
#gnb .gnb_wrap,
#ft_wr {max-width: 1400px; width: 100%;}
#hd_wrapper {max-width: 1720px; width: 100%;}
/* 공통 - display none/block */
.is-hidden { display: none !important; }
.is-visible { display: block !important; }

/* 공통 - 뷰포트 (pc / mobile) 별 display none/block */
.pc-only { display: none; }
@media (min-width: 769px) { .pc-only { display: block !important; }}
.mobile-only { display: block; }
@media (min-width: 769px) { .mobile-only { display: none !important; }}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {position: fixed; width: 100%; transition:.3s ease-in-out; z-index: 999;}


/*스크롤시*/
#hd.scr {background-color: #fff; border-bottom: 1px solid #ddd;}
#hd.scr #primary-nav li a.top-menu {color:#131313}


#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;zoom:1; display: flex; align-items:center; justify-content:space-between; transition:.3s ease-in-out;}

#logo {}

.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}


#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb_1dul {display: none;}
/* #gnb {position:relative;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0} */

/* #gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} */

/* 중간 레이아웃 */
#wrapper {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative; height:auto !important; font-size:1em;width:100%;zoom:1}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#000d28;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1400px;margin:0 auto;padding:120px 0;position:relative;display:inline-block;}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;max-width:1200px; width: 100%; margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}


#top_btn {position:fixed;bottom:20px;right:20px;width:80px;height:80px;line-height:76px; border:2px solid #111;color:#111; text-align:center;font-size:15px; z-index:90; background:rgba(255,255,255,0.5); transition:.3s ease-in-out; border-radius:100%; font-size: 22px;}
#top_btn:hover {border-color:#111;background:#111;color:#fff}

/* 게시물 선택복사 선택이동 */
#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:5px;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;width:0;height: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:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.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:100px;border:1px solid #898989;vertical-align:top;padding:0;margin:0;display: block; margin-bottom: 25px;}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:150px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top; margin-left: 0;}
/* #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} */
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:auto;height:120px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block; margin-bottom: 25px;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:150px;height:40px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px; padding-left: 0;}
#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:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;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 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;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:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:14px;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;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;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;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;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#002060;color:#fff;cursor:pointer;border-radius:3000px}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle; border-radius:3000px;}
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;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;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;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:transparent;border-top:1px solid #ddd;border-bottom:1px solid #ddd} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:30px 0;font-weight:600;text-align:center;border-bottom:1px solid #ddd;height:40px;border-top:2px solid #000;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:20px 5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.4em;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid transparent;border:1px solid #d3d3d3;background:#fff;color:#000;vertical-align:middle;padding:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:55px}
.readonly	{background:#f5f5f5;}

.full_input {width:100%}
.half_input {width:49.5%}
.thir_input {width:33%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ddd}
.list_01 li {border-bottom:1px solid #ddd;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.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}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}


/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

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

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-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);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;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:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

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

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




/* 메인메뉴 */
#gnb {position:relative;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}


.cf:before, 
.cf {*zoom: 1;}

#header {overflow: visible;position: relative;}
#primary-nav-button {background: transparent;display: none;border: 1px solid #aaa;position: absolute;bottom: 5px;right: 0;padding: 0;text-decoration: none;color: #333;text-align: center;font-weight: bold;font-size: 0;}
#primary-nav-button:hover {}
#primary-nav-button.selected {color:#161a62;}
#primary-nav-button:before {/* content: '☰'; */content: '\2261';display: block;font-size: 36px;font-style: normal;font-weight: normal;line-height: 1.05;height: 1em;width: 1em;color: inherit;speak: none;}

.menu		{display: flex; align-items:center;}
.menu li	{position: relative;letter-spacing:0;}
.menu li:last-child {margin-right: 0;}
.menu .sub-menu li {width: 100%;}
.menu li a {display: block;text-decoration: none;}
#primary-nav li a {color: #333;font-weight: 500;margin:0 35px;}
/*#primary-nav li a.top-menu				{color:#fff;padding-top:10px;padding-bottom:10px;border-bottom:3px solid transparent;transition:0.4s;} 기존 padding-top padding-bottom 크기 저장용*/
#primary-nav li a.top-menu				{color:#fff;padding-top:36px;padding-bottom:36px;border-bottom:3px solid transparent;transition:0.4s;}
#primary-nav li:hover a.top-menu		{border-bottom:3px solid #161a62;}
#primary-nav li.active > a,
#primary-nav li.selected > a {}

#primary-nav li.actv a.top-menu {border-bottom:3px solid #161a62;}
#primary-nav li.actv a {position: relative;}

#primary-nav > .dropdown > li.actv > a:before {content:""; position: absolute; width: 140%; height: 35px; background-color: #161a62; z-index: -1; top: 50%; left: 50%; transform:translate(-50%, -50%); transition:.3s ease-in-out; border-radius:0 15px;}
.sub-menu2 li.actv a:before {content:""; position: absolute; background-color: transparent !important;}

.scr #primary-nav li.actv a:before { opacity: 0;}

.downarrow {background: none;display: inline-block;padding: 0;text-align: center;min-width: 3px;}
.sub-menu .downarrow {position: absolute;right: 0;padding-right: 10px;}
.downarrow:before {/*content: '\25be';*/color: inherit;display: block;font-family: 'Pretendard';line-height: 1.1;width: 1em;height: 1em;}
.menu .sub-menu {display: none;position: absolute;left: 0;max-height: 1000px;}
.menu .sub-menu.hide {display: none;}

#primary-nav .sub-menu {z-index: 200;background:#fff;overflow:visible;padding:15px 0;}
#primary-nav .sub-menu li {text-align:center;}
#primary-nav .sub-menu li a		{color: #161a62;font-weight:400; padding: 10px 0;margin:0;letter-spacing:-0.7px;white-space:nowrap; transition:.3s ease-in-out; font-size: 16px;}

#primary-nav .sub-menu li a span {position: relative;}
#primary-nav .sub-menu li a span:before {content:""; position: absolute;width: 0; height: 2px;bottom: -5px; background-color: #161a62; transition:.3s ease-in-out;}
#primary-nav .sub-menu li a:hover span:before {width: 100%;}

#primary-nav .sub-menu li:last-child {border-bottom: 0;}
#primary-nav .sub-menu .downarrow:before {/*content: '\25b8';*/}
/* #primary-nav .sub-menu2	{width:calc(100% + 60px) !important;left:-30px !important; border:1px solid #ddd;} */
#primary-nav .sub-menu2	{width:100% !important; border:1px solid #ddd;}

#primary-nav.mobile {display: none;}

#gnb_all {opacity: 0; position: fixed; right: 0; top: -100%; width: 100%; height: 100%; transition: 0.3s ease-in-out; overflow: hidden;display:none;}
#gnb_all.actv {opacity: 1; top: 0;}
#gnb_all h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_all .gnb_al_ul { display: flex; flex-wrap: wrap; position: absolute; left: 50%; top: 50%; margin-left: -50%; transform: translateY(-50%); z-index: 2; text-align: center;font-family:"Poppins";}
#gnb_all .gnb_al_li {width: 25%; margin-top: 60px;}
#gnb_all .gnb_al_li:nth-child(1),
#gnb_all .gnb_al_li:nth-child(2),
#gnb_all .gnb_al_li:nth-child(3),
#gnb_all .gnb_al_li:nth-child(4) {margin-top: 0;}
#gnb_all .gnb_al_a {font-size: 32px; color: #fff; font-weight: 700; letter-spacing: 0; position: relative; transition: 0.3s ease-in-out; pointer-events:none;}
#gnb_all .gnb_al_a:before {content: ""; display: block; width: 30px; height: 29px; background: url(/theme/basic/img/mobile/logo_m.jpg); position: absolute; left: 0; top: 50%; margin-top: -15px; opacity: 0; transition: 0.3s ease-in-out;}
#gnb_all .gnb_al_li.actv .gnb_al_a {padding-left: 40px;color:#0c6fa5;}
#gnb_all .gnb_al_li:hover .gnb_al_a:before,
#gnb_all .gnb_al_li.actv .gnb_al_a:before {opacity: 1;}
#gnb_all .gnb_al_li span {display: none;}
#gnb_all .gnb_al_li ul {margin-top: 25px;}
#gnb_all .gnb_al_li ul li {margin-top: 15px;}
#gnb_all .gnb_al_li ul li:first-child {margin-top: 0;}
#gnb_all .gnb_al_li ul li a {display: inline-block; padding-left: 10px; padding-bottom: 5px; border-bottom: 1px solid transparent; font-size:2rem; color: rgba(0,0,0,0.9); font-weight: 400; transition: 0.1s ease-in-out; position: relative;}
/*#gnb_all .gnb_al_li ul li a:before {content: ""; display: block; width: 3px; height: 3px; background: #0c6fa5; position: absolute; left: 0; top: 50%; margin-top: -2.5px; transform: rotate(45deg);}*/
#gnb_all .gnb_all_bg {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #fff; cursor: pointer;}
#gnb_all .gnb_all_bg:before {content: ""; display: block; width: 1212px; height: 1155px; background: url(/theme/basic/img/main/gnb_logo.png) center/contain no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -606px; margin-top: -577.5px; opacity: 0.05;}
#gnb_all .gnb_sns_wr {position: absolute; right: 120px; bottom: 65px; z-index: 1; display: flex;}
#gnb_all .gnb_sns_wr a {display: block; width: 55px; height: 55px; border-radius: 50%; overflow: hidden; text-indent: -999px; opacity: 0.5; transition: 0.3s ease-in-out;}
#gnb_all .gnb_sns_wr a.gnb_sns_fb {background: url(/theme/basic/img/main/gnb_sns_facebook.png?ver=21102801) center/cover no-repeat; margin-right: 30px;}
#gnb_all .gnb_sns_wr a.gnb_sns_kt {background: url(/theme/basic/img/main/gnb_sns_kakaotalk.png?ver=21102801) center/cover no-repeat;}
#gnb_all .gnb_sns_wr a:hover {opacity: 1;}


#gnb_all .lng {padding-left: 50px; display: flex; margin-top: 30px;}
#gnb_all .lng li {margin-right: 20px;}
#gnb_all .lng a {color:#fff; font-size: 38px; font-weight: 600; opacity: .5;}
#gnb_all .lng a.actv {opacity: 1;}



.gnb_menu_btn_wr {padding: 30px 0; position: relative; z-index: 2;display:none;}
.gnb_menu_btn {width: 25px; height: 25px; border: none; background: none; position: relative;}
.gnb_menu_btn:before {content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 5px; transition: top .3s cubic-bezier(0.23, 1, 0.32, 1) .3s, transform .3s cubic-bezier(0.23, 1, 0.32, 1);}
.gnb_menu_btn:after {content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; bottom: 5px; transition: bottom .3s cubic-bezier(0.23, 1, 0.32, 1) .3s, transform .3s cubic-bezier(0.23, 1, 0.32, 1);}
.gnb_menu_btn.actv:before {top: calc(50% - 1px); transform: rotate(45deg); background: #000; transition: top .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s cubic-bezier(0.23, 1, 0.32, 1) .3s;}
.gnb_menu_btn.actv:after {bottom: calc(50% - 1px); transform: rotate(-45deg); background: #000; transition: bottom .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s cubic-bezier(0.23, 1, 0.32, 1) .3s;}




#logo {padding-top: 25px; padding-bottom: 25px;}
#logo a {display: block;}
#logo .logo-co	{display:none;}

#hd.scr #logo .logo-co {display: block;}
#hd.scr #logo .logo-wh {display: none;}


#hd.scr .gnb_menu_btn_wr{}

.gnb_menu_btn_wr {padding: 50px 0 50px 0; position: relative; z-index: 2;display:none;}
.gnb_menu_btn {width: 50px; height: 35px; border: none; background: none; position: relative;}
.gnb_menu_btn:before {content: ""; display: block; width: 100%; height: 5px; background: #fff; position: absolute; left: 0; top: 5px; transition: top .3s cubic-bezier(0.23, 1, 0.32, 1) .3s, transform .3s cubic-bezier(0.23, 1, 0.32, 1);}
.gnb_menu_btn:after {content: ""; display: block; width: 100%; height: 5px; background: #fff; position: absolute; left: 0; bottom: 5px; transition: bottom .3s cubic-bezier(0.23, 1, 0.32, 1) .3s, transform .3s cubic-bezier(0.23, 1, 0.32, 1);}
.gnb_menu_btn.actv:before {top: calc(50% - 3px); transform: rotate(45deg); background: #fff !important; transition: top .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s cubic-bezier(0.23, 1, 0.32, 1) .3s;}
.gnb_menu_btn.actv:after {bottom: calc(50% - 2px); transform: rotate(-45deg); background: #fff !important; transition: bottom .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s cubic-bezier(0.23, 1, 0.32, 1) .3s;}
.index_ .gnb_menu_btn:before {content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; top: 5px; transition: top .3s cubic-bezier(0.23, 1, 0.32, 1) .3s, transform .3s cubic-bezier(0.23, 1, 0.32, 1);}
.index_ .gnb_menu_btn:after {content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: 5px; transition: bottom .3s cubic-bezier(0.23, 1, 0.32, 1) .3s, transform .3s cubic-bezier(0.23, 1, 0.32, 1);}
.index_ .gnb_menu_btn.actv:before {top: calc(50% - 1px); transform: rotate(45deg); background: #fff; transition: top .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s cubic-bezier(0.23, 1, 0.32, 1) .3s;}
.index_ .gnb_menu_btn.actv:after {bottom: calc(50% - 1px); transform: rotate(-45deg); background: #fff; transition: bottom .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s cubic-bezier(0.23, 1, 0.32, 1) .3s;}


#hd.scr .gnb_menu_btn:before {background: #000;}
#hd.scr .gnb_menu_btn:after {background: #000;}
#hd.scr .gnb_menu_btn.actv:before {background: #000;}
#hd.scr .gnb_menu_btn.actv:after {background: #000;}
#hd.scr .index_ .gnb_menu_btn:before {background: #000;}
#hd.scr .index_ .gnb_menu_btn:after {background: #000;}
#hd.scr .index_ .gnb_menu_btn.actv:before {background: #fff;}
#hd.scr .index_ .gnb_menu_btn.actv:after {background: #fff;}


.bar_wrap {display: flex;max-width: 180px; width: 100%; justify-content:space-between;}
.bar_wrap .inq {}
.bar_wrap .inq a {padding: 13px 19px; color:#002060; background-color: #fff; border-radius:400px; transition:.3s ease-in-out;}
#hd.scr .bar_wrap .inq a {background-color: #002060; color:#fff;}
.bar_wrap .lang {}
.bar_wrap .lang ul {display: flex;}
.bar_wrap .lang ul li {}
.bar_wrap .lang ul li:first-child {margin-right: 15px;}
.bar_wrap .lang ul li a {color:#999; display: block;}
.bar_wrap .lang ul li.actv {}
.bar_wrap .lang ul li.actv a {color:#fff; position: relative; display: block; transition:.3s ease-in-out;}
.bar_wrap .lang ul li.actv a:before {content:""; width: 100%; height: 2px; bottom: -5px; background-color: #fff; position: absolute; transition:.3s ease-in-out;}
#hd.scr .bar_wrap .lang ul li.actv a {color:#002060}
#hd.scr .bar_wrap .lang ul li.actv a:before {background-color: #002060;}




/*전체용*/
.row {transition:.3s ease-in-out;}
.fz15 {font-size: 15px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px !important;}
.fz24 {font-size: 24px !important;}
.fz28 {font-size: 28px !important;}
.fz32 {font-size: 32px !important;}
.fz36 {font-size: 36px !important;}
.fz38 {font-size: 38px !important;}
.fz42 {font-size: 42px !important;}
.fz44 {font-size: 44px !important;}
.fz48 {font-size: 48px !important;}
.fz58 {font-size: 58px !important;}
.fz60 {font-size: 60px !important;}
.fz62 {font-size: 62px !important;}



/**********************************언어교체 보류****************************************************/
#hd-right .lang .selectbox {display: flex; align-items:center;}
#hd-right .lang .selectbox img {margin-right: 7px;}
#hd-right .lang .selectbox dt {color:#fff; font-size: 14px; }
#hd-right .lang .selectbox dt a {color:#fff; font-size: 14px;}

#hd.scr #hd-right .lang .selectbox .lng_wr {display: none;}
#hd #hd-right .lang .selectbox .lng_wr_ch {display: none;}
#hd.scr #hd-right .lang .selectbox .lng_wr_ch {display: block;}

#hd.scr #hd-right .lang .selectbox dt {color:#000;}
#hd.scr #hd-right .lang .selectbox dt a {color:#000;}


#hd-right .lang .selectbox .dropdown {}


#gnb_all .lc {position: absolute; bottom: 50px; right: 50px; z-index: 2;}
#gnb_all .lc {}
#gnb_all .lc ul {display: flex;}
#gnb_all .lc ul li {padding: 0 30px;}
#gnb_all .lc ul li:first-child {border-right: 1px solid #fff;}
#gnb_all .lc ul li a {color:#fff; pointer-events:all; font-weight: 600;}
#gnb_all .lc ul li a.actv {color:#0c6fa5; pointer-events:none;}




/********************메인배너******************************************************************************************************/



@keyframes mb_txt {from {transform:translateY(50px); opacity:0;} to {transform:translateY(0); opacity:1;}}
#main-ban {overflow:hidden; width:100%; position:relative;}
#main-ban .swiper-wrapper {overflow:hidden;}
#main-ban .swiper-wrapper .swiper-slide {position:relative;}
#main-ban .swiper-wrapper .swiper-slide > img {height:100vh; width:100%; object-fit:cover; object-position:center center;}
#main-ban .sl_cont {position:absolute; left:50%; bottom:145px; transform:translateX(-50%); z-index:4; width:100%; max-width:1400px;}
#main-ban .sl_cont .txt_con {margin-bottom:70px;}
#main-ban .sl_cont .txt_con .ttop {overflow:hidden; margin-bottom:40px;}
#main-ban .sl_cont .txt_con .top {overflow:hidden; margin-bottom:70px;}
#main-ban .sl_cont .txt_con h2 {display:block; color:#fff; animation:mb_txt 1.25s ease 0.3s forwards; opacity:0;}
#main-ban .sl_cont .txt_con span {display:block; color:#fff; animation:mb_txt 1.7s ease 0.3s forwards; opacity:0;}
#main-ban .sl_cont .arrow_con {text-align:right;}
#main-ban .sl_cont .btn_con a {max-width:200px; width:100%; display:flex; align-items:center; justify-content:space-between; padding:20px 30px; border:1px solid #fff; margin:0 10px; border-radius:300px; transition:.3s ease-in-out;}
#main-ban .sl_cont .btn_con a span {color:#fff;}
#main-ban .sl_cont .btn_con a:hover {background-color:#161a62; border-color:#161a62;}
.swiper-pagination-bullet {opacity:1 !important; background:transparent !important; border:2px solid #fff; width:10px; height:10px; transition:.3s ease-in-out; font-size:0;}
.swiper-pagination-bullet-active {background:#fff !important; width:22px !important; border-radius:300px !important;}
#main-ban .btn_cont {position:absolute; bottom:5.3%; width:180px; left:50%; transform:translateX(-50%); z-index:2;}
#main-ban .btn_cont img {transition:.3s ease-in-out;}
#main-ban .btn_cont img:hover {scale:1.1;}
#main-ban .btn_cont > div > svg {display:none;}
#main-ban .swiper-wrapper .sl_cont .btn_con > div svg {display:none;}
#main-ban .swiper-pagination {width:100px; left:50%; transform:translateX(-50%); bottom:5%;}
#main-ban .main_ban01 {position:relative; width:100%; height:100vh; overflow:hidden;}
#main-ban .swiper-slide {height:100vh !important;}
#main-ban .main_ban01 .main_vid {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:center center; opacity:0; transition:opacity 800ms ease; pointer-events:none;}
#main-ban .main_ban01 .main_vid.is-active {opacity:1;}

.main_ban01 {position:relative; width:100%; height:100%; overflow:hidden;}
.main_ban01 .youtube_single_wrap {position:relative; width:100%; height:100%; min-height:600px; overflow:hidden; background:#000;}
.main_ban01 .youtube_single_wrap .youtube_player_single {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; overflow:hidden;}
.main_ban01 .youtube_single_wrap .youtube_player_single iframe {position:absolute; left:50%; top:50%; width:100vw; height:56.25vw; min-width:177.78vh; min-height:100%; transform:translate(-50%,-50%); border:0; pointer-events:none;}
.main_ban01 .youtube_single_wrap .youtube_single_overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:2;}

.main_ban01 .youtube_dual_wrap {position:relative; width:100%; height:100%; min-height:600px; overflow:hidden; background:#000;}
.main_ban01 .youtube_dual_wrap .youtube_player {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:opacity 0.8s ease, visibility 0.8s ease; z-index:1; overflow:hidden;}
.main_ban01 .youtube_dual_wrap .youtube_player.is-active {opacity:1; visibility:visible; z-index:2;}
.main_ban01 .youtube_dual_wrap .youtube_player iframe {position:absolute; left:50%; top:50%; width:100vw; height:56.25vw; min-width:177.78vh; min-height:100%; transform:translate(-50%,-50%); border:0; pointer-events:none;}
.main_ban01 .youtube_dual_wrap .youtube_dual_overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:3;}



/**************************************************메인페이지************************************************************************/

.m_tit {text-align: center;}
.m_tit span {color:#002060; margin-bottom: 40px; display: block; line-height: 1; font-weight: 700;}


.main_r .m_tit {}
.main_r.r_con {}
.row {max-width: 1400px; width: 100%; margin: 0 auto;}

.main_r .r01 .m_tit {text-align: left;}
.main_r .r01 {position: relative; padding-top: 160px; padding-bottom: 200px;}
.main_r .r01:before {content:url('/theme/basic/img/main/mr01092.png'); position: absolute; z-index: -1; left: 0; bottom: -280px;}
.main_r .r01 .cont { display: flex; justify-content:space-between;}
.main_r .r01 .cont .content {max-width: 900px; width: 100%;}
.main_r .r01 .cont .content .right {width: 100%;}
.main_r .r01 .cont .content .right ul {display: flex; flex-wrap:wrap; justify-content:space-between;}
.main_r .r01 .cont .content .right ul li {max-width: 250px; width: 100%; text-align: center; padding-bottom: 63px; border-bottom: 1px solid #ccc;}
.main_r .r01 .cont .content .right ul li:nth-child(n+4) {margin-top: 60px;}
.main_r .r01 .cont .content .right ul li .img_con {margin-bottom: 75px;}
.main_r .r01 .cont .content .right ul li .img_con img {}
.main_r .r01 .cont .content .right ul li h3 {margin-bottom: 25px; color:#002060;}
.main_r .r01 .cont .content .right ul li h3 p {display: inline-block;}
.main_r .r01 .cont .content .right ul li span {line-height: 1.5;}

.main_r .r02 {padding-bottom:160px;}
.main_r .r02 .m_tit {margin-bottom:80px;}
.main_r .r02 .content {position:relative;overflow:hidden;}
.main_r .r02 .content .slide_con {}
.main_r .r02 .content .slide_con .s_con {flex-shrink:0;width:640px;padding:0 20px;display:flex;box-sizing:border-box;transition:transform .4s;}
.main_r .r02 .content .slide_con .s_con .img_con {max-width:640px;width:100%;}
.main_r .r02 .content .slide_con .s_con .img_con img {width:100%;}
.main_r .r02 .content .slide_con .s_con .r_con {padding:0;display:flex;flex-direction:column;justify-content:space-between;width:0;transition:.3s ease-in-out;overflow:hidden;}
.main_r .r02 .content .slide_con .s_con .r_con .txt_con * {white-space:nowrap;}
.main_r .r02 .content .slide_con .s_con .r_con .txt_con span {color:#002060;font-weight:600;margin-bottom:40px;display:block;}
.main_r .r02 .content .slide_con .s_con .r_con .txt_con h2 {margin-bottom:43px;}
.main_r .r02 .content .slide_con .s_con .r_con .txt_con p {line-height:1.5;}
.main_r .r02 .content .slide_con .s_con .r_con a {width:158px;padding:20px 0;text-align:center;color:#002060;border:1px solid #002060;border-radius:400px;}
.main_r .r02 .content .slide_con .s_con .r_con a img {margin-left:10px;}
.main_r .r02 .content .slide_con .s_con.swiper-slide-active .r_con {width:unset;padding:90px 125px;}
.main_r .r02 .content .slide_con .swiper-slide-prev {justify-content:flex-end;}
.main_r .r02 .content.is-moving .slide_con .swiper-slide-prev {justify-content:flex-start;}
.main_r .r02 .content svg {display:none;}
.main_r .r02 .content .s_btn {position:absolute;top:20px;right:50%;transform:translateX(450px);z-index:3;}
.main_r .r02 .content .s_btn .swiper-button-next {left:0;}
.main_r .r02 .content .s_btn .swiper-button-prev {left:-75px;}

.main_r .swiper01 .s_btn {display:flex; align-items:center; gap:12px;}
.main_r .swiper01 .s_btn .swiper-toggle {display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; padding:0; border:0; background:transparent; cursor:pointer; position: absolute; left: -40px;}
.main_r .swiper01 .s_btn .swiper-toggle .ico {display:block; object-fit:contain;}
.main_r .swiper01 .s_btn .swiper-toggle .ico.play {display:none;}
.main_r .swiper01 .s_btn .swiper-toggle.is-paused .ico.stop {display:none;}
.main_r .swiper01 .s_btn .swiper-toggle.is-paused .ico.play {display:block;}

.main_r .r03 {background-color: #002060; padding-top: 140px; padding-bottom: 150px; position: relative;}
.main_r .r03:after {content:url('/theme/basic/img/main/mr0304.png');z-index: 2; position: absolute; left: 50%; bottom: calc(230px / 2 * (-1) - 40px);	}
.main_r .r03 .m_tit {color:#fff;}
.main_r .r03 .m_tit span {color:#fff;}
.main_r .r03 .m_tit h2 {}
.main_r .r03 .content {padding-top: 110px;}
.main_r .r03 .content ul {display: flex; justify-content:space-between;}
.main_r .r03 .content ul li {width: calc((100% - 80px) / 3); text-align: center; background-color: #000950; padding-top: 80px; padding-bottom: 90px;}
.main_r .r03 .content ul li .img_con {margin-bottom: 50px;}
.main_r .r03 .content ul li .img_con img {}
.main_r .r03 .content ul li h4 {color:#fff;margin-bottom: 50px;}
.main_r .r03 .content ul li p {color:#fff; line-height: 1.5;}

.main_r .r04 {padding-top: 190px; padding-bottom: 160px; text-align: center; line-height: 1.5;}
.main_r .r04 h2 {}
.main_r .r04 h2.blue {color:#002060;}

.main_r .r05 {background-color: #f5f5f7; padding-top: 140px; padding-bottom: 125px;}
.main_r .r05 h2 {text-align: center; }
.main_r .r05 .content {position: relative; overflow: hidden; padding-top: 70px;}
.main_r .r05 .content .arrow {position: absolute;top: 0; right: 40px; display: flex;}
.main_r .r05 .content .arrow div {cursor:pointer;}
.main_r .r05 .content .arrow div:first-child {margin-right: 18px;}
.main_r .r05 .content .arrow div img {opacity: .5; transition:.3s ease-in-out;}
.main_r .r05 .content .arrow div:hover img {opacity: 1;}

.main_r .r05 .content .slide_con {}
.main_r .r05 .content .box {padding: 0 20px;}
.main_r .r05 .content .box img {width: 100%;}
.main_r .r05 .content .box .img_con {margin-bottom: 45px;}
.main_r .r05 .link_con {text-align: center; margin-top: 85px;}
.main_r .r05 .link_con a {width: 157px; padding: 20px; border:1px solid #002060; color:#002060; border-radius:300px; display: inline-block;}
.main_r .r05 .link_con a img {margin-left: 15px;}
.main_r .r05 .content .box h4.fz28 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; max-height: calc(1.4em * 2);}


.main_r .r06 {padding-top: 70px; padding-bottom: 95px;}
.main_r .r06 .partner {}
.main_r .r06 .partner .p_box_con {}
.main_r .r06 .partner .p_box_con .p_box {position: relative;}
.main_r .r06 .partner .p_box_con .p_box img {position: relative; z-index: 1;}
.main_r .r06 .partner .p_box_con .p_box img.lc {position: absolute; left: 0; top: 0; transition:.3s ease-in-out; opacity: 0; z-index: 2;}
.main_r .r06 .partner .p_box_con .p_box:hover img.lc {opacity: 1;}

.main_r .r07 {background:url('/theme/basic/img/main/mr0501.jpg')no-repeat center center; background-size: cover; padding-top: 130px; padding-bottom: 115px;}
.main_r .r07 .content { text-align: center;}
.main_r .r07 .content .txt_con {color:#fff; margin-bottom: 70px;}
.main_r .r07 .content .txt_con h4 {line-height: 1.5;}
.main_r .r07 .content .btn_con {}
.main_r .r07 .content .btn_con a {width: 180px; padding: 20px 0; text-align: center; color:#fff; border:1px solid #fff; border-radius:400px; display: inline-block; position: relative; transition:.3s ease-in-out; }
.main_r .r07 .content .btn_con a:hover {background-color: #fff; color:#002060;}
.main_r .r07 .content .btn_con a:first-child {margin-right: 25px;}
.main_r .r07 .content .btn_con a .img_con {margin-left: 10px; display: inline-block; position: relative;}
.main_r .r07 .content .btn_con a .img_con img {z-index: 1; position: relative;}
.main_r .r07 .content .btn_con a .img_con .ab {position: absolute; left: 0; top: 50%; z-index: 2; opacity: 0; transition:.3s ease-in-out; transform:translateY(-50%);}
.main_r .r07 .content .btn_con a:hover .img_con .ab {opacity: 1;}

.btr01 {background:url('/theme/basic/img/main/mr0501.jpg')no-repeat center center; background-size: cover; padding-top: 130px; padding-bottom: 115px;}
.btr01 .content { text-align: center;}
.btr01 .content .txt_con {color:#fff; margin-bottom: 70px;}
.btr01 .content .txt_con h4 {line-height: 1.5;}
.btr01 .content .btn_con {}
.btr01 .content .btn_con a {width: 180px; padding: 20px 0; text-align: center; color:#fff; border:1px solid #fff; border-radius:400px; display: inline-block; position: relative; transition:.3s ease-in-out; }
.btr01 .content .btn_con a:hover {background-color: #fff; color:#002060;}
.btr01 .content .btn_con a:first-child {margin-right: 25px;}
.btr01 .content .btn_con a .img_con {margin-left: 10px; display: inline-block; position: relative;}
.btr01 .content .btn_con a .img_con img {z-index: 1; position: relative;}
.btr01 .content .btn_con a .img_con .ab {position: absolute; left: 0; top: 50%; z-index: 2; opacity: 0; transition:.3s ease-in-out; transform:translateY(-50%);}
.btr01 .content .btn_con a:hover .img_con .ab {opacity: 1;}


.btr2 .r04 {background: url('/theme/basic/img/sub/sub030107.jpg')no-repeat center /cover; padding-top: 135px; padding-bottom: 115px;text-align: center;}
.btr2 .r04 h2 {color:#fff;margin-bottom: 65px;}
.btr2 .r04 .btn_con {display: flex; justify-content:center;}
.btr2 .r04 .btn_con a {width: 180px; text-align: center; color:#fff; display: flex; border:1px solid #fff; justify-content:center; padding-top: 20px; padding-bottom: 20px; border-radius:400px; transition:.3s ease-in-out;}
.btr2 .r04 .btn_con a .img_con {margin-left: 10px; position: relative;}
.btr2 .r04 .btn_con a .img_con img:first-child {}
.btr2 .r04 .btn_con a .img_con img:last-child {position: absolute; top:50%; left: 0; opacity: 0; z-index: 2; transform:translateY(-43%); transition:.3s ease-in-out;}
.btr2 .r04 .btn_con a:hover .img_con {}
.btr2 .r04 .btn_con a:hover .img_con img:last-child {opacity: 1;}
.btr2 .r04 .btn_con a:hover {color:#002060; background-color: #fff;}


.btr3 {background: url('/theme/basic/img/sub/sub020112.jpg')no-repeat center /cover;display: flex; flex-direction:column; height: 495px; align-items:center; padding-top: 130px; padding-bottom: 115px; color:#fff;}
.btr3 h2 {text-align: center; margin-bottom: 65px; line-height: 1.5;}
.btr3 .btn_con {max-width: 650px; width: 100%;}
.btr3 .btn_con ul {display: flex;  width: 100%; justify-content:space-between;}
.btr3 .btn_con ul li {width: 200px;}
.btr3 .btn_con ul li a {color:#fff; border:1px solid #fff; border-radius:500px;width: 100%; padding-top: 20px; padding-bottom: 20px; width: 100%; display: block; text-align: center; transition:.3s ease-in-out;}
.btr3 .btn_con ul li a img {margin-left: 10px;}
.btr3 .btn_con ul li:last-child a img {margin-left: 0; margin-right: 10px;}
.btr3 .btn_con ul li a:hover {background-color: #002060; border:1px solid #002060;}



#ft {}
#ft #ft_wr {display: flex; justify-content:space-between;}
#ft #ft_wr .left {}
#ft #ft_wr .left .ft_logo {margin-right: 85px; display: flex; justify-content:flex-start; align-items:center; margin-bottom: 70px;}
#ft #ft_wr .left .ft_logo img {}
#ft #ft_wr .left .ft_info {text-align: left;}
#ft #ft_wr .left .ft_info li {display: flex; margin-bottom: 20px;}
#ft #ft_wr .left .ft_info li:last-child {margin-bottom: 0;}
#ft #ft_wr .left .ft_info li .slot {display: flex; margin-right: 40px;}
#ft #ft_wr .left .ft_info li .slot:last-child {margin-right: 0;}
#ft #ft_wr .left .ft_info li .slot * {color:#fff;}
#ft #ft_wr .left .ft_info li .slot h4 {margin-right: 20px; font-weight: 400;}
#ft #ft_wr .left .ft_info li .slot span, #ft #ft_wr .left .ft_info li .slot a {color:#9294a5;}
#ft #ft_wr .right {display: flex; flex-direction:column; align-items:flex-end; justify-content:flex-end;}
#ft #ft_wr .right a {color:#fff; border-bottom: 1px solid #fff; font-weight: 300; margin-bottom: 20px;}
#ft #ft_wr .right span {color:#999; text-align: left; white-space:nowrap;}



/*서브배너*/
.sb_wr {height: 600px; width: 100%; display: flex; align-items:center; justify-content:center; flex-direction:column; position: relative;}
.sb_wr .sub-ban-wr {}
.sb_wr .sub-ban-wr .sub-ban-txt {overflow: hidden;}
.sb_wr .sub-ban-wr h3 {color:#fff; font-size: 62px; animation: mb_txt 1.25s ease 0.3s forwards; opacity: 0; margin-bottom: 55px;}
.sb_wr .sub-ban-wr .p_con {overflow: hidden;}
.sb_wr .sub-ban-wr .p_con p {color:#fff; line-height: 1.5;animation: mb_txt 1.25s ease 0.3s forwards;opacity: 0;}

.sb_wr .sub-ban .sub-ban-con {display: flex; border:1px solid #fff; border-radius:300px; padding: 0 30px;}

.sb_wr .sub-ban .sub-ban-con > div {padding: 20px 25px; position: relative;}
.sb_wr .sub-ban .sub-ban-con > div:first-child {padding-left: 0; display: flex; align-items:center;}
.sb_wr .sub-ban .sub-ban-con > div:first-child:before{content:""; width: 1px; height: 20px; position: absolute; right: 0; background-color: #fff; top: 50%; transform:translateY(-50%);}
.sb_wr .sub-ban .sub-ban-con > div:nth-child(2):before{content:""; width: 1px; height: 20px; position: absolute; right: 0; background-color: #fff; top: 50%; transform:translateY(-50%);}
.sb_wr .sub-ban .sub-ban-con > div:nth-child(3), .sb_wr .sub-ban .sub-ban-con > div:nth-child(2) {width: 195px; line-height: 1; display: flex; align-items:center;}
.sb_wr .sub-ban .sub-ban-con > div:nth-child(2) h2,.sb_wr .sub-ban .sub-ban-con > div:nth-child(3) h2 { display: flex; justify-content:space-between; align-items:center; width: 100%;}
.sb_wr .sub-ban .sub-ban-con > div:last-child {padding-right: 0;}



.sb_wr .sub-ban .sub-ban-con h2 {color:#fff;}
.sb_wr .sub-ban .sub-ban-con a {color:#fff;}

.sb_wr .sub-ban .sub-ban-con .second {position: relative;}
.sb_wr .sub-ban .sub-ban-con ul {position: absolute; top: 61px; left: 0;}



.sb_wr .sub-ban .sub-ban-con .second ul {border:1px solid #fff; width: 100%; background-color: #fff; border-radius:5px; opacity: 0; transition: opacity .25s ease; pointer-events: none; /* 투명 상태에서 클릭 안되도록 */}

.sb_wr .sub-ban .sub-ban-con .second:hover ul { opacity: 1; /* 2단계: 0.25초 동안 페이드 인 */ pointer-events: auto; /* 클릭 가능 */}



.sb_wr .sub-ban .sub-ban-con .second ul li {}
.sb_wr .sub-ban .sub-ban-con .second ul li a {display: block; padding: 15px; color:#000; transition:.3s ease-in-out;}
.sb_wr .sub-ban .sub-ban-con .second ul li a span {white-space:nowrap; position: relative;}
.sb_wr .sub-ban .sub-ban-con .second ul li:hover a {font-weight: bold;}
.sb_wr .sub-ban .sub-ban-con .second ul li a span:after {content:""; width: 0; height: 2px; bottom: -5px; transition:.3s ease-in-out; background-color: #000; position: absolute; left: 0;}
.sb_wr .sub-ban .sub-ban-con .second ul li:hover a span:after {content:""; width: 100%;}


.sb_wr.sub0101 {background:url('/theme/basic/img/sub/subban01.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0102 {background:url('/theme/basic/img/sub/subban01.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0103 {background:url('/theme/basic/img/sub/subban01.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0104 {background:url('/theme/basic/img/sub/subban01.jpg')no-repeat center center; background-size: cover;}

.sb_wr.sub0201 {background:url('/theme/basic/img/sub/subban02.jpg?ver=20260313')no-repeat center center; background-size: cover;}
.sb_wr.sub0202 {background:url('/theme/basic/img/sub/subban0202.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0203 {background:url('/theme/basic/img/sub/subban0203.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0204 {background:url('/theme/basic/img/sub/subban02.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0205 {background:url('/theme/basic/img/sub/subban02.jpg')no-repeat center center; background-size: cover;}

.sb_wr.sub0301 {background:url('/kr/theme/basic/img/sub/subban03.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0302 {background:url('/kr/theme/basic/img/sub/subban03.jpg')no-repeat center center; background-size: cover;}

.sb_wr.sub0501 {background:url('/theme/basic/img/sub/subban05.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0502 {background:url('/theme/basic/img/sub/subban05.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0601 {background:url('/theme/basic/img/sub/subban06.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0602 {background:url('/theme/basic/img/sub/subban06.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0603 {background:url('/theme/basic/img/sub/subban06.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0604 {background:url('/theme/basic/img/sub/subban06.jpg')no-repeat center center; background-size: cover;}

.sb_wr.sub0701 {background:url('/theme/basic/img/sub/subban0701.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0702 {background:url('/theme/basic/img/sub/subban0702.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0703 {background:url('/theme/basic/img/sub/subban0703.jpg')no-repeat center center; background-size: cover;}


.sb_wr.videocon {background-color: #ccc;}

/*
.sb_wr.sub0401 {background:url('/kr/theme/basic/img/sub/subban04.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0402 {background:url('/kr/theme/basic/img/sub/subban04.jpg')no-repeat center center; background-size: cover;}
.sb_wr.sub0403 {background:url('/kr/theme/basic/img/sub/subban04.jpg')no-repeat center center; background-size: cover;}
*/
.sb_wr {background:url('/theone/video/arm_mov01_n.mp4')no-repeat center center; background-size: cover;}
.sb_wr .no_video {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%)}

.subtxt {color:#fff; display: block; margin-bottom: 30px;}
.sb_wr.videocon .sub-ban-txt > h3 {display: none;}
#sub0602-ban > h3, #sub0601-ban > h3 {display: none;}


.sb_wr.videocon {position:relative; overflow:hidden;}
.sb_wr.videocon .subban_youtube {position:absolute; left:0; top:0; width:100%; height:100%; min-height:600px; overflow:hidden; background:#000; z-index:1;}
.sb_wr.videocon .subban_youtube .subban_youtube_player {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:1;}
.sb_wr.videocon .subban_youtube .subban_youtube_player iframe {position:absolute; left:50%; top:50%; width:max(100vw, calc(100% * 16 / 9)); height:max(100%, 56.25vw); transform:translate(-50%,-50%); border:0; pointer-events:none;}
.sb_wr.videocon .subban_youtube .subban_youtube_overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:2;}
.sb_wr.videocon .sub-ban-wr {position:relative; z-index:3;}


.sub0201-desc {display: block !important;}

@keyframes scroll-ani{
    from{
        transform: translate(-50%, 35px);
    }to{
        transform: translate(-50%, 0px);
    }
}


.sb_wr .scroll-down		{display: block;  position: absolute;  bottom: 0; left: 50%;}
.sb_wr .scroll-down .scroll-bar	{position: absolute;animation: scroll-ani 1.3s linear infinite alternate;left: 50%;width:1px;height:60px;background: #fff;z-index: 2;}
.sb_wr .scroll-down .scroll-bg	{width:1px; height:95px; background: rgba(255,255,255,0.7);}

.sub-ban {}
.sub-ban.fixed-up {position: fixed; top: 97px; left: 0; width: 100%; background-color: #fff; z-index: 2;}
.sub-ban .sub-ban-con {border-bottom: 1px solid #ccc;}
.sub-ban .txt20 {display: flex;}
.sub-ban .txt20 li {margin-right: 50px; position: relative;}

.sub-ban .txt20 li:last-child {margin-right: 0;}
.sub-ban .txt20 li a {padding: 30px 0;display: block; position: relative; transition:.3s ease-in-out; font-weight: 500; color:#999;}
.sub-ban .txt20 li a:before {content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: #002060; transition:.3s ease-in-out;}
.sub-ban .txt20 li:hover a:before, .sub-ban .txt20 li.actv a:before{width: 100%;}
.sub-ban .txt20 li:hover a, .sub-ban .txt20 li.actv a {color:#002060;}
.sub-ban .txt20 li.actv a {pointer-events: none;}


#copymove .tbl_head01 thead tr th:first-child, #copymove .tbl_head01 tbody tr td:first-child {width: 25px !important;}
#copymove .tbl_head01 thead tr th:nth-child(2), #copymove .tbl_head01 tbody tr td:nth-child(2) {width: calc(100% - 25px) !important;}

/*서브페이지 시작*/

.sub-wrap .wrap {max-width: 1400px; width: 100%; margin: 0 auto;}

.sub_tit {}
.sub_tit .tit {line-height: 1.5; margin-bottom: 150px;}
/* .sub_tit .tit p {color:#002060;} */




/*서브01 sub01 회사소개*/
/********************************서브0101 sub0101 ceo인사말********************************/
#sub0101 {padding-top: 170px; padding-bottom: 280px;}
#sub0101 .cont {}
#sub0101 .cont .con {display: flex; justify-content:space-between; align-items:center;}
#sub0101 .cont .con:first-child {margin-bottom: 160px;}
#sub0101 .cont .con .left {max-width: 640px; width: 100%;}
#sub0101 .cont .con .right {max-width: 640px; width: 100%;}
#sub0101 .cont .con {white-space:nowrap; line-height: 1.5;}
#sub0101 .cont .con h4 {margin-bottom: 50px; color:#002060;}
#sub0101 .cont .con b {color:#002060;}


/********************************서브0102 sub0102 비전********************************/
#sub0102 {padding-top: 180px;}
#sub0102 .r01 {}
#sub0102 .r01 .row {}
#sub0102 .r01 .row .sub_tit {position: relative; padding-bottom: 280px;}
#sub0102 .r01 .row .sub_tit:before {content:url('/theme/basic/img/sub/sub0102bg.jpg'); position: absolute; right: 0; top: 0px;}
/* #sub0102 .r01 .row .sub_tit:before {top: 95px;} 원래값*/
#sub0102 .r01 .row .sub_tit .left {width: 45%;}
#sub0102 .r01 .row .sub_tit .left h4 {color:#002060; margin-bottom: 75px;}
#sub0102 .r01 .row .sub_tit .left h2 {margin-bottom: 50px;}
#sub0102 .r01 .row .sub_tit .left h2 p {color:#002060}
#sub0102 .r01 .row .sub_tit .left span {font-weight: 600;}
#sub0102 .r02 {background-color:#002060; padding-top:130px; padding-bottom:140px;}
#sub0102 .r02 .wrap {}
#sub0102 .r02 .min_t {margin-bottom:75px; color:#fff;}
#sub0102 .r02 .con .mv {display:flex; justify-content:space-between;}
#sub0102 .r02 .con .mv .slot {width: calc((100% - 74px) / 3); border:1px solid #eef0f1;}
#sub0102 .r02 .con .mv .slot .tc {background-color:#eef0f1; text-align:center; height: 72px; display: flex; align-items:center; justify-content:center;	}
#sub0102 .r02 .con .mv .slot .tc h3 {color:#002060;}
#sub0102 .r02 .con .mv .slot p {color:#eef0f1; text-align:center; line-height:1.5;padding-top: 50px; padding-bottom: 50px; word-break:keep-all;}
#sub0102 .r03 {padding-bottom: 240px; background-color: #f5f5f7;}
#sub0102 .r03 .wrap {}
#sub0102 .r03 .min_t {color:#002060; margin-bottom: 45px;}
#sub0102 .r03 .wrap .con {padding-top: 115px;}
#sub0102 .r03 .wrap .con .b_tit {margin-bottom: 80px;}

/* 2026-02-03 
#sub0102 .r03 .wrap .con .tab_con {display: flex; margin-bottom: 100px;}
#sub0102 .r03 .wrap .con .tab_con li {color:#999; position: relative; margin-right: 55px; cursor:pointer; transition:.3s ease-in-out; font-weight: 500;}
#sub0102 .r03 .wrap .con .tab_con li:last-child {margin-right: 0;}
#sub0102 .r03 .wrap .con .tab_con li:before {content:"";position: absolute; bottom: -13px;width: 0; height: 1px; background-color: #002060; transition:.3s ease-in-out;}
#sub0102 .r03 .wrap .con .tab_con li:hover, #sub0102 .r03 .wrap .con .tab_con li.actv {color:#002060;}
#sub0102 .r03 .wrap .con .tab_con li.actv:before, #sub0102 .r03 .wrap .con .tab_con li:hover:before {width: 100%;} 
*/


#sub0102 .r03 .wrap .con .tab_con {display: flex; margin-bottom: 100px; gap:20px;}
#sub0102 .r03 .wrap .con .tab_con li {color:#999; position: relative; cursor:pointer; transition:.3s ease-in-out; font-weight: 500; width: calc((100% - 80px) / 3); background-color: #e6e7eb; text-align: center; padding: 30px 0; border-radius:300px;}
#sub0102 .r03 .wrap .con .tab_con li:last-child {margin-right: 0;}
#sub0102 .r03 .wrap .con .tab_con li:hover, #sub0102 .r03 .wrap .con .tab_con li.actv {color:#fff; background-color: #002060; box-shadow: 0px 0px 24.84px 2.16px rgba(0, 32, 96, 0.19);}


#sub0102 .r03 .wrap .con .cont {}
#sub0102 .r03 .wrap .con .cont .da {display: flex; justify-content:space-between;}
#sub0102 .r03 .wrap .con .cont .da .left {}
#sub0102 .r03 .wrap .con .cont .da .left .txt {line-height: 1.5;}
#sub0102 .r03 .wrap .con .cont .da .left .txt span {margin-bottom: 10px; display: block;}
#sub0102 .r03 .wrap .con .cont .da .left .txt ul {}
#sub0102 .r03 .wrap .con .cont .da .left .txt ul li {padding-left: 15px; position: relative;}
#sub0102 .r03 .wrap .con .cont .da .left .txt ul li:before {content:""; position: absolute; left: 0; top: 13px; width: 8px; height: 8px; border-radius:100%; background-color: #000;}
#sub0102 .r03 .wrap .con .cont .da .right {}

#sub0102 .r03 .wrap .con .cont .da h3 {color:#002060; margin-bottom: 55px;}
#sub0102 .r03 .wrap .con .cont > div {padding-bottom: 70px;}
#sub0102 .r03 .wrap .con .cont > div:first-child {border-bottom: 1px solid #ccc;}
#sub0102 .r03 .wrap .con .cont > div {margin-top: 60px;}
#sub0102 .r03 .wrap .con .cont .bottom .left {display: flex; flex-direction:column; justify-content:space-between;}
#sub0102 .r03 .wrap .con .cont .bottom .left a {color: #002060; width: 395px; text-align: center; padding: 20px 0; border:1px solid #002060; pointer-events:none; border:2px dashed #002060;}
#sub0102 .r03 .wrap .con .cont03 > div:first-child {border-bottom: 0;}
#sub0102 .r03 .wrap .con .cont {display: none;}
#sub0102 .r03 .wrap .con .cont.actv {display: block;}
#sub0102 .r03 .wrap .con .cont > span {display: block; margin-bottom: 130px;}

/********************************서브0103 sub0103 연혁********************************/
#sub0103 {}
#sub0103 .r01 {padding-top: 175px; padding-bottom: 170px;}
#sub0103 .r01 .sub_tit {margin-bottom: 120px;}
#sub0103 .r01 .cont {}
#sub0103 .r01 .cont .con {display: flex;justify-content:space-between;}
#sub0103 .r01 .cont .con .left {max-width: 490px; width: 100%;}
#sub0103 .r01 .cont .con .left img {width: 100%;}
#sub0103 .r01 .cont .con .right {display: flex; flex-direction:column; justify-content:space-between;}
#sub0103 .r01 .cont .con .right .slot {display: flex; justify-content:space-between; margin-bottom: 50px;}
#sub0103 .r01 .cont .con .right .slot .year {}
#sub0103 .r01 .cont .con .right .slot .year h2 {color:#002060; width: 205px;}
#sub0103 .r01 .cont .con .right .slot .txt_con {border-left:1px solid #ccc; padding-left: 45px;width: 600px;}
#sub0103 .r01 .cont .con .right .slot .txt_con ul {}
#sub0103 .r01 .cont .con .right .slot .txt_con ul li {padding-left: 12px; position: relative; margin-bottom: 25px;}
#sub0103 .r01 .cont .con .right .slot .txt_con ul li:last-child {margin-bottom: 0;}
#sub0103 .r01 .cont .con .right .slot .txt_con ul li:before {content:""; position: absolute; left: 0;top: 50%; transform:translateY(-50%); width: 4px; height: 4px; border-radius:100%; background-color: #131313;}



/********************************서브0104 sub0104 조직도********************************/

.no_content{text-align:center; } .no_content .img_con{margin:0 auto; margin-bottom:50px; max-width:420px; width:100%;} .no_content img{width:100%;} .no_content h2{margin-bottom:20px;} .no_content span{line-height:1.5;}

#sub0104 .r01 {padding-top:170px; padding-bottom:170px;}
#sub0104 .org_wrap {width:100%; max-width:1500px; margin:0 auto; text-align:center; position:relative;}
#sub0104 .org_tit {margin-bottom:55px;}
#sub0104 .org_tit h2 {color:#002060; font-weight:700;}
#sub0104 .org_chart {position:relative;}
#sub0104 .name {display:inline-block; min-width:120px; padding:14px 26px; background:#002060; color:#fff; border-radius:8px; font-weight:600; position:relative; box-shadow:0 4px 16px rgba(0,0,0,0.12); line-height:1.25;}
#sub0104 .rep {display:inline-block; min-width:120px; padding:10px 18px; background:#1a5ea8; color:#fff; border-radius:8px; font-weight:600; position:relative; box-shadow:0 4px 16px rgba(0,0,0,0.12); line-height:1.25;}
#sub0104 .rep.sub {background:#4aa6d9;}
#sub0104 .dept_box {display:inline-block; min-width:106px; background:#e6ecf7; padding:8px 14px; border-radius:10px; color:#002060; box-shadow:0 4px 16px rgba(0,0,0,0.08); line-height:1.35; font-weight:500;}
#sub0104 .name, #sub0104 .rep, #sub0104 .dept_box {word-break:keep-all;}

#sub0104 .org_top {display:flex; flex-direction:column; align-items:center; gap:8px; margin-bottom:62px; position:relative;}
#sub0104 .org_top::after {content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%); width:2px; height:62px; background:#bfc6d9;}
#sub0104 .org_top .top_item {position:relative;}
#sub0104 .org_top .top_item:not(:last-child)::after {content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%); width:2px; height:8px; background:#bfc6d9;}

#sub0104 .main_row {display:flex; justify-content:space-between; align-items:flex-start; gap:34px; padding-top:34px; position:relative;}
#sub0104 .main_row > .line_h {position:absolute; top:0; height:2px; background:#bfc6d9;}
#sub0104 .main_group {position:relative;}
#sub0104 .main_group::before {content:""; position:absolute; left:50%; top:-34px; transform:translateX(-50%); width:2px; height:34px; background:#bfc6d9;}
#sub0104 .group_head {margin-bottom:14px;}
#sub0104 .group.prod {width:360px;}
#sub0104 .group.sales {width:170px;}
#sub0104 .group.mgmt {width:170px;}
#sub0104 .group.lab {width:560px;}

#sub0104 .group.has_branch .group_head {margin-bottom:0;}
#sub0104 .branch_link {width:2px; height:26px; background:#bfc6d9; margin:0 auto;}

#sub0104 .branch_row {display:flex; justify-content:center; align-items:flex-start; gap:24px; padding-top:26px; position:relative;}
#sub0104 .branch_row > .line_h {position:absolute; top:0; height:2px; background:#bfc6d9;}
#sub0104 .branch_item {position:relative;}
#sub0104 .branch_item::before {content:""; position:absolute; left:50%; top:-26px; transform:translateX(-50%); width:2px; height:26px; background:#bfc6d9;}
#sub0104 .sub_head {margin-bottom:10px;}

#sub0104 .single_child {padding-top:18px; position:relative;}
#sub0104 .single_child::before {content:""; position:absolute; left:50%; top:-18px; transform:translateX(-50%); width:2px; height:40px; background:#bfc6d9; z-index:-1;}

#sub0104 .staff_row {display:flex; justify-content:center; align-items:flex-start; gap:12px; padding-top:18px; position:relative;}
#sub0104 .staff_row::before {content:""; position:absolute; left:50%; top:-17px; transform:translateX(-50%); width:2px; height:18px; background:#bfc6d9; z-index:-1;}
#sub0104 .staff_row > .line_h {position:absolute; top:0; height:2px; background:#bfc6d9;}
#sub0104 .staff_row.has_line .staff_item {position:relative;}
#sub0104 .staff_row.has_line .staff_item::before {content:""; position:absolute; left:50%; top:-18px; transform:translateX(-50%); width:2px; height:18px; background:#bfc6d9;}

#sub0104 .staff_col {display:flex; flex-direction:column; align-items:center; gap:8px; padding-top:18px; position:relative;}
#sub0104 .staff_col::before {content:""; position:absolute; left:50%; top:-11px; transform:translateX(-50%); width:2px; height:35px; background:#bfc6d9; z-index:-1;}
#sub0104 .staff_col > .staff_item {position:relative;}
#sub0104 .staff_col > .staff_item:not(:last-child)::after {content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%); width:2px; height:8px; background:#bfc6d9;}

#sub0104 .split_wrap {padding-top:30px;  position:relative;}
#sub0104 .split_wrap::before {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:28px; background:#bfc6d9;}
#sub0104 .split_row {display:flex; justify-content:center; align-items:flex-start; gap:18px; padding-top:24px; position:relative;}
#sub0104 .split_row > .line_h {position:absolute; top:0; height:2px; background:#bfc6d9;}
#sub0104 .split_item {position:relative;}
#sub0104 .split_item::before {content:""; position:absolute; left:50%; top:-24px; transform:translateX(-50%); width:2px; height:24px; background:#bfc6d9;}

#sub0104 .prod .branch_row {gap:34px;}
#sub0104 .prod .branch_item {width:150px;}
#sub0104 .lab .branch_row {gap:18px;}
#sub0104 .lab .branch_item {width:126px;}
#sub0104 .sales .single_child .rep, #sub0104 .mgmt .single_child .rep {min-width:132px;}
#sub0104 .navi_branch .staff_col > .staff_item:last-child {width:100%;}
#sub0104 .navi_branch .split_row .dept_box {min-width:108px;}

/********************************서브0201 sub0201 AMR********************************/
.sub0201-title {color:#fff; font-weight: 600; margin-bottom: 25px; display: block;}
#sub0201 .sub_tit .tit p {display: inline-block;}
#sub0201 {padding-top: 170px;}
#sub0201 .sub_tit .tit {margin-bottom: 85px;}
#sub0201 .r01 {padding-bottom: 155px;}
#sub0201 .r01 .cont {display: flex;  justify-content:space-between; align-items:center;}
#sub0201 .r01 .cont .left {max-width: 788px; width: 100%; /* margin-right: 110px; */ background-color: #000;}
#sub0201 .r01 .cont .left video {width: 100%;}
#sub0201 .r01 .cont .right {}
#sub0201 .r01 .cont .right .txt_con {}
#sub0201 .r01 .cont .right .txt_con p {line-height: 1.7;}


/* TAB UI */
#sub0201 .amr_tab_wrap {padding: 125px 0 0; background-color: #f5f5f7;}
#sub0201 .amr_tab_head {display: flex; justify-content: center; align-items: center; margin-bottom: 60px; flex-direction:column;}
#sub0201 .amr_tab_head .m_tit {margin-bottom: 50px;}
#sub0201 .amr_tab_btns {display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end;}
#sub0201 .amr_tab_btn {border: 1px solid #dadae4; background-color: #fff; color: #002060; border-radius: 999px; padding: 14px 18px; font-weight: 600; cursor: pointer; transition: .2s ease-in-out;}
#sub0201 .amr_tab_btn:hover {transform: translateY(-2px);}
#sub0201 .amr_tab_btn.actv {background-color: #002060; border-color: #002060; color: #fff;}
#sub0201 .amr_tab_panels {position: relative;}
#sub0201 .amr_tab_panel {display: none;}
#sub0201 .amr_tab_panel.actv {display: block;}
#sub0201 .amr_tab_subtit {margin-bottom: 60px; text-align: left;}
#sub0201 .amr_tab_subtit h3 {color: #002060; text-align: center;}

/* 탭 내부에서는 기존 cc/cb padding-top 중복 제거 */
#sub0201 .amr_tab_wrap .cc {padding-top: 0; background-color: transparent;}
#sub0201 .amr_tab_wrap .cb {padding-top: 0; background-color: transparent;}

/* === 기존 CSS(정리본) === */
#sub0201 .cc {padding-top: 125px; background-color: #f5f5f7;}
#sub0201 .cc .cont1 {margin-bottom: 70px;}
#sub0201 .cc .cont1 .m_tit {margin-bottom: 105px;}
#sub0201 .cc .cont1 .con {display: flex; justify-content: space-between;}
#sub0201 .cc .cont1 .con > div {max-width: 680px; width: 100%;}
#sub0201 .cc .cont1 .con > div h4 {margin-bottom: 43px; text-align: center;}
#sub0201 .cc .cont1 .con > div ul {}
#sub0201 .cc .cont1 .con > div ul li {margin-bottom: 30px; border-radius: 800px; padding: 30px 0; text-align: center;}
#sub0201 .cc .cont1 .con > div ul li:last-child {margin-bottom: 0;}
#sub0201 .cc .cont1 .con .left {}
#sub0201 .cc .cont1 .con .left h4 {color: #666;}
#sub0201 .cc .cont1 .con .left ul {}
#sub0201 .cc .cont1 .con .left ul li {background-color: #dadae4; color: #666;}
#sub0201 .cc .cont1 .con .right {}
#sub0201 .cc .cont1 .con .right h4 {color: #002060;}
#sub0201 .cc .cont1 .con .right ul {}
#sub0201 .cc .cont1 .con .right ul li {background-color: #002060; color: #fff;}
#sub0201 .cc .cont2 {padding-bottom: 150px; }
#sub0201 .cc .cont2 .g_tit {color: #002060; margin-bottom: 70px;}
#sub0201 .cc .cont2 .con {}
#sub0201 .cc .cont2 .con ul {display: flex; justify-content: space-between;}
#sub0201 .cc .cont2 .con ul .slot {position: relative; overflow: hidden; max-width: calc((100% - 80px) / 3); width: 100%;}
#sub0201 .cc .cont2 .con ul .slot p {position: absolute; bottom: 35px; left: 32px; color: #fff; font-weight: 600; line-height: 1.5; z-index: 3;}
#sub0201 .cc .cont2 .con ul .slot p span {font-weight: 400; display: block; margin-top: 20px;}
#sub0201 .cc .cont2 .con ul .slot img {width: 100%; transition: .3s ease-in-out;}
#sub0201 .cc .cont2 .con ul .slot:hover img {scale: 1.1;}
#sub0201 .cc .cont2 .con .txt_con {margin-top: 50px; text-align: center; line-height: 1.5;}
#sub0201 .cc .cont2 .con .txt_con p {font-weight: 500;}

#sub0201 .cb {padding-top: 125px; background-color: #f5f5f7;}
#sub0201 .cb .cont1 {margin-bottom: 70px;}
#sub0201 .cb .cont1 .m_tit {margin-bottom: 105px;}
#sub0201 .cb .cont1 .con {display: flex; justify-content: space-between;}
#sub0201 .cb .cont1 .con > div {max-width: 680px; width: 100%;}
#sub0201 .cb .cont1 .con > div h4 {margin-bottom: 43px; text-align: center;}
#sub0201 .cb .cont1 .con > div ul {}
#sub0201 .cb .cont1 .con > div ul li {margin-bottom: 30px; border-radius: 800px; padding: 30px 0; text-align: center;}
#sub0201 .cb .cont1 .con > div ul li:last-child {margin-bottom: 0;}
#sub0201 .cb .cont1 .con .left {}
#sub0201 .cb .cont1 .con .left h4 {color: #666;}
#sub0201 .cb .cont1 .con .left ul {}
#sub0201 .cb .cont1 .con .left ul li {background-color: #dadae4; color: #666;}
#sub0201 .cb .cont1 .con .right {}
#sub0201 .cb .cont1 .con .right h4 {color: #002060;}
#sub0201 .cb .cont1 .con .right ul {}
#sub0201 .cb .cont1 .con .right ul li {background-color: #002060; color: #fff;}
#sub0201 .cb .cont2 {padding-bottom: 150px;}
#sub0201 .cb .cont2 .g_tit {color: #002060; margin-bottom: 70px;}
#sub0201 .cb .cont2 .con {}
#sub0201 .cb .cont2 .con ul {display: flex; justify-content: space-between;}
#sub0201 .cb .cont2 .con ul .slot {position: relative; overflow: hidden; max-width: calc((100% - 60px) / 3); width: 100%;}
#sub0201 .cb .cont2 .con ul .slot p {position: absolute; bottom: 35px; left: 32px; color: #fff; font-weight: 600; line-height: 1.5; z-index: 3;}
#sub0201 .cb .cont2 .con ul .slot p span {}
#sub0201 .cb .cont2 .con ul .slot img {width: 100%; transition: .3s ease-in-out;}
#sub0201 .cb .cont2 .con ul .slot:hover img {scale: 1.1;}
#sub0201 .cb .cont3 {margin-top: 105px;}
#sub0201 .cb .cont3 .vd {display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
#sub0201 .cb .cont3 .vd:last-child {margin-bottom: 0;}
#sub0201 .cb .cont3 .vd .left {max-width: 640px; width: 100%; height: 400px; background-color: #000;}
#sub0201 .cb .cont3 .vd .left video {width: 100%; height: 100%; object-fit: cover;}
#sub0201 .cb .cont3 .vd .right {max-width: 640px; width: 100%;}
#sub0201 .cb .cont3 .vd .right h2 {margin-bottom: 42px;}
#sub0201 .cb .cont3 .vd .right p {line-height: 1.5;}
#sub0201 .cb .cont3 .vd .right p b {font-weight: 500;}
#sub0201 .r04 {padding-bottom: 165px;}
#sub0201 .r03 {padding-bottom: 0;}

/* 반응형(원하면 기존 브레이크포인트에 맞춰 추가 확장 가능) */
@media (max-width: 980px) {#sub0201 .amr_tab_head {flex-direction: column; align-items: flex-start;} #sub0201 .amr_tab_btns {justify-content: flex-start;}}
@media (max-width: 780px) {#sub0201 .cc .cont1 .con, #sub0201 .cb .cont1 .con {flex-direction: column; gap: 30px;} #sub0201 .cc .cont2 .con ul, #sub0201 .cb .cont2 .con ul {flex-direction: column; gap: 20px;} #sub0201 .cc .cont2 .con ul .slot, #sub0201 .cb .cont2 .con ul .slot {max-width: 100%;} #sub0201 .cb .cont3 .vd {flex-direction: column; gap: 20px;} #sub0201 .cb .cont3 .vd .left, #sub0201 .cb .cont3 .vd .right {max-width: 100%;}}



#sub0201 .r05 {padding-top: 135px; padding-bottom: 125px;}
#sub0201 .r05 > h2 {margin-bottom: 58px; font-weight: 800; letter-spacing: -0.03em; text-align: center;}
#sub0201 .r05 .cont {position: relative;}
#sub0201 .r05 .cont .tab_con {display: inline-flex; align-items: center; gap: 14px; margin-bottom: 60px; padding: 6px; background: #ffffff; border: 1px solid #e7ebf3; border-radius: 999px; box-shadow: 0 10px 26px rgba(0,0,0,.06);}
#sub0201 .r05 .cont .tab_con li {cursor: pointer; position: relative; padding: 12px 20px; border-radius: 999px; font-weight: 700; color: #667085; transition: .25s ease-in-out; letter-spacing: -0.02em; user-select: none;}
#sub0201 .r05 .cont .tab_con li:before {content: ""; position: absolute; left: 18px; right: 18px; bottom: 8px; height: 2px; background: rgba(255,255,255,.75); transform: scaleX(0); transform-origin: left; transition: .25s ease-in-out; border-radius: 2px;}
#sub0201 .r05 .cont .tab_con li:hover {color: #002060;}
#sub0201 .r05 .cont .tab_con li.actv {background: #002060; color: #ffffff; pointer-events: none; box-shadow: 0 10px 22px rgba(0,32,96,.25);}
#sub0201 .r05 .cont .tab_con li.actv:before {transform: scaleX(1);}

#sub0201 .r05 .cont .con {}
#sub0201 .r05 .cont .con .cd {display: none;}
#sub0201 .r05 .cont .con .cd.actv {display: block;}

#sub0201 .r05 .cont .con .cd ul {display: grid; grid-template-columns: 1fr 1fr; gap: 28px;}
#sub0201 .r05 .cont .con .cd ul li {position: relative; min-height: 150px; padding: 34px 34px 32px 34px; border-radius: 22px; background: #ffffff; border: 1px solid #e7ebf3; box-shadow: 0 14px 34px rgba(16,24,40,.08); transition: .25s ease-in-out; overflow: hidden;}
#sub0201 .r05 .cont .con .cd ul li:after {content: ""; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background: linear-gradient(180deg, #002060 0%, #3a6ff2 100%); opacity: .12;}
#sub0201 .r05 .cont .con .cd ul li:hover {transform: translateY(-6px); box-shadow: 0 18px 44px rgba(16,24,40,.14);}
#sub0201 .r05 .cont .con .cd ul li .num {position: absolute; left: 26px; top: 24px; width: 52px; height: 52px; border-radius: 50%; background: #eef3ff; border: 1px solid #dbe6ff; display: flex; align-items: center; justify-content: center;}
#sub0201 .r05 .cont .con .cd ul li .num h4 {margin: 0; font-weight: 900; font-size: 18px; line-height: 1; color: #002060; letter-spacing: -0.02em;}
#sub0201 .r05 .cont .con .cd ul li .txt {padding-left: 78px;}
#sub0201 .r05 .cont .con .cd ul li .txt p {margin: 0; font-weight: 700; line-height: 1.55; letter-spacing: -0.02em; color: #111827;}
#sub0201 .r05 .cont .con .cd ul li .txt p br {content: "";}

#sub0201 .r05 .cont .con .c1 ul li:nth-child(3) {grid-column: 1 / -1;}
#sub0201 .r05 .cont .con .c2 ul li:nth-child(1) {}
#sub0201 .r05 .cont .con .c2 ul li:nth-child(2) {}

#sub0201 .r06 {padding-top: 115px; padding-bottom: 130px; background-color: #002060;}
#sub0201 .r06 .m_tit {margin-bottom: 20px;}
#sub0201 .r06 .m_tit span {color:#fff;}
#sub0201 .r06 .m_tit h2 {color:#fff;}
#sub0201 .r06 .cont {}
#sub0201 .r06 .cont ul {display: flex; flex-wrap:wrap; justify-content:space-between;}
#sub0201 .r06 .cont ul li {max-width: 360px; width: 100%; text-align: center; margin-top: 110px;}
#sub0201 .r06 .cont ul li h2 {color:#fff; margin-bottom: 35px;}
#sub0201 .r06 .cont ul li  span {color:#545fa3;line-height: 1.5;}
#sub0201 .r06 .cont ul li p {display: inline-block;}

/* #sub0201 .r07 {padding-top: 120px; padding-bottom: 95px;}
#sub0201 .r07 .m_tit {margin-bottom: 90px;}
#sub0201 .r07 .cont {}
#sub0201 .r07 .cont .tap_con {display: flex; justify-content:space-between;}
#sub0201 .r07 .cont .tap_con li {transition:.3s ease-in-out; background-color: #efefef; color:#999; line-height: 1.5; max-width: calc((100% - 50px) / 3); width: 100%; height: 92px; position: relative; border-radius:500px;}
#sub0201 .r07 .cont .tap_con li.actv {background-color: #002060; color:#fff;}
#sub0201 .r07 .cont .tap_con li:hover {background-color: #002060; color:#fff;}
#sub0201 .r07 .cont .tap_con li .txt {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); text-align: center;}
#sub0201 .r07 .cont .tap_con li .txt span {white-space:nowrap;}
#sub0201 .r07 .cont .ba {max-width: 1204px; width: 100%; margin: 0 auto; margin-top: 70px; display: flex; justify-content:space-between; position: relative;}
#sub0201 .r07 .cont .ba > div {max-width: 555px; width: 100%;}
#sub0201 .r07 .cont .ba > div .txt_con {border:1px solid #002060; text-align: center; line-height: 1.5; padding: 50px;}
#sub0201 .r07 .cont .ba > div h4 {text-align: center; margin-bottom: 35px;}
#sub0201 .r07 .cont .ba .left {}
#sub0201 .r07 .cont .ba .left h4 {color:#666;}
#sub0201 .r07 .cont .ba .right {}
#sub0201 .r07 .cont .ba .right h4 {color:#002060;}
#sub0201 .r07 .cont .ba .arrow {position: absolute; bottom: 90px; left: 50%; transform:translateX(-50%)}
#sub0201 .r07 .cont .ba_con {}
#sub0201 .r07 .cont .ba_con .ba {display: none;}
#sub0201 .r07 .cont .ba_con .ba.actv {display: flex;} */
#sub0201 .r07 .m_tit {margin-bottom: 90px;}
#sub0201 .r07 .cont .ba_con {margin-top: 60px;}
#sub0201 .r07 .cont .ba_con .ba {display: none;}
#sub0201 .r07 .cont .ba_con .ba.actv {display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: stretch; position: relative; max-width: 1204px; width: 100%; margin: 0 auto;}
#sub0201 .r07 .cont .ba_con .ba.actv:before {content: ""; position: absolute; left: 50%; top: 24px; bottom: 24px; width: 2px; background: linear-gradient(180deg, rgba(0,32,96,.08), rgba(0,32,96,.22), rgba(0,32,96,.08)); transform: translateX(-50%);}
#sub0201 .r07 .cont .ba_con .ba.actv:after {content: "→"; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; color: #002060; background: #ffffff; border: 1px solid #e7ebf3; box-shadow: 0 12px 26px rgba(16,24,40,.08);}
#sub0201 .r07 .cont .ba_con .ba > div {width: 100%;}
#sub0201 .r07 .cont .ba_con .ba > div .card {height: 100%; border-radius: 22px; background: #ffffff; border: 1px solid #e7ebf3; box-shadow: 0 18px 44px rgba(16,24,40,.10); padding: 28px 28px 26px 28px; position: relative; overflow: hidden;}
#sub0201 .r07 .cont .ba_con .ba > div .card:before {content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(0,32,96,.14), rgba(0,0,0,0)); opacity: .65;}
#sub0201 .r07 .cont .ba_con .ba > div .card .hd {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 16px;}
#sub0201 .r07 .cont .ba_con .ba > div .card .badge {display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 999px; font-weight: 900; letter-spacing: -0.01em;}
#sub0201 .r07 .cont .ba_con .ba > div .card .badge.before {background: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb;}
#sub0201 .r07 .cont .ba_con .ba > div .card .badge.after {background: rgba(0,32,96,.10); color: #002060; border: 1px solid rgba(0,32,96,.18);}
#sub0201 .r07 .cont .ba_con .ba > div .txt_con {border: 0; padding: 0; text-align: left; line-height: 1.6;}
#sub0201 .r07 .cont .ba_con .ba > div .txt_con ul {margin: 0; padding: 0; list-style: none;}
#sub0201 .r07 .cont .ba_con .ba > div .txt_con ul li {position: relative; padding-left: 28px; font-weight: 500; letter-spacing: -0.02em; color: #111827;}
#sub0201 .r07 .cont .ba_con .ba > div .txt_con ul li + li {margin-top: 12px;}
#sub0201 .r07 .cont .ba_con .ba > div .txt_con ul li:before {content: ""; position: absolute; left: 0; top: 9px; width: 14px; height: 14px; border-radius: 50%; background: #eef2ff; border: 1px solid #dbe6ff;}
#sub0201 .r07 .cont .ba_con .ba > div .txt_con ul li:after {content: ""; position: absolute; left: 4px; top: 13px; width: 6px; height: 6px; border-radius: 50%; background: #3a6ff2; opacity: .65;}
#sub0201 .r07 .cont .ba_con .ba .left .txt_con ul li:before {background: #f3f4f6; border-color: #e5e7eb;}
#sub0201 .r07 .cont .ba_con .ba .left .txt_con ul li:after {background: #9ca3af; opacity: .6;}
#sub0201 .r07 .cont .tap_con {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin: 0; padding: 0; list-style: none;}
#sub0201 .r07 .cont .tap_con li {position: relative; min-height: 86px; width: 100%; border-radius: 999px; border: 1px solid #e7ebf3; background: #ffffff; box-shadow: 0 12px 26px rgba(16,24,40,.06); cursor: pointer; transition: .25s ease-in-out; overflow: hidden;}
#sub0201 .r07 .cont .tap_con li:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(1200px 240px at 15% 50%, rgba(0,32,96,.12), rgba(0,0,0,0)); opacity: 0; transition: .25s ease-in-out;}
#sub0201 .r07 .cont .tap_con li:hover {transform: translateY(-3px); box-shadow: 0 18px 38px rgba(16,24,40,.10);}
#sub0201 .r07 .cont .tap_con li:hover:before {opacity: 1;}
#sub0201 .r07 .cont .tap_con li.actv {background: #002060; border-color: rgba(0,32,96,.25); box-shadow: 0 18px 42px rgba(0,32,96,.22); pointer-events: none;}
#sub0201 .r07 .cont .tap_con li .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 44px); text-align: center;}
#sub0201 .r07 .cont .tap_con li .txt h4 {margin: 0; font-weight: 800; letter-spacing: -0.02em; color: #111827;}
#sub0201 .r07 .cont .tap_con li .txt span {display: inline-block; margin-top: 6px; font-weight: 600; opacity: .85; white-space: nowrap; color: #667085;}
#sub0201 .r07 .cont .tap_con li.actv .txt h4 {color: #ffffff;}
#sub0201 .r07 .cont .tap_con li.actv .txt span {color: rgba(255,255,255,.88);}


/*
#sub0201 .r08 {background-color: #f5f5f7; padding-top: 70px; padding-bottom: 80px;}
#sub0201 .r08 > h4 {margin-bottom: 70px; text-align: center; color:#002060;}
#sub0201 .r08 .cont {}
#sub0201 .r08 .cont ul {display: flex; margin: 0 auto;padding: 0 130px; justify-content:space-between;}
#sub0201 .r08 .cont ul li {margin: 0 25px; text-align: center; line-height: 1.5;}
#sub0201 .r08 .cont ul li:first-child {margin-left: 0;}
#sub0201 .r08 .cont ul li:last-child {margin-right: 0;}
#sub0201 .r08 .cont ul li h4 {}
#sub0201 .r08 .cont ul li span {}
#sub0201 .r08 .cont ul li.arw {margin: 0; margin-top: 15px;} 
*/
#sub0201 .r08 { padding-top: 70px; padding-bottom: 80px;}
#sub0201 .r08 > h4 {margin-bottom: 60px; text-align: center; color: #002060; font-weight: 700; letter-spacing: -0.02em;}
#sub0201 .r08 .cont {max-width: 1204px; width: 100%; margin: 0 auto; padding: 0 20px;}
#sub0201 .r08 .cont ul {display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0; padding: 44px 42px; list-style: none; background: rgba(255,255,255,.65); border: 1px solid #eef0f6; border-radius: 26px; box-shadow: 0 18px 44px rgba(16,24,40,.06); position: relative; overflow: hidden;}
#sub0201 .r08 .cont ul:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 160px); height: 2px; background: linear-gradient(90deg, rgba(0,32,96,.08), rgba(0,32,96,.22), rgba(0,32,96,.08)); opacity: .85;}
#sub0201 .r08 .cont ul:after {content: ""; position: absolute; right: -120px; top: -120px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(0,32,96,.12), rgba(0,0,0,0)); opacity: .55;}

#sub0201 .r08 .cont ul li {margin: 0; text-align: center; line-height: 1.35; position: relative; z-index: 2;}
#sub0201 .r08 .cont ul li:not(.arw) {flex: 1; min-width: 0; background: #ffffff; border: 1px solid #e7ebf3; border-radius: 18px; padding: 22px 16px; box-shadow: 0 14px 34px rgba(16,24,40,.08); transition: .25s ease-in-out;}
#sub0201 .r08 .cont ul li:not(.arw):hover {transform: translateY(-4px); box-shadow: 0 18px 44px rgba(16,24,40,.14);}
/* #sub0201 .r08 .cont ul li:not(.arw):before {content: ""; position: absolute; left: 18px; top: 18px; width: 10px; height: 10px; border-radius: 50%; background: rgba(0,32,96,.18);} */
#sub0201 .r08 .cont ul li:not(.arw) h4 {margin: 0; letter-spacing: -0.02em; color: #111827;}
#sub0201 .r08 .cont ul li:not(.arw) span {display: inline-block; margin-top: 8px; letter-spacing: -0.02em; color: #667085;}
#sub0201 .r08 .cont ul li:not(.arw) br {content: "";}

#sub0201 .r08 .cont ul li.arw {flex: 0 0 46px; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; margin-top: 0; padding: 0; border-radius: 50%; background: #ffffff; border: 1px solid #e7ebf3; box-shadow: 0 12px 26px rgba(16,24,40,.08);}
#sub0201 .r08 .cont ul li.arw img {display: none;}
#sub0201 .r08 .cont ul li.arw:before {content: "→"; color: #002060; line-height: 1; font-size: 18px;}
#sub0201 .r08 .cont ul li.arw:after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 10px 24px rgba(0,32,96,.12); opacity: .0; transition: .25s ease-in-out;}
#sub0201 .r08 .cont ul li.arw:hover:after {opacity: 1;}


#sub0201 .r09 {text-align: center; padding-top: 80px; padding-bottom: 285px; color:#002060; line-height: 1.5;}
#sub0201 .r09 h3 {font-weight: 500; margin-bottom: 45px;}
#sub0201 .r09 span {}

#sub0201 .r10 {padding-bottom: 215px;}
#sub0201 .r10 .cont {}
#sub0201 .r10 .cont .top {display:flex;justify-content:space-between;gap:60px;}
#sub0201 .r10 .cont .top .m_tit {max-width:380px;width:100%;}
#sub0201 .r10 .cont .top .m_tit span {margin-bottom:50px;display:block;}
#sub0201 .r10 .cont .top .m_tit h2 {line-height:1.5;}
#sub0201 .r10 .cont .top .t_con {margin-top:65px;max-width:925px;width:100%;}

#sub0201 .r10 .cont .top .t_con table {width:100%;border-collapse:separate;border-spacing:0;}
#sub0201 .r10 .cont .top .t_con table th,
#sub0201 .r10 .cont .top .t_con table td {padding:18px 20px;text-align:center;background:#fff;border:none;border-bottom:1px solid #d0d0d0;}
#sub0201 .r10 .cont .top .t_con table tr:first-child th {font-weight:600;border-bottom:1px solid #0b2a5b; text-align: center;}
#sub0201 .r10 .cont .top .t_con table th:first-child,
#sub0201 .r10 .cont .top .t_con table td:first-child {background:#f7f7f9;font-weight:500;text-align: center;}
#sub0201 .r10 .cont .top .t_con table th:nth-child(4),
#sub0201 .r10 .cont .top .t_con table td:nth-child(4) {color:#0b2a5b;font-weight:600;border-left:4px solid #0b2a5b;border-right:4px solid #0b2a5b;border-bottom:0;}
#sub0201 .r10 .cont .top .t_con table tr:first-child th:nth-child(4) {border-top:4px solid #0b2a5b;border-bottom:1px solid #0b2a5b;}
#sub0201 .r10 .cont .top .t_con table tr:not(:first-child):not(:last-child) td:nth-child(4) {border-top:1px solid #0b2a5b;}
#sub0201 .r10 .cont .top .t_con table tr:last-child td:nth-child(4) {border-top:1px solid #0b2a5b;border-bottom:4px solid #0b2a5b;}
#sub0201 .r10 .cont .bottom {margin-top: 120px;}
#sub0201 .r10 .cont .bottom .s_wrap {}
#sub0201 .r10 .cont .bottom .s_wrap .scon {height: 245px;  padding: 0 20px;}
#sub0201 .r10 .cont .bottom .s_wrap .scon .txt {padding: 70px 0;display: flex; flex-direction:column; align-items:center; justify-content:space-between; background-color: #434b93; color:#fff; text-align: center; height: 100%; width: 445px;}
#sub0201 .r10 .cont .bottom .s_wrap .scon p {}
#sub0201 .r10 .cont .bottom .s_wrap .scon span {font-weight: 500;}
#sub0201 .r10 .cont .bottom .s_wrap .scon2 {margin-top: 60px;}

#sub0201 .r10 .cont .top .m_tit h2 .ln {display:block;}
#sub0201 .r10 .cont .top .m_tit h2 .pl {display:inline-block;font-style:normal;font-weight:800;margin-right:10px;color:#111;}
#sub0201 .r10 .cont .top .m_tit h2 .hl {font-weight:800;color:#0b2a5b;}
#sub0201 .r10 .cont .top .t_con {margin-top:65px;max-width:925px;width:100%;background:#fff;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,0.06);padding:22px;}
#sub0201 .r10 .cont .top .t_con table th, #sub0201 .r10 .cont .top .t_con table td {padding:18px 20px;text-align:center;background:#fff;border:none;border-bottom:1px solid #d0d0d0;}
#sub0201 .r10 .cont .top .t_con table tr:first-child th {font-weight:600;border-bottom:1px solid #0b2a5b;text-align:center;background:#f3f5f8;}
#sub0201 .r10 .cont .top .t_con table th:first-child, #sub0201 .r10 .cont .top .t_con table td:first-child {background:#f7f7f9;font-weight:500;text-align:center;}



@media (max-width:768px) {
#sub0201 .r10 .cont .top {flex-direction:column;gap:40px;}
#sub0201 .r10 .cont .top .t_con {margin-top:0;}
}






/********************************서브0202 sub0202 잠수함 인버터********************************/
#sub0202 {padding-top:170px;}
#sub0202 .sub_tit .tit {margin-bottom:85px;}
#sub0202 .sub_tit .tit br {}
#sub0202 .r01 {padding-bottom:155px;}
#sub0202 .r01 .cont {display:flex;justify-content:space-between;align-items:center;}
#sub0202 .r01 .cont .left {max-width:788px;width:100%;height:435px;background-color:#000;}
#sub0202 .r01 .cont .left video {width:100%;height:100%;}
#sub0202 .r01 .cont .right {max-width:505px;width:100%;}
#sub0202 .r01 .cont .right .txt_con {}
#sub0202 .r01 .cont .right .txt_con p {line-height:1.7;}
#sub0202 .r02 {padding-top:125px;padding-bottom:160px;background-color:#f5f5f7;}
#sub0202 .r02 .m_tit {margin-bottom:105px;text-align:center;}
#sub0202 .r02 .circle {display:flex;justify-content:space-between;max-width:1190px;width:100%;margin:0 auto;}
#sub0202 .r02 .circle .c_con {background-color:rgba(0,32,96,.08);width:360px;height:360px;border-radius:100%;position:relative;}
#sub0202 .r02 .circle .c_con .con {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:80%;}
#sub0202 .r02 .circle .c_con .con h4 {margin-bottom:25px;color:#002060;}
#sub0202 .r02 .circle .c_con .con ul {}
#sub0202 .r02 .circle .c_con .con ul li {margin-bottom:12px; font-weight: 500;}
#sub0202 .r02 .circle .c_con .con ul li:last-child {margin-bottom:0;}
#sub0202 .r03 {padding-top:115px;padding-bottom:130px;background-color:#002060;}
#sub0202 .r03 .m_tit {margin-bottom:110px;text-align:center;}
#sub0202 .r03 .m_tit span {color:#fff;}
#sub0202 .r03 .m_tit h2 {color:#fff;}
#sub0202 .r03 .cont ul {display:flex;justify-content:space-between;}
#sub0202 .r03 .cont ul li {max-width:360px;width:100%;text-align:center;}
#sub0202 .r03 .cont ul li h2 {color:#fff;margin-bottom:30px;}
#sub0202 .r03 .cont ul li span {color:#fff;line-height:1.5;}
#sub0202 .r03 .cont ul li p {display:inline-block;} 
#sub0202 .r04 {padding-top:130px;padding-bottom:180px;}
#sub0202 .r04 .m_tit {margin-bottom:90px;text-align:center;}
#sub0202 .r04 .cont {}
#sub0202 .r04 .tab_con {display:flex;justify-content:space-between;margin-bottom:80px;}
#sub0202 .r04 .tab_con li {cursor:pointer;flex:1;margin:0 10px;padding:28px 0;text-align:center;border-radius:500px;background-color:#e6e7eb;color:#777;font-weight:600;transition:.3s ease-in-out;box-shadow:0 0 0 rgba(0,0,0,0);}
#sub0202 .r04 .tab_con li:first-child {margin-left:0;}
#sub0202 .r04 .tab_con li:last-child {margin-right:0;}
#sub0202 .r04 .tab_con li:hover {background-color:#dce1f0;color:#002060;}
#sub0202 .r04 .tab_con li.actv {background-color:#002060;color:#fff;box-shadow:0 12px 30px rgba(0,32,96,.25);pointer-events:none;}
#sub0202 .r04 .slot {display:none;justify-content:space-between;gap:40px;}


#sub0202 .r04 .slot.actv {display:flex;}
#sub0202 .r04 .slot .img_con {max-width:380px;width:100%;height:260px;background:linear-gradient(135deg,#d9dce6,#eef0f6);border-radius:20px;overflow:hidden;position:relative;}

#sub0202 .r04 .slot3 .img_con:nth-child(2) {background: transparent;}
/* #sub0202 .r04 .slot .img_con:before {content:"IMAGE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#9aa3bf;font-weight:700;letter-spacing:2px;} */
#sub0202 .r04 .slot .img_con img {width:100%;height:100%;object-fit:cover; transition:.8s ease-in-out;}
#sub0202 .r04 .slot .img_con:hover img {scale:1.1;}
2026-03-16#sub0202 .r04 .slot4 {justify-content:center;}
#sub0202 .r04 .slot4 .img_con {max-width:380px;height:260px; width: 100%;}

#sub0202 .r04 .slot1 > div {width: calc(50% - 50px); text-align: center;}
#sub0202 .r04 .slot1 > div {}
#sub0202 .r04 .slot1 > div .img_txt {display: flex; flex-direction:column; align-items:center; margin-bottom: 30px;}
#sub0202 .r04 .slot1 > div .img_txt span {font-weight: 600; display: block; margin-bottom: 20px; color:#002060;}

#sub0202 .r04 .slot1 > div img {width: 100px;}
#sub0202 .r04 .slot1 > div h3 {color:#002060; margin-bottom: 20px;}

#sub0202 .r04 .tt {margin-top:100px;text-align:left;}
#sub0202 .r04 .tt span {display:inline-block;margin-bottom:18px;color:#002060;font-weight:700;}
#sub0202 .r04 .tt h3 {line-height:1.5;}
#sub0202 .r04 .tt {margin-top:100px;text-align:left;}
#sub0202 .r04 .tt span {display:inline-block;margin-bottom:18px;color:#002060;font-weight:700;letter-spacing:0.3px;}
#sub0202 .r04 .tt h3 {line-height:1.5;font-weight:600;}
#sub0202 .r04 .tc {margin-top:45px;}
#sub0202 .r04 .tc ul {max-width:820px;width:100%;padding-left:0;}
#sub0202 .r04 .tc ul li {position:relative;padding-left:28px;margin-bottom:22px;font-weight:500;line-height:1.65;color:#333;}
#sub0202 .r04 .tc ul li:last-child {margin-bottom:0;}
#sub0202 .r04 .tc ul li:before {content:"";position:absolute;left:0;top:10px;width:12px;height:2px;background-color:#002060;}
#sub0202 .r04 .tc ul li:first-child {font-weight:600;}


#sub0202 .youtube_embed_box {position:relative; width:100%; height:100%; min-height:520px; overflow:hidden;}
#sub0202 .youtube_embed_box iframe {display:block; width:100%; height:100%; min-height:520px; pointer-events:none;}


#sub0202 .r01 .cont .left .media_box {width:100%; max-width:790px;}

#sub0202 .r01 .media_box video {width:100%;height:100%;object-fit:cover;display:block;}

#sub0202 .r04 .slot1 {display:none; justify-content:space-between; gap:40px;}
#sub0202 .r04 .slot1.actv {display:flex;}
#sub0202 .r04 .slot1 .left,#sub0202 .r04 .slot1 .right {width:calc(50% - 20px); padding:40px 30px; border:1px solid #dbe3ef; border-radius:20px; box-shadow:0 12px 30px rgba(0,32,96,.08); text-align:center; background:#fff;}
#sub0202 .r04 .slot1 .img_txt {display:flex; flex-direction:column; align-items:center; margin-bottom:25px;}
#sub0202 .r04 .slot1 .img_txt span {display:block; margin-bottom:15px; color:#4aa6d9; font-weight:600;}
#sub0202 .r04 .slot1 .img_txt img {display:block; width:110px;}
#sub0202 .r04 .slot1 h3 {margin-bottom:20px; color:#002060; line-height:1.5;}
#sub0202 .r04 .slot1 p {word-break:keep-all;}

#sub0202 .r04 .slot3 {flex-direction:column;}
#sub0202 .r04 .slot3 .pt {}
#sub0202 .r04 .slot3 .pt .slot_tit {margin-bottom:30px;}
#sub0202 .r04 .slot3 .pt .slot_tit h4 {margin-bottom:20px;}
#sub0202 .r04 .slot3 .pt .slot_tit p {}
#sub0202 .r04 .slot3 .pt .slot_cont {display:flex; margin-bottom:50px; justify-content:space-between; align-items:flex-start;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm {width:calc((100% / 3) - 25px); border:1px solid #002060; text-align:center; padding:30px 15px; border-radius:15px; box-shadow:0 12px 30px rgba(0,32,96,.25); margin-top:20px; transition:.4s ease-in-out;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm:hover {margin-top:10px;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm .s_top {text-align:right; display:block; margin-bottom:30px; color:#ababab;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm .s_bottom {}
#sub0202 .r04 .slot3 .pt .slot_cont .nm .s_bottom h3 {margin-bottom:15px; color:#002060; font-weight:600;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm .s_bottom span {color:#002060; display:block; margin-bottom:15px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 {display:flex; justify-content:space-between; margin-bottom:50px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm {width:calc((100% / 3) - 25px); border:1px solid #002060; text-align:center; padding:30px 15px; border-radius:15px; box-shadow:0 12px 30px rgba(0,32,96,.25); margin-top:20px; transition:.4s ease-in-out;}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm h4 {margin-bottom:20px; color:#002060;}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm span {font-weight:500; margin-bottom:20px; color:#4aa6d9; display:block;}
#sub0202 .r04 .slot3 .ci {}
#sub0202 .r04 .slot3 .ci .ci_tit {}
#sub0202 .r04 .slot3 .ci .ci_tit h2 {margin-bottom:15px;}
#sub0202 .r04 .slot3 .ci .ci_tit span {}
#sub0202 .r04 .slot3 .ci .ci_cont {display:flex; justify-content:space-between; margin-top:50px;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot {width:calc((100% / 3) - 25px); text-align:center;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot img {margin-bottom:20px;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot h4 {margin-bottom:15px; color:#002060;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot p {word-break:keep-all;}

#sub0202 .r04 .slot4 {}
#sub0202 .r04 .slot4 .slot4_con {display:flex; justify-content:space-between;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot {width:calc((100% / 3) - 25px);}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot .slot4_img {display:flex; flex-direction:column; align-items:center; margin-bottom:30px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot .slot4_img img {display:block; width:150px; margin-bottom:20px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot .slot4_img span {font-weight:600; color:#002060;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot h3 {color:#002060; margin-bottom:15px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot ul {}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot ul li {}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot ul li:first-child {margin-bottom:15px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot ul li h4 {color:#002060; margin-bottom:10px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot ul li p {}




/********************************서브0203 sub0203 기타사업 기타 사업********************************/
/* 
#sub0203 {padding-top: 170px;}
#sub0203 .r01 {}
#sub0203 .sub_tit .tit {margin-bottom:85px;}
#sub0203 .sub_tit .tit br {}
#sub0203 .r01 {padding-bottom:155px;}
#sub0203 .r01 .cont {display:flex;justify-content:space-between;align-items:center;}
#sub0203 .r01 .cont .left {max-width:790px;width:100%;height:435px;background-color:#000;}
#sub0203 .r01 .cont .left video {width:100%;height:100%;}
#sub0203 .r01 .cont .right {max-width:505px;width:100%;}
#sub0203 .r01 .cont .right .txt_con {}
#sub0203 .r01 .cont .right .txt_con p {line-height:1.7;}
#sub0203 .r02 {padding-top:125px;padding-bottom:160px;background-color:#f5f5f7;}
#sub0203 .r02 .m_tit {margin-bottom:95px;text-align:center;}
#sub0203 .r02 ul {display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1200px;width:100%;margin:0 auto;}
#sub0203 .r02 ul li {background-color:#fff;border-radius:20px; box-shadow:0 18px 40px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:space-between;min-height:360px;transition:.35s ease-in-out; position: relative;}
#sub0203 .r02 ul li:hover {transform:translateY(-6px);box-shadow:0 28px 60px rgba(0,0,0,.12);}
#sub0203 .r02 ul li h4 {line-height:1.45;font-weight:600; position: absolute; z-index: 1; left: 50px; bottom: 50px; color:#fff;}
#sub0203 .r02 ul li .img_con {width:100%;height:100%; border-radius:14px;background:linear-gradient(135deg,#e2e5ee,#f1f3f9);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
#sub0203 .r02 ul li .img_con img {width:100%;height:100%;object-fit:cover;}
#sub0203 .r02 ul li.slot1 {border-left:6px solid #002060;}
#sub0203 .r02 ul li.slot2 {border-left:6px solid #545fa3;}
#sub0203 .r02 ul li.slot3 {border-left:6px solid #7b85c7;}
#sub0203 .r02 ul li.slot4 {border-left:6px solid #a0a7d8;} */

#sub0203 {padding-top: 170px;}
#sub0203 .r01 {padding-bottom: 155px;}
#sub0203 .r01 .sub_tit .tit {margin-bottom:60px;}
#sub0203 .r01 .sub_tit .cont {display:flex;justify-content:space-between;gap:60px;align-items:center;}
#sub0203 .r01 .sub_tit .cont .left {max-width:640px;width:100%;height:420px;background:#000;overflow:hidden;}
#sub0203 .r01 .sub_tit .cont .left video {width:100%;height:100%;object-fit:cover;}
#sub0203 .r01 .sub_tit .cont .right {max-width:640px;width:100%;}
#sub0203 .r01 .sub_tit .cont .right p {line-height:1.7;color:#111;}

#sub0203 .r02 {padding-top:125px;padding-bottom:160px;background-color:#f5f5f7;}
#sub0203 .r02 .m_tit {margin-bottom:95px;text-align:center;}
#sub0203 .r02 ul {display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1200px;width:100%;margin:0 auto;}
#sub0203 .r02 ul li {background-color:#fff;border-radius:20px; box-shadow:0 18px 40px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:space-between;min-height:360px;transition:.35s ease-in-out; position: relative;}
#sub0203 .r02 ul li:hover {transform:translateY(-6px);box-shadow:0 28px 60px rgba(0,0,0,.12);}
#sub0203 .r02 ul li h4 {line-height:1.45;font-weight:600; position: absolute; z-index: 1; left: 50px; bottom: 50px; color:#fff;}
#sub0203 .r02 ul li .img_con {width:100%;height:100%; border-radius:14px;background:linear-gradient(135deg,#e2e5ee,#f1f3f9);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
#sub0203 .r02 ul li .img_con img {width:100%;height:100%;object-fit:cover;}
#sub0203 .r02 ul li.slot1 {border-left:6px solid #002060;}
#sub0203 .r02 ul li.slot2 {border-left:6px solid #545fa3;}
#sub0203 .r02 ul li.slot3 {border-left:6px solid #7b85c7;}
#sub0203 .r02 ul li.slot4 {border-left:6px solid #a0a7d8;}

#sub0203 .r03 {padding:110px 0;}
#sub0203 .r03 .m_tit p {margin-top:18px;line-height:1.6;color:#444;}
#sub0203 .r03 .card3 {margin-top:50px;display:flex;gap:28px;justify-content:space-between;}
#sub0203 .r03 .card3 .card {max-width:calc((100% - 56px) / 3);width:100%;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,0.06);}
#sub0203 .r03 .card3 .card .img {height: 310px; text-align: center;}
#sub0203 .r03 .card3 .card .img img {height: 100%; display:inline-block;}
#sub0203 .r03 .card3 .card .txt {padding:22px 22px 26px;}
#sub0203 .r03 .card3 .card .txt p {margin-top:10px;line-height:1.6;color:#444;}

#sub0203 .r04 {padding:110px 0;background:#f5f5f7;}
#sub0203 .r04 .m_tit p {margin-top:18px;line-height:1.6;color:#444; word-break:keep-all;}
#sub0203 .r04 .con {margin-top:50px;display:flex;gap:40px;justify-content:space-between;align-items:flex-start;}
#sub0203 .r04 .con .left {max-width:460px;width:100%;background:#fff;border-radius:18px;padding:26px;box-shadow:0 10px 26px rgba(0,0,0,0.06);}
#sub0203 .r04 .con .left h4 {margin-bottom:18px;}
#sub0203 .r04 .con .left .list {line-height:1.7;color:#222;}
#sub0203 .r04 .con .left .list li {position:relative;padding-left:14px;margin-bottom:10px;}
#sub0203 .r04 .con .left .list li:before {content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:#0b2a5b;}
#sub0203 .r04 .con .right .img_con {overflow: hidden; border-radius:15px;box-shadow:0 10px 26px rgba(0,0,0,0.06);}
#sub0203 .r04 .con .right .img_con img {width: 100%;}
#sub0203 .r04 .con2 { margin-top: 50px;}
#sub0203 .r04 .con2 .card2 {display: flex; justify-content:space-between;}
#sub0203 .r04 .con2 .card2 li {width: calc(20% - 10px);}
#sub0203 .r04 .con2 .card2 li .img {width: 100%;}
#sub0203 .r04 .con2 .card2 li .img img {width: 100%;}
#sub0203 .r04 .con2 .card2 li .txt {margin-top: 15px;}
#sub0203 .r04 .con2 .card2 li .txt h4 {text-align: center;}
/* #sub0203 .r04 .con .right {max-width:720px;width:100%;}
#sub0203 .r04 .con .right .card2 {display:flex;gap:24px;justify-content:space-between;}
#sub0203 .r04 .con .right .card2 .card {max-width:calc((100% - 24px) / 2);width:100%;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,0.06);}
#sub0203 .r04 .con .right .card2 .card .img img {width:100%;display:block;}
#sub0203 .r04 .con .right .card2 .card .txt {padding:20px 20px 24px;}
#sub0203 .r04 .con .right .card2 .card .txt p {margin-top:10px;line-height:1.6;color:#444;}
#sub0203 .r04 .con .right .note {margin-top:18px;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 10px 26px rgba(0,0,0,0.06);}
#sub0203 .r04 .con .right .note p {line-height:1.6;color:#222;}
#sub0203 .r04 .con .right .note p b {color:#0b2a5b;font-weight:800;} */



#sub0203 .r05 {padding:110px 0;}
#sub0203 .r05 .con {display:flex; justify-content:space-between; margin-top:50px;}
#sub0203 .r05 .con > div {width:calc(50% - 20px); border-radius:15px; background:linear-gradient(135deg,#e6e9f2,#f2f4fa); padding:25px; text-align:center;}
#sub0203 .r05 .con > div .img_con {height:100px; margin-bottom:15px;}
#sub0203 .r05 .con > div .img_con img {height:100%;}
#sub0203 .r05 .con > div .r_tit {margin-bottom:15px;}
#sub0203 .r05 .con > div .r_tit span {color:#666;}
#sub0203 .r05 .con > div .r_tit h2 {color:#002060;}
#sub0203 .r05 .con > div .cont {width:75%; margin:0 auto;}
#sub0203 .r05 .con > div .cont p {margin-bottom:20px;}
#sub0203 .r05 .con > div .cont ul li {margin-bottom:15px;}

#sub0203 .r06 {padding:120px 0;}
#sub0203 .r06 .m_tit {margin-bottom:55px;}
#sub0203 .r06 .smr_top {display:flex; justify-content:space-between; gap:30px; margin-bottom:30px;}
#sub0203 .r06 .smr_card {width:calc(50% - 15px); border:1px solid #e4e8ef; border-radius:24px; background:#fff; padding:38px 34px; box-sizing:border-box; box-shadow:0 10px 30px rgba(15,33,67,0.04);}
#sub0203 .r06 .smr_card .hd {display:flex; align-items:center; gap:16px; margin-bottom:22px;}
#sub0203 .r06 .smr_card .hd .icon_img {width:54px; height:54px; flex-shrink:0;}
#sub0203 .r06 .smr_card .hd .icon_img img {width:100%; height:100%; object-fit:contain;}
#sub0203 .r06 .smr_card .hd .txt span {display:block; line-height:1.4; color:#7b8798; font-weight:500; margin-bottom:6px;}
#sub0203 .r06 .smr_card .hd .txt h3 {line-height:1.35; color:#14284b; font-weight:700; margin:0;}
#sub0203 .r06 .smr_card .desc {margin-bottom:20px;}
#sub0203 .r06 .smr_card .desc p {line-height:1.8; color:#5d6778; margin:0;}
#sub0203 .r06 .tag_list {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px;}
#sub0203 .r06 .tag_list li {display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 16px; border:1px solid #dde4ef; border-radius:999px; background:#f8fafc; line-height:1.4; color:#31415f; font-weight:600;}
#sub0203 .r06 .bullet_list li {position:relative; padding-left:16px; line-height:1.8; color:#5d6778; margin-bottom:4px;}
#sub0203 .r06 .bullet_list li:before {content:""; position:absolute; left:0; top:13px; width:5px; height:5px; border-radius:50%; background:#17315c;}

#sub0203 .r06 .smr_bottom {display:flex; flex-wrap:wrap; gap:30px;}
#sub0203 .r06 .smr_block {border:1px solid #e4e8ef; border-radius:24px; background:#fff; box-shadow:0 10px 30px rgba(15,33,67,0.04); box-sizing:border-box;}
#sub0203 .r06 .smr_block.block_strategy {width:calc(50% - 15px); padding:34px 30px;}
#sub0203 .r06 .smr_block.block_partner {width:calc(50% - 15px); padding:34px 30px;}
#sub0203 .r06 .smr_block.block_risk {width:100%; padding:34px 30px;}
#sub0203 .r06 .block_hd {display:flex; align-items:center; gap:14px; margin-bottom:24px;}
#sub0203 .r06 .block_hd .icon_img {width:44px; height:44px; flex-shrink:0;}
#sub0203 .r06 .block_hd .icon_img img {width:100%; height:100%; object-fit:contain;}
#sub0203 .r06 .block_hd h4 {line-height:1.4; color:#14284b; font-weight:700; margin:0;}
#sub0203 .r06 .step_flow {display:flex; flex-direction:column; gap:14px;}
#sub0203 .r06 .step_flow li {display:flex; align-items:center; gap:14px; min-height:68px; border:1px solid #e8edf4; border-radius:18px; background:#f9fbfd; padding:0 18px;}
#sub0203 .r06 .step_flow li .num {width:34px; height:34px; border-radius:50%; background:#17315c; color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
#sub0203 .r06 .step_flow li p {line-height:1.6; color:#26364f; font-weight:600; margin:0;}
#sub0203 .r06 .step_flow .arrow {display:flex; justify-content:flex-start; padding-left:15px; color:#9aa6b7; line-height:1;}

#sub0203 .r06 .partner_intro {line-height:1.8; color:#5d6778; margin-bottom:18px;}
#sub0203 .r06 .partner_list {display:flex; flex-wrap:wrap; gap:12px;}
#sub0203 .r06 .partner_list li {width:calc(50% - 6px); min-height:56px; border:1px solid #e8edf4; border-radius:16px; background:#f9fbfd; padding:0 18px; display:flex; align-items:center; line-height:1.5; color:#26364f; font-weight:600; box-sizing:border-box;}
#sub0203 .r06 .partner_list li.full {width:100%;}

#sub0203 .r06 .risk_wrap {display:flex; gap:20px;}
#sub0203 .r06 .risk_wrap > li {width:calc(33.333% - 13.333px); border:1px solid #f0d6d6; border-radius:20px; background:#fffafa; padding:22px 20px; box-sizing:border-box;}
#sub0203 .r06 .risk_wrap > li strong {display:block; line-height:1.5; color:#b43d3d; margin-bottom:12px;}
#sub0203 .r06 .risk_wrap > li p {line-height:1.8; color:#7a5d5d; margin:0;}




/********************************서브0301 sub0301 우리가 하는 일********************************/







/********************************서브0302 sub0302 제작과정********************************/




/********************************서브0302 sub0401 Impact impact 임팩트********************************/
#sub0401 {padding-top: 200px;}
#sub0401 .r01 {padding-bottom: 180px;}
#sub0401 .r01 .m_tit {text-align: left; margin-bottom: 120px;}
#sub0401 .r01 .cont {}
#sub0401 .r01 .cont .img_wrap {}
#sub0401 .r01 .cont .img_wrap ul {display: flex;}
#sub0401 .r01 .cont .img_wrap ul li {padding-top: 65px; padding-bottom: 60px; display: flex; flex-direction:column; text-align: center; align-items:center; height: 525px; max-width: 442px; width: 100%; justify-content:space-between; color:#fff;}
#sub0401 .r01 .cont .img_wrap ul li.bg1 {background: url('/theme/basic/img/sub/sub040101.jpg')no-repeat center /cover;}
#sub0401 .r01 .cont .img_wrap ul li.bg2 {background: url('/theme/basic/img/sub/sub040102.jpg')no-repeat center /cover;}
#sub0401 .r01 .cont .img_wrap ul li.bg3 {background: url('/theme/basic/img/sub/sub040103.jpg')no-repeat center /cover;}
#sub0401 .r01 .cont .img_wrap ul li.bg4 {background: url('/theme/basic/img/sub/sub040104.jpg')no-repeat center /cover;}
#sub0401 .r01 .cont .img_wrap ul li.bg5 {background: url('/theme/basic/img/sub/sub040105.jpg')no-repeat center /cover;}
#sub0401 .r01 .cont .top ul li:first-child {margin-right: 37px;}
#sub0401 .r01 .cont .top {margin-bottom: 37px;}
#sub0401 .r01 .cont .top ul {justify-content:center;}
#sub0401 .r01 .cont .bottom ul {justify-content:space-between;}
#sub0401 .r01 .cont .img_wrap ul li .t_txt {}
#sub0401 .r01 .cont .img_wrap ul li .t_txt span {margin-bottom: 55px; display: block;}
#sub0401 .r01 .cont .img_wrap ul li .t_txt h3 {}
#sub0401 .r01 .cont .img_wrap ul li .b_txt {}
#sub0401 .r01 .cont .img_wrap ul li .b_txt span {}



#sub0401 .r02 {background-color: #f5f5f7; padding-top: 150px; padding-bottom: 160px;}
#sub0401 .r02 .m_tit {text-align: left; margin-bottom: 80px;}
#sub0401 .r02 .con {}
#sub0401 .r02 .con .slot_con {display: flex; flex-wrap:wrap; justify-content:space-between;}
#sub0401 .r02 .con .slot_con .st {margin-bottom: 125px; max-width: 680px; width: 100%;}
#sub0401 .r02 .con .slot_con .st4 {margin-bottom: 0;}
#sub0401 .r02 .con .slot_con .st > div {max-width: 640px; width: 100%; }
#sub0401 .r02 .con .slot_con .st .img_con {margin-bottom: 60px;}
#sub0401 .r02 .con .slot_con .st .img_con img {width: 100%;}
#sub0401 .r02 .con .slot_con .st .txt_con {}
#sub0401 .r02 .con .slot_con .st .txt_con span {display: block; margin-bottom: 25px; font-weight: 500;}
#sub0401 .r02 .con .slot_con .st .txt_con h3 {margin-bottom: 30px;}
#sub0401 .r02 .con .slot_con .st .txt_con p {}




#sub0401 .r03 {padding-top: 130px; padding-bottom: 135px;}
#sub0401 .r03 .m_tit {margin-bottom: 90px;}
#sub0401 .r03 ul {display: flex; max-width: 1190px; width: 100%; margin: 0 auto; margin-bottom: 110px;}
#sub0401 .r03 ul li {background-color: rgba(0,32,96,.1); width: 425px; height: 425px; position: relative; border-radius:100%;}
#sub0401 .r03 ul li:nth-child(2) {margin: 0 -40px;}
#sub0401 .r03 ul li .con {position: absolute;bottom: 90px; left: 50%; transform:translateX(-50%); text-align: center;display: flex; flex-direction:column; align-items:center;}
#sub0401 .r03 ul li .con img {margin-bottom: 50px;}
#sub0401 .r03 ul li .con span {font-weight: 700;}



#sub0401 .r04 {background-color: #f5f5f7; padding-top: 150px; padding-bottom: 150px;}

#sub0401 .r04 .cont {}
#sub0401 .r04 .cont .st {display: flex; justify-content:space-between; align-items:center; margin-bottom: 130px; background-color: #fff; padding: 50px 60px; border-radius:30px;}
#sub0401 .r04 .cont .st > .img_con {overflow: hidden; border-radius:30px;}
#sub0401 .r04 .cont .st span {display: block; margin-bottom: 30px;}
#sub0401 .r04 .cont .st h3 {margin-bottom: 40px;}
#sub0401 .r04 .cont .st ul {}
#sub0401 .r04 .cont .st ul li { margin-bottom: 15px;}
#sub0401 .r04 .cont .st ul li:last-child {margin-bottom: 0;}
#sub0401 .r04 .cont .st .slide_ms {max-width: 630px; width: 100%; position: relative;}
#sub0401 .r04 .cont .st .slide_ms .img_con {display: flex; justify-content:center;}
/* #sub0401 .r04 .cont .st .slide_ms .img_con img {border-radius:30px; border:1px solid #ccc;} */
#sub0401 .r04 .cont .ctrl_wr {width: 100%;}
#sub0401 .r04 .cont .ctrl_wr button {width: 30px; height: 30px; overflow: hidden; text-indent: -999px; border:0; transition:.3s ease-in-out;  top:50%; position: absolute; transform:translateY(-50%); display: flex; justify-content:space-between; z-index: 1;}
#sub0401 .r04 .cont .ctrl_wr .btn_prev {background: url('/theme/basic/img/sub/sub0401_larw.png') center no-repeat;left: 0;}
#sub0401 .r04 .cont .ctrl_wr .btn_next {background: url('/theme/basic/img/sub/sub0401_rarw.png') center no-repeat; right: 0;}

/* #sub0401 .r04 .cont .st3 {margin-bottom: 0;}
#sub0401 .r04 .cont .st > div {max-width: 640px; width: 100%;}
#sub0401 .r04 .cont .st .txt_con {}
#sub0401 .r04 .cont .st .txt_con span {display: block; margin-bottom: 27px;}
#sub0401 .r04 .cont .st .txt_con h3 {margin-bottom: 40px;}
#sub0401 .r04 .cont .st .txt_con ul {}
#sub0401 .r04 .cont .st .txt_con ul li {line-height: 1.5;}
#sub0401 .r04 .cont .st .img_con {}
#sub0401 .r04 .cont .st .img_con img {width: 100%;} */



#sub0401 .r05 {padding-top: 130px; padding-bottom: 130px; padding-left: calc(50% - 275px); position: relative; overflow:hidden;padding-bottom:110px;}
#sub0401 .r05 .left {position: absolute; left: 50%; margin-left: -750px; top: 150px;}
#sub0401 .r05 .left .top {}
#sub0401 .r05 .left .top h2 {margin-bottom: 55px;}
#sub0401 .r05 .left .top ul {line-height: 1.5;}
#sub0401 .r05 .left .top ul li {}
#sub0401 .r05 .left .ctrl_wr {width:156px;margin-top: 40px;height: 68px; display: flex; justify-content: space-between; align-items: center; position: relative;}
#sub0401 .r05 .left .ctrl_wr button {width: 30px; height: 30px; overflow: hidden; text-indent: -999px; border:0; transition:.3s ease-in-out;}
#sub0401 .r05 .left .ctrl_wr .btn_prev {background: url('/theme/basic/img/sub/sub0401_larw.png') center no-repeat;}
#sub0401 .r05 .left .ctrl_wr .btn_next {background: url('/theme/basic/img/sub/sub0401_rarw.png') center no-repeat;}
#sub0401 .r05 .left .ctrl_wr button:hover {opacity: .5;}
#sub0401 .r05 .s_con {width: 1580px;}
#sub0401 .r05 .s_con .slick-list	{height:395px;}
#sub0401 .r05 .s_con .slick-slide {padding-right: 76px;}
#sub0401 .r05 .s_con .slick-slide a {display: inline-block; background: #fff; overflow: hidden; transition: 0.3s ease-in-out;padding:5px; position: relative;}
#sub0401 .r05 .s_con .slick-slide a .img-wr {width:275px;height:395px;display:block;}
#sub0401 .r05 .s_con .slick-slide a .img-wr img {width: 100%;}
#sub0401 .r05 .s_con .slick-slide a .img-wr.no-img {position: relative;}
#sub0401 .r05 .s_con .slick-slide a .img-wr.no-img:after {content: "NO IMAGE"; font-family: 'Poppins', sans-serif; color: #777; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#sub0401 .r05 .s_con .slick-slide a:hover {box-shadow: 5px 5px 15px rgba(34,34,34,0.1);}
#sub0401 .r05 .s_con .slick-slide a .no_img {padding-top: 50px; text-align: center;}


/*sub0601*/


#sub0601 {padding-top:170px;}
#sub0601 .m_tit {margin-bottom:80px;text-align:center;}
#sub0601 .m_tit span {display:block;margin-bottom:18px;color:#002060;font-weight:600;}
#sub0601 .m_tit h2 {line-height:1.5;}

#sub0601 .r01 {padding-bottom: 180px; padding-top: 190px;}
#sub0601 .r01 .m_tit {text-align: left; margin-bottom: 65px;}
#sub0601 .r01 .m_tit span {font-weight: 600;}
#sub0601 .r01 .m_tit h2 {line-height: 1.5; font-weight: 700;}
#sub0601 .r01 .m_tit h2 b {color:#002060; font-weight: 700;}
#sub0601 .r01 {padding-top: 155px; padding-bottom: 130px;/*  background-color: #f5f5f7; */}
#sub0601 .r01 .top {margin-bottom: 150px;}
#sub0601 .r01 ul {display: flex; max-width: 1190px; width: 100%; margin: 0 auto; margin-bottom: 110px;}
#sub0601 .r01 ul li {background-color: rgba(0,32,96,.1); width: 425px; height: 425px; position: relative; border-radius:100%;}
#sub0601 .r01 ul li:nth-child(2) {margin: 0 -40px;}
#sub0601 .r01 ul li .con {position: absolute;bottom: 120px; left: 50%; transform:translateX(-50%); text-align: center;display: flex; flex-direction:column; align-items:center;}
#sub0601 .r01 ul li .con img {margin-bottom: 50px;}
#sub0601 .r01 ul li .con span {font-weight: 700;}
#sub0601 .r01 .bottom {text-align: right;padding-bottom: 65px; position: relative;}
#sub0601 .r01 .bottom h3 {margin-bottom: 60px;}
#sub0601 .r01 .bottom  a {color:#002060; border:1px solid #002060; border-radius:500px; width: 160px; transition:.3s ease-in-out;display: flex; align-items:center; text-align: center; justify-content:center; padding-top: 20px; padding-bottom: 20px; position: absolute; right: 0;bottom: 0;}
#sub0601 .r01 .bottom a .img_con {margin-left: 10px; position: relative;}
#sub0601 .r01 .bottom a .img_con img:first-child {}
#sub0601 .r01 .bottom a .img_con img:last-child {position: absolute; top:50%; left: 0; opacity: 0; z-index: 2; transform:translateY(-50%); transition:.3s ease-in-out;}
#sub0601 .r01 .bottom a:hover .img_con {}
#sub0601 .r01 .bottom a:hover .img_con img:last-child {opacity: 1;}
#sub0601 .r01 .bottom a:hover {color:#fff; background-color: #002060;}
#sub0601 .r02 {padding-top: 130px; padding-bottom: 215px;}
#sub0601 .r02 .m_tit {margin-bottom: 80px;text-align: left;}
#sub0601 .r02 .cont {}
#sub0601 .r02 .cont .st {display: flex; justify-content:space-between; margin-bottom: 130px;}
#sub0601 .r02 .cont .st:last-child {margin-bottom: 0;}
#sub0601 .r02 .cont .st .img_con {max-width: 640px; width: 100%;}
#sub0601 .r02 .cont .st .img_con img {width: 100%;}
#sub0601 .r02 .cont .st .txt_con {max-width: 640px; width: 100%;}
#sub0601 .r02 .cont .st .txt_con h3 {line-height: 1.5; margin-bottom: 55px;}
#sub0601 .r02 .cont .st .txt_con .txt {max-width: 640px; width: 100%; margin-bottom: 50px;}
#sub0601 .r02 .cont .st .txt_con .txt:last-child {margin-bottom: 0;}
#sub0601 .r02 .cont .st .txt_con .txt span {margin-bottom: 20px; color:#002060; display: block; font-weight: 700;}
#sub0601 .r02 .cont .st .txt_con .txt ul {}
#sub0601 .r02 .cont .st .txt_con .txt ul li {margin-bottom: 20px; padding-left: 15px; position: relative;}
#sub0601 .r02 .cont .st .txt_con .txt ul li:last-child{margin-bottom: 0;}
#sub0601 .r02 .cont .st .txt_con .txt ul li:before {content:""; position: absolute; width: 4px; height: 4px; left: 0; top: 50%; transform:translateY(-50%); background-color: #000; border-radius:100%;}



#sub0601 .r03 {padding-bottom:160px;}
#sub0601 .r03 .cont ul {display:flex;justify-content:space-between;}
#sub0601 .r03 .cont ul li {max-width:450px;width:100%;text-align:center; background:linear-gradient(135deg,#e6e9f2,#f2f4fa); height: 350px; display: flex; flex-direction:column; align-items:center; justify-content:center;border-radius:20px;}
#sub0601 .r03 .cont ul li .img_con {max-width:100px; width: 100%; height:100px;margin-bottom:35px;}
#sub0601 .r03 .cont ul li .img_con img {width:100%;height:100%;}
#sub0601 .r03 .cont ul li h3 {margin-bottom:12px;font-weight:600;}
#sub0601 .r03 .cont ul li span {color:#666;}
#sub0601 .r04 {padding-bottom:160px;}
#sub0601 .r04 .top {width:100%;height:480px;margin:0 auto 55px;background:#000;}
#sub0601 .r04 .top video {width:100%;height:100%;object-fit:cover;}
#sub0601 .r04 .bottom {display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin:0 auto;}
#sub0601 .r04 .bottom .left p {line-height:1.7;font-weight:500;}
#sub0601 .r04 .bottom .right h4 {font-weight:600;color:#002060;}
#sub0601 .r05 {padding-top:160px;padding-bottom:200px;}
#sub0601 .r05 .slot_con {display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}
#sub0601 .r05 .slot {background:#fff;border-radius:20px;padding:45px; background-color: #f5f5f7;}
#sub0601 .r05 .slot span {display:block;margin-bottom:18px;color:#002060;font-weight:600;}
#sub0601 .r05 .slot h3 {line-height:1.5;}
#sub0601 .r05 .slot5 {grid-column:1 / -1;text-align:center;}

#sub0601 .r06 {padding-top: 165px; padding-bottom: 145px;}
#sub0601 .r06 .m_tit {text-align: left; margin-bottom: 105px;}
#sub0601 .r06 .cont {}
#sub0601 .r06 .cont ul {display: flex; justify-content:space-between;}
#sub0601 .r06 .cont ul li {max-width: 440px; width: 100%; height: 525px; position: relative; overflow: hidden;}
#sub0601 .r06 .cont ul li a {display: flex; flex-direction:column; justify-content:space-between; padding: 60px 50px; color:#fff; height: 525px;}
#sub0601 .r06 .cont ul li a h3 {}
#sub0601 .r06 .cont ul li a span {display: block; text-align: right;}
#sub0601 .r06 .cont ul li .bg {width: 100%;height: 100%; position: absolute; left: 0; top: 0; transition:1.2s ease-in-out; z-index: -1;}
#sub0601 .r06 .cont ul li:nth-child(1) .bg {background: url('/theme/basic/img/sub/sub060101.jpg')no-repeat center /cover;}
#sub0601 .r06 .cont ul li:nth-child(2) .bg {background: url('/theme/basic/img/sub/sub060102.jpg')no-repeat center /cover;}
#sub0601 .r06 .cont ul li:nth-child(3) .bg {background: url('/theme/basic/img/sub/sub060103.jpg')no-repeat center /cover;}
#sub0601 .r06 .cont ul li:hover .bg {scale:1.2;}
#sub0601 .r07 {padding-top: 125px; padding-bottom: 130px; background-color: #f5f5f7;}
#sub0601 .r07 .cont {display: flex; justify-content:space-between;}
#sub0601 .r07 .cont .left {max-width: 480px;width: 100%;}
#sub0601 .r07 .cont .left h2 {}
#sub0601 .r07 .cont .right {max-width: 920px; width: 100%;}
#sub0601 .r07 .cont .right ul {}
#sub0601 .r07 .cont .right ul li {padding-bottom: 34px; border-bottom: 1px solid #ccc; color:#666; margin-bottom: 34px;}
#sub0601 .r07 .cont .right ul li h4 {color:#131313; margin-bottom: 30px;}
/* 
#sub0601 .r03 {padding-top: 110px; padding-bottom: 110px;}
#sub0601 .r03 .m_tit {margin-bottom: 80px;}
#sub0601 .r03 .cont {max-width: 1250px; width: 100%; margin: 0 auto;}
#sub0601 .r03 .cont .st_con {display: flex; justify-content:space-between;}
#sub0601 .r03 .cont .st_con .arw {padding-top: 140px;}
#sub0601 .r03 .cont .st_con .st { max-width: 310px;width: 100%; text-align: center; line-height: 1.5; display: flex; flex-direction:column; align-items:center;}
#sub0601 .r03 .cont .st_con .st .circle {display: flex; flex-direction:column; align-items:center; justify-content:center; background-color: #e5e8ef; border-radius:100%; ; height: 310px; width: 100%; margin-bottom: 35px;}
#sub0601 .r03 .cont .st_con .st .circle h2 {}
#sub0601 .r03 .cont .st_con .st .circle span {margin-top: 20px; display: block;}
#sub0601 .r03 .cont .st_con .st1 p {font-weight: 500; margin-bottom: 50px;}
#sub0601 .r03 .cont .st_con .st .txt {margin-bottom: 50px;}
#sub0601 .r03 .cont .st_con .st .txt:last-child {margin-bottom: 0;}
#sub0601 .r03 .cont .st_con .st .txt b {}
#sub0601 .r03 .cont .st_con .st .txt ul {display: flex; flex-direction:column;}
#sub0601 .r03 .cont .st_con .st .txt ul li {}
#sub0601 .r03 .cont .st_con .st .txt ul li span {position: relative; padding-left: 10px;}
#sub0601 .r03 .cont .st_con .st .txt ul li span:before {content:""; position: absolute; width: 4px; height: 4px; background-color: #000; top:50%; left: 0; border-radius:100%; transform:translateY(-50%);}
#sub0601 .r03 .cont .st_con .st .link_con {display: flex; justify-content:space-between; width: 100%;}
#sub0601 .r03 .cont .st_con .st .link_con a {width: 140px; color:#fff; background-color: #002060; border-radius:5px; padding: 15px 0;text-align: center;} 
*/

#sub0601 .r08 {padding-top: 120px; padding-bottom: 130px;}
#sub0601 .r08 .m_tit {margin-bottom: 105px;}
#sub0601 .r08 .cont {}
#sub0601 .r08 .cont .top {position: relative; margin-bottom: 100px;}
#sub0601 .r08 .cont .top ul {display: flex; justify-content:space-between;}
#sub0601 .r08 .cont .top ul:before {}
#sub0601 .r08 .cont .top ul li {display: flex; flex-direction:column; align-items:center; justify-content:center; border-radius:100%; width: 300px; height: 300px; background-color: #f5f5f7;}
#sub0601 .r08 .cont .top ul li h4 {display: block; margin-bottom: 20px; color:#002060;}
#sub0601 .r08 .cont .top ul li .img_con { margin-bottom: 15px;}
#sub0601 .r08 .cont .top ul li .img_con img {}
#sub0601 .r08 .cont .top ul li .txt {font-weight: 500;}
#sub0601 .r08 .cont .top .line {z-index: -1; content:""; width: 100%; height: 1px; border:1px dashed #999; position: absolute; left: 0; top: 50%; }
#sub0601 .r08 .cont .bottom {display: flex; justify-content:space-between;}
#sub0601 .r08 .cont .bottom > div {width: 49%; display: flex; flex-direction:column; align-items:center; border:1px solid #ccc; border-radius:15px; padding: 60px;}
#sub0601 .r08 .cont .bottom > div .img_con {margin-bottom: 25px;}
#sub0601 .r08 .cont .bottom > div .img_con img {}
#sub0601 .r08 .cont .bottom > div .txt {text-align: center;}
#sub0601 .r08 .cont .bottom > div .txt h4 {margin-bottom: 20px;}
#sub0601 .r08 .cont .bottom > div .txt p {word-break:keep-all; line-height: 1.5;}


#sub0601 .r09 {background-color: #f5f5f7; padding-top: 110px; padding-bottom: 120px;}
#sub0601 .r09 .m_tit {text-align: left; margin-bottom: 75px;}
#sub0601 .r09 .cont {}
#sub0601 .r09 .cont ul {}
#sub0601 .r09 .cont ul li { border-bottom: 1px solid #ccc; font-weight: 700;}
#sub0601 .r09 .cont ul li .top {}
#sub0601 .r09 .cont ul li .top a {display: flex; justify-content:space-between; align-items:center;padding-bottom: 30px; padding-top: 30px; padding-right: 40px;}
#sub0601 .r09 .cont ul li .top a img {}
#sub0601 .r09 .cont ul li .bottom {color:#002060;}
#sub0601 .r09 .cont ul li .bottom {display:none; padding-top:30px; line-height:1.6;padding-bottom: 30px;}
#sub0601 .r09 .cont ul li.active .top a img {transform:rotate(180deg);}
#sub0601 .r09 .cont ul li .top a img {transition:transform .3s;}
#sub0601 #bo_cate_ul {display: none;}
#sub0601 #faq_sch {display: none;}
#sub0601 .tit_bg {font-size: 20px;}
#sub0601 #faq_wrap li {background-color: transparent;}
#sub0601 #faq_wrap li h3 .tit_btn {background-color: transparent;}
#sub0601 #faq_con .con_inner .closer_btn {background-color: #f5f5f7;}
#sub0601 #faq_wrap li h3.faq_li_open a {color:#131313;}


/*sub0602*/
#sub0602 {padding-top: 150px; padding-bottom: 170px;}
#sub0602 .r01 {}
#sub0602 .r01 .cont {}
#sub0602 .r01 .cont ul {display: grid; grid-template-columns:repeat(3, 1fr); gap:40px;}
#sub0602 .r01 .cont ul li {position: relative; border:1px solid #ccc; height: 450px; transition:.35s ease-in-out; overflow: hidden;}
#sub0602 .r01 .cont ul li:hover {transform:translateY(-6px);box-shadow:0 28px 60px rgba(0,0,0,.12);}
#sub0602 .r01 .cont ul li .con {display: flex; flex-direction:column; align-items:center; justify-content:center; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%);}
#sub0602 .r01 .cont ul li .con .img_con {}
#sub0602 .r01 .cont ul li .con .img_con img {}
#sub0602 .r01 .cont ul li .con .txt_con {text-align: center;}
#sub0602 .r01 .cont ul li .con .txt_con h4 {margin-bottom: 40px;}
#sub0602 .r01 .cont ul li .con .txt_con span {display: block;}



/*sub0701*/
#sub0701 {padding-top:170px;background:#fff;color:#111;}
#sub0701 * {box-sizing:border-box;}
#sub0701 img {max-width:100%;height:auto;}
#sub0701 a {text-decoration:none;color:inherit;}
#sub0701 .row {max-width:1400px;margin:0 auto;padding:0 20px;}
#sub0701 .hl {font-weight:800;color:#111;}
#sub0701 .muted {color:#333;}
#sub0701 .m_tit {text-align:center;margin-bottom:60px;}
#sub0701 .m_tit h2 {line-height:1.25; margin-bottom: 50px;}
#sub0701 .m_tit p {line-height:1.85; word-break:keep-all;}
#sub0701 .r01 {padding-bottom:140px;}
#sub0701 .r01 .sub_tit {margin-bottom:70px;text-align:center;}
#sub0701 .r01 .cont {display:flex;justify-content:space-between;align-items:center;gap:70px;}
#sub0701 .r01 .cont .left {max-width:790px;width:100%;}
#sub0701 .r01 .cont .right {max-width:640px;width:100%;}
#sub0701 .r01 .media_box {width:100%;height:435px;overflow:hidden;background:#111;position:relative;}
#sub0701 .r01 .media_box video {width:100%;height:100%;object-fit:cover;display:block;}
#sub0701 .r01 .media_box .ph {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-weight:700;letter-spacing:-0.01em;position:absolute;left:0;top:0;}
#sub0701 .r01 .txt_con p {margin:0;line-height:1.9;color:#222;font-weight:400; word-break:keep-all;}
#sub0701 .r02 {padding:120px 0;background:#f5f5f7;}
#sub0701 .r02 .cards3 {display:flex;gap:22px;}
#sub0701 .r02 .card {width:calc(100% / 3);background:#fff;border:1px solid #e7ebf3;border-radius:22px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:30px 28px;transition:.25s ease-in-out;}
#sub0701 .r02 .card:hover {transform:translateY(-6px);box-shadow:0 18px 44px rgba(16,24,40,.14);}
#sub0701 .r02 .card .k {display:inline-block;font-weight:900;color:#111;letter-spacing:-0.02em;margin-bottom:10px;}
#sub0701 .r02 .card .t {margin:0 0 10px 0;font-weight:800;color:#111;letter-spacing:-0.02em;line-height:1.35;}
#sub0701 .r02 .card .p {margin:0;line-height:1.75;color:#555;font-weight:400;}
#sub0701 .r02 .sum {margin-top:36px;display:flex;justify-content:center;}
#sub0701 .r02 .sum .in {max-width:980px;width:100%;background:#fff;border:1px solid #e7ebf3;border-radius:18px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:22px 24px;text-align:center;}
#sub0701 .r02 .sum .in p {margin:0;line-height:1.85;color:#333;font-weight:400;}
#sub0701 .r02 .sum .in p b {font-weight:800;color:#111;}
#sub0701 .r03 {padding:120px 0;background:#fff;}
#sub0701 .r03 .cards3 {display:flex;gap:22px;}
#sub0701 .r03 .card {width:calc(100% / 3);background:#fff;border:1px solid #e7ebf3;border-radius:22px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:30px 28px;transition:.25s ease-in-out;}
#sub0701 .r03 .card:hover {transform:translateY(-6px);box-shadow:0 18px 44px rgba(16,24,40,.14);}
#sub0701 .r03 .card .k {display:inline-block;font-weight:900;color:#111;letter-spacing:-0.02em;margin-bottom:10px;}
#sub0701 .r03 .card .t {margin:0 0 10px 0;font-weight:800;color:#111;letter-spacing:-0.02em;line-height:1.35;}
#sub0701 .r03 .card .p {margin:0;line-height:1.75;color:#555;font-weight:400;}
#sub0701 .r04 {padding:120px 0;background:#f5f5f7;}
#sub0701 .r04 .steps {display:flex;gap:40px;justify-content:space-between;align-items:flex-start;}
#sub0701 .r04 .steps .st {width:calc(100% / 3);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#sub0701 .r04 .steps .badge {width:190px;height:190px;border-radius:50%;background:#002060;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;margin:0 0 18px 0;}
#sub0701 .r04 .steps .t {margin:0 0 8px 0;font-weight:800;color:#111;letter-spacing:-0.02em;}
#sub0701 .r04 .steps .p {margin:0;line-height:1.75;color:#555;font-weight:400;}
#sub0701 .r05 {padding:120px 0;background:#fff;}
#sub0701 .r05 .grid4 {display:flex;flex-wrap:wrap;gap:18px;}
#sub0701 .r05 .grid4 .box {width:calc(25% - 13.5px);background:#fff;border:1px solid #e7ebf3;border-radius:18px;box-shadow:0 12px 26px rgba(16,24,40,.06);padding:22px 20px;transition:.25s ease-in-out;}
#sub0701 .r05 .grid4 .box:hover {transform:translateY(-4px);box-shadow:0 18px 44px rgba(16,24,40,.12);}
#sub0701 .r05 .grid4 .box .t {margin:0 0 8px 0;font-weight:800;color:#111;letter-spacing:-0.02em;}
#sub0701 .r05 .grid4 .box .p {margin:0;line-height:1.7;color:#666;font-weight:400;}

#sub0702 {padding-top:170px;background:#fff;color:#111;}
#sub0702 * {box-sizing:border-box;}
#sub0702 img {max-width:100%;height:auto;}
#sub0702 a {text-decoration:none;color:inherit;}
#sub0702 .row {max-width:1400px;margin:0 auto;padding:0 20px;}
#sub0702 .hl {font-weight:800;color:#111;}
#sub0702 .muted {color:#333;}
#sub0702 .m_tit {text-align:center;margin-bottom:60px;}
#sub0702 .m_tit h2 {line-height:1.25; margin-bottom: 50px;}
#sub0702 .m_tit p {line-height:1.85;}
#sub0702 .r01 {padding-bottom:140px;}
#sub0702 .r01 .sub_tit {margin-bottom:70px;text-align:center;}
#sub0702 .r01 .cont {display:flex;justify-content:space-between;align-items:center;gap:70px;}
#sub0702 .r01 .cont .left {max-width:790px;width:100%;}
#sub0702 .r01 .cont .right {max-width:640px;width:100%;}
#sub0702 .r01 .media_box {width:100%;height:435px;overflow:hidden;background:#111;position:relative;}
#sub0702 .r01 .media_box video {width:100%;height:100%;object-fit:cover;display:block;}
#sub0702 .r01 .media_box .ph {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-weight:700;letter-spacing:-0.01em;position:absolute;left:0;top:0;}
#sub0702 .r01 .txt_con p {margin:0;line-height:1.9;color:#222;font-weight:400;}
#sub0702 .r02 {padding:120px 0;background:#f5f5f7;}
#sub0702 .r02 .cards3 {display:flex;gap:22px;}
#sub0702 .r02 .card {width:calc(100% / 3);background:#fff;border:1px solid #e7ebf3;border-radius:22px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:30px 28px;transition:.25s ease-in-out;}
#sub0702 .r02 .card:hover {transform:translateY(-6px);box-shadow:0 18px 44px rgba(16,24,40,.14);}
#sub0702 .r02 .card .k {display:inline-block;font-weight:900;color:#111;letter-spacing:-0.02em;margin-bottom:10px;}
#sub0702 .r02 .card .t {margin:0 0 10px 0;font-weight:800;color:#111;letter-spacing:-0.02em;line-height:1.35;}
#sub0702 .r02 .card .p {margin:0;line-height:1.75;color:#555;font-weight:400;word-break:keep-all;}
#sub0702 .r02 .sum {margin-top:36px;display:flex;justify-content:center;}
#sub0702 .r02 .sum .in {max-width:980px;width:100%;background:#fff;border:1px solid #e7ebf3;border-radius:18px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:22px 24px;text-align:center;}
#sub0702 .r02 .sum .in p {margin:0;line-height:1.85;color:#333;font-weight:400;}
#sub0702 .r02 .sum .in p b {font-weight:800;color:#111;}
#sub0702 .r03 {padding:120px 0;background:#fff;}
#sub0702 .r03 .cards3 {display:flex;gap:22px;}
#sub0702 .r03 .card {width:calc(100% / 3);background:#fff;border:1px solid #e7ebf3;border-radius:22px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:30px 28px;transition:.25s ease-in-out;}
#sub0702 .r03 .card:hover {transform:translateY(-6px);box-shadow:0 18px 44px rgba(16,24,40,.14);}
#sub0702 .r03 .card .k {display:inline-block;font-weight:900;color:#111;letter-spacing:-0.02em;margin-bottom:10px;}
#sub0702 .r03 .card .t {margin:0 0 10px 0;font-weight:800;color:#111;letter-spacing:-0.02em;line-height:1.35;}
#sub0702 .r03 .card .p {margin:0;line-height:1.75;color:#555;font-weight:400;}
#sub0702 .r04 {padding:120px 0;background:#f5f5f7;}
#sub0702 .r04 .steps {display:flex;gap:40px;justify-content:space-between;align-items:flex-start;}
#sub0702 .r04 .steps .st {width:calc(100% / 3);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#sub0702 .r04 .steps .badge {width:190px;height:190px;border-radius:50%;background:#002060;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;margin:0 0 18px 0;}
#sub0702 .r04 .steps .t {margin:0 0 8px 0;font-weight:800;color:#111;letter-spacing:-0.02em;}
#sub0702 .r04 .steps .p {margin:0;line-height:1.75;color:#555;font-weight:400;}
#sub0702 .r05 {padding:120px 0;background:#fff;}
#sub0702 .r05 .grid4 {display:flex;flex-wrap:wrap;gap:18px;}
#sub0702 .r05 .grid4 .box {width:calc(25% - 13.5px);background:#fff;border:1px solid #e7ebf3;border-radius:18px;box-shadow:0 12px 26px rgba(16,24,40,.06);padding:22px 20px;transition:.25s ease-in-out;}
#sub0702 .r05 .grid4 .box:hover {transform:translateY(-4px);box-shadow:0 18px 44px rgba(16,24,40,.12);}
#sub0702 .r05 .grid4 .box .t {margin:0 0 8px 0;font-weight:800;color:#111;letter-spacing:-0.02em;}
#sub0702 .r05 .grid4 .box .p {margin:0;line-height:1.7;color:#666;font-weight:400; word-break:keep-all;}


#sub0702 .r01 .cont .left .media_box {position:relative; width:100%; height:100%; min-height:420px; background:#111; overflow:hidden;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice {position:relative; width:100%; height:100%; min-height:420px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);}
#sub0702 .r01 .cont .left .media_box .video_temp_notice:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.35);}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_inner {position:relative; z-index:1; width:100%; max-width:680px; padding:40px 30px; text-align:center;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_tit {margin:0 0 16px; color:#fff; font-weight:700; line-height:1.4;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_txt {margin:0; color:rgba(255,255,255,0.85); font-weight:400; line-height:1.8;}
#sub0702 .r01 .cont .left .media_box .youtube_embed_box {position:relative; width:100%; height:100%; min-height:420px; overflow:hidden;}
#sub0702 .r01 .cont .left .media_box .youtube_embed_box iframe {display:block; width:100%; height:100%; min-height:420px; pointer-events:none;}

#sub0703 {background:#fff;color:#111;}
#sub0703 * {box-sizing:border-box;}
#sub0703 img {max-width:100%;height:auto;}
#sub0703 a {text-decoration:none;color:inherit;}
#sub0703 .row {max-width:1400px;margin:0 auto;padding:0 20px;}
#sub0703 .hl {font-weight:800;color:#111;}
#sub0703 .muted {color:#333;}
#sub0703 .m_tit {text-align:center;margin-bottom:60px;}
#sub0703 .m_tit h2 {line-height:1.25; margin-bottom: 50px;}
#sub0703 .m_tit p {line-height:1.85; word-break:keep-all;}
#sub0703 .r01.row {padding-top:170px;padding-bottom:140px;}
#sub0703 .r01 .sub_tit {margin-bottom:70px;text-align:center;}
#sub0703 .r01 .cont {display:flex;justify-content:space-between;align-items:center;gap:70px;}
#sub0703 .r01 .cont .left {max-width:790px;width:100%;}
#sub0703 .r01 .cont .right {max-width:640px;width:100%;}
#sub0703 .r01 .media_box {width:100%;height:435px;overflow:hidden;background:#111;position:relative;}
#sub0703 .r01 .media_box video {width:100%;height:100%;object-fit:cover;display:block;}
#sub0703 .r01 .media_box .ph {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-weight:700;letter-spacing:-0.01em;position:absolute;left:0;top:0;}
#sub0703 .r01 .txt_con p {margin:0;line-height:1.9;color:#222;font-weight:400; word-break:keep-all;}
#sub0703 .r02 {padding:120px 0;background:#f5f5f7;}
#sub0703 .r02 .cards3 {display:flex;gap:22px;}
#sub0703 .r02 .card {width:calc(100% / 3);background:#fff;border:1px solid #e7ebf3;border-radius:22px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:30px 28px;transition:.25s ease-in-out;}
#sub0703 .r02 .card:hover {transform:translateY(-6px);box-shadow:0 18px 44px rgba(16,24,40,.14);}
#sub0703 .r02 .card .k {display:inline-block;font-weight:900;color:#111;letter-spacing:-0.02em;margin-bottom:10px;}
#sub0703 .r02 .card .t {margin:0 0 10px 0;font-weight:800;color:#111;letter-spacing:-0.02em;line-height:1.35;}
#sub0703 .r02 .card .p {margin:0;line-height:1.75;color:#555;font-weight:400; word-break:keep-all;}
#sub0703 .r02 .sum {margin-top:36px;display:flex;justify-content:center;}
#sub0703 .r02 .sum .in {max-width:980px;width:100%;background:#fff;border:1px solid #e7ebf3;border-radius:18px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:22px 24px;text-align:center;}
#sub0703 .r02 .sum .in p {margin:0;line-height:1.85;color:#333;font-weight:400; word-break:keep-all;}
#sub0703 .r02 .sum .in p b {font-weight:800;color:#111;}
#sub0703 .r03 {padding:120px 0;background:#fff;}
#sub0703 .r03 .cards3 {display:flex;gap:22px;}
#sub0703 .r03 .card {width:calc(100% / 3);background:#fff;border:1px solid #e7ebf3;border-radius:22px;box-shadow:0 14px 34px rgba(16,24,40,.08);padding:30px 28px;transition:.25s ease-in-out;}
#sub0703 .r03 .card:hover {transform:translateY(-6px);box-shadow:0 18px 44px rgba(16,24,40,.14);}
#sub0703 .r03 .card .k {display:inline-block;font-weight:900;color:#111;letter-spacing:-0.02em;margin-bottom:10px;}
#sub0703 .r03 .card .t {margin:0 0 10px 0;font-weight:800;color:#111;letter-spacing:-0.02em;line-height:1.35;}
#sub0703 .r03 .card .p {margin:0;line-height:1.75;color:#555;font-weight:400;}
#sub0703 .r04 {padding:120px 0;background:#f5f5f7;}
#sub0703 .r04 .steps {display:flex;gap:40px;justify-content:space-between;align-items:flex-start;}
#sub0703 .r04 .steps .st {width:calc(100% / 3);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#sub0703 .r04 .steps .badge {width:190px;height:190px;border-radius:50%;background:#002060;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;margin:0 0 18px 0;}
#sub0703 .r04 .steps .t {margin:0 0 8px 0;font-weight:800;color:#111;letter-spacing:-0.02em;}
#sub0703 .r04 .steps .p {margin:0;line-height:1.75;color:#555;font-weight:400;}
#sub0703 .r05 {padding:120px 0;background:#fff;}
#sub0703 .r05 .grid4 {display:flex;flex-wrap:wrap;gap:18px;}
#sub0703 .r05 .grid4 .box {width:calc(25% - 13.5px);background:#fff;border:1px solid #e7ebf3;border-radius:18px;box-shadow:0 12px 26px rgba(16,24,40,.06);padding:22px 20px;transition:.25s ease-in-out;}
#sub0703 .r05 .grid4 .box:hover {transform:translateY(-4px);box-shadow:0 18px 44px rgba(16,24,40,.12);}
#sub0703 .r05 .grid4 .box .t {margin:0 0 8px 0;font-weight:800;color:#111;letter-spacing:-0.02em;}
#sub0703 .r05 .grid4 .box .p {margin:0;line-height:1.7;color:#666;font-weight:400; word-break:keep-all; }

/*반응형*/



@media screen and (max-width: 1905px) {
#hd_wrapper {padding: 0 4%;}
}

@media screen and (max-width: 1500px) {
#sub0401 .r05 .left {position: unset; margin-left: 0;}
#sub0401 .r05 {padding-left: 4%; padding-right: 4%;}
}

@media screen and (max-width: 1400px) {
#hd_wrapper {padding: 0 4%;}
.row {padding-left: 4% !important; padding-right: 4% !important;}

#page	{display:none;}
.gnb_menu_btn_wr {display: block;}
.bar_wrap {display: none;}
#gnb_all			{top: 0; right: -100%;z-index:0;}
#gnb_all.actv		{right: 0; z-index: 2;}
#gnb_all .gnb_sns_wr	{right: 50px;}
#gnb_all	{display:block;width: 50%; right: -50%; padding: 150px 0 120px; background:url('/kr/theme/basic/img/main/bglogo2.png') #002060 no-repeat right bottom; overflow-y: auto; -ms-overflow-style: none;}
#gnb_all::-webkit-scrollbar {display: none;}
#gnb_all .gnb_al_ul		{padding: 0 50px; position: relative; top: 0; transform: none; text-align: left;}
#gnb_all .gnb_al_li		{width: 100%; position: relative;}
#gnb_all .gnb_al_li:nth-child(2),
#gnb_all .gnb_al_li:nth-child(3),
#gnb_all .gnb_al_li:nth-child(4) {margin-top: 60px;}
#gnb_all .gnb_al_a			{font-size: 3.5rem;}
#gnb_all .gnb_al_li span	{display: block; width: 100%; height: 70px; position: absolute; left: 0; top: 0; overflow: hidden; text-indent: -999px; cursor:pointer;}
#gnb_all .gnb_al_li ul		{display: none;}
#gnb_all .gnb_al_li ul li a {color:#fff;font-size:2.8rem;}
#gnb_all .gnb_al_li.actv ul {display: block;}
#gnb_all .gnb_all_bg		{display: none;}
#gnb_all .gnb_sns_wr		{position: static; margin-top: 65px; padding: 0 50px; justify-content: flex-end;}


.tbl_head01 td {width: 45%;}


.main_r .r02 .content .slide_con .s_con.swiper-slide-active .r_con {padding: 60px 45px;}

#sub0101 .cont .con .left {margin-right: 50px;}
#sub0101 .cont .con {white-space:unset;}
#sub0103 .r01 .con01 .cont {padding: 0;}
#sub0601 .r03 .con01 .cont .workflow {width: 100%;}
#sub0601 .r03 .cont ul {gap:25px;}
#sub0401 .r02 .con .st > div:first-child {margin-right: 20px;}


}
@media screen and (max-width: 1300px) {
.main_r .r01 .cont {flex-direction:column;}
.main_r .r01 .cont .content {max-width: unset;}
.main_r .r01 .cont .content .right ul li {max-width: calc((100% / 3) - 20px);}
.main_r .r01 .m_tit {margin-bottom: 100px;}

#sub0102 .r01 .row .sub_tit:before {position: relative;left: 0;top: 0;}
#sub0102 .r01 .row .sub_tit {display: flex; flex-direction:column-reverse;}
#sub0102 .r01 .row .sub_tit .left {width: 100%; margin-bottom: 50px;}
#sub0601 .r08 .cont .top .line {display: none;}
#sub0601 .r08 .cont .top ul {flex-wrap:wrap; }
#sub0601 .r08 .cont .top ul li {margin-bottom: 25px;}

}
@media screen and (max-width: 1220px) {

#sub0101 .r01 .con01 .cont .right .txt_con p br {display: none;}

}

@media screen and (max-width: 1200px) {

.gnb_menu_btn_wr {display: block;}
#primary-nav {display: none;}
#hd-right {display: none;}
#hd {}

.main_r.r_con .r01 .left {margin-right: 50px;}
.bar_wrap {display: none;}

#sub0104 .main_row {gap:22px;}
#sub0104 .group.prod {width:320px;}
#sub0104 .group.sales {width:150px;}
#sub0104 .group.mgmt {width:150px;}
#sub0104 .group.lab {width:500px;}
#sub0104 .lab .branch_row {gap:12px;}
#sub0104 .lab .branch_item {width:118px;}
}

@media screen and (max-width: 1160px) {
#sub0101 .r01 .con01 .cont {}
#sub0101 .r01 .con01 .cont .right .txt_con {padding-top: 50px;}
#sub0101 .r01:before {height: 730px;}
}

@media screen and (max-width:1090px){

}

@media screen and (max-width: 1030px) {
#main-ban .btn_cont, #main-ban .swiper-pagination {display:none;}
.main_ban01 .youtube_single_wrap {min-height:500px;}
.main_ban01 .youtube_dual_wrap {min-height:500px;}
.main_r.r_con .r01 h2 br {display: none;}

#gnb_all	{width:100%; right: -100%;}
.main_r.r_con .r03 .cont ul {flex-wrap:wrap;}
.main_r.r_con .r03 .cont ul li {width: 50%;}
.main_r.r_con .r03 .cont ul li:nth-child(-n+2) {margin-bottom: 40px;}
.main_r.r_con .r06 .row_con {flex-direction:column;}
.main_r.r_con .r06 .row_con .left {width: 100%;}
.main_r.r_con .r06 .row_con .right {width: 100%;}
.main_r.r_con .r06 .row_con .left .tit_con {margin-bottom: 50px;}
.main_r.r_con .r06 .row_con .left .connect .ct:first-child {margin-bottom: 20px;}
.main_r.r_con .r06 .row_con .left .connect {margin-bottom: 50px;}
#ft #ft_wr {flex-direction:column;}
#ft #ft_wr .left {margin-bottom: 50px;}


.btr3 {height:auto;padding-top:110px;padding-bottom:100px;}
.btr3 .btn_con {max-width:100%;}
.btr3 .btn_con ul {gap:20px;}
.btr3 .btn_con ul li {width:180px;}

.sb_wr.videocon .subban_youtube {min-height:500px;}

#sub0101 {padding-top:120px; padding-bottom:160px;}
#sub0101 .cont .con {flex-direction:column; align-items:flex-start; white-space:normal;}
#sub0101 .cont .con:first-child {margin-bottom:120px;}
#sub0101 .cont .con .left,
#sub0101 .cont .con .right {max-width:100%; width:100%;}
#sub0101 .cont .con .left {margin-right:0; margin-bottom:40px;}
#sub0101 .cont .con .left img {width:100%; height:auto;}
#sub0101 .cont .con .right p br {display:none;}


#sub0102 {padding-top:140px;}
#sub0102 .r01 .row .sub_tit {padding-bottom:120px;}
#sub0102 .r01 .row .sub_tit:before {display:none;}
#sub0102 .r02 {padding-top:100px; padding-bottom:110px;}
#sub0102 .r02 .con .mv {flex-direction:column;}
#sub0102 .r02 .con .mv .slot {width:100%; margin-bottom:40px;}
#sub0102 .r02 .con .mv .slot:last-child {margin-bottom:0;}
#sub0102 .r03 {padding-bottom:180px;}
#sub0102 .r03 .wrap .con {padding-top:90px;}
#sub0102 .r03 .wrap .con .tab_con {flex-wrap:wrap; margin-bottom:70px;}
#sub0102 .r03 .wrap .con .tab_con li {margin-right:40px;}
#sub0102 .r03 .wrap .con .cont .da {flex-direction:column;}
#sub0102 .r03 .wrap .con .cont .da .left,
#sub0102 .r03 .wrap .con .cont .da .right {width:100%;}
#sub0102 .r03 .wrap .con .cont .da .right {margin-top:40px;}
#sub0102 .r03 .wrap .con .cont .bottom .left a {width:100%;}
#sub0102 .r03 .wrap .con .cont > div {padding-bottom:60px;}
#sub0102 .r03 .wrap .con .cont > div:last-child {margin-top:40px;}
#sub0102 .r03 .wrap .con .tab_con {flex-direction:column;}
#sub0102 .r03 .wrap .con .tab_con li {width: 100%;}

#sub0103 .r01 .con01 .cont ul li {margin-right: 20px;}
#sub0103 .r01 .con01 .cont ul li:last-child {margin-right: 0;}
#sub0103 .r01 {padding-top:140px; padding-bottom:140px;}
#sub0103 .r01 .sub_tit {margin-bottom:90px;}
#sub0103 .r01 .cont .con {flex-direction:column;}
#sub0103 .r01 .cont .con .left {max-width:100%; margin-bottom:60px;}
#sub0103 .r01 .cont .con .left img {width:100%;}
#sub0103 .r01 .cont .con .right {width:100%;}
#sub0103 .r01 .cont .con .right .slot {flex-direction:column; margin-bottom:50px;}
#sub0103 .r01 .cont .con .right .slot:last-child {margin-bottom:0;}
#sub0103 .r01 .cont .con .right .slot .year h2 {width:100%; margin-bottom:20px;}
#sub0103 .r01 .cont .con .right .slot .txt_con {width:100%; padding-left:30px;}


#sub0104 .r01 {padding-top:130px; padding-bottom:130px;}
#sub0104 .main_row {flex-direction:column; align-items:center; gap:36px; padding-top:0;}
#sub0104 .main_row > .line_h {display:none;}
#sub0104 .main_group {width:100% !important; max-width:560px;}
#sub0104 .main_group::before {display:none;}
#sub0104 .branch_link {display:none;}


#sub0201 {padding-top:120px;}
#sub0201 .r01 .cont {flex-direction:column; align-items:flex-start;}
#sub0201 .r01 .cont .left {max-width:100%;  margin-bottom:50px;}
#sub0201 .cc .cont1 .con {flex-direction:column;}
#sub0201 .cc .cont1 .con > div {max-width:100%;}
#sub0201 .cc .cont1 .con > div:first-child {margin-bottom:60px;}
#sub0201 .cc .cont2 .con ul {flex-wrap:wrap;}
#sub0201 .cc .cont2 .con ul .slot {max-width:calc((100% - 40px) / 2); margin-bottom:40px;}
#sub0201 .cb .cont1 .con {flex-direction:column;}
#sub0201 .cb .cont1 .con > div:first-child {margin-bottom:60px;}
#sub0201 .cb .cont2 .con ul {flex-wrap:wrap;}
#sub0201 .cb .cont2 .con ul .slot {max-width:calc((100% - 30px) / 2); margin-bottom:40px;}
#sub0201 .cb .cont3 .vd {flex-direction:column;}
#sub0201 .cb .cont3 .vd .left {max-width:100%; height:360px; margin-bottom:40px;}
#sub0201 .cb .cont3 .vd .right {max-width:100%; text-align:center;}
#sub0201 .r05 .cont .con .cd ul li {width:100%; margin-bottom:60px;}
#sub0201 .r06 .cont ul li {max-width:48%; margin-top:80px;}
#sub0201 .r07 .cont .tap_con {flex-direction:column; display: flex;}
#sub0201 .r07 .cont .tap_con li {max-width:100%; margin-bottom:20px;}
#sub0201 .r07 .cont .ba {flex-direction:column;}
#sub0201 .r07 .cont .ba > div {max-width:100%;}
#sub0201 .r07 .cont .ba .left {margin-bottom:40px;}
#sub0201 .r07 .cont .ba .arrow {display:none;}
#sub0201 .r08 .cont ul {padding:30px 40px; flex-wrap:wrap;}
#sub0201 .r08 .cont ul li {width:100%;}
#sub0201 .r08 .cont ul li.arw {display:none;}
#sub0201 .r10 .cont .top {flex-direction:column;}
#sub0201 .r10 .cont .top .m_tit {max-width:100%;}
#sub0201 .r10 .cont .top .t_con {max-width:100%; margin-top:40px;}


#sub0202 {padding-top:140px;}
#sub0202 .sub_tit .tit {margin-bottom:70px;}
#sub0202 .r01 {padding-bottom:130px;}
#sub0202 .r01 .cont {flex-direction:column;align-items:flex-start;}
#sub0202 .r01 .cont .left {max-width:100%;margin-bottom:50px;}
#sub0202 .r01 .cont .right {max-width:100%;}
#sub0202 .r02 {padding-top:110px;padding-bottom:140px;}
#sub0202 .r02 .circle {flex-wrap:wrap;justify-content:center;gap:60px;}
#sub0202 .r02 .circle .c_con {width:400px;height:400px;}
#sub0202 .r02 .circle .c_con .con {width:78%;}
#sub0202 .r02 .circle .c_con .con h4 {}
#sub0202 .r02 .circle .c_con .con ul li {}
#sub0202 .r03 {padding-top:100px;padding-bottom:110px;}
#sub0202 .r03 .cont ul {flex-wrap:wrap;justify-content:center;gap:60px;}
#sub0202 .r03 .cont ul li {max-width:300px;}
#sub0202 .r04 {padding-top:110px;padding-bottom:150px;}
#sub0202 .r04 .tab_con {gap:15px;}
#sub0202 .r04 .tab_con li {margin:0;padding:24px 0;}
#sub0202 .r04 .slot {gap:30px;flex-wrap:wrap;}
#sub0202 .r04 .slot .img_con {max-width:calc((100% - 30px) / 2);}
#sub0202 .r04 .slot1 .img_con,
#sub0202 .r04 .slot4 .img_con {height:320px;}
#sub0202 .r04 .tt {margin-top:80px;}


#sub0202 .video_temp_notice {min-height:440px;}
#sub0202 .video_temp_notice .notice_txt {line-height:1.7;}
#sub0202 .youtube_embed_box {min-height:440px;}
#sub0202 .youtube_embed_box iframe {min-height:440px;}
#sub0202 .r04 .slot1 {gap:24px;}
#sub0202 .r04 .slot1 .left,#sub0202 .r04 .slot1 .right {width:calc(50% - 12px);}
#sub0202 .r04 .slot1 .left h3,#sub0202 .r04 .slot1 .right h3 {word-break:keep-all;}
#sub0202 .r04 .slot3 .pt .slot_cont {gap:18px;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm {width:calc((100% / 3) - 12px); padding:26px 14px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 {gap:18px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm {width:calc((100% / 3) - 12px); padding:26px 14px;}
#sub0202 .r04 .slot3 .ci .ci_cont {gap:18px;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot {width:calc((100% / 3) - 12px); padding:26px 16px;}
#sub0202 .r04 .slot4 .slot4_con {gap:18px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot {width:calc((100% / 3) - 12px); padding:26px 16px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot .slot4_img img {width:130px;}


#sub0203 {padding-top:140px;}
#sub0203 .r01 {padding-bottom:120px;}
#sub0203 .r01 .cont {gap:50px;}
#sub0203 .r01 .cont .left {max-width:55%;height:380px;}
#sub0203 .r01 .cont .right {max-width:45%;}
#sub0203 .r02 {padding-top:110px;padding-bottom:140px;}
#sub0203 .r02 ul {gap:30px;}
#sub0203 .r02 ul li {min-height:330px;}
#sub0203 .r02 ul li h4 {left:40px;bottom:40px;}


#sub0203 .r06 .smr_top {gap:20px; margin-bottom:20px;}
#sub0203 .r06 .smr_card {width:calc(50% - 10px); padding:30px 24px;}
#sub0203 .r06 .smr_bottom {gap:20px;}
#sub0203 .r06 .smr_block.block_strategy {width:calc(50% - 10px); padding:28px 22px;}
#sub0203 .r06 .smr_block.block_partner {width:calc(50% - 10px); padding:28px 22px;}
#sub0203 .r06 .smr_block.block_risk {padding:28px 22px;}



#sub0601 .r01 {padding-top:120px; padding-bottom:110px;}
#sub0601 .r01 ul {flex-direction:column; align-items:center; margin-bottom:90px;}
#sub0601 .r01 ul li {width:340px; height:340px; margin-bottom:40px;}
#sub0601 .r01 ul li:nth-child(2) {margin:0 0 40px;}
#sub0601 .r01 .bottom {text-align:left; padding-bottom:0;}
#sub0601 .r01 .bottom a {position:static; margin-top:40px;}
#sub0601 .r02 {padding-top:110px; padding-bottom:170px;}
#sub0601 .r02 .cont .st {flex-direction:column; margin-bottom:100px;}
#sub0601 .r02 .cont .st .img_con,
#sub0601 .r02 .cont .st .txt_con {max-width:100%;}
#sub0601 .r02 .cont .st .img_con {margin-bottom:40px;}


#sub0601 {padding-top:140px;}
#sub0601 .r03 {padding-bottom:130px;}
#sub0601 .r03 .cont ul {gap:30px;}
#sub0601 .r03 .cont ul li {max-width:100%;height:320px;}
#sub0601 .r04 .top {height:420px;}
#sub0601 .r04 .bottom {gap:40px;}
#sub0601 .r05 {padding-top:130px;padding-bottom:160px;}
#sub0601 .r05 .slot_con {gap:30px;}




#sub0401 {padding-top:140px;}
#sub0401 .r01 {padding-bottom:140px;}
#sub0401 .r01 .m_tit {margin-bottom:80px;}
#sub0401 .r01 .cont .img_wrap ul {flex-wrap:wrap; justify-content:center;}
#sub0401 .r01 .cont .img_wrap ul li {max-width:48%; height:460px; margin-bottom:30px;}
#sub0401 .r01 .cont .img_wrap ul li:first-child {margin-right:0;}
#sub0401 .r02 {padding-top:120px; padding-bottom:120px;}
#sub0401 .r02 .m_tit {margin-bottom:60px;}
#sub0401 .r02 .con .st {flex-direction:column; margin-bottom:90px;}
#sub0401 .r02 .con .st2, #sub0401 .r02 .con .st4 {flex-direction:column-reverse;}
#sub0401 .r02 .con .st > div {max-width:100%;}
#sub0401 .r02 .con .st .img_con {margin-bottom:40px;}
#sub0401 .r03 {padding-top:110px; padding-bottom:120px;}
#sub0401 .r03 .m_tit {margin-bottom:70px;}
#sub0401 .r03 ul {flex-direction:column; align-items:center;}
#sub0401 .r03 ul li { margin-bottom:40px;}
#sub0401 .r03 ul li:nth-child(2) {margin:0 0 40px;}
#sub0401 .r04 {padding-top:120px; padding-bottom:120px;}
#sub0401 .r04 .cont .st {flex-direction:column; margin-bottom:100px;}
#sub0401 .r04 .cont .st2 {}
#sub0401 .r04 .cont .st > div {max-width:100%; width: 100%;}
#sub0401 .r04 .cont .st .img_con {margin-top:40px;}
#sub0401 .r05 {padding-top:110px;}
#sub0401 .r05 .left {position:static; margin-left:0; margin-bottom:60px;}
#sub0401 .r05 .s_con {width:100%;}
#sub0401 .r05 .s_con .slick-slide {padding-right:30px;}
#sub0401 .r05 .cont {display:flex; flex-direction:column;}
#sub0401 .r05 .left {position:static; margin-left:0; margin-bottom:50px;}
#sub0401 .r05 .s_con {width:100%;}
#sub0401 .r05 .s_con .slick-slide {padding-right:30px;}


#sub0601 .r06 .cont ul {flex-wrap:wrap;}
#sub0601 .r06 .cont ul li {max-width:calc((100% - 40px) / 2); margin-bottom:40px;}
#sub0601 .r06 .cont ul li:nth-child(3) {max-width:100%;}
#sub0601 .r07 .cont {flex-direction:column;}
#sub0601 .r07 .cont .left {margin-bottom:50px;}
#sub0601 .r07 .cont .right {max-width:100%;}
#sub0601 .r08 .cont .st_con {flex-direction:column; align-items:center;}
#sub0601 .r08 .cont .st_con .arw {display:none;}
#sub0601 .r08 .cont .st_con .st {max-width:500px; margin-bottom:80px;}
#sub0601 .r08 .cont .st_con .st .circle {width: 310px; height: 310px;}
#sub0601 .r08 .cont .st_con .st .link_con a {width: 200px;}
#sub0601 .r08 .cont .st_con .st:last-child {margin-bottom:0;}
#sub0601 .r09 .m_tit {margin-bottom:50px;}

#sub0602 {padding-top:130px;padding-bottom:150px;}
#sub0602 .r01 .cont ul {grid-template-columns:repeat(2,1fr);gap:30px;}
#sub0602 .r01 .cont ul li {height:420px;}
#sub0602 .r01 .cont ul li .con {width:80%;}


#sub0701 {padding-top:140px;}
#sub0701 .r02, #sub0701 .r03, #sub0701 .r04, #sub0701 .r05 {padding:100px 0;}
#sub0701 .r05 .grid4 .box {width:calc(50% - 9px);}

#sub0702 {padding-top:140px;}
#sub0702 .r02, #sub0702 .r03, #sub0702 .r04, #sub0702 .r05 {padding:100px 0;}
#sub0702 .r05 .grid4 .box {width:calc(50% - 9px);}

#sub0702 .r01 .cont .left .media_box {min-height:360px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice {min-height:360px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_txt {line-height:1.7;}
#sub0702 .r01 .cont .left .media_box .youtube_embed_box {min-height:360px;}
#sub0702 .r01 .cont .left .media_box .youtube_embed_box iframe {min-height:360px;}


#sub0703 .r01.row {padding-top:140px;}
#sub0703 .r02, .sub0703.r03, .sub0703.r04, .sub0703.r05 {padding:100px 0;}
#sub0703 .r05 .grid4 .box {width:calc(50% - 9px);}


}

@media screen and (max-width: 980px) {

body {font-size: 25px;}
.fz15 {font-size: 20px !important;}
.fz18 {font-size: 25px !important;}
.fz16 {font-size: 21px !important;}
.fz20 {font-size: 25px !important;}
.fz24 {font-size: 29px !important;}
.fz28 {font-size: 33px !important;}
.fz32 {font-size: 38px !important;}
.fz36 {font-size: 41px !important;}
.fz38 {font-size: 45px !important;}
.fz42 {font-size: 48px !important;}
.fz44 {font-size: 50px !important;}
.fz48 {font-size: 54px !important;}
.fz58 {font-size: 62px !important;}
.fz60 {font-size: 65px !important;}
.fz62 {font-size: 67px !important;}

#main-ban .sl_cont .btn_con a {max-width:250px;}
.main_ban01 .youtube_single_wrap {min-height:420px;}
.main_ban01 .youtube_dual_wrap {min-height:420px;}

.main_r.r_con .r01 .content .cont {flex-direction:column; align-items:flex-start;}
.main_r.r_con .r01 h2 {margin-bottom: 20px;}

.main_r.r_con .r01 .left {max-width: unset;}
.main_r.r_con .r01 .right {max-width: unset;}
.main_r.r_con .r01 > h2 {margin-bottom: 50px;}
.main_r.r_con .r01 > a {max-width: 330px;}
.main_r.r_con .r02 .tit_con br {display: none;}
.main_r.r_con .r03 .cont ul li:nth-child(3) span br {display: none;}

.main_r .r03 .content ul {flex-direction:column;}

.main_r.r_con .r04 .cont img.pc_ver {display: none;}
.main_r.r_con .r04 .cont img.m_ver {display: block;}

.main_r.r_con .r06 .row_con .right .f_con form .top ul li.ip_con {width: 100%;}
.main_r.r_con .r06 .row_con .right .f_con form .top ul li.ip_con:nth-child(odd) {padding-right: 0;}
.main_r.r_con .r06 .row_con .left .connect .ct h4 {width: 120px;}

.main_r.r_con .r06 .row_con .right .f_con form .bottom .sbm_con {margin-top: 50px;}
.main_r.r_con .r06 .row_con .right .f_con form .bottom .sbm_con .sbm_lb {width: 270px;}
.main_r .r03 .content ul {flex-direction:column;}
.main_r .r03 .content ul li {width: 100%; display: flex; margin-bottom: 50px;text-align: left; align-items:center; padding-left: 4%; padding-right: 4%;}
.main_r .r03 .content ul li .img_con {margin-bottom: 0;}
.main_r .r03 .content ul li h4 {margin-bottom: 0; margin: 0 20px;}
.main_r .r03 .content ul li p {word-break:keep-all;}
.main_r .r03 .content ul li p br {display: none;}


.main_r .r05 .link_con a {width: 210px;}
.btr01 .content .btn_con a {width: 210px;}
.btr3 {padding-top:100px;padding-bottom:90px;}
.btr3 .btn_con ul {flex-wrap:wrap;justify-content:center;gap:20px;}
.btr3 .btn_con ul li {width:260px;}


.main_r .r01 .cont .content .right ul li {max-width: calc((100% / 2) - 20px);}
.main_r .r01 .cont .content .right ul li:nth-child(n+4) {margin-top: 0;}
.main_r .r01 .cont .content .right ul li {margin-top: 60px !important;}
.main_r .r01:before {display: none;}
.main_r .r02 .content .slide_con .s_con {flex-direction:column;}
.main_r .r02 .content .slide_con .s_con.swiper-slide-active .r_con .txt_con {margin-bottom: 20px;}
.main_r .r02 .content .slide_con .s_con .r_con .txt_con * {white-space:unset; word-break:keep-all;}
.main_r .r02 .content .slide_con .s_con.swiper-slide-active .r_con {padding-left: 0; padding-right: 0;}
.main_r .r02 .content {height: 900px;}
.main_r .r02 .content .slide_con .s_con .r_con a {width: 190px;}
.sb_wr .sub-ban .sub-ban-con > div:nth-child(3), .sb_wr .sub-ban .sub-ban-con > div:nth-child(2) {width: 250px;}
.sb_wr .sub-ban-wr .p_con p {word-break:keep-all;}
.sb_wr .sub-ban-wr .p_con p br{display: none;}

.sb_wr.videocon .subban_youtube {min-height:420px;}

#sub0101 .r01:before {height: 88%;}
#sub0101 .r01 .con01 .cont {flex-direction:column-reverse;}
#sub0101 .r01 .con01 .cont .right .s_tit {padding-top: 0;}
#sub0101 .r01 .con01 .cont .right {padding-left: 0; padding-bottom: 50px;}
#sub0101 .r01 .con01 .cont .left img {width: 100%;}
#sub0101 {padding-top:100px; padding-bottom:140px;}
#sub0101 .cont .con:first-child {margin-bottom:100px;}
#sub0101 .cont .con h4 {margin-bottom:35px;}
#sub0101 .cont .con .right p {line-height:1.6; word-break:keep-all;}
#sub0101 .cont .con ul li {margin-bottom:15px;}

#sub0102 .r01 .con01 .cont .txt_con .con .history {flex-direction:column;}
#sub0102 .r01 .con01 .cont .txt_con .con .history .year {margin-right: 0;}
#sub0102 {padding-top:120px;}
#sub0102 .r01 .row .sub_tit .left h4 {margin-bottom:50px;}
#sub0102 .r01 .row .sub_tit .left h2 {margin-bottom:35px;}
#sub0102 .r02 .min_t {margin-bottom:50px;}
#sub0102 .r02 .con .mv .slot p br {display:none;}
#sub0102 .r03 .wrap .con .b_tit {margin-bottom:60px;}
#sub0102 .r03 .wrap .con .tab_con li {font-size:1.8rem;}
#sub0102 .r03 .wrap .con .cont h3 {margin-bottom:40px;}
#sub0102 .r03 .wrap .con .cont ul li {margin-bottom:12px;}





#sub0103 .r01 .con01 .cont ul {flex-direction:column;}
#sub0103 .r01 .con01 .cont ul li {margin-right: 0; margin-bottom: 70px;}
#sub0103 .r01 .con01 .cont ul li:last-child {margin-bottom: 0;}
#sub0103 .r01 .con01 .cont ul li .txt_con h3 {margin-bottom: 20px;}
#sub0103 .r01 .con01 .cont ul li .img_con {margin-bottom: 25px;}	
#sub0103 .r01 .con01 .cont ul li .txt_con:after {display: none;}
#sub0103 .r01 .con01 .cont ul li .txt_con:before {display: none;}
#sub0103 .r01 .con01 .cont ul li {max-width: unset;}
#sub0103 .r01 {padding-top:120px; padding-bottom:120px;}
#sub0103 .r01 .sub_tit {margin-bottom:70px;}
#sub0103 .r01 .cont .con .right .slot .year h2 {}
#sub0103 .r01 .cont .con .right .slot .txt_con ul li {margin-bottom:18px;}


#sub0104 .branch_row {flex-direction:column; align-items:center; gap:20px; padding-top:0;}
#sub0104 .branch_row > .line_h {display:none;}
#sub0104 .branch_item::before {display:none;}
#sub0104 .prod .branch_item, #sub0104 .lab .branch_item {width:100%;}
#sub0104 .staff_row::before {top: -11px; height: 50px;}


#sub0201 .sub_tit .tit {margin-bottom:60px;}
#sub0201 .cc .cont1 {margin-bottom:120px;}
#sub0201 .cc .cont1 .m_tit {margin-bottom:60px;}
#sub0201 .cc .cont1 .con > div ul li {padding:25px 15px;}
#sub0201 .cc .cont2 {padding-bottom:100px;}
#sub0201 .cb .cont1 {margin-bottom:120px;}
#sub0201 .cb .cont1 .m_tit {margin-bottom:60px;}
#sub0201 .cb .cont3 {margin-top:70px;}
#sub0201 .r05 {padding-top:90px; padding-bottom:90px;}
#sub0201 .r05 > h2 {margin-bottom:50px;}
#sub0201 .r05 .cont .tab_con {margin-bottom:60px;}
#sub0201 .r06 {padding-top:90px; padding-bottom:100px;}
#sub0201 .r06 .cont ul li {max-width:50%; margin-top:60px;}
#sub0201 .r07 {padding-top:90px; padding-bottom:80px;}
#sub0201 .r07 .m_tit {margin-bottom:50px;}
#sub0201 .r09 {padding-bottom:150px;}
#sub0201 .r10 {padding-bottom:150px;}
#sub0201 .r10 .cont .bottom {margin-top:80px;}
#sub0201 .r10 .cont .bottom .s_wrap .scon2 {margin-top:30px;}
#sub0201 .r11 {height:unset; padding-top:100px; padding-bottom:100px;}
#sub0201 .r11 .btn_con ul {flex-direction:column; align-items:center;}
#sub0201 .r11 .btn_con ul li {width:100%; margin-bottom:20px;}

#sub0202 {padding-top:120px;}
#sub0202 .r01 .cont .left {height:340px;}
#sub0202 .r02 .m_tit {margin-bottom:80px;}
#sub0202 .r02 .circle {flex-direction:column;align-items:center;gap:70px;}
#sub0202 .r02 .circle .c_con {width:440px;height:440px;}
#sub0202 .r02 .circle .c_con .con {width:75%;}
#sub0202 .r02 .circle .c_con .con h4 {}
#sub0202 .r02 .circle .c_con .con ul li {}
#sub0202 .r03 .m_tit {margin-bottom:80px;}
#sub0202 .r03 .cont ul li h2 {font-size:42px;}
#sub0202 .r04 .m_tit {margin-bottom:70px;}
#sub0202 .r04 .tab_con {flex-wrap:wrap;gap:15px;}
#sub0202 .r04 .tab_con li {flex:0 0 calc((100% - 15px) / 2);}
#sub0202 .r04 .slot {gap:25px;}
#sub0202 .r04 .slot .img_con {max-width:100%;height:260px;}
#sub0202 .r04 .slot1 .img_con,
#sub0202 .r04 .slot4 .img_con {height:300px;}


#sub0202 .video_temp_notice {min-height:360px; border-radius:16px;}
#sub0202 .video_temp_notice .notice_inner {padding:30px 24px;}
#sub0202 .video_temp_notice .notice_tit {margin-bottom:14px;}
#sub0202 .video_temp_notice .notice_txt {line-height:1.65;}
#sub0202 .youtube_embed_box {min-height:360px; border-radius:16px;}
#sub0202 .youtube_embed_box iframe {min-height:360px;}
#sub0202 .r04 .slot1 {display:none;}
#sub0202 .r04 .slot1.actv {display:flex; flex-direction:column; gap:20px;}
#sub0202 .r04 .slot1 .left,#sub0202 .r04 .slot1 .right {width:100%;}
#sub0202 .r04 .slot1 .left br,#sub0202 .r04 .slot1 .right br {display:none;}
#sub0202 .r04 .slot1 .left,#sub0202 .r04 .slot1 .right {padding:30px 24px; border:1px solid #dbe3ef; border-radius:18px; box-shadow:0 10px 24px rgba(0,32,96,.10); text-align:center; background:#fff;}
#sub0202 .r04 .slot1 .img_txt {display:flex; flex-direction:column; align-items:center; margin-bottom:20px;}
#sub0202 .r04 .slot1 .img_txt span {display:block; margin-bottom:12px; color:#4aa6d9; font-weight:600;}
#sub0202 .r04 .slot1 .img_txt img {width:96px;}
#sub0202 .r04 .slot1 h3 {margin-bottom:16px; color:#002060; line-height:1.5;}
#sub0202 .r04 .slot1 p {word-break:keep-all;}
#sub0202 .r04 .slot3 .pt .slot_cont {flex-wrap:wrap; gap:20px; margin-bottom:30px;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm {width:calc(50% - 10px); margin-top:0; padding:24px 14px;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm:hover {margin-top:0;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm03 {width:100%;}
#sub0202 .r04 .slot3 .pt .slot_cont2 {flex-wrap:wrap; gap:20px; margin-bottom:30px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm {width:calc(50% - 10px); margin-top:0; padding:24px 14px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm03 {width:100%;}
#sub0202 .r04 .slot3 .ci .ci_cont {flex-wrap:wrap; gap:20px; margin-top:30px;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot {width:calc(50% - 10px);}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot03 {width:100%;}
#sub0202 .r04 .slot4 .slot4_con {flex-wrap:wrap; gap:20px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot {width:calc(50% - 10px);}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot:last-child {width:100%;}



#sub0203 .r01 .cont {flex-direction:column;}
#sub0203 .r01 .cont .left {max-width:100%;height:420px;margin-bottom:45px;}
#sub0203 .r01 .cont .right {max-width:100%;}
#sub0203 .r02 ul {grid-template-columns:1fr;gap:35px;}
#sub0203 .r02 ul li {min-height:380px;}
#sub0203 .r02 ul li h4 {left:45px;bottom:45px;}
#sub0203 .r03 .card3 {flex-wrap:wrap;}
#sub0203 .r03 .card3 .card {width: calc(100% / 2 - 15px); max-width: unset;}
#sub0203 .r03 .card3 .card .txt p {word-break:keep-all;}
#sub0203 .r04 .con2 .card2 {flex-wrap:wrap;}
#sub0203 .r04 .con2 .card2 li {width: calc(100% / 2 - 10px); margin-bottom: 25px;}
#sub0203 .r04 .con .right {display: none;}
#sub0203 .r04 .con {width: 100%;}
#sub0203 .r04 .con .left {width: 100%; max-width: unset;}

#sub0203 .r05 .con {flex-direction:column; gap:20px;}
#sub0203 .r05 .con > div {width:100%;}
#sub0203 .r06 .smr_top {flex-direction:column;}
#sub0203 .r06 .smr_card {width:100%;}
#sub0203 .r06 .smr_block.block_strategy {width:100%;}
#sub0203 .r06 .smr_block.block_partner {width:100%;}
#sub0203 .r06 .risk_wrap {flex-direction:column;}
#sub0203 .r06 .risk_wrap > li {width:100%;}


#sub0601 .r01 {padding-top:120px; padding-bottom:120px;}
#sub0601 .r01 .m_tit h2 br {display:none;}
#sub0601 .r01 ul li {margin: 0;}
#sub0601 .r01 ul li { margin-bottom: 50px;}
#sub0601 .r01 ul li .con {top: 50%; transform:translate(-50%,-50%); bottom:unset;}
#sub0601 .r01 .bottom a {width: unset;}
#sub0601 .r02 .m_tit {margin-bottom:60px;}
#sub0601 .r02 .cont .st .txt_con .txt:last-child {margin-bottom: 40px;}
#sub0601 .r02 .cont .st .txt_con h3 {margin-bottom:40px;}
#sub0601 .r02 .cont .st .txt_con .txt {margin-bottom:40px;}

#sub0601 {padding-top:120px;}
#sub0601 .r03 .cont ul {flex-direction:column;gap:30px;}
#sub0601 .r03 .cont ul li {height:300px;}
#sub0601 .r04 .top {height:360px;}
#sub0601 .r04 .bottom {flex-direction:column;align-items:flex-start;gap:25px;}
#sub0601 .r05 .slot_con {grid-template-columns:1fr;}
#sub0601 .r05 .slot5 {text-align: left;}



#sub0401 {padding-top:120px;}
#sub0401 .r01 {padding-bottom:120px;}
#sub0401 .r01 .m_tit h2 br {display:none;}
#sub0401 .r01 .cont .img_wrap ul li {max-width:100%; height:420px;}
#sub0401 .r02 {padding-top:100px; padding-bottom:100px;}
#sub0401 .r03 ul li {}
#sub0401 .r04 {padding-top:100px; padding-bottom:100px;}
#sub0401 .r05 .left .top h2 {margin-bottom:40px;}
#sub0401 .r05 .left .top ul li {word-break:keep-all;}

#sub0601 .r06 {padding-top:120px; padding-bottom:120px;}
#sub0601 .r06 .m_tit {margin-bottom:70px;}
#sub0601 .r06 .cont ul li {height:460px;}
#sub0601 .r06 .cont ul li a {padding:40px;}
#sub0601 .r07 {padding-top:90px; padding-bottom:100px;}
#sub0601 .r08 {padding-top:90px; padding-bottom:90px;}
#sub0601 .r08 .m_tit {margin-bottom:50px;}
#sub0601 .r08 .cont .bottom {flex-direction:column;}
#sub0601 .r08 .cont .bottom > div {width: 100%;}
#sub0601 .r08 .cont .bottom > div:first-child {margin-bottom: 15px;}
#sub0601 .r09 {padding-top:90px; padding-bottom:100px;}


#sub0602 {padding-top:110px;padding-bottom:130px;}
#sub0602 .r01 .cont ul {grid-template-columns:1fr;gap:25px;}
#sub0602 .r01 .cont ul li {height:380px;}
#sub0602 .r01 .cont ul li .con {width:85%;}
#sub0602 .r01 .cont ul li .con .txt_con h4 {margin-bottom:25px;}

#sub0701 .r01 .cont {flex-direction:column;gap:30px;}
#sub0701 .r01 .cont .left, #sub0701 .r01 .cont .right {max-width:100%;}
#sub0701 .r02 .cards3, #sub0701 .r03 .cards3 {flex-direction:column;}
#sub0701 .r02 .card, #sub0701 .r03 .card {width:100%;}
#sub0701 .r04 .steps {flex-direction:column;gap:26px;}
#sub0701 .r04 .steps .st {width:100%;}

#sub0702 .r01 .cont {flex-direction:column;gap:30px;}
#sub0702 .r01 .cont .left, #sub0702 .r01 .cont .right {max-width:100%;}
#sub0702 .r01 .txt_con p {word-break:keep-all;}
#sub0702 .r01 .txt_con p br {display: none;}
#sub0702 .r02 .cards3, #sub0702 .r03 .cards3 {flex-direction:column;}
#sub0702 .r02 .card, #sub0702 .r03 .card {width:100%;}
#sub0702 .r02 .card .p {}
#sub0702 .r02 .sum .in p {word-break:keep-all;}
#sub0702 .r04 .steps {flex-direction:column;gap:26px;}
#sub0702 .r04 .steps .st {width:100%;}

#sub0702 .r01 .cont .left .media_box {min-height:320px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice {min-height:320px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_inner {padding:30px 24px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_tit {margin-bottom:14px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_txt {line-height:1.65;}
#sub0702 .r01 .cont .left .media_box .youtube_embed_box {min-height:320px;}
#sub0702 .r01 .cont .left .media_box .youtube_embed_box iframe {min-height:320px;}


#sub0703 .m_tit p br {display: none;}
#sub0703 .r01 .cont {flex-direction:column;gap:30px;}
#sub0703 .r01 .cont .left, .sub0703.r01 .cont .right {max-width:100%;}
#sub0703 .r02 .cards3, .sub0703.r03 .cards3 {flex-direction:column;}
#sub0703 .r02 .card, .sub0703.r03 .card {width:100%;}
#sub0703 .r04 .steps {flex-direction:column;gap:26px;}
#sub0703 .r04 .steps .st {width:100%;}

#sub0703 .r03 .cards3 {flex-direction:column;}
#sub0703 .r03 .card {width: 100%;}


}

@media screen and (max-width: 780px) {  
body {min-width: 680px;} /* font-size:2.4rem; */

.main_ban01 .youtube_single_wrap {min-height:320px;}
.main_ban01 .youtube_dual_wrap {min-height:320px;}

.btr3 {padding-top:80px;padding-bottom:80px;}
.btr3 h2 {margin-bottom:45px;}
.btr3 .btn_con ul {flex-direction:column;gap:15px;}
.btr3 .btn_con ul li {width:100%;}
.btr3 .btn_con ul li a {padding-top:18px;padding-bottom:18px;}

.sub-ban.fixed-up {top:135px;}
.sb_wr.videocon .subban_youtube {min-height:320px;}

#sub0104 .r01 {padding-top:90px; padding-bottom:90px;}
#sub0104 .org_tit {margin-bottom:35px;}
#sub0104 .org_top {margin-bottom:40px;}
#sub0104 .org_top::after {height:40px;}
#sub0104 .staff_row {flex-direction:column; align-items:center;}
#sub0104 .staff_row > .line_h {display:none;}
#sub0104 .staff_row.has_line .staff_item::before {display:none;}
#sub0104 .staff_col > .staff_item:not(:last-child)::after {display:none;}
#sub0104 .split_row {flex-direction:column; align-items:center; padding-top:12px; gap:10px;}
#sub0104 .split_row > .line_h {display:none;}
#sub0104 .split_item::before {display:none;}
#sub0104 .split_wrap {padding-top:18px;}
#sub0104 .split_wrap::before {height:18px;}

#sub0104 .name, #sub0104 .rep, #sub0104 .dept_box {min-width:unset; width:100%;}
#sub0104 .main_group {max-width:100%;}

#sub0201 {padding-top:90px;}
#sub0201 .r01 {padding-bottom:90px;}

#sub0201 .cc {padding-top:80px;}
#sub0201 .cc .cont2 .con ul .slot {max-width:100%;}
#sub0201 .cb {padding-top:80px;}
#sub0201 .cb .cont2 .con ul .slot {max-width:100%;}
#sub0201 .cb .cont3 .vd .left {}
#sub0201 .r05 .cont .tab_con li {margin-right:0; margin-bottom:15px;}
#sub0201 .r07 .cont .tap_con li {height:auto; padding:20px 0;}
#sub0201 .r08 .cont ul {padding:20px 20px;}
#sub0201 .r09 {padding-bottom:120px;}
#sub0201 .r10 .cont .bottom .s_wrap .scon .txt {width:100%;}
#sub0201 .r07 .cont .tap_con li .txt {position: unset; transform:unset; }
#sub0201 .r08 .cont ul li {margin-right: 0; margin-left: 0;}

#sub0202 {padding-top:100px;}
#sub0202 .sub_tit .tit {margin-bottom:60px;}
#sub0202 .r01 {padding-bottom:110px;}
#sub0202 .r01 .cont .left {margin-bottom:35px;}
#sub0202 .r01 .cont .right .txt_con p {line-height:1.6;}
#sub0202 .r02 {padding-top:90px;padding-bottom:110px;}
#sub0202 .r02 {padding-top:90px;padding-bottom:120px;}
#sub0202 .r02 .m_tit {margin-bottom:70px;}
#sub0202 .r02 .circle {flex-direction:column;align-items:center;gap:60px;}
#sub0202 .r02 .circle .c_con {width:100%;max-width:420px;height:420px;}
#sub0202 .r02 .circle .c_con .con {width:80%;}
#sub0202 .r02 .circle .c_con .con h4 {}
#sub0202 .r02 .circle .c_con .con ul li {line-height:1.6;}
#sub0202 .r03 {padding-top:90px;padding-bottom:100px;}
#sub0202 .r03 .cont ul {gap:45px;}
#sub0202 .r03 .cont ul li h2 {}
#sub0202 .r04 {padding-top:90px;padding-bottom:120px;}
#sub0202 .r04 .tab_con {margin-bottom:60px;}
#sub0202 .r04 .tab_con li {flex:0 0 100%;padding:22px 0;}
#sub0202 .r04 .slot {gap:20px;}
#sub0202 .r04 .slot .img_con {height:220px;border-radius:16px;}
#sub0202 .r04 .slot1 .img_con,
#sub0202 .r04 .slot4 .img_con {height:240px;}
#sub0202 .r04 .tt {margin-top:70px;}
#sub0202 .r04 .tt span {}
#sub0202 .r04 .tt h3 {}
#sub0202 .r04 .tc {margin-top:35px;}
#sub0202 .r04 .tc ul li {padding-left:24px;}
#sub0202 .r04 .tc ul li:before {top:9px;width:10px;}



#sub0202 .video_temp_notice .notice_inner {padding:24px 20px;}
#sub0202 .video_temp_notice .notice_tit {margin-bottom:12px;}
#sub0202 .video_temp_notice .notice_txt {line-height:1.6;}


#sub0202 .r04 .slot1.actv {gap:14px;}
#sub0202 .r04 .slot1 .left,#sub0202 .r04 .slot1 .right {padding:22px 16px; border-radius:14px;}
#sub0202 .r04 .slot1 .img_txt {margin-bottom:16px;}
#sub0202 .r04 .slot1 .img_txt img {width:78px;}
#sub0202 .r04 .slot1 h3 {margin-bottom:12px;}
#sub0202 .r04 .slot1 h3 br,#sub0202 .r04 .slot1 p br {display:none;}
#sub0202 .r04 .slot3 .pt .slot_tit {margin-bottom:20px;}
#sub0202 .r04 .slot3 .pt .slot_cont {gap:14px; margin-bottom:20px;}
#sub0202 .r04 .slot3 .pt .slot_cont .nm {width:100%; padding:20px 14px; border-radius:14px; box-shadow:0 8px 20px rgba(0,32,96,.14);}
#sub0202 .r04 .slot3 .pt .slot_cont .nm .s_top {margin-bottom:18px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 {gap:14px; margin-bottom:20px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm {width:100%; padding:20px 14px; border-radius:14px; box-shadow:0 8px 20px rgba(0,32,96,.14);}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm h4 {margin-bottom:14px;}
#sub0202 .r04 .slot3 .pt .slot_cont2 .snm span {margin-bottom:14px;}
#sub0202 .r04 .slot3 .ci .ci_tit {margin-bottom:22px;}
#sub0202 .r04 .slot3 .ci .ci_cont {gap:14px; margin-top:20px;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot {width:100%; padding:22px 14px; border-radius:14px;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot img {max-width:72px; margin-bottom:16px;}
#sub0202 .r04 .slot3 .ci .ci_cont .ci_slot h4 br {display:none;}
#sub0202 .r04 .slot4 .slot4_con {gap:14px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot {width:100%; padding:22px 14px; border-radius:14px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot .slot4_img {margin-bottom:20px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot .slot4_img img {width:96px; margin-bottom:14px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot h3 {margin-bottom:12px;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot h3 br,#sub0202 .r04 .slot4 .slot4_con .slot4_slot p br {display:none;}
#sub0202 .r04 .slot4 .slot4_con .slot4_slot ul li:first-child {margin-bottom:12px;}



#sub0203 {padding-top:110px;}
#sub0203 .sub_tit .tit {margin-bottom:65px;}
#sub0203 .r01 {padding-bottom:100px;}
#sub0203 .r01 .cont .left {height:300px;}
#sub0203 .r01 .cont .right .txt_con p {line-height:1.8;}
#sub0203 .r02 {padding-top:90px;padding-bottom:110px;}
#sub0203 .r02 .m_tit {margin-bottom:70px;}
#sub0203 .r02 ul li {min-height:300px;border-left-width:4px;}
#sub0203 .r02 ul li h4 {left:30px;bottom:30px;}

#sub0203 .r06 {padding:80px 0;}
#sub0203 .r06 .m_tit {margin-bottom:36px;}
#sub0203 .r06 .smr_card {padding:24px 18px; border-radius:18px;}
#sub0203 .r06 .smr_card .hd {gap:12px; margin-bottom:18px;}
#sub0203 .r06 .smr_card .hd .icon_img {width:42px; height:42px;}
#sub0203 .r06 .smr_card .hd .txt span {line-height:1.4;}
#sub0203 .r06 .smr_card .hd .txt h3 {line-height:1.4;}
#sub0203 .r06 .smr_card .desc {margin-bottom:16px;}
#sub0203 .r06 .smr_card .desc p {line-height:1.7;}
#sub0203 .r06 .tag_list li {min-height:34px; padding:0 12px;}
#sub0203 .r06 .bullet_list li {line-height:1.7;}
#sub0203 .r06 .smr_block {border-radius:18px;}
#sub0203 .r06 .smr_block.block_strategy {padding:24px 18px;}
#sub0203 .r06 .smr_block.block_partner {padding:24px 18px;}
#sub0203 .r06 .smr_block.block_risk {padding:24px 18px;}
#sub0203 .r06 .block_hd {gap:12px; margin-bottom:18px;}
#sub0203 .r06 .block_hd .icon_img {width:36px; height:36px;}
#sub0203 .r06 .step_flow li {min-height:60px; border-radius:14px; padding:0 14px;}
#sub0203 .r06 .step_flow li .num {width:28px; height:28px;}
#sub0203 .r06 .partner_intro {line-height:1.7;}
#sub0203 .r06 .partner_list li {width:100%; min-height:48px; border-radius:14px; padding:0 14px;}
#sub0203 .r06 .risk_wrap > li {border-radius:16px; padding:18px 16px;}
#sub0203 .r06 .risk_wrap > li p {line-height:1.7;}



#sub0601 {padding-top:100px;}
#sub0601 .m_tit {margin-bottom:60px;}
#sub0601 .r03 {padding-bottom:110px;}
#sub0601 .r03 .cont ul li {height:260px;}
#sub0601 .r04 {padding-bottom:120px;}
#sub0601 .r04 .top {height:260px;}
#sub0601 .r04 .bottom .left p br {display:none;}
#sub0601 .r05 {padding-top:120px;padding-bottom:150px;}
#sub0601 .r05 .slot {padding:30px;}
#sub0601 .r05 .slot5 {padding-top:10px;}



#sub0401 .r05 .left .ctrl_wr {display:none;}
#sub0401 .r05 .s_con .slick-slide {padding-right:0;}
#sub0401 .r05 .s_con .slick-dots {bottom: -40px;}
#sub0401 .r05 .s_con .slick-dots li button:before {color: #002060;}

#sub0601 .r06 {padding-top:90px; padding-bottom:90px;}
#sub0601 .r06 .cont ul {flex-direction:column;}
#sub0601 .r06 .cont ul li {max-width:100%; height:420px;}
#sub0601 .r06 .cont ul li a {padding:30px;}

#sub0601 .r07 {padding-top:80px; padding-bottom:80px;}
#sub0601 .r07 .cont .right ul li h4 {margin-bottom:15px;}
#sub0601 .r08 {padding-top:80px; padding-bottom:80px;}
#sub0601 .r08 .cont .st_con .st {max-width:100%;}
#sub0601 .r08 .cont .st_con .st .circle {width:260px; height:260px;}
#sub0601 .r08 .cont .st_con .st .link_con {flex-direction:column;}
#sub0601 .r08 .cont .st_con .st .link_con a {width:100%; margin-bottom:10px;}
#sub0601 .r08 .cont .st_con .st .link_con a:last-child {margin-bottom:0;}
#sub0601 .r09 {padding-top:80px; padding-bottom:90px;}
#sub0601 .r09 .cont ul li .top a {padding-right:20px;}
#sub0601 .r09 .cont ul li .bottom {}

#sub0602 {padding-top:90px;padding-bottom:110px;}
#sub0602 .r01 .cont ul li {height:auto;padding:50px 20px;}
#sub0602 .r01 .cont ul li .con {position:static;transform:none; width: 100%;}
#sub0602 .r01 .cont ul li .con .img_con {margin-bottom:20px;}

#sub0701 {padding-top:120px;}
#sub0701 .r01 .sub_tit {margin-bottom:50px;}
#sub0701 .r05 .grid4 .box {width:100%;}
#sub0701 .r04 .steps .badge {width:150px;height:150px;}

#sub0702 {padding-top:120px;}
#sub0702 .r01 .sub_tit {margin-bottom:50px;}
#sub0702 .r05 .grid4 .box {width:100%;}
#sub0702 .r04 .steps .badge {width:150px;height:150px;}

#sub0702 .sub_tit .tit br {display: none;}

#sub0702 .r01 .cont .left .media_box {min-height:260px; max-width: 788px; width: 100%;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice {min-height:260px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_inner {padding:24px 20px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_tit {margin-bottom:12px;}
#sub0702 .r01 .cont .left .media_box .video_temp_notice .notice_txt {line-height:1.6;}
#sub0702 .r01 .cont .left .media_box .youtube_embed_box {min-height:260px;}
#sub0702 .r01 .cont .left .media_box .youtube_embed_box iframe {min-height:260px;}

#sub0703 .r01.row {padding-top:120px;}
#sub0703 .r01 .sub_tit {margin-bottom:50px;}
#sub0703 .r05 .grid4 .box {width:100%;}
#sub0703 .r04 .steps .badge {width:150px;height:150px;}
}