@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll; font-size:10px;}
body {padding:0;font-size:1.2rem;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; background:#fff; -webkit-text-size-adjust: 100%; letter-spacing:-0.5px;  margin:0 auto !important;}
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:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul, dl,dt,dd,li {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;font-size:1.4rem;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:1.4rem;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer;  -webkit-appearance: none;}
img {max-width:100%; height:auto;}
textarea, select {font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:1.4rem;}
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:#000;text-decoration:none}

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

input[type=text],input[type=password], textarea {outline:none;  -webkit-appearance: none;}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {}

.placeholdersjs {color:#aaa !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}

/* 상단 레이아웃 */
#container_title,
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 중간 레이아웃 */
#wrapper:after,
#container:after,
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 게시물 선택복사 선택이동 */
#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:0}
.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:normal;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:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#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:0}
#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:0}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:normal;text-align:center;border-radius:0;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#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:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:normal;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width: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;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:normal}
.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:normal;border:0;font-size:1.4rem;
-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:#3366ff !important;color:#fff;cursor:pointer;border-radius:0}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:0;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}
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:0;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}
a.btn_b02,.btn_b02 {display:inline-block;background:#3366ff !important;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:normal;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:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.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:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;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;font-size:0.95em;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 #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:0;padding:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.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 #ececec}
.list_01 li {border-bottom:1px solid #ececec;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:normal}
.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:0 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 .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:normal;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#3366ff;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; margin:3rem auto; text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {display:inline-block;}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#fff;border:1px solid #fff}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#333;font-size:1.4rem;height:40px;line-height:38px;padding:0 5px;min-width:40px;text-decoration:none;border-radius:0; border:1px solid #fff;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #fff}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #fff}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #fff}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #fff}
.pg_current {display:inline-block; font-size: 1.4rem; background:#fff;border:1px solid #fff; border-bottom:1px solid #3366ff; color:#3366ff;font-weight:bold;height:40px;line-height:38px;padding:0 10px;min-width:40px;border-radius:0}

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

#loadings {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff; z-index: 999999;}
#loading_api {position: absolute; width: 50px; height: 50px; border: 2px solid rgba(0, 0, 0, .1); border-radius: 50%; border-top-color: #3366ff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; margin: auto; top: 0; left: 0; bottom: 0; right: 0;}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
   }
}

.wrap:after,
.clear:after {content:''; display:block; clear:both;}

.wrap {max-width:124rem; padding:0 2rem; position:relative; margin:0 auto;}

.pc_on {display:block;}
.m_on {display:none;}
.gnb_pc {display:block;}
.gnb_m {display:none;}
.pc768 {display:block;}
.m768 {display:none;}
.blk {display:block;}
.le {float:left;}
.ri {float:right;}

.layer-pop-wrap {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: 9999; overflow-y: auto; background: rgba(0,0,0,0.5);}
.open_ly .outb {display: table; width: 100%; height: 100%; table-layout: fixed;}
.open_ly .inb {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align:center;}
.open_ly .layer_ctt {position:relative; display:inline-block; width:54rem; border: 5px solid #000; color:#fff; text-align:left; background:#fff;}
.open_ly .layer_ctt .view_close {cursor:pointer; text-align:center; position:absolute; top: -4rem; right: -0.5rem; background: #000; padding: 0.5rem; background:url('/img/close_btn_w.svg') no-repeat center #000; background-size:2rem; width:4rem; height:4rem;}
.layer-pop-wrap .pric_ta {width: 100%; height: 43rem; padding: 1.5rem; color: #333; font-size: 1.3rem; border:0; resize:none;}
.layer-pop-wrap.open {display:block;}

html.fix,
html.body_fix {overflow:hidden;}

#c_gnb {position:fixed; top: 0; left: 0; right: 0; width:100%; overflow:hidden; z-index: 9; height:9rem;background:#fff; z-index:13; padding:0 5rem; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.02);}
#c_gnb .mn_ul {position: absolute; top: 0; left: 50%; width:104rem; z-index:1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
#c_gnb .hd_wrap:after,
#c_gnb .mn_ul:after {content:''; display:block; clear:both;}
#c_gnb .mn_ul .tit_menu {float:left; width:16.666666%; text-align:center; position:relative;}
#c_gnb .mn_ul .dep_w {}
#c_gnb .mn_ul .dep_w .de1 {position:relative;}
#c_gnb .mn_ul .tit_menu:after {opacity:0; content:''; position: absolute; top: 8.7rem; left: 0; width: 0; height: 3px; background: #3366ff;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
#c_gnb .mn_ul .tit_menu:hover:after {width:100%; opacity:1;}
#c_gnb .mn_ul li:hover.tit_menu {background:#f8f8f8;}
#c_gnb .mn_ul li:hover .dep_w .de1 {background:#fff;}
#c_gnb .mn_ul li:hover .dep_w .de1 a {}
#c_gnb .mn_ul li:hover .dep_w .de1 a span:before {/*content: ''; position: absolute; height: 0.8rem; width: 0.8rem; border-radius: 50%; background: #4083a8; left: 50%; margin-left: -0.4rem; bottom: -3.1rem;*/}
#c_gnb .mn_ul .dep_w .de1 a {position:relative; display:block; height: 9rem; line-height: 9rem; font-size:1.8rem; font-weight:500; color:#191919;}
#c_gnb .mn_ul .dep_w .de1 a span {position:relative; letter-spacing:-1.5px;}
#c_gnb .mn_ul li:hover .dep_w .de1 span:after {}
#c_gnb .mn_ul li:hover .dep_m li a {}
#c_gnb .mn_ul .dep_m {height: 53rem;  padding: 0 1.5rem; padding-top: 2rem;}
#c_gnb .mn_ul .dep_w .dep_m a {position:relative; font-size:1.4rem; padding: 0.8rem 0; display: block; letter-spacing: -0.5px; word-break: keep-all; color:#666; font-weight:400;}
#c_gnb .mn_ul .dep_w .dep_m a:hover {color: #3366ff;}
#c_gnb .mn_ul .dep_w .dep_m a span {position:relative;}
#c_gnb .mn_ul .dep_w .dep_m a:hover span:before {/*content:''; position: absolute; top: 1rem; left: -1.5rem; width: 0.5rem; height: 0.5rem; background: #d10a11; border-radius: 50%;*/}
#c_gnb .logo {float:left; position: relative; z-index: 1;}
#c_gnb .logo a {float:left; display:block; height: 9rem; line-height: 9rem;}
#c_gnb .logo img {width:auto; height:5rem;}
#c_gnb .m_right {display:none; position:absolute; top:0; right:0; width: 8rem; height: 8rem; background: #393d46; z-index: 1;}
#c_gnb .ov_bg {position:absolute; top:0; left:0; right:0; height:9rem; background:#fff; z-index: 1; border-bottom: 1px solid #edf1f2;}
#c_gnb .tit_menu#on .dep_w .de1 a {color:#3366ff;}
#c_gnb .tit_menu#on .dep_w .de1:after {content:''; position: absolute; top: 8.7rem; left: 0; width: 100%; height: 3px; background: #3366ff;}

.lang_bx {position: absolute; z-index: 1; margin: 2.6rem 0; right: 11rem; top: 0;}
.lang_bx a {display: inline-block; font-weight: 500; position:relative; padding: 1rem 1rem; color: #ccc;}
.lang_bx a:first-child:after {content:''; position: absolute; top: 50%; right: -2px; width: 1px; height: 1rem; margin-top: -0.5rem; background: #ccc;}
.lang_bx a.on {color:#000;}

.sch_ck {position: absolute; top: 3rem; right: 5rem; z-index: 1; cursor: pointer;}
.sch_ck img {width: 3rem; height: 3rem;}
.sch-pop-wrap {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; overflow-y: auto;}
.outb {display: table; width: 100%; height: 100%; table-layout: fixed;}
.inb {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
body.body_fix {overflow:hidden;}
.sch_ck_close {position:absolute; top:0; right:0; width:5rem; height:5rem; background:url('/img/close_btn_b.svg') no-repeat center; background-size:2rem; cursor:pointer; z-index:1;}
.hd_sch_wr {position:relative; max-width:64rem; margin:0 auto; background:#fff; border-radius:1.5rem; box-shadow:2px 3px 15px rgba(0,0,0,0.5); padding:9rem 3rem;}
.hd_sch_wr .txt {font-size:1.6rem; color:#444; text-align:center; margin-bottom:3rem;}
.hd_sch_bx {position:relative;}
.hd_sch_bx #sch_stx {height: 5rem; width: 100%; border: 1px solid #666; padding-left: 1rem; padding-right: 6rem; font-size: 1.6rem;}
.hd_sch_bx #sch_submit {position:absolute; top:0; right:0; width:5rem; height:5rem; background:url('/img/search_w.svg') no-repeat center #666; background-size:3rem; cursor:pointer; z-index:1; border:0; border-radius:0;}
.sch_ck_close {position: absolute; top: 0; right: 0; width: 5rem; height: 5rem; background: url('/img/close_btn_b.svg') no-repeat center; background-size: 2rem; cursor: pointer; z-index: 1;}
.hd_sch_logo {text-align:center; margin-bottom: 3rem;}
.hd_sch_logo img {height: 8rem;}

#wrapper {padding-top:9rem;}
.fm {font-family:'Montserrat';}

#sec1 {position:relative; overflow:hidden;}
#sec1 .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:url('/img/sec1_bg.png') no-repeat center; background-size:cover;}
#sec1 .txt {text-align:center; position: absolute; top: 50%;left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1;}
#sec1 .txt h2 {font-size:4.8rem; color:#3366ff; margin-bottom:4.5rem;}
#sec1 .txt p {font-size:3.5rem; letter-spacing: -2px;}
#sec1 .txt .m1 {}
#sec1 .txt .m2 {font-weight: 600;}
.ani {transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.img-ani {}
.ani-txt {-webkit-transition: all 0.7s cubic-bezier(0.23, 0.54, 0.5, 1.02); -moz-transition: all 0.7s cubic-bezier(0.23, 0.54, 0.5, 1.02); -ms-transition: all 0.7s cubic-bezier(0.23, 0.54, 0.5, 1.02); -o-transition: all 0.7s cubic-bezier(0.23, 0.54, 0.5, 1.02); transition: all 0.7s cubic-bezier(0.23, 0.54, 0.5, 1.02); opacity:0;}
.ani-txt-1 {-webkit-transition: all 2s cubic-bezier(0.23, 0.54, 0.5, 1.02); -moz-transition: all 2s cubic-bezier(0.23, 0.54, 0.5, 1.02); -ms-transition: all 2s cubic-bezier(0.23, 0.54, 0.5, 1.02); -o-transition: all 2s cubic-bezier(0.23, 0.54, 0.5, 1.02); transition: all 2s cubic-bezier(0.23, 0.54, 0.5, 1.02); opacity:0;}
.bottom-top {transform: translate(0,50px); -webkit-transform: translate(0,50px); -moz-transform: translate(0,50px); -ms-transform: translate(0,50px); -o-transform: translate(0,50px);}
.img-aniload {transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity:1;}
.dy1 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
.dy2 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
.dyn {transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s;}

.updw {animation: grow 17s linear;}
@keyframes grow {
  0% {
    transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); 
  }

  50% {
    transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); 
  }

  100% {
   transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); 
  }

}

.scroll {position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background: rgba(0,0,0,0.5); padding: 5px 12px; border-radius: 3px;}
.scroll p {color:#fff; margin-top:5px; font-size:1.2rem; font-family: 'Montserrat'; font-weight:500;}
.arrow { position: relative; display: block; overflow: hidden; width: 30px; height: 30px; margin: 0 auto; }
.arrow:before { position: absolute; bottom: 15px; left: 50%; margin-left: -8px; content: ""; display: block; width: 16px; height: 16px; border-radius: 0 3px 0 0; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); animation: arrow1 0.5s infinite; -webkit-animation: arrow1 0.5s infinite; }
.arrow:after { position: absolute; bottom: 5px; left: 50%; margin-left: -8px; content: ""; display: block; width: 16px; height: 16px; border-radius: 0 3px 0 0; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); animation: arrow2 0.5s infinite; -webkit-animation: arrow2 0.5s infinite; }

@-webkit-keyframes arrow1 {
	0% { opacity: 0.3; }
	50% { opacity: 1; }
	100% { opacity: 0.3; }
}
@keyframes arrow1 {
	0% { opacity: 0.3; }
	50% { opacity: 1; }
	100% { opacity: 0.3; }
}
@-webkit-keyframes arrow2 {
	0% { opacity: 0.3; }
	50% { opacity: 0.3; }
	100% { opacity: 1; }
}
@keyframes arrow2 {
	0% { opacity: 0.3; }
	50% { opacity: 0.3; }
	100% { opacity: 1; }
}


.main_h2 {font-size:4.4rem; letter-spacing:-2px;}
.main_p1 {font-size:2.2rem; letter-spacing:-1px;}

#sec2 {position:relative; padding-top:16rem; overflow:hidden;}
#sec2:before {content:''; position:absolute; bottom:0; left:0; right:0; height:48rem; background:#00724d;}
#sec2 .main_h2 {color:#000;}
#sec2 .main_p1 {color:#333;}
.swiper {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper_sec2 {margin-left: auto; margin-right: auto; position: relative; list-style: none; padding: 0; z-index: 1;}

.sec2_sd {margin-top:7rem;}
.sec2_sd .swiper-slide {width:36rem; height:36rem; margin-top:2.6rem; background:#fff; padding:0 1.5rem; padding-top: 6rem; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.02);}
.sec2_sd .item {}
.sec2_sd .item a {display:block; text-align:center;}
.sec2_sd .item .ic {margin-bottom: 5rem;}
.sec2_sd .item .ic img {height:9rem;}
.sec2_sd .item h3 {font-size:2.6rem; color:#111; letter-spacing:-1px; font-weight:600; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sec2_sd .item p {font-size:1.6rem; line-height:2.4rem; color:#666; letter-spacing:-1px; margin-top:1rem; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sec2_sd .swiper-slide-active {border:2px solid #00724d; position: relative; margin-top:0; z-index: 1; width:38.6rem; height:38.6rem; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sec2_sd .swiper-slide-prev {}
.sec2_arrb {position: absolute; right: 2rem; bottom: 0; width: 10rem; height: 3rem;}
.sec2_arrb .swiper-button-next, 
.sec2_arrb .swiper-button-prev {width:3rem; height:3rem; top: 0; margin-top: 0; background-size: 1.8rem; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sec2_arrb .swiper-button-next {background-image: url('/img/sd_next_b.svg'); right:0;}
.sec2_arrb .swiper-button-prev {background-image: url('/img/sd_prev_b.svg'); left:0;}
.sec2_arrb .swiper-button-next:hover, 
.sec2_arrb .swiper-button-prev:hover {background-color:rgba(255,255,255,0.15);}
.sec2_arrb .swiper-pagination {width: 5rem; font-size: 1.6rem; bottom: auto; top: 0.6rem; left: 2.6rem; color: #fff; font-family: 'Montserrat';}
.sec2_sd .swiper-slide:hover h3 {color:#3366ff;}
.sec2_sd .swiper-slide:hover p {color:#000;}

.comm_pb18 {padding-bottom:18rem;}

#sec3 {background: #f9f9f9; padding:10rem 0;}
.dumm {height:64rem;}

#sec4 {position:relative; padding-top:10rem; background-attachment: fixed; background-image: url('/img/play_bg1.jpg'); background-repeat: repeat;}
#sec4 .main_h2 {text-align:center; color:#fff;}
#sec4 .mv {position:relative; text-align:center; margin-top:5rem;}
#sec4 .mv:before {/*content:''; position: absolute; left: 0; right: 0; background: url('/img/sec4_bg.png') center no-repeat; height: 100%;*/}
#sec4 .mv a {position:relative; display:inline-block;}
#sec4 .mv img {border-radius:2rem; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.11);}
#sec4 .mv a:before {/*content:''; position: absolute; width: 6.6rem; height: 6.6rem; top: 50%; left: 50%; margin-top: -3.3rem; margin-left: -3.3rem; background: url('/img/play_btn.svg');*/}
#sec4:before {content:''; position: absolute; left: 0; right: 0; bottom: 0; height: 32%; background: #fff;}

#sec5 {position:relative; background-color: #fbfbfb; padding:5rem 0;}
#sec5 .wrap {max-width: 144rem;}
#sec5 .w50 {width:40%; padding-right: 5rem; padding-top:5rem;}
#sec5 .w50 .m1 {font-size:1.6rem; font-weight:600; margin-bottom:1.5rem;}
#sec5 .w50 .m2,
#sec5 .w50 .m3 {font-size:4rem; letter-spacing:-2px; word-break:keep-all;}
#sec5 .w50 .m2 {font-weight: 300;}
#sec5 .w50 .m3 {font-weight:600;}
#sec5 .w51 {width:60%; text-align:center;}
#sec5 .item {display:flex;}
#sec5 .w50 .m2 strong {font-weight:600;}
#sec5 .slick-dots {bottom:0;}
#sec5 .item a {display:block;}

#sec8 {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:4rem 2rem;}
.sec8_sd {}
.sec8_sd .swiper-slide {width:auto;}
.sec8_sd .swiper-wrapper {align-items: center;}

#ft {background:#fafafa; padding:11rem 0 12rem;}
.ft_logo {position:absolute; top:0; left:2rem;}
.ft_logo .img {}
.ft_logo .img img {height: 6rem;}
#ft .info {color:#666; margin-left: 16rem; font-size: 1.3rem; line-height:2.5rem;}
#ft .info .line {display: inline-block; width: 1px; height: 1rem; background: #aaa; margin: 0 1rem;}
.ft_sns {position: absolute; top: 0; right: 2rem;}
.ft_sns a {display:inline-block; vertical-align:middle; padding:1rem 1rem;}

#sec6 {padding-top:18rem;}
#sec6 .main_h2 {font-size:3rem; border-bottom: 1px solid #000; padding-bottom: 2rem;}
#sec6 .w50 {float:left; width:47%;}
#sec6 .w51 {float:right; width:47%;}
.bbs_ltt {}
.bbs_ltt .abox {position:relative;}
#sec6 .tab_dgn {}
#sec6 .tab_dgn .tab_ul {position: absolute; top: 0; right: 6rem; z-index:1; border: 1px solid #e1e1e1;  background: #fafafa; padding: 0.5rem; border-radius: 0.2rem;}
#sec6 .tab_dgn .tab_ul li {display:inline-block; font-size: 1.4rem; width: 9rem; float:left; line-height:34px; text-align:center; cursor:pointer;}
#sec6 .tab_dgn .tab_ul li:hover,
#sec6 .tab_dgn .tab_ul li.on {background: #3366ff; color: #fff;}
#sec6 .conBox {display:none; margin-top:3rem;}
#sec6 .conBox.on {display:block;}

#sec7 {background:#fafafa; padding-top:12rem; padding-bottom:12rem;}
.sec7_txt {text-align:center;}

#sub_top {position:relative; background-repeat:no-repeat; background-size:cover; background-position:center;}

.pd_main_bg {background-image:url('/img/pd_main_bg.jpg');}
.pd_best_bg {background-image:url('/img/pd_best_bg.jpg');}
.pd_1_bg {background-image:url('/img/pd_1_bg.jpg');}
.pd_2_bg {background-image:url('/img/pd_2_bg.jpg');}
.pd_3_bg {background-image:url('/img/pd_3_bg1.jpg');}
.pd_4_bg {background-image:url('/img/pd_4_bg.jpg');}
.pd_5_bg {background-image:url('/img/pd_5_bg.jpg');}

.lab_1_bg {background-image:url('/img/lab_1_bg.jpg');}
.lab_2_bg {background-image:url('/img/lab_2_bg.jpg');}
.lab_3_bg {background-image:url('/img/lab_3_bg.jpg');}
.lab_4_bg {background-image:url('/img/lab_4_bg.jpg');}
.lab_5_bg {background-image:url('/img/lab_5_bg.jpg');}

.tech_1_bg {background-image:url('/img/tech_1_bg.jpg');}
.tech_2_bg {background-image:url('/img/tech_2_bg.jpg');}
.tech_3_bg {background-image:url('/img/tech_3_bg.jpg');}
.tech_4_bg {background-image:url('/img/tech_4_bg.jpg');}
.tech_5_bg {background-image:url('/img/tech_5_bg.jpg');}

.qna_bg {background-image:url('/img/qna_bg.jpg');}
.news_bg {background-image:url('/img/news_bg.jpg');}
.recruit_bg {background-image:url('/img/recruit_bg.jpg');}
.pr_bg {background-image:url('/img/pr_bg.jpg');}
.scd_bg {background-image:url('/img/scd_bg.jpg');}
.review_bg {background-image:url('/img/review_bg.jpg');}
.intro_bg {background-image:url('/img/intro_bg.jpg');}
.vision_bg {background-image:url('/img/vision_bg.jpg');}
.history_bg {background-image:url('/img/history_bg.jpg');}
.comp_bg {background-image:url('/img/comp_bg.jpg');}
.map_bg {background-image:url('/img/map_bg.jpg');}
.bbs_1_bg {background-image:url('/img/bbs_1_bg.jpg');}

.busi1_bg {background-image:url('/img/busi1_bg.jpg');}
.busi2_bg {background-image:url('/img/busi2_bg.jpg');}
.busi3_bg {background-image:url('/img/tech_2_bg.jpg');}
.busi4_bg {background-image:url('/img/tech_3_bg.jpg');}
.busi5_bg {background-image:url('/img/tech_4_bg.jpg');}
.busi6_bg {background-image:url('/img/tech_5_bg.jpg');}


#sub_top h2 {color:#fff; font-size:4.2rem; font-weight:500; letter-spacing:-2px; padding: 15rem 0;}
.pd_tab {margin:6rem 0;}
.pd_tab .list {text-align:center; font-size:0;}
.pd_tab .list li {display:inline-block; vertical-align:middle; margin: 0 2rem;}
.pd_tab .list li:hover p {color:#3366ff;}
.pd_tab .list a {display:block;}
.pd_tab .list .ic {position:relative; width:9rem; height:9rem; margin:0 auto; background-repeat:no-repeat; background-position:center;}
.pd_tab .list .ic1 {background-image:url('/img/pd_ic1.svg');}
.pd_tab .list .ic2 {background-image:url('/img/pd_ic2.svg');}
.pd_tab .list .ic3 {background-image:url('/img/pd_ic3.svg');}
.pd_tab .list .ic4 {background-image:url('/img/pd_ic4.svg');}
.pd_tab .list .ic5 {background-image:url('/img/pd_ic5.svg');}
.pd_tab .list .ic6 {background-image:url('/img/pd_ic6.svg');}
.pd_tab .list p {font-size:1.6rem; color:#333;}
.pd_tab .list li.on p {color:#3366ff;}

.pd_tab .list li.on .ic1 {background-image:url('/img/pd_ic1_on.svg');}
.pd_tab .list li.on .ic2 {background-image:url('/img/pd_ic2_on.svg');}
.pd_tab .list li.on .ic3 {background-image:url('/img/pd_ic3_on.svg');}
.pd_tab .list li.on .ic4 {background-image:url('/img/pd_ic4_on.svg');}
.pd_tab .list li.on .ic5 {background-image:url('/img/pd_ic5_on.svg');}
.pd_tab .list li.on .ic6 {background-image:url('/img/pd_ic6_on.svg');}

#bbs_main,
#subp_ctt,
#pd_main {overflow:hidden; padding-bottom:15rem;}
#pd_main .w100 {}
#pd_main .tbox {float:left; padding-top:5rem; padding-left:4rem; position: relative; z-index: 1;}
#pd_main .tbox h2 {font-size:3.6rem; letter-spacing:-2px;}
#pd_main .tbox p {font-size:1.6rem; margin-top: 1rem; margin-bottom: 3rem;}
#pd_main .lk {display: block; width: 14rem; height: 4.2rem; line-height: 4.2rem; border-radius: 5rem; background: #000; color: #fff; font-size: 1.4rem; text-align: center;}
#pd_main .lk img {margin-top: -2px; margin-left: 3rem;}
#pd_main .lk:hover {margin-left: 2rem;}
#pd_main .ibox {float:right; padding-right: 2rem;}
#pd_main .ibox .i1 {margin-top: 10rem;}
#pd_main .in {position:relative; background:#f2f2f2; height:32rem;}
#pd_main .w100 .lk {background:#3366ff;}
#pd_main .list {margin:3rem -1rem;}
#pd_main .w50,
#pd_main .w51 {float:left; width:50%; padding:0 1rem;}
#pd_main .w50 .tbox,
#pd_main .w51 .tbox {width:50%;}
#pd_main .w50 .ibox,
#pd_main .w51 .ibox {width:50%; text-align:right;}
#pd_main .ibox.pd5 {position: absolute; top: 5.5rem; left: 0; right: 0; width: auto; padding-right: 0;}
#pd_main .ibox.pd5 .i1 {}
#pd_main .w100.cata {margin-top: 6rem;}
#pd_main .w100.cata .tbox h2 {margin-bottom:3rem;}
#pd_main .w100.cata .ibox .i1 {margin-top: 8rem;}
#pd_main .w100.cata .lk {background:#000;}

body .bbs_v_list {margin-top:10rem; text-align:right;}
body .bbs_v_list a {position:relative; border: 2px solid #e4e9f2; border-radius: 0.4rem; background: #fff; color: #333; font-size: 1.4rem; width: 9rem; height: 4.2rem; padding: 9px 0; padding-left:3rem; text-align:center; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
body .bbs_v_list a:before {content:''; position: absolute; width: 2.4rem; height: 2.4rem; background: url('/img/ul-list.svg') no-repeat center; top: 7px; left: 14px;}
body .bbs_v_list a:hover {border:2px solid #3366ff;}

.main_best {margin-top:5rem;}
.main_best .w10 {float: left; width:33.333333%;}
.main_best .w10 .int {padding:1rem 1rem; position:relative; height: 100%;}
.main_best .w10 .int .s1 {position:absolute; top:2.5rem; right:2.5rem; color:#fff; padding:0.3rem 1rem; font-size:1.3rem; border-radius:0.3rem; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.11); background-color: #00c09f; z-index: 1;}
.main_best .w10 .pic_lt {}
.main_best .w10 .pic_lt ul {position:relative; height:100%; padding:10.435rem 0;}
.main_best .w10 .pic_lt ul li {text-align:center;}
.main_best .w10 .pic_lt .lt_img img {max-width:80%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.main_best .w10 .swiper-button-next, 
.main_best .w10 .swiper-button-prev {background-size: 2rem;}
.main_best .w10 .swiper-button-next {background-image:url('/img/sd_next_g.svg');}
.main_best .w10 .swiper-button-prev {background-image:url('/img/sd_prev_g.svg');}

.main_best .w90 {float: right; width: 66.666666%;}
.main_best .w90 .int {float:left; width:50%; padding:1rem 1rem; position:relative;}
.pic_lt_gr .gallery_li .bbs_ct,
.main_best .w90 .int .s1 {position:absolute; top:2.5rem; right:2.5rem; color:#fff; padding:0.3rem 1rem; font-size:1.3rem; border-radius:0.3rem; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.11); background-color: #3366ff; z-index: 1;}
.main_best .w10 .pic_lt,
.main_best .w90 .pic_lt {position:relative; border:1px solid #e1e1e1; box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.05); height: 100%; background:#fff;}
.main_best .w90 .pic_lt ul {position:relative;}
.main_best .w90 .pic_lt ul li {text-align:center; padding-bottom:3rem;}
.pic_lt_gr .gallery_li .lt_img,
.main_best .w10 .pic_lt .lt_img,
.main_best .w90 .pic_lt .lt_img {display:block; padding:2rem 0; overflow:hidden; background:#fff;}
.pic_lt_gr .gallery_li .lt_img img {transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.main_best .w90 .pic_lt .lt_img img {max-width:42%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.pic_lt_gr .gallery_li:hover .lt_img img,
.main_best .w10 .pic_lt:hover .lt_img img,
.main_best .w90 .pic_lt:hover .lt_img img {-webkit-transform: scale(1.07); transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07);}
.pic_lt_gr .aLk,
.main_best .w10 .pic_lt .aLk,
.main_best .w90 .pic_lt .aLk {display:block; font-size:1.8rem; color:#000; font-weight:500; margin-bottom:0.7rem;}
.pic_lt_gr .lt_info,
.main_best .w10 .pic_lt .lt_info,
.main_best .w90 .pic_lt .lt_info {font-size:1.4rem; color:#666; margin:0 2rem; word-break:keep-all; height: 41px; text-overflow: ellipsis; overflow: hidden; display: block; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.pic_lt_gr {text-align:center;}
.pic_lt_gr ul {margin:0 -1rem;}
.pic_lt_gr ul:after {content:''; display:block; clear:both;}
.pic_lt_gr .gallery_li {float: left; width: 25%; padding: 0 1rem; margin-bottom:3rem;}
.pic_lt_gr .gallery_li .bbs_ct {top:1.5rem; right:1.5rem;}
.pic_lt_gr .gallery_li .lt_img {padding-top:4rem;}
.pic_lt_gr .gallery_li .lt_img img {}
.pic_lt_gr .gallery_li .aLk {padding:0 1rem;}
.pic_lt_gr .gallery_li .box_tr {position: relative; border: 1px solid #e1e1e1; box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.05); height: 100%; padding-bottom:3rem; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.pic_lt_gr .gallery_li .box_tr:hover {border:1px solid #3366ff;}

.main_best .w90 .pic_lt:before,
.main_best .w90 .pic_lt:after,
.main_best .w90 .pic_lt ul:before,
.main_best .w90 .pic_lt ul:after {content: '';display: block;position: absolute;background: #3366ff;transition: all 0.2s;z-index: 1;}

.main_best .w10 .pic_lt:before,
.main_best .w90 .pic_lt:before {width: 0;height: 2px;top: -1px;left:0;transition: all 0.2s;transition-delay: 0.6s}

.main_best .w10 .pic_lt ul:before,
.main_best .w90 .pic_lt ul:before {width: 2px;height: 0;top: 0;right: -1px;transition: all 0.2s;transition-delay: 0.4s}

.main_best .w10 .pic_lt ul:after,
.main_best .w90 .pic_lt ul:after {width: 0;height: 2px;bottom: -1px;right: 0;transition: all 0.2s;transition-delay: 0.2s}

.main_best .w10 .pic_lt:after,
.main_best .w90 .pic_lt:after {width: 2px;height: 0;bottom: 0;left:-1px;transition: all 0.2s;transition-delay: 0.01s}

.main_best .w10 .pic_lt:hover:before, .main_best .w10 .pic_lt:focus:before,
.main_best .w90 .pic_lt:hover:before, .main_best .w90 .pic_lt:focus:before {width: 100%;transition-delay: 0.01s}

.main_best .w10 .pic_lt:hover ul:before, .main_best .w10 .pic_lt:focus ul:before,
.main_best .w90 .pic_lt:hover ul:before, .main_best .w90 .pic_lt:focus ul:before {height: 100%;transition-delay: 0.2s}

.main_best .w10 .pic_lt:hover ul:after, .main_best .w10 .pic_lt:focus ul:after,
.main_best .w90 .pic_lt:hover ul:after, .main_best .w90 .pic_lt:focus ul:after {width: 100%;transition-delay: 0.4s}

.main_best .w10 .pic_lt:hover:after, .main_best .w10 .pic_lt:focus:after,
.main_best .w90 .pic_lt:hover:after, .main_best .w90 .pic_lt:focus:after {height: 100%;transition-delay: 0.6s}

.main_best .w10 .pic_lt:before,
.main_best .w10 .pic_lt:after,
.main_best .w10 .pic_lt ul:before,
.main_best .w10 .pic_lt ul:after {content: '';display: block;position: absolute;background: #00c09f;transition: all 0.2s;z-index: 1;}

.main_map_info {position:relative; margin-top:3rem; background:url('/img/map_info_bg.jpg') no-repeat center; background-size:cover;}
.main_map_info a {display:block; padding: 3.3rem 0; padding-left: 6rem;}
.main_map_info .ic {position:absolute; top:4rem; left:2rem;}
.main_map_info .txt {}
.main_map_info .txt .m1 {font-size:3rem; color:#fff; letter-spacing:-1.5px; font-weight: 500;}
.main_map_info .txt .m2 {font-size:1.6rem; color:#fff;}
.main_map_info .lk {position: absolute; top: 50%; right: 3.5rem; margin-top: -2.3rem; z-index:1;}
.main_map_info:hover .lk {right:2rem;}

.sub_cate {border-bottom:1px solid #e1e1e1; margin-bottom:7rem;}
.sub_cate li {float:left; margin-right: 4rem;}
.sub_cate li a {position:relative; display:block; color:#666; font-size:1.6rem; padding:1.8rem 0;}
.sub_cate li a:before {content:''; opacity:0; position: absolute; bottom: -1px; left: 0; width: 0; height: 3px; background: #3366ff; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.sub_cate li:hover a:before {width:100%; opacity:1;}
.sub_cate li:hover a {color:#111;}
.sub_cate li.on a {color:#111; font-weight:500;}
.sub_cate li.on a:after {content:''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #3366ff;}

body #bo_sch {float:right;background:#fff;border-radius:0; font-size:14px; width: 353px; border-bottom:2px solid #111;}
body #bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
body #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
body #bo_sch select{height:42px;float:left;border:1px solid #ccc; width: 85px; padding:5px;}
body #bo_sch .sch_input{height:42px;float:left; padding-left: 10px; width:213px; border:0; -webkit-appearance: none; -webkit-border-radius: 0;}
body #bo_sch .sch_input::placeholder {color:#999;}
body #bo_sch .sch_btn{height:42px;float:right;border:0;width:42px; background:url('/img/search_b.svg') no-repeat center; background-size:3rem;}

.pd_nav_wr {position:relative; background:#f8f8f8; border-bottom:1px solid #e1e1e1; font-size:1.5rem; color:#666; padding:2rem 0;}
.pd_nav_wr:after {content:''; position: absolute; bottom: -1px; left: -500%; width: 1000%; height: 100%; z-index: -1; background: #f8f8f8;}
.pd_nav_wr:before {content:''; position: absolute; bottom: -1px; left: -500%; width: 1000%; height: 1px; z-index: 1; background: #e1e1e1;}
.pd_nav {position:relative;}
.pd_nav:after {content:''; display:block; clear:both;}
.pd_nav ul {float:right;}
.pd_nav ul li {float:left; margin-left: 0.7rem;}
.pd_nav ul li img {width: 1.3rem; margin-top: -3px;}

.w_tit {font-size:1.5rem; margin-bottom:0.5rem; color:#333;}
textarea.h120 {width:100%; height:20rem; resize:none; border: 1px solid #d0d3db; background: #fff; color: #000; vertical-align: middle; border-radius: 0; padding: 1rem;}
.rel_list {border:1px solid #ccc; padding:1.5rem 1.5rem;}
.rel_sch_b {background: #3366ff; color: #fff; font-size: 1.3rem; display: inline-block; vertical-align: middle; width: 6rem; height: 3rem; line-height: 3rem; text-align: center; margin-left: 1rem; margin-top: -3px; cursor: pointer;}
.rel_list ul {}
.rel_list ul li {float:left; font-size:1.4rem; margin-right:2.5rem;}
.rel_list ul li .del {display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; background: url('/img/close_btn_b.svg') no-repeat center; background-size: 1.2rem; margin-top: -3px; cursor: pointer;}
.art_ly_ax {padding: 2rem 2rem;}
.art_ly_ax .m1 {font-size:1.6rem; color:#333; text-align:center;}
.art_ly_ax .abox {margin-top:2rem; position:relative; height:4.5rem;}
.art_ly_ax .abox input {width: 100%; padding-right: 6rem;}
.art_ly_ax .abox .ser_bbt {position: absolute; top: 0; right: 0; z-index:3; width: 4rem; height: 4rem; background: url('/img/search_b.svg') no-repeat center; background-size: 2.5rem;}
.art_ly_ax .bbox {margin-top:1rem; height:20rem; overflow-y:auto; border: 1px solid #ccc; padding: 0.5rem 1rem;}
.art_ly_ax .bbox .blist {color:#333; cursor:pointer; font-size:1.5rem; padding: 1rem 1rem; margin-bottom: 1rem; width:33.33333%; float:left;}
.art_ly_ax .bbox .blist span {}
.art_ly_ax .bbox .blist .t1 {}
.art_ly_ax .bbox .blist .t2 {margin-left:1rem;}
.art_ly_ax .bbox .blist:hover {color: #3366ff;}
.art_ly_ax .t3 {font-size:1.4rem; color: #333; margin: 2rem 0 0;}
.art_ly_ax .bbox .blist.on {color: #3366ff;}
.art_ly_ax .cbox {margin-top:2rem; background: #3366ff; color: #fff; font-size:1.4rem; text-align:center; padding:1rem 0; cursor:pointer;}
.rel_txt {font-size:2rem; font-weight:500; margin-bottom: 1.5rem; padding-left: 1.5rem; position:relative;}
.rel_txt:before {content:''; position: absolute; width: 4px; height: 1.8rem; background: #3366ff; top: 6px; left: 0;}
.rel_view {margin-top:5rem;}
.rel_view ul {margin:0 -2rem;}
.rel_view ul li {float: left; width: 25%; padding: 0 2rem; margin-bottom:3rem; text-align:center;}
.rel_view ul li a {display:block;}
.rel_view ul li .img {overflow:hidden; border: 2px solid #ddd; margin-bottom: 1rem; padding:3rem 2rem; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.rel_view ul li .img img {width:100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.rel_view ul li:hover .img {border:2px solid #3366ff;}
.rel_view ul li:hover .img img {-webkit-transform: scale(1.07); transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07);}
.rel_view ul li h3 {font-size:1.8rem; color:#333; margin-bottom:0.5rem; font-weight:500;}
.rel_view ul li p {font-size:1.4rem; color:#666; word-break: keep-all; min-height: 4rem;}
.you_wr {border:1px solid #ccc; padding:0 1.5rem 1rem;}
.rel_youb {margin-top:5rem;}
.you_arr {margin-bottom:1rem;}
.rel_you_wr {}
.rel_you_wr .inbx {margin:0 -2rem;}
.you_v {position: relative; float:left; width:50%; padding:0 2rem; margin-bottom:4rem;}
.you_v a {position: relative; padding-bottom: 54.25%; display:block; overflow:hidden; border:1px solid #ddd;}
.you_v a:before {content:''; position: absolute; width: 6.6rem; height: 6.6rem; top: 50%; left: 50%; margin-top: -3.3rem; margin-left: -3.3rem; background: url('/img/play_btn.svg'); z-index:1;}
.you_v img {position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
/*
.you_v img {width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; transition:1s;}
.you_v:hover img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -ms-transform:scale(1.07); -o-transform:scale(1.07); transform:scale(1.07);}
*/
.you_v iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.w_tit2 {font-size: 1.5rem; margin: 1.5rem 0; color: #333; line-height:3rem;}
.w_tit3 {font-size:1.3rem;}
.you_arr {float:left; width:50%;}

#bbs_main.tech_5,
#bbs_main.tech_4,
#bbs_main.tech_3,
#bbs_main.tech_2,
#bbs_main.tech_1 {overflow:hidden; margin-top: -7rem;}

.req {}
.req .top_txt {text-align:center; border-bottom:1px solid #accef6; padding-bottom:5rem; margin-bottom:5rem;}
.req .top_txt .ic {}
.req .top_txt .ic img {}
.req .top_txt .m1 {font-size:1.8rem; color:#666; font-weight:500; margin:1.5rem 0;}
.req .top_txt .m2 {}
.req .top_txt .m2 a {display:inline-block; color:#111; font-weight:600; font-size:1.8rem;}
.req .top_txt .m2 img {margin-top:-3px; margin-right:1rem;}
.req_wr {max-width:60rem; margin:0 auto;}
.req_wr .abox {text-align:right; font-size:1.2rem; color:#111; font-weight:500;}
.req_wr .star {color:#ff4a4a;}
.req_wr .bbox {}
.req_wr .list {margin-bottom:3rem;}
.req_wr .list .tit {font-size:1.6rem; color:#8f9bb3; font-weight:500; margin-bottom:1rem;}
.req_wr .list .ctt {}
.req_wr .list .ctt li {float:left; margin-right:3rem;}
.tc_inq_txta,
.req_wr .list .ctt input[type=email],
.req_wr .list .ctt input[type=text] {width:100%; border: solid 1px #e4e9f2; background-color: #f7f9fc; border-radius:0.4rem; height:4.8rem; padding:0 1rem;}
.tc_inq_txta {height: 13rem; padding:1rem 1rem;}
.comm_rdo label {position:relative; cursor:pointer; font-size:1.6rem; color:#8f9bb3;}
.comm_rdo input[type="radio"] {display:none;}
.comm_rdo input[type="radio"] + label span {position:relative; display: inline-block; width: 1.8rem; height: 1.8rem; border: 1px solid #8f9bb3; vertical-align: middle; border-radius: 50%; cursor: pointer; margin-top: -0.4rem; margin-right:0.5rem;}
.comm_rdo input[type="radio"]:checked + label span:after {content:''; position:absolute; width: 1rem; height: 1rem; background: #3366ff; border-radius: 50%; top: 0.3rem; left: 0.3rem;}
.comm_rdo input[type="radio"]:checked + label {color:#000; font-weight:500;}

.comm_chk label {position:relative; cursor:pointer; font-size:1.6rem; color:#8f9bb3;}
.comm_chk input[type="checkbox"] {display:none;}
.comm_chk input[type="checkbox"] + label span {position:relative; display: inline-block; width: 1.8rem; height: 1.8rem; border: 1px solid #8f9bb3; vertical-align: middle; border-radius: 50%; cursor: pointer; margin-top: -0.4rem; margin-right:0.5rem;}
.comm_chk input[type="checkbox"]:checked + label span:after {content:''; position:absolute; width: 1rem; height: 1rem; background: #3366ff; border-radius: 50%; top: 0.3rem; left: 0.3rem;}
.comm_chk input[type="checkbox"]:checked + label {color:#000; font-weight:500;}

.req_wr .pri_box {}
.req_wr .pri_box p {font-size:1.6rem; color:#252525; font-weight:500; margin-bottom:1rem;}
.req_wr .pri_box textarea {width:100%; border: solid 1px #e4e9f2; background-color: #fff; border-radius:0.4rem; height:13rem; padding:1rem; color:#8f9bb3;}
.req_wr .send_btn {margin-top:5rem; text-align:center;}
.req_wr .send_btn .sm_btn {width:15rem; height:4rem; line-height:4rem; border-radius:0.4rem; color:#fff; font-size:1.4rem; background:#3366ff; border:0;}
.req_wr .cont_agree {margin-top:1rem; font-size:1.4rem;}
.req_wr .cont_agree label {cursor:pointer;}

body #bo_list_total {float:left;line-height:30px;font-size:16px;color:#111; font-weight:500;}
body #bo_list_total p {}
body #bo_list_total p span {color:#3366ff; margin-left: 1rem;}

.date_list {}
.date_list ul {}
.date_list li {float:left; width:20rem; margin-right:1rem;}

.__se_tbl td:first-child {width: 15% !important;}
.__se_tbl td {width: 25% !important;}

.__se_tbl1 tr:first-child td:first-child {width:18% !important;}
.__se_tbl1 td {width:auto !important;}

.__se_tbl3 tr:first-child td:first-child {width:16.6% !important;}
.__se_tbl3 td {width:25% !important;}

.__se_tbl4 p,
.__se_tbl1 p,
.__se_tbl3 p,
.__se_tbl4 p span,
.__se_tbl1 p span {font-size: 11pt !important; color: #333 !important; font-family: 'Noto Sans KR' !important;}

.__se_tbl3 p span {font-size: 11pt; color: #333 !important; font-family: 'Noto Sans KR' !important;}

.__se_tbl4 tr:first-child td:first-child {width:18% !important;}
.__se_tbl4 td {width:50% !important;}

.__se_tbl5 tr:first-child td:first-child {width:18% !important;}
.__se_tbl5 td {width:41% !important;}
.__se_tbl5 td p span {font-size: 11pt; color: #333 !important; font-family: 'Noto Sans KR' !important;}

.__se_tbl6 td {width:33.33333% !important; padding:1rem 1rem !important;}



.rec_list {margin-top:5.5rem;}
.rec_list .tit {position:relative; border-bottom:1px solid #e4e9f2; padding-bottom: 1.5rem; font-size: 1.8rem; padding-left: 3.5rem; font-weight: 500;}
.rec_list .tit span {position:absolute; top:2px; left:0; font-size:1.4rem; width:2.4rem; height:2.4rem; line-height:2.4rem; text-align:center; border-radius:0.4rem; background:#3366ff; color:#fff; font-family: 'Montserrat';}
.rec_list .ctt {margin-top:2rem; font-size:1.6rem; color:#333; line-height:2.8rem;}

#sub_ctt {padding-bottom: 15rem;}

.intro {}
.intro .abox {}
.sub_h2 {font-size:4.2rem; color:#111; letter-spacing: -3px; margin-bottom:1rem;}
.sub_h2 .c1 {color:#003154;}
.intro .abox .m1 {font-size:2rem; color:#333; letter-spacing:-1px; line-height: 3.3rem; word-break:keep-all;}
.intro .abox .m1.mgt {margin-top:4rem;}
.intro .bbox {margin-top:10rem;}
.intro .cbox {margin-top:10rem;}
.intro .cbox li {border-bottom:1px solid #e1e1e1; padding-bottom:2.5rem;}
.intro .cbox .ic {margin-bottom:3rem;}
.intro .cbox .le {width:48%;}
.intro .cbox .ri {width:48%;}
.intro .cbox p {font-size:2rem; color:#111; line-height:3.2rem; font-weight:600; letter-spacing:-1px; word-break:keep-all;}
.intro .dbox {display: flex; margin-top:11rem;}
.intro .dbox:after {content:''; display:block; clear:both;}
.intro .dbox .txt {width: 41%; padding-right: 3rem;}
.intro .dbox .img {width: 59%; text-align: center;}
.product_main {height:100%; margin-bottom:0 !important;}
.product_main .item {}

.busi3 .bbox .w50 .txt .num,
.cnt_sd .numb,
.product_main .item .num {display:inline-block; vertical-align:middle; font-weight:600; font-family: 'Montserrat';}

.busi3 .bbox .w50 .txt .num .s1,
.cnt_sd .numb .n1,
.product_main .item .num .s1 {font-size:3.6rem;}

.busi3 .bbox .w50 .txt .num .s2,
.cnt_sd .numb .n2,
.product_main .item .num .s2 {font-size:1.8rem; color:#bdbdbd;}

.product_main .item p {font-size:2.8rem; font-weight:600; letter-spacing:-2px; margin-top:2rem; padding-right: 3rem; word-break: keep-all;}
.product_thumbnail {}
.product_thumbnail .item {}
.product_thumbnail .item .in-img {position:relative; padding-top:2.4rem; padding-right:2.4rem;}
.product_thumbnail .item .in-img:before {content:''; position:absolute; top:0; right:0; left:2.4rem; bottom: 2.4rem; z-index: -1; background:#f1f1f1;}
.product_main .slick-dots {bottom:0; left:3rem;}
.product_main .slick-dots li {margin:0 0;}
.product_main .slick-dots li button {width:4rem; height:2px; border-radius:0;}
.product_main .slick-dots li.slick-active button {width:4rem; background:#555aa7;}
.product_main .slick-prev,
.product_main .slick-next {top: auto; bottom: -39px;}
.product_main .slick-prev {background-image: url('/img/sd_left.svg');}
.product_main .slick-next {background-image: url('/img/sd_right.svg'); left: 19rem;}
.intro .ebox {border-top:1px solid #e1e1e1; padding-top:5.5rem; margin-top:10rem; font-size:2rem; color:#111; line-height: 3.3rem; word-break:keep-all;}
.intro .fbox {text-align:right; margin-top:10rem; font-weight:600; font-family: 'Montserrat'; font-size:2rem;}
.intro .fbox img {margin-left:2rem;}

.vision {}
.vision .abox {margin-bottom:10rem;}
.sub_h2 .c2 {color:#fb3b3b;}
.sub_h2 .thin {font-weight:400;}
.vision .bbox {}
.vision .bbox .img {position:relative; display:table; margin:0 auto;}
.vision .bbox .img img {}
.vision .bbox .img .txt {position:absolute; font-size:3rem; color:#111; font-weight:600;}
.vision .bbox .img .lo1 {top: 16%; left: -25%;}
.vision .bbox .img .lo2 {top: 33%; right: -35%;}
.vision .bbox .img .lo3 {bottom: -11%; left: 31%;}
.vision .cbox {margin-top:11rem;}
.vision .cbox .list {margin-bottom:4rem; position:relative; min-height: 25rem;}
.vision .cbox .list .simb {position:absolute; top:0; left:0; width:25rem; height:25rem; line-height:25rem; text-align:center; color:#fff; font-size:2.4rem; font-weight:500; background-repeat:no-repeat; background-position:center; background-size:100%;}
.vision .cbox .list.bg1 .simb {background-image:url('/img/vision_bg1.svg');}
.vision .cbox .list.bg2 .simb {background-image:url('/img/vision_bg2.svg');}
.vision .cbox .list.bg3 .simb {background-image:url('/img/vision_bg3.svg');}
.vision .cbox .list .txt {margin-left:32rem; padding-top:4.5rem;}
.vision .cbox .list .txt .in {}
.vision .cbox .list .txt .in li {float:left; width:33.33333%; text-align:center;}
.vision .cbox .list .txt .in .ul1 {margin-bottom:2rem;}
.vision .cbox .list .txt .in .ul1 li {font-size:2rem; color:#333; font-weight:500; border-radius:5rem; height:6rem; line-height:6rem; margin-right: -2rem;}
.vision .cbox .list .txt .in .ul2 {position:relative; background:#fafafa; border-radius:1.5rem; margin-right:4rem;}
.vision .cbox .list .txt .in .ul2:before {content:''; position: absolute; top: 0; left: -17rem; width: 20rem; bottom: 0; background: #fafafa; z-index: -1;}
.vision .cbox .list .txt .in .ul2 li {font-size:1.6rem; color:#606060; height:8rem; line-height:8rem;}
.vision .cbox .list.bg1 .ul1 li {background-color: rgba(198, 76, 99, 0.15);}
.vision .cbox .list.bg2 .ul1 li {background-color: rgba(59, 89, 152, 0.15);}
.vision .cbox .list.bg3 .ul1 li {background-color: rgba(77, 112, 64, 0.15);}
.vision_t {margin-top:11rem; background:#fafafa; padding:11rem 0;}
.vision_t .tbox {margin-top:4rem;}
.vision_t .tbox .list {position:relative; margin-bottom:5rem;}
.vision_t .tbox .list .num {font-size:6rem; color:#3b5998; position:absolute; top:-1.5rem; left:0; font-weight:600; font-family: 'Montserrat';}
.vision_t .tbox .list .txt {padding-left:10rem;}
.vision_t .tbox .list .txt .m1 {font-size:2.4rem; color:#fff; margin-bottom:1rem;}
.vision_t .tbox .list .txt .m1 span {position:relative; background-color: #3b5998; display: inline-block; padding: 0 1rem;}
.vision_t .tbox .list .txt .m2 {font-size:2rem; color:#666; line-height:3.2rem; word-break:keep-all;}
.vision_t .tbox .list .txt .m2 span {color:#3366ff; font-weight:600;}

.history {}
.history .list {margin-bottom:15rem;}
.history .list .wr {display:flex;}
.history .list .year {font-size:3rem; text-align:center; font-weight:600; font-family: 'Montserrat'; margin-bottom:4.5rem;}
.history .list .w50 {position:relative; width:50%; padding-right: 5rem;}
.history .list .w50 .thin {font-weight:300;}
.history .list .w50 .thin.sm {font-size:2.5rem;}
.history .list .w50 .smt {word-break:keep-all; margin-top:1.5rem;}
.history .list .w50 .his_i {position:absolute; bottom:0; left:0;}
.history .list .w50 .his_i.mgt {bottom: -8rem;}
.history .list .w51 {width:50%; position:relative; padding-left:6.5rem;}
.history .list .w51 .txt {position:relative;}
.history .list .w51 .txt p {position:relative; font-size:1.8rem; color:#000; padding-left:4.5rem; padding-bottom:2rem; word-break:keep-all; line-height:3.2rem;}
.history .list .w51 .txt p:after {content:''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #d8d8d8; top: 14px; left: -67px; z-index:1;}
.history .list .w51 .txt p:before {content:''; position: absolute; top: 15px; left: -6.5rem; width: 1px; height: 100%; background: #d8d8d8;}
.history .list .w51 .txt p .month {position:absolute; top:2px; left:0; font-weight:700; font-family: 'Montserrat';}
.history .list .w51 .txt p .nor {font-weight:normal;}
.history .list .w51 .point p {font-weight:600;}
.history .list .w51 .point .month {color:#fb3b3b;}
.history .list .w51 .last.txt p:before {display:none;}
.history .list .w51 .point p:after {background:#fb3b3b;}
.history .list .w51 .point:before {content:''; background-color: #fb3b3b; opacity:0.22; width: 17px; height: 17px; border-radius: 50%; position: absolute; top: 8px; left: -73px;}
.sub_h2 .bline {display:inline-block; position:relative;}
.sub_h2 .bline:before {content:''; position:absolute; height:1.3rem; background-color: #3366ff; opacity:0.1; left:0; right:0; bottom:4px;}
.history .list .w51 .normal {font-weight:normal; display: block; margin-top: 0.5rem; font-size: 1.6rem;}
.history .list .w51.pdr .txt p {padding-left: 6rem;}

.map {}
.map .tab {}
.map .tab li {float:left; width:50%; cursor:pointer; font-size:1.8rem; border:1px solid #e1e1e1; text-align:center; padding:1.6rem 0; margin-right:-1px;}
.map .tab li.on {color:#3366ff; border:1px solid #3366ff; position:relative;}
.map .tab_con {clear:both;}
.map .tab_con .tab_dv {display:none; margin-top:9rem;}
.map .info {}
.map .info ul {}
.map .info li {float:left; width:50%;}
.map .info .m1 {font-size:2.4rem; font-weight:600; color:#111;}
.map .info .m2 {font-size:1.4rem; color:#111;}
.map .info .m3 {font-size:1.6rem; color:#111; margin-top:0.5rem;}
.map .info .m3 span {font-weight:500; color:#8f9bb3; margin-right:1rem;}
.map .map_bx {position:relative; height:60rem; margin-top:5rem;}
.map .map_bx iframe {position:absolute; top:0; left:0; right:0; bottom:0;}

.busi1 {}
.busi1 .abox {}
.busi1 .bbox {margin-top:6rem;}
.sub_s32 {font-size:3.2rem; line-height:4.8rem; color:#111; font-weight:400; letter-spacing:-1.5px;}
.sub_s32 b {}
.sub_s32 .c1 {color:#3366ff;}
.busi1 .cbox {margin-top:3.5rem;}
.busi1 .dbox {margin-top:9rem;}
.sub_s28 {font-size:2.8rem; line-height:3.8rem; color:#111; font-weight:600;}
.sub_s28 .line {display:inline-block; position:relative;}
.sub_s28 .line:before {content:''; position:absolute; bottom:-1.5rem; left:0; width:5.2rem; height:4px; background:#3366ff;}
.dot_list {margin-top:5rem;}
.dot_list .le {width:46%;}
.dot_list .ri {width:46%;}
.dot_list p {border-bottom:1px solid #e1e1e1; padding-bottom:1.5rem; margin-bottom: 1.5rem; font-size:2rem; color:#111; position:relative; padding-left:2.5rem; word-break:keep-all;}
.dot_list p:before {content:'ㆍ'; position:absolute; top:0; left:0; font-weight:bold;}
.busi1 .fbox {margin-top:10rem;}
.fea5 {margin:7rem -1rem 0;}
.fea5 li {float:left; width: 20%; padding:0 1rem; text-align:center; margin-bottom:5rem;}
.fea5 .m1 {font-size:1.6rem; color:#909090; margin:1.5rem 0 0}
.fea5 .m2 {font-size:2.2rem; color:#111; font-weight:600;}

.sub_tab {margin-bottom:5rem;}
.sub_tab li {float:left; width:25%; text-align:center; margin-right:-1px;}
.sub_tab li a {display:block; border:1px solid #e1e1e1; padding:1.6rem 0; font-size:1.8rem; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sub_tab li.on {}
.sub_tab li:hover a,
.sub_tab li.on a {color:#3366ff; border:1px solid #3366ff; position:relative;}
.sub_tab li.w50 {width:50%;}

.busi2 {}
.sub_tit_b {display:flex; margin-bottom:4rem;}
.sub_tit_b .tit {width:30%;}
.sub_tit_b .tit p {font-weight:600;}
.sub_tit_b .txt {width:70%;}
.busi2_txt {color:#666; font-size:1.8rem; line-height:3rem;}
.busi2_txt .b1 {color:#3366ff;}
.busi2_txt .b2 {color:#111;}
.busi2 .abox {}
.busi2 .bbox {margin-top:8rem;}

.busi2_3 {}
.busi2_3 .abox {}
.busi2_3 .bbox {margin-top:7rem;}
.busi2_3 .bbox .tbl {}
.busi2_3 .bbox .tbl table {border-spacing:0; border-collapse:collapse; width:100%;}
.busi2_3 .bbox .tbl table caption {display:none;}
.busi2_3 .bbox .tbl table th {font-size:2rem; color:#000; font-weight:600; border-bottom:3px solid #000; padding-bottom:0.5rem; text-align:left; padding:2.2rem 0;}
.busi2_3 .bbox .tbl table td {padding:2.2rem 2rem; font-size:1.8rem; color:#666; position:relative;}
.busi2_3 .bbox .tbl .bg1 {width:23%; background:#fafafa; text-align:center; font-size:2.4rem; font-weight:600; color:#111; border-bottom:3px solid #000;}
.busi2_3 .bbox .tbl .td1 {color:#111; border-bottom:1px solid #111; font-weight:500;}
.busi2_3 .bbox .tbl .td2 {border-bottom:1px solid #999;}
.busi2_3 .bbox .tbl th.mg {border-bottom: 3px solid #fff;}
.busi2_3 .bbox .tbl td.mg {}
.busi2_3 .bbox .tbl .mg {padding:2.2rem 0.8rem;}
.busi2_3 .bbox .tbl .ltd {border-bottom:3px solid #000;}
.busi2_3 .bbox .tbl .wline:after {content:''; position: absolute; right: 0; bottom: -1px; height: 1px; width: 3rem; background: #fff;}

.cnt_sd .numb {}
.cnt_sd .numb .n1 {}
.cnt_sd .numb .n2 {}

.busi2_4 {}
.busi2_4 .abox {display:flex; align-items: center;}
.busi2_4 .abox .ic {width:22%; padding-right:2rem;}
.busi2_4 .abox .txt {width:78%; font-size:2.4rem; color:#111; line-height:4rem; letter-spacing:-1.5px; word-break:keep-all;}
.busi2_4 .bbox {position: relative; margin-top:10rem;}
.top_sd_wr {display:flex;}
.busi2_4 .bbox:after {content:''; display:block; clear:both;}
.busi2_4 .bbox .txt {position:relative; float:left; width:41%; padding-right:3rem;}
.busi2_4 .bbox .txt h3 {font-size:3.6rem; color:#111; font-weight:600; letter-spacing:-2px; margin-bottom: 5rem;}
.busi2_4 .bbox .txt h3 span {color:#3366ff;}
.busi2_4 .bbox .img {float: left; width:59%; text-align:center;}
.busi2_4 .bbox .img .eq_img {margin-bottom:0;}
.eq_img .pimg {position:relative; padding-top:2.4rem; padding-right:2.4rem;}
.eq_img .pimg:before {content:''; position:absolute; top:0; right:0; left:2.4rem; bottom: 2.4rem; z-index: -1; background:#f1f1f1;}
.eq_img .infop {margin-top:1rem; text-align:left;}
.eq_img .infop span {display:inline-block; vertical-align:middle;}
.eq_img .infop .s1 {font-size:1.5rem; color:#999; border-right: 1px solid #ddd;  margin-right: 1.5rem; padding-right: 1.5rem;}
.eq_img .infop .s2 {font-size:2rem; color:#111; font-weight:600;}

.eq_sd {}
.eq_sd .slick-track {width: 100% !important;}
.eq_sd .item {width:46%; margin:0 2%; font-size:1.6rem; margin-bottom: 2rem; color:#666; cursor:pointer; border-bottom:2px solid #606060;}
.eq_sd .item .t1 {display: flex; height: 6rem; align-items: center; padding-left:1rem;}
.eq_sd .item.pd {padding:1rem 1.3rem 0; line-height:2rem;}
.eq_sd .slick-current {box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.16); background-color: #3366ff; border-bottom:2px solid #3366ff; color:#fff;}
.eq_sd .item:hover {border-bottom:2px solid #3366ff;}
.busi2_4 .bbox.mgt {margin-top:15rem;}
.busi2_4 .bbox .cs_ardo {bottom:1rem; left:12rem; right:0; position:absolute;}
.busi2_4 .bbox .slick-dots {bottom: 0; left: 3rem;}
.busi2_4 .bbox .slick-dots li {margin:0 0;}
.busi2_4 .bbox .slick-dots li button {width:4rem; height:2px; border-radius:0;}
.busi2_4 .bbox .slick-dots li.slick-active button {width:4rem; background:#555aa7;}
.busi2_4 .bbox .slick-prev,
.busi2_4 .bbox .slick-next {top: auto; bottom: -39px;}
.busi2_4 .bbox .slick-prev {background-image: url('/img/sd_left.svg');}
.busi2_4 .bbox .slick-next {background-image: url('/img/sd_right.svg'); left: 27rem;}
.top_sd_num {position: absolute; left: 0; bottom: 0; width:41%; z-index:1;}


.busi2_4 .bbox .cs2_arr .slick-next {left:19rem;}

.busi3 {}
.busi3_txt {}
.busi3_txt p {position:relative; padding-left:2.5rem; font-size:1.8rem; margin-bottom:0.7rem; color:#666;}
.busi3_txt p:before {content:'ㆍ'; position:absolute; top:0; left:0; font-weight:bold; color:#3366ff;}
.busi3 .abox {margin-top:6rem;}
.busi3 .abox ul {position:relative; z-index:1;}
.busi3 .abox ul:before {content:''; position: absolute; border-bottom: 2px dashed #e9eeff; top: 8rem; left: 0; right: 0; z-index:-1;}
.busi3 .abox li {float:left; width:25%; text-align:center; padding:0 1rem;}
.busi3 .abox .ic {margin-bottom:1rem;}
.busi3 .abox p {font-size:1.8rem; font-weight:500; line-height:2.4rem; color:#151a6a;}
.busi3 .bbox {margin-top:10rem;}
.busi3 .bbox ul {margin:0 -2rem;}
.busi3 .bbox .w50 {float:left; width:50%; padding:0 2rem; margin-bottom:18rem;}
.busi3 .bbox .w50 .inw {position:relative;}
.busi3 .bbox .w50 .img {}
.busi3 .bbox .w50 .img_sd {}
.busi3 .bbox .w50 .img_sd .item {border-radius:2.5rem 0 0 0;}
.busi3 .bbox .w50 .img_sd .item img {border-radius:2.5rem 0 0 0;}
.busi3 .bbox .w50 .txt {margin-top:2.5rem;}
.busi3 .bbox .w50 .txt .txt_sd {margin-bottom:0;}
.busi3 .bbox .w50 .txt .txt_sd .item {}
.busi3 .bbox .w50 .inw .txt_p {width: 62%; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.11);  background-color: #fff; border-radius: 2.5rem 0 0 0; padding: 2.5rem 3rem 5rem; position: absolute; right: 0; top: 71%;}
.busi3 .bbox .w50 .inw .txt_p h3 {font-size:2.2rem; color:#111; font-weight:600;}
.busi3 .bbox .w50 .inw .txt_p .pa {margin-top:2rem;}
.busi3 .bbox .w50 .inw .txt_p .pa p {position:relative; padding-left:2.5rem; font-size:1.6rem; margin-bottom:0.5rem; color:#666;}
.busi3 .bbox .w50 .inw .txt_p .pa p:before {content:'ㆍ'; position:absolute; top:0; left:0; font-weight:bold;}
.busi3 .bbox .w50 .txt .slick-dots {bottom: -30px; left: 3rem; margin: 0 0;}
.busi3 .bbox .w50 .txt .slick-dots li {margin:0 0;}
.busi3 .bbox .w50 .txt .slick-dots li button {width:4rem; height:2px; border-radius:0;}
.busi3 .bbox .w50 .txt .slick-dots li.slick-active button {width:4rem; background:#555aa7;}
.busi3 .bbox .w50 .txt .slick-prev,
.busi3 .bbox .w50 .txt .slick-next {top: auto; bottom: -69px;}
.busi3 .bbox .w50 .txt .slick-prev {background-image: url('/img/sd_left.svg');}
.busi3 .bbox .w50 .txt .slick-next {background-image: url('/img/sd_right.svg'); left: 15rem;}

.busi4 {}
.busi4 .abox {}
.busi4 .abox .le {width:50%;}
.busi4 .abox .sub_s32 {font-weight:600;}
.busi4 .abox .w50 {padding-right:2rem;}
.busi4 .abox .w51 {padding-left:8rem;}
.busi4 .abox .w51 .i1 {}
.busi4 .abox .w51 .i2 {text-align:right; margin-top:2rem;}
.busi4 .abox .cd_box {margin-top:6.5rem;}
.busi4 .abox .cd_box .list {margin-bottom:3rem; padding:2rem 2rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #f2f2f2; background-color: #fff; border-radius:2rem 2rem 0 2rem;}
.busi4 .abox .cd_box .list .in {position:relative; border:2px dashed #00b1a3; border-radius:2rem 2rem 0 2rem; padding-top:4rem; padding-right:2rem; padding-left:4.5rem; padding-bottom:6rem;}
.busi4 .abox .cd_box .list .m1 {font-size:2.8rem; color:#00b1a3; font-weight:600; letter-spacing:-1.5px;}
.busi4 .abox .cd_box .list .m2 {font-size:1.8rem; line-height:2.7rem; margin-top:3rem;}
.busi4 .abox .cd_box .list .ic {position:absolute; right:4rem; bottom:3rem;}
.busi4 .abox .cd_box .list.oth {border-radius:2.5rem 2.5rem 2.5rem 0;}
.busi4 .abox .cd_box .list.oth .in {border:2px dashed #3366ff; border-radius:2.5rem 2.5rem 2.5rem 0;}
.busi4 .abox .cd_box .list.oth .m1 {color:#3366ff;}
.busi4 .bbox {margin-top:7rem;}
.busi4 .bbox .m1 {}
.busi4 .bbox .m1 span {display:inline-block; color:#fff; font-size:3.2rem; background:#ff4a4a; letter-spacing: -1.5px; font-weight: 600; padding: 0 1rem;}
.busi4 .bbox .iList {margin-top:6rem; margin-bottom:4.5rem;}
.busi4 .bbox .iList li {float:left; margin-right:5rem;}
.busi4 .bbox .m2 {font-size:2.8rem; color:#111; font-weight:600; letter-spacing:-1.5px;}
.busi4 .bbox .img {margin-top:4rem;}

.busi5 {}
.busi5 .sub_s32 {font-weight:600; margin-bottom:7rem;}
.busi5 .list {margin-bottom:9rem;}
.busi5 .list .abox {float:left; width:60%;}
.busi5 .list .abox .item {}
.busi5 .list .abox .item .pimg {position:relative; padding-top:2.4rem; padding-left:2.4rem;}
.busi5 .list .abox .item .pimg:before {content: ''; position: absolute; top: 0; right: 2.4rem; left: 0; bottom: 2.4rem; z-index: -1; background: #f1f1f1;}
.busi5 .list .bbox {float:right; width:40%; padding-left:4rem; margin-top:1.75rem;}
.busi5 .list .bbox .item {width: 50% !important; padding: 0.75rem;}
.busi5 .list .bbox .item .pimg {position:relative; cursor:pointer; overflow:hidden;}
.busi5 .list .bbox .item .pimg:before {content:''; opacity:0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.busi5 .list .bbox .item .pimg:after {content:''; opacity:0; position: absolute; top: 80%; left: 50%; width: 4.8rem; height: 4.8rem; background: url('/img/ck_more.svg') no-repeat center; margin-top: -2.4rem; margin-left: -2.4rem ;transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
.busi5 .list .bbox .item .pimg:hover:before {opacity:1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.busi5 .list .bbox .item .pimg:hover:after {opacity:1; top:50%;}
.busi5 .list .infot {margin-top:3rem;}
.busi5 .list .info_wr {display: flex;}
.busi5 .list .info_wr .tit {width:30%;}
.busi5 .list .info_wr .tit .m1 {font-size:1.5rem; color:#3366ff;}
.busi5 .list .info_wr .tit .m2 {font-size:3.6rem; color:#111; font-weight:600; letter-spacing:-2px;}
.busi5 .list .info_wr .txt {width:70%;}
.busi5 .list .info_wr .txt p {position:relative; padding-left:2.5rem; font-size:1.6rem; margin-bottom:0.5rem; color:#666; word-break:keep-all;}
.busi5 .list .info_wr .txt p:before {content:'ㆍ'; position:absolute; top:0; left:0; font-weight:bold;}
.busi5 .list .abox .slick-prev,
.busi5 .list .abox .slick-next {}
.busi5 .list .abox .slick-prev {background-image: url('/img/sd_prev_w.svg'); left:3.4rem;}
.busi5 .list .abox .slick-next {background-image: url('/img/sd_next_w.svg'); right:1rem;}

.business_2_2 #bo_w {margin-top:0;}

.lab1 {}
.lab1 .abox {}
.lab1 .bbox {margin-top:7rem;}

.for_list {margin-top:5rem;}
.for_list .le {width:48.5%;}
.for_list .ri {width:48.5%;}
.for_wr .nb {position: relative; margin-left: 2rem; margin-bottom: -3rem;}
.for_wr .nb span {display:inline-block; vertical-align:middle;}
.for_wr .nb .s1 {color: #3b5998; font-size: 5rem; font-family: 'Montserrat'; font-weight: 600;}
.for_wr .nb .s2 {background-color: #3b5998; color: #fff; font-size: 2.4rem; padding: 0 1rem 0.3rem; margin-left: 2rem;}
.for_wr .txt {background: #f8f8f8; padding: 5rem 2rem 2.5rem; min-height:24rem;}
.for_wr .txt p {font-size: 1.8rem; color: #666; position: relative; padding-left: 2.5rem; word-break: keep-all; margin:0.7rem 0; line-height: 3rem;}
.for_wr .txt p:before {content:'-'; position:absolute; top:0; left:0;}
.for_list .mgb {margin-bottom:4rem;}

.lab1_2 {}
.lab1_4 .sub_s32,
.lab1_3 .sub_s32,
.lab1_2 .sub_s32 {font-weight:600;}
.lab1_2 .abox {}
.lab1_2 .bbox {margin-top:3rem; text-align:center;}
.lab1_2 .bbox img {}
.lab1_2 .cbox {margin-top:12rem;}
.lab1_2 .cbox .tbl {margin-top:3rem;}
.lab1_2 .cbox .tbl table {width:100%; border-spacing:0; border-collapse:collapse;}
.lab1_2 .cbox .tbl table caption {display:none;}
.lab1_2 .cbox .tbl table th {font-size:2rem; color:#111; font-weight:600; border-bottom:2px solid #111; padding:2rem 2rem; text-align: left;}
.lab1_2 .cbox .tbl table td {font-size:1.8rem; color:#666; border-bottom:1px solid #ccc; padding:3rem 2rem;}
.lab1_2 .cbox .tbl .td1 {}
.lab1_2 .cbox .tbl .th3 {text-align:left;}

.lab1_3 {}
.lab1_3 .abox {}
.lab1_3 .bbox {margin-top:3rem;}
.lab1_3 .bbox ul {margin:0 -1.2rem 6rem;}
.lab1_3 .bbox ul li {float:left; width:33.33333%; padding:0 1.2rem; text-align:center; margin-bottom:7rem;}
.lab1_3 .bbox ul li:nth-child(3n+1) {clear:both;}
.lab1_3 .bbox .in {}
.lab1_3 .bbox .in .img {background:#f2f2f2;}
.lab1_3 .bbox .in dl {margin-top:2rem;}
.lab1_3 .bbox .in dl dt {font-size:2rem; color:#111; font-weight:500; margin-bottom:1rem;}
.lab1_3 .bbox .in dl dd {min-height:9.2rem; background:#fafafa; padding:2rem 1.5rem; color:#666; font-size:1.6rem; word-break:keep-all; line-height:2.4rem; border-top:2px solid #111; border-bottom:2px solid #111;}

.lab1_4 {}
.lab1_4 .abox {}
.lab1_4 .bbox {margin-top:6rem; text-align:center;}
.lab1_4 .bbox img {}
.lab1_4 .cbox {margin-top:13rem;}
.lab1_4 .cbox .img {}
.lab1_4 .cbox .img img {}
.lab1_4 .cbox p {font-size:1.6rem; color:#666; margin-top:1rem;}
.lab1_4 .cbox .le,
.lab1_4 .cbox .ri {text-align:center; width:50%; padding:0 1rem;}

.lab_tit {margin-bottom:3rem;}
.lab_tit .sub_s32 {font-weight:600;}
.lab_tit .s1 {}
.lab_tit .s2 {position:relative; color:#555aa7; margin-left: 3rem;}
.lab_tit .s2:before {content:''; position: absolute; width: 1px; height: 3rem; background: #ccc; top: 1rem; left: -1.3rem;}
.lab_tit .p1 {font-size:1.6rem; color:#666; margin-top:2rem;}
.lab_pt {display:flex;}
.lab_pt .img {text-align:center;}
.lab_pt .img img {}
.lab_pt .img .p1 {font-size:2rem; color:#111; font-weight:600; margin-top:2rem;}
.lab_pt .info {padding-left: 3rem;}
.sub_s28.c4 {color:#444;}
.lab_pt .img .mgt {margin-top:2.5rem;}

.lab_tbl1 {margin-top:6rem;}
.lab_tbl1 table {width:100%; border-spacing:0; border-collapse:collapse; border-top:3px solid #111; border-bottom:3px solid #111;}
.lab_tbl1 table caption {display:none;}
.lab_tbl1 table th {padding:2.5rem 1.5rem; font-size:1.8rem; color:#111; font-weight:500;}
.lab_tbl1 table td {padding:2.5rem 1.5rem; font-size:1.8rem; color:#666; word-break:keep-all;}
.lab_tbl1 .tb1 {border-bottom:1px solid #111; text-align:left;}
.lab_tbl1 .tb2 {padding:1.5rem 1.2rem;}
.lab_tbl1 .tb3 {border-bottom:1px solid #999;}
.b48 {width:48.5%;}

.lab_ctt1 {margin-top:10rem;}
.lab_ctt1:after {content:''; display:block; clear:both;}
.lab_ctt1 .le {padding-right:3rem;}
.lab_ctt1 .p2 {font-size:1.8rem; color:#666; line-height:3rem; margin-top:5rem; word-break:keep-all;}
.lab_tbl2 {margin-top:6rem;}
.lab_tbl2 table {width:100%; border-spacing:0; border-collapse:collapse;}
.lab_tbl2 table caption {display:none;}
.lab_tbl2 table th {font-size:1.8rem; color:#111; font-weight:500; padding:1.2rem 0; border-bottom:2px solid #111;}
.lab_tbl2 table td {font-size:1.8rem; color:#666; padding:1.2rem 1rem; width:33.33333%; text-align:center; border-bottom:1px solid #ccc;}
.lab_tbl2 .td1 {}
.lab_tbl2 .td2 {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.lab_tbl2 .td3 {}

.lab_ctt2 {margin-top:6.5rem; margin-bottom:13rem;}
.lab_ctt2 .le {}
.lab_ctt2 .ri {}

.lab_ctt6 .dx .m1,
.lab_ctt2 .p1 {text-align:center; font-size:2rem; color:#111; font-weight:600;}
.lab_ctt2 .img {margin-top:2rem;}
.lab_ctt2 .img img {}
.lab_ctt2 .bt {margin-top:4rem;}

.lab_tbl1.oth {}
.lab_tbl1.oth .tb1 {width:30%;}

.lab_ctt3 {margin-top:7rem;}
.lab_ctt3 ul {}

.lab3_2 .bbox .txt,
.lab3_2 .abox .txt .infot,
.lab_ctt6 .ax .ri .txt .m1,
.lab_ctt6 .bx,
.lab_ctt3 .m1,
.lab_ctt3 .le {font-size:1.8rem; color:#666; line-height:3rem; word-break:keep-all; margin-top: 5rem;}
.lab_ctt3 .ri {}

.lab_ctt4 {margin-top:3rem;}
.lab_ctt4 ul {margin-top:5rem;}
.lab_ctt4 .le {}
.lab_ctt4 .ri {}
.lab_ctt4 .le,
.lab_ctt4 .ri {background:#f8f8f8; padding:2rem 2rem;}
.lab_ctt5 .m1,
.lab_ctt4 .m1 {font-size:1.8rem; color:#444; margin-bottom:1rem; font-weight:600;}
.lab_ctt5 .m2,
.lab_ctt4 .m2 {font-size:1.6rem; color:#666; line-height:2.8rem;}

.lab_ctt5 {margin-top:6.5rem;}
.lab_ctt5 .tbox {margin-top:5rem;}
.lab_ctt5 .m1 {font-weight:500;}
.lab_ctt5 .m2 {}
.lab_ctt5 .ri {text-align:right;}
.lab_ctt5 .ri .in {display:inline-block;}
.lab_ctt6 .cx p,
.lab_ctt5 .ri p {font-size:1.6rem; color:#666; text-align:center; margin-top:1rem;}

.lab2_2 {}
.lab2_2 .lab_pt .img {width:50%;}
.lab2_2 .lab_pt .info {width:50%}

.lab2_abox {margin-top:18rem;}
.lab_ctt6 {}
.lab_ctt6 .ax {}
.lab_ctt6 .ax .le {}
.lab_ctt6 .ax .ri {}
.lab_ctt6 .ax .ri .txt {margin-top:4rem;}
.lab_ctt6 .ax .ri .txt .m1 {margin-bottom:2rem; margin-top:0;}
.lab_ctt6 .ax .ri .txt .m1 span {color:#3366ff;}
.lab_ctt6 .ax .ri .txt .m1 strong {font-weight:500; color:#111;}
.lab_ctt6 .bx {margin-top:3rem;}
.lab_ctt6 .cx {margin-top:2rem;}
.lab_ctt6 .cx .le {}
.lab_ctt6 .cx .ri {}
.lab_ctt6 .cx p {}
.lab_ctt6 .dx {margin-top:8rem;}
.lab_ctt6 .dx .m1 {}
.lab_ctt6 .dx .chart {background:#f8f8f8; text-align:center; padding: 3rem 2rem; margin-top:2rem;}
.lab_ctt6 .dx .chart .m2 {margin-bottom:3rem;}
.lab_ctt6 .dx .chart ul {}
.lab_ctt6 .dx .chart li {}
.lab_ctt6 .dx .chart .le {}
.lab_ctt6 .dx .chart .ri {padding-top:2.4rem;}

.lab2_bbox {margin-top:13rem;}
.lab_ctt6 .ax .ri .txt2 {margin-top:5rem;}
.lab_ctt6 .ax .ri .txt2 .m2 {position:relative; padding-left:2rem; font-size:1.8rem; color:#111; padding-bottom:1.5rem; border-bottom:1px solid #e1e1e1; margin-bottom:2.5rem;}
.lab_ctt6 .ax .ri .txt2 .m2:before {content:'ㆍ'; position:absolute; top:0; left:0;}
.lab_ctt3 .m1 span {color:#3366ff;}
.lab_ctt3 .m1 strong {font-weight:500; color:#111;}

.lab2_3_abox {}

.lab_ctt6 .sub_s32 {font-weight:600; margin-bottom:4rem;}
.lab3_ctt {margin-top:7rem;}
.lab3_ctt .tit {font-size:2rem; color:#111; font-weight:600;}
.lab3_ctt .lab_tbl1 {margin-top:2rem;}
.lab3_ctt .clear {margin-top:5rem;}
.lab3_ctt .lab_tbl1 th,
.lab3_ctt .lab_tbl1 td {font-size:1.6rem;}

.lab3 .lab_ctt6 {margin-top:10rem;}
.lab3 .lab_ctt6 .ax {margin-top:5rem;}
.lab3 .lab_ctt6 .ax .ri .txt.mgt0 {margin-top:0;}
.lab3 .lab_ctt6 .ax .le .mgt {margin-top:2rem;}

.lab3_2 {}
.lab3_2 .abox {display:flex; margin-bottom:15rem;}
.lab3_2 .abox:after {content:''; display:block; clear:both;}
.lab3_2 .abox .img {width:50%; }
.lab3_2 .abox .txt {width:50%; padding-left: 4rem;}
.lab3_2 .abox .txt .infot {margin-bottom: 10rem;}
.lab3_2 .abox .txt .infot strong {color:#111; font-weight:500;}
.lab3_2 .product_main .slick-next {left: 27rem;}
.lab3_2 .bbox {margin-bottom:4rem;}
.lab3_2 .bbox:after {content:''; display:block; clear:both;}
.lab3_2 .bbox .b60 {width:60%; padding-right:5rem;}
.lab3_2 .bbox .b40 {width:40%;}
.lab3_2 .bbox .txt {}
.lab3_2 .bbox .txt .s1 {color:#3366ff;}
.lab3_2 .bbox .txt .s2 {color:#3366ff; display:block; margin-bottom:3rem;}
.lab3_2 .bbox .txt strong {color:#111; font-weight:500;}
.lab3_2 .cbox {border-top:1px solid #cfcfcf; padding-top:7rem; margin-top:7rem;}
.lab3_2 .cbox .ax {margin-top:5rem;}
.lab3_2 .cbox .ax .le {}
.lab3_2 .cbox .ax .ri {}
.lab3_2 .cbox .tbl {}
.lab3_2 .cbox .tbl table {width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #cfcfcf;}
.lab3_2 .cbox .tbl table caption {display:none;}
.lab3_2 .cbox .tbl table th {padding:1.55rem 3rem; background:#f8f8f8; border-right:1px solid #cfcfcf; font-size:1.6rem; color:#666; font-weight:normal; text-align:left;}
.lab3_2 .cbox .tbl table td {padding:1.55rem 2rem; font-size:1.6rem; color:#111; font-weight:500;}
.lab3_2 .cbox .bx {margin-top:6rem;}
.lab3_2 .cbox .cx {margin-top:7rem;}
.lab3_2 .cbox .cx .tit {font-size:2.4rem; color:#111; margin-bottom:2rem; font-weight:600;}
.lab3_2 .cbox .cx .le {}
.lab3_2 .cbox .cx .ri {}
.lab3_2 .cbox .b30 {width:38%;}
.lab3_2 .cbox .b70 {width:60%;}

#ft .bt_adm {clear:both; margin-top: 1rem;}
#ft .bt_adm a {color:#aaa;}
#ft .ft_adm {position: fixed; bottom: 20px; right: 20px; z-index: 9; background: rgba(0,0,0,0.9); padding: 1rem; text-align:center; font-size: 1.4rem;}
#ft .ft_adm a {display:block; padding: 0.3rem 0;}

#bbs_main #bo_v_link,
#bbs_main #bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bbs_main #bo_v_link h2,
#bbs_main #bo_v_file h2 {padding:10px;background: #eff4fb; font-weight:normal; font-size:1.5rem;}
#bbs_main #bo_v_link ul,
#bbs_main #bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bbs_main #bo_v_link li,
#bbs_main #bo_v_file li {padding:5px 10px;position:relative;}
#bbs_main #bo_v_link a,
#bbs_main #bo_v_file a {display:inline-block;color:#3b5998;text-decoration:underline;word-wrap:break-word; font-size: 1.5rem; font-weight: normal; margin-left: 0.5rem;}
#bbs_main #bo_v_file img {float:left;margin:0 10px 0 0}
#bbs_main .bo_v_link_cnt,
#bbs_main .bo_v_file_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

.sec7_sd {margin-top:7rem;}
.sec7_sd .basic_li {float:left; width:28.6rem;}
.sec7_sd .basic_li a {display:block;}
.sec7_sd .swiper-wrapper {padding:5rem 0;}
.sec7_con {position: relative; box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05); background-color: #fff; padding: 4rem 3rem; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.sec7_con .qt {text-align:center; color:#e1e1e1;}
.sec7_con .qt span {font-size:5rem; display: inline-block; line-height: 4rem;}
.sec7_con .rv_list_ctt {margin-bottom:2rem; height: 112px; text-overflow: ellipsis; overflow: hidden; display: block; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 1.6rem; color: #333; line-height: 2.8rem;}
.sec7_con .rv_list_name {text-align:center; font-size:1.6rem; color:#3366ff;}
.sec7_con:before {content:''; opacity:0; position: absolute; top: 0; left: 0; right: 0; height: 0; background: #3366ff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.sec7_con:after {content:''; opacity:0;  position: absolute; bottom: 0; left: 0; right: 0; height: 0; background: #3366ff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.swiper-slide-active .sec7_con {background:#3366ff;}
.swiper-slide-active .sec7_con .rv_list_ctt {color:#fff;}
.swiper-slide-active .sec7_con .rv_list_name {color:#fff;}
.swiper-slide-active .sec7_con:before {top:-2rem; height:2rem; opacity:1;}
.swiper-slide-active .sec7_con:after {bottom:-2rem; height:2rem; opacity:1;}
.sec7_cbt {width:26rem; height: 2.4rem; margin: 4rem auto 0; position:relative;}
.swiper-pagination-progressbar {height: 2px; left: 3rem; right:3rem; top: 11px;}
.sec7_cbt .swiper-button-next,
.sec7_cbt .swiper-button-prev {width: 2.4rem; height: 2.4rem; margin-top: -1.2rem; background-size: 100%;}
.sec7_cbt .swiper-button-next {background-image: url('/img/sd_right.svg'); right:0;}
.sec7_cbt .swiper-button-prev {background-image: url('/img/sd_left.svg'); left:0;}
.sec7_cbt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#555aa7;}

.idx_lab {}
.idx_lab .basic_li {border-bottom:1px solid #e1e1e1; padding-bottom: 2rem; margin-bottom: 2rem;}
.idx_lab .basic_li .cont {}
.idx_lab .basic_li .cont a {display:block; font-size:1.8rem; color:#111; letter-spacing:-1px;}
.idx_lab .basic_li .rv_list_ctt {}
.idx_lab .basic_li .rv_list_ctt span {color:#3b5998; font-size:1.4rem; margin-right:1rem; display: inline-block; vertical-align: middle; margin-top: -4px;}
.idx_lab .view_de_more {font-size:1.4rem; margin-top:2rem; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.idx_lab .view_de_more a {display:block; color:#111; font-family: 'Montserrat'; font-weight:500;}
.idx_lab .view_de_more img {margin-top:-3px; margin-left:3px;}
.idx_lab .basic_li:hover .view_de_more {padding-left: 2rem;}

.tab2_cont {margin-top:3rem;}
.busi2 .cbox {display:none;}

.kko_ch {position: absolute; top: 5.5rem; right: 2rem;}
.kko_ch a {display: flex; align-items: center; font-size: 1.5rem; background: #f9e000; border-radius: 8px; height: 5rem; padding: 0 1.2rem;}
.kko_ch img {height: 4rem;}

.hv_subj {opacity: 0; position: absolute; top: 0; left: 3rem; right: 3rem; text-align: center; background: #fff; box-shadow: 0px -2px 7px rgba(0, 0, 0, 0.17); font-size: 1.5rem; padding: 1.2rem 0; transition-delay: 0.1s; -weblot-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s;}
.hv_subj:after {content:''; position: absolute; width: 1.4rem; height: 1.4rem; background: #fff; left: 50%; margin-left: -0.7rem; bottom: -0.7rem; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.15); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
.sec7_con:hover .hv_subj {opacity: 1; top: -2.5rem;}

.comm_selc {width:100%;height:4rem; padding: 1rem 1rem; padding-right:3rem; background: url('/img/arr_down_b.svg') no-repeat 97% 50%; background-size:2.4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d0d3db; border-radius: 0;}
.comm_selc::-ms-expand {display: none;}

#main_sd {position:relative;}
#main_sd .main_vs {margin-bottom:0; height:100%;}
.sec1_sd {width:100%; height:100%; position:relative; overflow:hidden;}
.sec1_wr {display: flex; align-items: center; height: 100%; position:relative;}
.sec1_wr .ctt {width:45%;}
.sec1_wr .cbg {position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: -1; opacity: 0; transition: all 0.8s cubic-bezier(0.76, 0.51, 0.78, 0.52); -webkit-transition: all 0.8s cubic-bezier(0.76, 0.51, 0.78, 0.52);}
.sec1_wr .cbg.bg1 {background: linear-gradient(to right, #ce897a, #894535);}
.sec1_wr .cbg.bg2 {background: linear-gradient(to right, #c19173, #60351a);}
.sec1_wr .cbg.bg3 {background: linear-gradient(to right, #dbc148, #7a6811);}
.sec1_wr .txt {text-align: right; padding-left: 2rem; padding-right: 8rem;}
.sec1_wr .mv {opacity:0; transform:translateX(70px); -webkit-transform:translateX(70px); transition:all 0.8s ease; -weblot-transition:all 0.8s ease; transition-delay:0.4s; -webkit-transition-delay:0.4s;}
.sec1_wr .txt .ic {}
.sec1_wr .txt .m1 {font-size: 4rem; color: #fff; font-weight: 500; margin: 3rem 0 4rem;}
.sec1_wr .txt .m1 .sm {font-weight:400;}
.sec1_wr .txt .m2 {font-size: 2.2rem; color: #fff; font-weight: 300; line-height: 3.5rem;}
.sec1_wr .img {width:55%; overflow:hidden;}
.sec1_wr .img img {transform: scale(1.3); -webkit-transform: scale(1.3); transition: all 1.5s ease; -webkit-transition: all 1.5s ease; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
#main_sd .slick-active .mv {opacity:1; transform:translateX(0); -webkit-transform:translateX(0);}
#main_sd .slick-active .cbg {width:70%; opacity:1;}
#main_sd .slick-active .img {}
#main_sd .slick-active .img img {-webkit-transform: scale(1); transform: scale(1);}
.sec1_arr_wr {position: absolute; top: 0; left: 0; width: 45%; bottom: 0;}
.sec1_arr {position: absolute; right: 8rem; bottom: 17rem; width: 20rem; height:4rem; z-index: 1;}
.sec1_arr .cs_dot {position: absolute; top: 0; left: 0; height: 4rem; line-height: 4rem; width: 10rem;}
.sec1_arr .cs_dot .slick-dots {position: static; font-size: 0;}
.sec1_arr .cs_dot .slick-dots li {float: none; margin:0 7px;}
.sec1_arr .cs_dot .slick-dots li button {width: 20px; height: 2px; border-radius: 0; background: rgba(255,255,255,0.5);}
.sec1_arr .cs_dot .slick-dots li.slick-active button {width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; background: transparent;}
.sec1_arr .slick-arrow {width:4rem; height:4rem; z-index:10; cursor:pointer; background-size: 1.6rem; background-repeat:no-repeat; background-position:center; position:absolute; top:0; transform: none; -webkit-transform: none;}
.sec1_arr .slick-next {background-image: url('/img/sd_next_w.svg'); right:0;}
.sec1_arr .slick-prev {background-image: url('/img/sd_prev_w.svg'); left: auto; right: 5rem;}
#main_sd .slick-list,
#main_sd .slick-track {height:100%;}

#n_news {padding:12rem 0; position:relative;}
#n_news .wr {height:68rem;}
#n_news .tab3 {position:relative; height:100%; overflow:hidden;}
#n_news .tab3 .wrap {position: static; max-width:144rem;}
#n_news .tab_ul {padding-top: 5rem;}
#n_news .tab_ul:after {content:''; display:block; clear:both;}
#n_news .tab_ul li {position: relative; z-index: 1; margin-right: 3rem; float:left; cursor: pointer; width: 12rem; text-align: center; font-size: 1.8rem; color: rgba(255,255,255,0.6); padding-bottom: 1rem; border-bottom: 2px solid rgba(255,255,255,0.38);}
#n_news .tab_ul li.on {color: #fff; border-bottom: 2px solid #fff;}
#n_news .tab3 .conBox {display:none; height: 100%; padding-top: 7rem;}
#n_news .tab3 .conBox:before {content:''; position:absolute; top:0; left:0; width:60%; bottom:0;}
#n_news .tab3 .conBox.on {display:block;}
#n_news #con10.conBox.on:before {background-color: #2444ba;}
#n_news #con20.conBox.on:before {background-color: #175a35;}
#n_news #con30.conBox.on:before {background-color: #009788;}
#n_news #con40.conBox.on:before {background-color: #e89012;}
#n_news #con50.conBox.on:before {background-color: #666;}
#n_news .tab3 .ctt {display: flex; position:relative; z-index:1; height: 52.2rem;}
#n_news .tab3 .ctt .txt {width:35%;}
#n_news .tab3 .ctt .txt .m1 {font-size:2.4rem; font-weight:500; color:#fff; margin-bottom: 1rem;}
#n_news .tab3 .ctt .txt h2 {font-size:4.5rem; font-weight:500; color:#fff;}
#n_news .tab3 .ctt .txt .m2 {font-size:3rem; font-weight:300; color:#fff; margin-top: 2rem;}
#n_news .tab3 .ctt .txt .lk {margin-top: 4rem;}
#n_news .tab3 .ctt .arr_bx {position:relative; margin-top: 12rem;}
#n_news .tab3 .ctt .txt .num {font-size:1.8rem; color:#fff; font-family: 'Montserrat';}
#n_news .tab3 .ctt .txt .num span {font-size:3.6rem; font-weight: 600;}
#n_news .tab3 .ctt .new_arr {position:absolute; right:0; bottom:0; width:4rem; height:4rem; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 1.6rem; cursor:pointer;}
#n_news .tab3 .ctt .ar_p {background-image: url('/img/sd_prev_b.svg'); left: auto; right: 4.3rem;}
#n_news .tab3 .ctt .ar_n {background-image: url('/img/sd_next_b.svg'); right:0;}
#n_news .tab3 .ctt .abox {width:65%; position:relative; padding-top: 5rem; padding-left:5rem;}

#n_news .tab3 .ctt .abox .news_rec_sd,
#n_news .tab3 .ctt .abox .idx_pr_sd,
#n_news .tab3 .ctt .abox .pic_kko_sd,
#n_news .tab3 .ctt .abox .pic_idx_sd {overflow:hidden; margin-right:-100%;}

#n_news .tab3 .ctt .abox .basic_li,
#n_news .tab3 .ctt .abox .gallery_li {width:38rem;}
#n_news .tab3 .ctt .abox .gallery_li .lt_img {position:relative;}
#n_news .tab3 .ctt .abox .gallery_li .img {}
#n_news .tab3 .ctt .abox .gallery_li .img img {width:100%;}
#n_news .tab3 .ctt .abox .gallery_li .subj {text-align:center; position:absolute; left:0; right:0; bottom:0; padding: 1.5rem 1rem; background:rgba(255,255,255,0.8);}
#n_news .tab3 .ctt .abox .gallery_li .subj h3 {font-size: 1.7rem; font-weight: 500; color: #333;}
#n_news .tab3 .ctt .abox .gallery_li .subj p {font-size: 1.3rem; color: #666; margin-top: 0.5rem;}
.main-more {position:relative; display:inline-block; width:18rem; color:#fff; font-size:1.5rem; font-weight:600; padding:1.5rem 0;  font-family: 'Montserrat';}
.main-more:before {content:''; width:0px; height:0.2rem; background:#fff; position:absolute; top:50%; right:0; margin-top:-1px; -webkit-transition:0.5s; transition:0.5s;}
.main-more:hover:before {right:-1.9rem; width:6rem;}
.main-more:after {content:''; width:2.4rem; height:2.4rem; position:absolute; top:50%; right:-0.8rem; margin-top:-1.2rem; background:url('/img/arr_right_w.svg') center no-repeat; background-size:100%; -webkit-transition:0.5s; transition:0.5s;}
.main-more:hover:after {right:-3rem;}
.main-more span {display:block;}
.main-more span:after {content:''; width:100%; height:0.2rem; background:#fff; position:absolute; bottom:0; left:0; -webkit-transition:0.5s; transition:0.5s;}
.main-more:hover span:after {width:0; left:auto; right:0;}
#n_news .tab3 #con20 .ctt .abox {padding-top:0; margin-top:-15px;}
#n_news .tab3 .ctt .abox .basic_li {position:relative; border: 1px solid #e2e2e2; background: #fff; margin-bottom: 0; padding: 4rem 4rem; height: 33rem;}
#n_news .idx_lab .basic_li {}
#n_news .idx_lab .basic_li .cont {height:100%;}
#n_news .idx_lab .basic_li .rv_list_ctt {}
#n_news .idx_lab .view_de_more {margin: 0; position: absolute; left: 4rem; bottom: 4rem; z-index:1;}
#n_news .idx_lab .basic_li .rv_list_ctt span {margin-top: 0; color: #fff; background: #3b5998; padding: 0.7rem 1.5rem; font-size: 1.6rem;}
#n_news .idx_lab .basic_li .rv_list_ctt p {margin-top: 2rem; font-size: 2rem; word-break: keep-all; font-weight: 500;}
#n_news .idx_lab.news_rec_sd .basic_li .rv_list_ctt span {padding: 0.7rem 0; background: #fff;}
#n_news .idx_lab.news_rec_sd .basic_li .rv_list_ctt span.s1 {color:#3b5998;}
#n_news .idx_lab.news_rec_sd .basic_li .rv_list_ctt span.s2 {color: #e89012;}
.idx_map {position:relative; overflow:hidden; margin-right:-60%; height:80%;}
.idx_map .map_info {position: absolute; top: 0; left: 0; width: 27%; bottom: 0; background: #fff; padding:5rem 5rem;}
.idx_map .map_info .m1 {font-size:2.4rem; font-weight:600; color:#555aa7; margin-bottom:2rem;}
.idx_map .map_info .m2 {font-size:1.8rem; color:#333; margin-bottom:2rem;}
.idx_map .map_info .m3 {font-size:1.6rem; color:#666; margin-bottom:1rem;}
.idx_map .map_gg {height:100%;}

.event_frm {margin-top:7rem;}
.comm_ipt {height: 5.5rem; width: 100%; border: 1px solid #ddd; border-radius: 0.5rem; box-shadow: 2px 2px 3px rgba(0,0,0,0.05); padding:0 1rem; font-size:1.6rem; color:#333;}
.event_frm .rec_list {margin-top:3rem;}
.event_frm .w33,
.event_frm .w50 {margin: 0 -1.5rem;}
.event_frm .w33:after,
.event_frm .w50:after {content:''; display:block; clear:both;}
.event_frm .w33 .rec_list {width: 33.3333333%; float: left; padding: 0 1.5rem;}
.event_frm .w50 .rec_list {width: 50%; float: left; padding: 0 1.5rem;}
.event_frm .w50 textarea {width:100%; display: block; height: 15rem; border: 1px solid #ddd; border-radius: 0.5rem; box-shadow: 2px 2px 3px rgba(0,0,0,0.05); font-size: 1.3rem; color: #666; padding: 2rem 2rem; resize: none;}
.event_frm .send_btn {margin-top: 10rem; text-align:center;}
.event_frm .sm_btn {width: 20rem; height: 5rem; font-size: 1.6rem; color: #fff; background: #3366ff; border: 0; border-radius:0.5rem;}
.event_frm .cont_agree {margin-top: 1rem;}
.event_frm .cont_agree .tc_chk {width: 2rem; height: 2rem;}
.event_frm .cont_agree .tc_agree {font-size: 1.6rem; margin-left: 5px; color: #333; cursor: pointer;}
.event_frm .rec_list .wd1 {width: 14rem;}
.event_frm .rec_list .wd2 {}
.adrs .btn_frmline {height: 5.5rem; border-radius: 0.5rem; font-size: 1.4rem; width: 10rem; margin-left: 5px;}
.adrs label {display:block; margin-top:1rem;}

#bbs_main.event {margin-top:7rem;}

#new_bn {position: relative; width: 100%; height: calc(100vh - 90px);}

#new_bn .current_box .bg .left_box,
#new_bn .current_box .bg,
#new_bn .current_box li,
#new_bn .current_box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#new_bn .current_box {}
#new_bn .current_box li {}
#new_bn .current_box .bg {left:8%; width:auto; right:0;}
#new_bn .current_box li.on .bg_contents {width:100%;}
#new_bn .current_box .bg .left_box {opacity:0; width:0%;}
#new_bn .current_box li.on .bg .left_box {opacity:1; width: 100%;}

#new_bn .next_box {}
#new_bn .next_box li {position: absolute; top: 0; left: 0; width: 8%; height: 100%;}
#new_bn .next_box .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#new_bn .next_box .bg .left_box {opacity:0; width:0%; position: absolute; top: 0; left: 0; height: 100%;}
#new_bn .next_box li.on .bg .left_box {opacity:1; width:100%;}

#new_bn .current_box .bg .left_box,
#new_bn .next_box .bg .left_box {transition: all 1.0s cubic-bezier(0.91, 0.02, 0.86, 0.62);}

.num_box {position: absolute; top: 10rem; left: 23rem; z-index: 1;}
.num_box .btns_num_box {}
.num_box .btns_num_box li {float:left; font-size:3rem; color:#ccc; margin-right:2rem; cursor:pointer;}
.num_box .btns_num_box li.on {color:#fff;}

#new_bn .current_box li:nth-of-type(1) .left_box {opacity:1; width:100%; background:url('https://www.shinsegae.com//upload/main/topbanner/1687408224364-69353.jpg') right top no-repeat;}
#new_bn .current_box li:nth-of-type(2) .left_box {background:url('https://www.shinsegae.com//upload/main/topbanner/1687497090165-35069.jpg') right top no-repeat;}
#new_bn .current_box li:nth-of-type(3) .left_box {background:url('https://www.shinsegae.com//upload/main/topbanner/1686185747705-88522.jpg') right top no-repeat;}

#new_bn .current_box li:nth-of-type(1).prev .left_box {width: 100%; opacity:1; background:url('https://www.shinsegae.com//upload/main/topbanner/1687408224364-69353.jpg') right top no-repeat;}
#new_bn .current_box li:nth-of-type(2).prev .left_box {width: 100%; opacity:1; background:url('https://www.shinsegae.com//upload/main/topbanner/1687497090165-35069.jpg') right top no-repeat;}
#new_bn .current_box li:nth-of-type(3).prev .left_box { width: 100%; opacity:1; }

#new_bn .next_box li:nth-of-type(1) .bg {}
#new_bn .next_box li:nth-of-type(2) .bg {}
#new_bn .next_box li:nth-of-type(3) .bg {}

#new_bn .next_box li:nth-of-type(1) .left_box {opacity:1; width:100%; background:url('https://www.shinsegae.com//upload/main/topbanner/1687497090165-35069.jpg') right top no-repeat;}
#new_bn .next_box li:nth-of-type(2) .left_box {background:url('https://www.shinsegae.com//upload/main/topbanner/1686185747705-88522.jpg') right top no-repeat;}
#new_bn .next_box li:nth-of-type(3) .left_box {background:url('https://www.shinsegae.com//upload/main/topbanner/1687408224364-69353.jpg') right top no-repeat;}

#new_bn .next_box li:nth-of-type(1).prev .left_box {width: 100%; opacity:1; background:url('https://www.shinsegae.com//upload/main/topbanner/1687497090165-35069.jpg') right top no-repeat;}
#new_bn .next_box li:nth-of-type(2).prev .left_box {width: 100%; opacity:1; background:url('https://www.shinsegae.com//upload/main/topbanner/1686185747705-88522.jpg') right top no-repeat;}
#new_bn .next_box li:nth-of-type(3).prev .left_box {width: 100%; opacity:1;}

.text_content {}
.text_content .text_box {}
.text_content li {position: absolute; left: 23rem; z-index: 1; top: 30rem; font-size:3rem; color:#fff; opacity:0; transform: translate(50px, 0); visibility: hidden; opacity: 0; transition: all 0.5s;}
.text_content li.on {transform: translate(0,0); visibility: visible; opacity: 1; transition: all 1s;}

/* MAIN KEYVISUAL */
#new_idx {position:relative; height:100vh;}
#new_idx .btn_floating_info.fix {position:fixed; top:70px; bottom:auto;}
#new_idx .btn_floating_info > span {display: block;}
#new_idx .btn_floating_info .store {line-height:1; font-size:14px; color:#fff; margin-top:60px; text-indent:8px;}
#new_idx .btn_floating_info .store:after {content:""; display:inline-block; position:relative; top:-1px; width:13px; height:13px; background:url("../../img/main/ico_gate_arrow_black.png") no-repeat 0 0; vertical-align: middle; margin-left:6px;}
#new_idx .btn_floating_info .copy {font-size:12px; color:#bea36b; line-height:1; margin-top:15px;}
#new_idx .bg_container {position:relative; height:100%; z-index:0;}
#new_idx .bg_container > ul {position:absolute;top:0; left:0; height:100%;}
#new_idx .bg_container .next_box {width:50%; z-index:1;}
#new_idx .bg_container .next_box li {position:absolute; top:0; left:0; width:15%; height:100%; visibility: hidden; opacity:0; z-index:0;}
#new_idx .bg_container .next_box li.prev {z-index:2; visibility: visible; opacity:1;}
#new_idx .bg_container .next_box li.next {z-index:2; visibility: visible; opacity:1;}
#new_idx .bg_container .next_box li.on {z-index:1; visibility: visible; opacity:1;}
#new_idx .bg_container .next_box li .bg_contents {position:absolute; top:0; right:0; width:100%; height:100%;}
#new_idx .bg_container .next_box li .bg_contents .bg {width:100%; height:100%; opacity:0.2;}
#new_idx .bg_container .next_box li .bg_contents.notColor .bg {opacity:0.6;}
#new_idx .bg_container .next_box li .bg_contents .bg .color_cover {width:100%; height:100%; opacity:0.7;}
#new_idx .bg_container .current_box {width:100%; z-index:0; top:9rem;}
#new_idx .bg_container .current_box li {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; visibility: hidden; opacity:0; z-index:0;}
#new_idx .bg_container .current_box .type_half > div {position:relative; float:left; width:50%; height:100%;}
#new_idx .bg_container .current_box .type_half .left .bg {position:absolute; top:0; left:14%; width:87%; height:100%;}
#new_idx .bg_container .current_box .type_half .right {width:50%;}
#new_idx .bg_container .current_box .type_half .right .bg_thumb {width:100%; height:100%;}
#new_idx .bg_container .current_box .type_big .bg_thumb {width:100%; height:100%;}
#new_idx .bg_container .current_box li > div {position:absolute; top:0; left:0; width:50%; height:100%; overflow:hidden;}
#new_idx .bg_container .current_box li > div.left {width:calc(50% + 1px);}
#new_idx .bg_container .current_box li > div.right {left:50%;}
#new_idx .bg_container .current_box li > div .bg_contents {position:absolute; top:0; right:0; width:100%; height:100%; overflow:hidden;}
#new_idx .bg_container .current_box li > div .bg_contents .bg {position:absolute; top:0; right:0; width:50vw; height:100%;}
#new_idx .bg_container .current_box li > div .bg_contents .bg > div {position:relative; width:100%; height:100%;  }
#new_idx .bg_container .current_box li > div .bg_contents .bg > div canvas {width:100%; height:100%;}
#new_idx .bg_container .current_box li > div .bg_contents .bg > div.left_box,
#new_idx .bg_container .current_box li > div .bg_contents .bg > div.right_box { text-indent:-9999px; font-size:0; }
#new_idx .bg_container .current_box li.fullsize > div.left {width:100%;}
#new_idx .bg_container .current_box li.fullsize > div .bg_contents .bg {width:100vw; min-width:1120px; }
#new_idx .bg_container .current_box li.fullsize > div.left .bg_contents .bg video {position:absolute; top:50%; left:50%; width:auto; height:auto; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
#new_idx .bg_container .current_box li.prev {z-index:2; visibility: visible; opacity:1;}
#new_idx .bg_container .current_box li.next {z-index:2; visibility: visible; opacity:1;}
#new_idx .bg_container .current_box li.on {z-index:1; visibility: visible; opacity:1;}
#new_idx .bg_container .current_box li.typeVideo .left .bg_contents:after{content:'';position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
#new_idx .bg_container .current_box li.typeVideo .right .bg_contents:after{content:'';position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
#new_idx .ui_main_slide {position:absolute; top:9rem; left:14%; width:80%; height:100%; display: table;}
#new_idx .ui_main_slide ul {display: table-cell; vertical-align: middle; color:#fff;}
#new_idx .ui_main_slide .btns_num {position:relative; margin-top: -21rem;}
#new_idx .ui_main_slide .btns_num .btns_num_box {display: flex;}
#new_idx .ui_main_slide .btns_num .btns_num_box a {position:relative; display: flex; align-items: center; width:7rem; opacity:0.5; font-size:1.6rem; text-indent: 1rem; color:#fff; height:5rem; font-family:'Montserrat'; font-weight:500;}
#new_idx .ui_main_slide .btns_num .btns_num_box a.on {font-size:2.6rem; color:#fff;}
#new_idx .ui_main_slide .btns_num .btns_num_box a:before {content:""; position:absolute; bottom:0; left:0; display: block; width:100%; height:2px; background-color:#fff;}
#new_idx .ui_main_slide .btns_num .btns_num_box a:after {content:""; position: absolute; left: 0; bottom: 0; display: block; width:0; height:2px; background-color:#fff;}
#new_idx .ui_main_slide .btns_num .btns_num_box a.on {opacity:1;}
#new_idx .ui_main_slide .btns_num .btns_num_box a.on:before {background-color:rgba(255,255,255,0.3);}
#new_idx .ui_main_slide .btns_num .btns_num_box a.on:after { width:100%; -ms-transition:width 3s linear; transition:width 3s linear; }
#new_idx .ui_main_slide .btns_num .btns_num_box.paused a.on:after { width:100%; -ms-transition:width 0.3s; transition:width 0.3s; }
#new_idx .ui_main_slide .btns_num .btn_playStop {font-size:0; position:relative; display: inline-block; width:2rem; height:2rem; top:3rem; left:23rem; position:absolute;}
#new_idx .ui_main_slide .btns_num .btn_playStop:before {content:""; position:relative; width:100%; height:100%; display:block; background:url('../img/play_s.svg') no-repeat center/2rem;}
#new_idx .ui_main_slide .btns_num .btn_playStop:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block;  background:url('../img/play_p.svg') no-repeat center/2rem; opacity:0;}
#new_idx .ui_main_slide .btns_num .btn_playStop.on:before {opacity:0;}
#new_idx .ui_main_slide .btns_num .btn_playStop.on:after {opacity:1;}
#new_idx .ui_main_slide .title {position: relative; margin-top: 6rem; margin-left: 2rem; height: 28rem;}
#new_idx .ui_main_slide .title > div {position:absolute; top:0; left:0; transform:translate(50px, 0); visibility: hidden; opacity:0; transition:all 0.5s;}
#new_idx .ui_main_slide .title > div.on {transform:translate(0,0); visibility: visible; opacity:1; transition:all 1s;}
#new_idx .ui_main_slide .title > div.big {font-size:80px; line-height: 90px;}
#new_idx .ui_main_slide .btns_viewmore {margin:0 0 0 60px;}
#new_idx .ui_main_slide .btns_viewmore > a {transform:translate(-25px,0); }
#new_idx .ui_main_slide .btns_viewmore > a.hide {visibility: hidden; opacity:0;}
#new_idx .ui_main_slide .btns_viewmore > a:after {background-color:#fff;}
#new_idx .ui_main_slide .btns_viewmore .btns_arrow {display:inline-block; vertical-align: top; margin:10px 0 0 140px;}
#new_idx .ui_main_slide .btns_viewmore .btns_arrow > a {display: block;}
#new_idx .ui_main_slide .btns_viewmore .btns_arrow > a:first-child {margin-bottom:20px;}
#new_idx .ui_main_slide .btns_viewmore .btns_arrow {visibility: hidden;}
#new_idx .bg_container .next_box li:nth-of-type(1) .bg_contents {}
#new_idx .bg_container .next_box li:nth-of-type(2) .bg_contents {background-color: #775c4b !important;}
#new_idx .bg_container .next_box li:nth-of-type(3) .bg_contents {background-color: #555 !important;}
#new_idx .text_wr {display:block;}
#new_idx .text_wr .ic {display:block;}
#new_idx .text_wr .ic img {}
#new_idx .text_wr .t1 {display:block; margin-top: 3rem; font-size: 4rem; font-weight:600;}
#new_idx .text_wr .t2 {display:block; font-size: 1.8rem; margin-top: 2rem;}
#new_idx .bg_container .current_box li > div .bg_contents .bg > div.left_box .text_wr {display:none;}

.qk_side {position: fixed; top: 50%; right: 3rem; width: 5rem; z-index: 100; margin-top: -125px;}
.qk_side ul {}
.qk_side ul li {position:relative; text-align:center; margin: 1rem 0;}
.qk_side ul li a {display:block; width:5rem; height:5rem; line-height:5rem;}
.qk_side .txt {position:absolute; left: -9rem; top: 14px; text-align:right; width: 8rem; font-size: 1.35rem; opacity:0; transition:all 0.3s ease;}
.qk_side .txt span {background: #fff; display: inline-block; padding: 0 5px; border-radius: 3px;}
.qk_side ul li:hover .txt {opacity:1;}
.qk_side .li1 a {background: #3366ff; border-radius: 1rem;}
.qk_side .li3 a {background: #fff; border-radius: 10rem;}
.qk_side .li3 img {height:5rem; display: block;}

.abu_box {margin-top:15rem;}
.vs_h2 {font-size:5rem; font-family:'Montserrat'; font-weight:700; margin-bottom: 3rem;}
.vs_h2 span {position:relative;}
.vs_h2 span:before {content:''; position: absolute; left: -5px; right: -5px; bottom: 7px; background: #bde1bd; height: 2rem; z-index: -1;}
.abu_box .txt {font-size:2.8rem; color:#252525; line-height: 4.5rem;}
.abu_box .txt strong {}
.abu_box .list3 {margin-top:5rem;}
.abu_box .list3 li {float:left; width:33.3333333%; text-align:center;}
.abu_box .list3 .ic {}
.abu_box .list3 .ic img {}
.abu_box .list3 p {font-size:2.2rem; margin-top:1.5rem;}
.abu_box .list3 .mid {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.osv_box {margin-top:15rem;}
.osv_box .cont {}
.osv_box .cont ul {margin:0 -1rem;}
.osv_box .cont ul li {float:left; width:33.33333333%; padding:0 1rem;}
.osv_box .cont .in {}
.osv_box .cont .img {position:relative;}
.osv_box .cont .img img {width:100%;}
.osv_box .cont .txt {position: absolute; left: 0; right: 0; bottom: 0; text-align: center; color: #252525; background: rgba(255,255,255,0.5); padding: 3rem 0;}
.osv_box .cont .txt .m1 {font-size: 3rem; color: #252525; font-weight: 600;}
.osv_box .cont .txt .m2 {font-size: 2rem; font-weight: 500;}
.osv_box .cont .bt {margin-top:2rem; border-top:1px solid #252525; border-bottom:1px solid #252525;}
.osv_box .cont .bt .list {padding:2rem 0;}
.osv_box .cont .bt .list .s1 {font-size:2.2rem; font-weight:600; color:#252525; margin-right: 2rem; width: 9rem; display: inline-block;}
.osv_box .cont .bt .list .s2 {font-size:2rem; font-weight:400; color:#666;}
.osv_box .cont .bt .mid {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.osv_box .cont .centxt {text-align:center;}
.voj_box {margin-top:15rem;}
.voj_box .wr {border-top:1px solid #ccc; margin-top:3rem; padding-top:3rem;}
.voj_box .cont {position:relative; margin-bottom:5rem;}
.voj_box .cont .num {position:absolute; top:7px; left:0; font-size:3rem; background:#306656; color:#fff; width:7rem; height:7rem; line-height:7rem; font-family:'Montserrat'; font-weight:700; text-align:center;}
.voj_box .cont .num:before {content:''; position: absolute; left: 50%; bottom: -3rem; height: 3rem; width: 1px; background: #306656;}
.voj_box .cont .num:after {content:''; position: absolute; width: 9px; height: 9px; background: #306656; bottom: -40px; left: 31px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.voj_box .cont .txt {padding-left: 10rem;}
.voj_box .cont .txt h3 {font-size: 3.2rem; color: #252525;}
.voj_box .cont .txt p {font-size: 2rem; color: #666; margin-top:1rem; word-break:keep-all;}
.voj_box .cont .txt p b {color:#306656;}

.main_mv {display: flex; align-items: center; justify-content: center; position:relative; overflow:hidden; width: 100%; height: calc(100vh - 9rem); background:#80a44c;}
#myVideo {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.popup {position: absolute; top: 15rem; left: 50%; margin-left:-32rem;  width: 64rem; background: #0079ff; padding:2rem 2rem; z-index: 9999;}
.popup .inp {background: #FFF; border-radius:1rem;}
.popup .row_t {padding: 3rem 2rem 0; text-align: center;}
.popup .row_t .m1 {font-size: 3rem; font-weight: 500; color: #111;}
.popup .row_t .m2 {font-size: 1.8rem; margin-top: 2rem; line-height: 1.8;}
.popup .row_t .m2 b {font-weight: 600; font-size: 2.2rem;}
.popup .row_t .m3 {text-align: left; word-break: keep-all; margin-top: 3rem; font-size: 1.6rem; line-height: 1.5; color: #444;}
.popup .row_t .m4 {text-align: left; font-size: 1.65rem; margin-top: 1.5rem;}
.popup .row_t .m5 {text-align: left; font-size: 1.2rem; margin-top: 0.5rem;}
.popup .row_t .tbl {margin-top: 3rem;}
.popup .row_t .tbl table {width: 100%; border-spacing:0; border-collapse:collapse;}
.popup .row_t .tbl table th {border: 1px solid #666; padding: 1rem 1rem; text-align: center; font-size: 1.6rem; font-weight: 600;}
.popup .row_t .tbl table td {width: 33.333333%; border: 1px solid #666; padding: 1rem 1rem; text-align: center; font-size: 1.4rem; font-weight: 400;}
.popup .row_t .tbl .i1 {}
.popup .row_t .tbl .i2 {height: 4rem;}
.popup .row_t .tbl .p1 {font-size: 1.55rem;}
.popup .row_t .tbl .p2 {font-size: 1.75rem; font-weight: 600;}
.popup .row_b {padding: 2rem 2rem; display: flex; justify-content: space-between;}
.popup .today {}
.popup .today a {display: block; padding: 0.5rem 1.5rem; font-size: 1.4rem;}
.popup .close {}
.popup .close a {display: block; padding: 0.5rem 1.5rem; background: #000; color: #fff; font-size: 1.4rem;}

.enl_introCont1 {background: #f5f6fb; margin-top: 13rem; padding: 13rem 0;}
.troonArea .tbox,
.enl_introCont1 .tbox {text-align: center; font-size: 2.8rem; font-weight: 300; color: #111;}
.enl_introCont1 .tbox strong {font-weight: 500; font-size: 3.2rem;}
.enl_introCont1 .tbox strong.fw {font-weight: 900;}
.enl_introCont1 .nbbox {padding: 10rem 0 13rem;}
.enl_introCont1 .nbbox ul {display: flex; flex-wrap: wrap;}
.enl_introCont1 .nbbox ul li {width: 33.33333333%; text-align: center; padding: 0 1.2rem;}
.enl_introCont1 .nbbox .m1 {font-size: 2.2rem; color: #434343; font-weight: 700;}
.enl_introCont1 .nbbox .cnt {}
.enl_introCont1 .nbbox .cnt .num2,
.enl_introCont1 .nbbox .cnt .num {font-size: 12rem; color: #3366ff; font-weight: 900;}
.enl_introCont1 .nbbox .cnt .sm {font-size: 2rem; color: #3366ff; margin-left: 1rem;}
.enl_introCont1 .thbox {}
.enl_introCont1 .thbox ul {display: flex; flex-wrap: wrap; gap: 3rem;}
.enl_introCont1 .thbox ul li {flex: 1;}
.enl_introCont1 .thbox .in {padding: 3rem 3rem; background: #FFF; border-radius: 2rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.enl_introCont1 .thbox .m1 {font-size: 2.2rem; color: #111; font-weight: 700;}
.enl_introCont1 .thbox .m2 {font-size: 2rem; color: #666; margin-top: 1.2rem; margin-bottom: 2.8rem;}
.enl_introCont1 .thbox .rowA {}
.enl_introCont1 .thbox .rowB {text-align: right;}
.enl_introCont1 .thbox .rowB .num {font-size: 7.2rem; color: #3366ff; font-weight: 700;}
.enl_introCont1 .thbox .rowB .sm {font-size: 2rem; color: #3366ff; margin-left: 1rem;}

.enl_introCont2 {padding: 13rem 0;}
.troonArea {}
.troonArea .tbox {}
.troonArea .tbox strong {font-weight: 700; font-size: 3.2rem;}
.troonArea .tbox b {font-weight: 500;}
.troonArea .tbox.fl {display: flex; align-items: center; justify-content: center; margin-top: 1.2rem;}
.troonArea .tbox.fl img {height: 5rem; margin: 0 1rem;}
.troonCont {margin-top: 6rem; display: flex;}
.troonCont .w50 {flex: 1; background: #f8f8f8; border-radius:  2rem 0 0 0; display: flex; flex-direction: column; justify-content: center; padding-left: 8rem; padding-right: 2rem;}
.troonCont .w50 .m1 {font-size: 2rem; color: #111; font-weight: 700; margin-bottom: 8px; position: relative;}
.troonCont .w50 .m1::before {content: ''; position: absolute; top: -7px; left: -26px; width: 2rem; height: 2rem; background: url('/img/dd.svg') no-repeat center / 100%;}
.troonCont .w50 .m2 {font-size: 2rem; color: #666;}
.troonCont .w51 {width: 455px;}
.troon_sm {text-align: center; margin-top: 10rem;}

.enl_introCont3 {height: 100vh; background: url('/img/troon_i2.jpg') no-repeat center / cover; background-attachment: fixed; display: flex; align-items: center; justify-content: center;}
.enl_introCont3 .text {text-align: center;}
.enl_introCont3 .text .dd {margin-bottom: 3rem;}
.enl_introCont3 .text .dd img {height: 3.2rem;}
.enl_introCont3 .text .m1 {font-size: 2.8rem; color: #FFF;}
.enl_introCont3 .text .m1 strong {font-size: 3.2rem; color: #FFF; font-weight: 700;}
.enl_introCont3 .text .m2 {margin-top: 4rem; font-size: 3.2rem; color: #FFF; font-weight: 700; display: inline-block; background: #3366ff; padding: 4px 12px;}

.feaBox {display: flex; align-items: center;}
.feaBox .txt {flex: 1;}
.feaBox .txt.t1 {text-align: right; padding-right: 1.5rem;}
.feaBox .txt.t1 .mid {margin-right: 1rem;}
.feaBox .txt.t2 {padding-left: 1.5rem;}
.feaBox .txt.t2 .mid {margin-left: 1rem;}
.feaBox .txt .list {font-size: 1.8rem; color: #111; border-bottom: 1px solid #111; padding-bottom: 1rem; margin-bottom: 4.2rem; word-break: keep-all;}
.feaBox .txt .list b {font-weight: 700;}
.feaBox .txt .list:last-child {margin-bottom: 0;}
.feaBox .img {width: 33rem; height: 33rem; background: url('/img/feaBox_i.jpg') no-repeat center/cover; display: flex; align-items: center; justify-content: center; text-align: center; color: #FFF; font-size: 3.2rem; font-weight: 700; flex-direction: column; padding: 0 2rem;}

.sptBox {background: #f2f5ff; padding: 12rem 0 19rem; margin-top: 6rem;}
.sub_h2.blue {color: #3366ff;}
.sptCont {display: flex; margin-top: 4rem;}
.sptCont .w50 {width: 50%;}
.sptCont .w50.wd1 {padding-right: 2rem;}
.sptCont .w50.wd2 {padding-left: 2rem;}
.sptCont .txt {font-size: 2rem; color: #111; position: relative; word-break: keep-all; line-height: 1.5; padding-top: 1.6rem; margin-bottom: 3.6rem;}
.sptCont .txt:before {content: ''; position: absolute; top: 0; left: 0; width: 3.6rem; height: 2px; background: #3366ff;}
.sptCont .wd1 .img {}
.sptCont .wd1 .img img {border-radius: 2rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.sptCont .fea5 {margin-top: 0;}
.sptCont .fea5 li {width: 50%;}

.newBusi2_c1 {}
.newBusi2_c1 .m1 {font-size: 2.8rem; color: #3366ff; font-weight: 700; margin-top: 2rem;}
.newBusi2_c1 .m2 {font-size: 2.4rem; color: #111; line-height: 1.5; margin-top: 1rem;}
.newBusi2_c1 .img {margin-top: 8rem;}
.newBusi2_c2 {padding: 12rem 0 18rem; margin-top: 14rem; background: url('/img/nBusi2_bg.jpg') no-repeat center/cover;}
.blue {color: #3366ff !important;}
.newBusi2_c2 .cont1 {display: flex;}
.newBusi2_c2 .cont1 .txt {padding-top: 4rem; flex: 1; margin-right: 2rem;}
.newBusi2_c2 .cont1 .sig {width: 33rem;}
.newBusi2_c2 .cont1 .sig img {box-shadow: 0px 0px 15px rgba(0,0,0,0.25); border-radius: 50%;}
.newBusi2_c2 .cont1 .m1 {font-size: 2.8rem; font-weight: 700; color: #111; margin-top: 2rem;}
.newBusi2_c2 .cont1 .m2 {font-size: 2.4rem; color: #111; line-height: 1.5; margin-top: 1.2rem;}
.newBusi2_c2 .cont1 .m2 b {font-size: 700;}
.newBusi2_c2 .cont2 {margin-top: 8rem; text-align: center;}

.nEq {margin-top: 4rem;}
.nEq ul {display: flex; flex-wrap: wrap; margin: 0 -1rem;}
.nEq ul li {width: 33.333333%; padding: 0 1rem; margin-bottom: 4rem;}
.nEq .img {}
.nEq .img img {border-radius: 1rem; width: 100%;}
.nEq p {position: relative; border-radius: 1rem; background-color: #eff4fb; padding: 2rem 1rem; text-align: center; font-size: 16px; margin-top: 1rem;}
.nEtbl {margin-top: 4rem;}
.nEtbl .tbl {}
.nEtbl .tbl table {width:100%; border-collapse: collapse; border-spacing: 0;}
.nEtbl .tbl table th {font-weight: 500; color: #111; padding: 1rem 1rem; font-size: 1.5rem; border: 1px solid #DCDDE4; background: #F3F4F6;}
.nEtbl .tbl table td {font-weight: 400; color: #666; padding: 1rem 1rem; font-size: 1.3rem; border: 1px solid #DCDDE4;}
.nEtbl .tbl table td.td1 {text-align: center; color: #111; font-size: 1.5rem;}

.nBusi3_txt {font-size: 2.4rem; color: #111; line-height: 1.5; word-break: keep-all;}
.nBusi3_txt b {font-weight: 700;}













@media (max-width:1368px) {

}

@media (max-width:1024px) {

.gnb_pc {display:none;}
.gnb_m {display:block;}
.s_menu {position: absolute; top: 0; right: 0; width: 7rem; height: 7rem; background: #3366ff; cursor:pointer;}
.s_menu:hover .slide_btn {}
.s_menu:hover .slide_btn span {width:20px;}
.s_menu:hover .slide_btn .s2 {width:28px;}
.slide_btn {width:28px; margin:2rem auto;}
.slide_btn:after {content:''; display:block; clear:both;}
.slide_btn span {float:left; background:#fff; height:2px; margin:0.4rem 0; width:28px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.slide_btn .s2 {width:20px;}
#menu {opacity:0; width: 30rem; height: 100%; position: fixed; top: 0; right:-100%; z-index: 11; background: #fff; border-radius: 4rem 0 0 0; box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.1); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; overflow-y:auto;}
body.open #menu {right: 0px; opacity:1; z-index:1000;}
.dim {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9; opacity:0; display:none; background:rgba(0,0,0,0.5)}
body.open .dim {opacity:1; display:block;}
.slide_close {width: 60px; height: 70px; position: absolute; right: 0px; top: 0px; background-image: url('/img/close_btn_b.svg'); background-size: 2rem; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.s_logo {height:7rem; line-height:7rem; border-bottom:1px solid #757575;}
.s_logo:after {content:''; display:block; clear:both;}
.s_logo img {height: 4rem;}
.s_logo a {display:inline-block; padding-left:3rem;}
#hd {position:fixed; top:0; left:0; right:0; height:7rem; z-index:1000; background:#fff;}
#hd.fixed {box-shadow:2px 3px 5px rgba(0,0,0,0.15)}
#m_gnb .m_logo {float:left;}
#m_gnb .m_logo a {display:block; padding:0 2rem; height:7rem; line-height:7rem;}
#m_gnb .m_logo img {height: 4rem;}
#menu #cssmenu {position: relative; padding-left: 3rem;}
#menu #cssmenu li li {position: relative;}
#menu #cssmenu ul {}
#menu #cssmenu ul li a {display:block; position: relative;}
#menu #cssmenu .has-sub {}
#menu #cssmenu:after, #menu #cssmenu ul:after {content:''; display:block; clear:both;}
#menu #cssmenu ul ul {display: none;}
#menu .cssmenu_list > li:first-child {}
#menu #cssmenu > ul > li.active > ul {display: block;}
#menu #cssmenu > ul > li > a {padding: 15px 15px;margin:0 0; cursor: pointer; z-index: 2; font-size: 16px; text-decoration: none; color: #242424; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; border-bottom:1px solid #b7b7b7; font-weight:500;}
#menu #cssmenu > ul > li > a:hover {}
#menu #cssmenu ul > li.has-sub > a:after {position: absolute; right: 31px; top: 19px; z-index: 5; display: block; height: 19px; width: 1px; background: #666; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
#menu #cssmenu ul > li.has-sub > a:before {position: absolute; right: 22px; top: 28px; display: block; width: 19px; height: 1px; background: #666; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
#menu #cssmenu ul > li.has-sub.open > a:after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
#menu #cssmenu ul > li.has-sub.open > a:before {}
#menu #cssmenu ul ul li a {padding: 10px 15px; cursor: pointer; z-index: 2; font-size: 15px; text-decoration: none; color: #666; background: #fff; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#menu #cssmenu .open {}
#menu #cssmenu .open > a {}
#menu #cssmenu .open ul {padding: 10px 0; border-bottom:1px solid #b7b7b7;}
.lang_bx {margin:1.6rem 0; right:9rem;}
#wrapper {padding-top: 7rem;}
#sec1 {}
#sec1 .txt h2 {font-size: 3.8rem;}
#sec1 .txt p {font-size: 2.5rem; letter-spacing:-1.5px;}
#sec2 {padding-top:7rem;}
.main_h2 {font-size:3.4rem;}
.main_p1 {font-size:1.8rem;}
.sec2_sd .item h3 {font-size: 2.2rem;}
.sec2_sd .item .ic {margin-bottom: 3rem;}
.sec2_sd .swiper-slide {width: 33rem; height: 33rem; padding-top:5rem;}
.sec2_sd .swiper-slide-active {width: 35.6rem; height: 35.6rem; padding-top:5rem;}
.comm_pb18 {padding-bottom: 10rem;}
#sec4 .mv {}
#sec4 .mv a {max-width:75%;}
#sec4 .mv:before {background-size:contain;}
#sec5 .w50 .m2, #sec5 .w50 .m3 {font-size:3rem;}
#sec5 .w50 {padding:5rem 0;}
#sec6 {padding-top: 10rem;}
.main_map_info .txt .m1 {font-size:2.5rem;}
#sec7 {padding-top:7rem; padding-bottom:7rem;}
#sec6 .main_h2 {font-size:2.5rem;}
#sec6 .tab_dgn .tab_ul {right:0;}

#sub_top h2 {font-size:3.2rem; padding:12rem 0;}
.sub_h2 {font-size:3.2rem; letter-spacing:-1.5px;}
.intro .abox .m1 {font-size:1.8rem;}
.intro .bbox {margin-top: 7rem;}
.intro .ebox {font-size:1.8rem;}

.history .list .w50 .his_i {padding-right:3rem;}

.map .tab li {font-size:1.6rem;}

.sub_s32 {font-size:2.5rem; line-height: 4rem;}
.busi1 .dbox {margin-top: 5rem;}
.sub_s28 {font-size:2.3rem;}
.dot_list p {font-size:1.8rem;}
.busi1 .fbox .m2 {font-size:2rem; word-break: keep-all;}
.busi2_3 .bbox .tbl table th {font-size:1.8rem;}
.busi2_3 .bbox .tbl table td {font-size:1.6rem;}
.busi2_4 .bbox .txt h3 {font-size:2.5rem;}
.top_sd_num {position:static;}
.eq_sd .item {font-size:1.5rem;}
.busi2_4 .abox .txt  .blk {display:inline-block;}

.busi3 .abox p,
.busi3_txt p {font-size:1.6rem;}

.busi3 .bbox .w50 .img_sd .slick-prev,
.busi3 .bbox .w50 .img_sd .slick-next {background-color: rgba(255,255,255,0.5); background-size:1.7rem;}
.busi3 .bbox .w50 .img_sd .slick-prev {}
.busi3 .bbox .w50 .img_sd .slick-next {}
.busi3 .bbox .w50 .inw .txt_p {width:76%; padding-bottom: 3rem;}
.busi3 .bbox .w50 .inw .txt_p h3 {font-size:1.8rem;}

.busi4 .abox .cd_box .list .m1 {font-size:2.2rem;}
.busi4 .abox .cd_box .list .ic {position:static; display:block; text-align:right; margin-top:2rem;}
.busi4 .abox .cd_box .list .ic img {height:5.5rem;}
.busi4 .abox .cd_box .list .m2 {word-break:keep-all;}
.busi4 .abox .cd_box .list .m2 .blk {display:inline-block;}
.busi4 .abox .cd_box .list .in {padding-bottom:3rem; padding-top:3rem; padding-left:3rem;}
.busi4 .bbox .m1 span {font-size:2.8rem;}
.busi4 .bbox .m2 {font-size:2.2rem;}

.busi5 .list .bbox {padding-left:1rem;}
.busi5 .list .info_wr .tit .m2 {font-size:3rem;}

#pd_main .tbox h2 {font-size:3rem;}

.pic_lt_gr .gallery_li {width:33.333333%;}

.lab_tit .s2:before {height: 2rem;}
.lab_tbl1 table th {padding:2rem 1rem; font-size:1.6rem;}
.lab_tbl1 table td {padding:2rem 1rem; font-size:1.6rem;}
.lab_tbl2 table td {font-size:1.6rem;}
.lab3_2 .abox .txt .infot {margin-bottom:5rem;}

body #bo_w .bList .write_div {width:100%;}

.kko_ch img {height: 3.5rem;}

.sec1_sd {height: 60rem !important;}
.sec1_wr .txt {padding-right:5rem;}
.sec1_wr .txt .ic img {height: 3.5rem;}
.sec1_wr .txt .m1 {font-size: 3rem; margin: 2rem 0 3rem;}
.sec1_wr .txt .m2 {font-size: 1.8rem; line-height: 3rem;}
.sec1_arr {bottom:5rem; right:5rem;}
.sec1_arr_wr,
.sec1_wr .ctt {width: 38%;}
.sec1_wr .img {width: 62%;}
#n_news .tab_ul li {width:9rem; font-size:1.6rem;}
#n_news .tab3 .conBox:before {width: 70%;}
#n_news .tab3 .ctt .txt .m1 {font-size:2rem;}
#n_news .tab3 .ctt .txt h2 {font-size:3.5rem;}
#n_news .tab3 .ctt .txt .m2 {font-size:2rem;}
#n_news .tab3 .ctt .txt .num {font-size:1.6rem;}
#n_news .tab3 .ctt .txt .num span {font-size: 2.6rem;}

#new_idx .ui_main_slide {left:6%;}
#new_idx .ui_main_slide .title {margin-top:5rem;}
#new_idx .text_wr .t1 {font-size:3rem;}
#new_idx .text_wr .t2 {font-size:1.7rem;}
#new_idx .bg_container .current_box {top:7rem;}

.vs_h2 {font-size: 4rem;}
.vs_h2 span:before {height:1.5rem;}
.abu_box .list3 .ic img {height: 10rem;}
.osv_box .cont .txt .m1 {font-size: 2.2rem;}
.osv_box .cont .txt .m2 {font-size: 1.6rem; padding:0 1rem;}
.osv_box .cont .bt .list .s1 {font-size:2rem; margin-right: 1rem;}
.osv_box .cont .bt .list .s2 {font-size:1.7rem;}
.voj_box .cont .txt h3 {font-size:2.8rem;}

.main_mv {height:auto; padding-bottom:56.25%;}
#myVideo {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; transform:none;}
.scroll {display:none;}

.enl_introCont1 .nbbox .cnt .num2,
.enl_introCont1 .nbbox .cnt .num {font-size: 8rem;}
.enl_introCont1 .thbox .rowB .num {font-size: 6.2rem;}
.fea5 .m1 {word-break: keep-all;}
.feaBox .img {font-size: 2.4rem;}
.sptCont .txt .blk {display: inline-block;}
.newBusi2_c1 .m2 {font-size: 2rem;}

.nBusi3_txt {font-size: 2rem;}









}




@media (max-width:768px) {

.pc768 {display:none;}
.m768 {display:block;}

.sec2_sd .swiper-slide {width: 24rem;height: 31rem; padding-top: 5rem;}
.sec2_sd .item p {font-size:1.4rem; word-break:keep-all;}
.sec2_sd .item p .blk {display:inline-block;}
.sec2_sd .item .ic img {height:7rem;}
.sec2_sd .swiper-slide-active {width: 28rem;height: 33.6rem; padding-top: 5rem;}
.sec2_sd .item h3 {font-size:2rem;}
.main_h2 {font-size:3rem;}
#sec6 .w50 {width:100%;}
#sec6 .w51 {width:100%; margin-top:3rem;}
#sec5 {padding:5rem 0 2rem;}
#sec5 .w50 {position: relative; z-index: 1; width:100%; padding-top:0; padding-bottom: 2rem;}
#sec5 .w51 {width:100%; margin-top:-12rem; padding-bottom:3rem; text-align:right;}
#sec5 .w51 img {width:70%;}
#ft {padding:7rem 0 9rem;}
.main_best .w10 {width:100%;}
.main_best .w90 {width:100%;}
.main_best .w10 .pic_lt ul {padding:5rem 0;}
.main_best .w10 .pic_lt .lt_img img {max-width:50%;}

.vision .bbox .img .txt {font-size:2rem;}
.vision .bbox .img img {height:29rem;}
.vision .bbox .img .lo1 {left:-27%;}
.vision .bbox .img .lo2 {right:-38%;}
.vision .cbox .list .simb {width:18rem; height:18rem; line-height:18rem; font-size:2rem;}
.vision .cbox .list .txt {margin-left:18rem; padding-top:1.5rem;}
.vision .cbox .list .txt .in .ul1 li {font-size:1.6rem;}
.vision .cbox .list .txt .in .ul2 li {font-size:1.4rem; height:6rem; line-height:6rem;}
.vision .cbox .list .txt .in .ul2 {margin-right:2rem;}
.vision_t {margin-top: 0rem; padding: 7rem 0;}
.vision_t .tbox .list .num {font-size:4rem; top:-0.9rem;}
.vision_t .tbox .list .txt {padding-left: 7rem;}
.vision_t .tbox .list .txt .m1 {font-size:2rem;}
.vision_t .tbox .list .txt .m2 {font-size:1.8rem;}

.history .list .wr {display:block;}
.history .list .w50 {width:auto; margin-bottom:2rem; padding-right:0;}
.history .list .w50 .his_i {padding-right:0;}
.history .list .w50 .thin.sm {font-size: 1.6rem;}
.history .list .w50 .thin.sm .blk {display:inline-block;}
.history .list .w51 {width:auto; padding-left: 3.5rem;}
.history .list .w51 .point:before {left:-43px;}
.history .list .w51 .txt p:before {left: -3.5rem;}
.history .list .w51 .txt p:after {left:-37px;}
.history .list {margin-bottom: 5rem;}
.history .list .w51 .txt p {font-size:1.6rem; padding-bottom: 1rem; line-height: 3rem;}
.history .list .year {margin-bottom: 2.5rem;}
.history .list .w50 .his_i {position:static;}
.history .sub_h2 {word-break:keep-all;}
.history .sub_h2 .blk {display:inline-block;}
.sub_h2 .bline:before {height:0.7rem;}
.sub_cate {margin-bottom:3rem;}
.sub_cate li a {text-align: center; padding: 1.2rem 0; font-size:1.3rem;}
.sub_cate li a.d2 {padding: 0.25rem 0; word-break: keep-all;}
.sub_cate li {margin-right:0; width:33.333333%;}
.busi1 .bbox {margin-top: 3rem;}
.fea5 li {width:50%;}

.sub_tit_b {display:block; margin-bottom:3rem;}
.sub_tit_b .tit {width:auto; margin-bottom:2rem;}
.sub_tit_b .tit .blk {display:inline-block;}
.sub_tit_b .txt {width:auto;}
.busi2_txt {font-size:1.6rem; line-height:2.8rem; word-break:keep-all;}
.sub_tab li {width:50%; margin-bottom:-1px;}
.sub_tab li a {font-size:1.4rem;}

.busi2 .bbox {display:none;}
.busi2 .cbox {display:block; margin-top:3rem;}
.busi2 .cbox h3 {background:#00b1a3; font-size:2.2rem; color:#fff; padding:1rem 1rem; text-align:center; margin-bottom:3rem;}
.busi2 .cbox h3 span {display:block; border:2px dashed #fff; padding:1.5rem 0;}
.busi2 .cbox .list {box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.11); background-color: #fff; padding:1.2rem 1.2rem; border-radius:2rem; margin-bottom:3rem;}
.busi2 .cbox .list .in {border:2px dashed #00b1a3; border-radius:2rem; padding:2.2rem; display:flex; align-items: center;}
.busi2 .cbox .list h4 {font-size:2rem; color:#00b1a3;}
.busi2 .cbox .list .ic {display:block; margin-top:1rem;}
.busi2 .cbox .list .ic img {height:5rem;}
.busi2 .cbox .list ul {width:70%;}
.busi2 .cbox .list ul:after {content:''; display:block; clear:both;}
.busi2 .cbox .list ul li {font-size:1.6rem; float:left; width:50%; margin:0.5rem 0;}
.busi2 .cbox .list .in-txt {width:30%; text-align:center;}
.busi2 .cbox .list.ath .in {border:2px dashed #3366ff;}
.busi2 .cbox .list.ath h4 {color:#3366ff;}

.busi2_3 .bbox {margin-top:3rem;}
.busi2_3 .bbox .tbl table th {font-size:1.6rem;}
.busi2_3 .bbox .tbl table td {font-size:1.4rem;}
.busi2_3 .bbox .tbl .bg1 {font-size:1.8rem;}
.busi2_3 .bbox .tbl .bg1 img {display:block; margin:1.5rem auto 0;}

.busi2_4 .abox .txt {font-size:2rem;}
.top_sd_wr {display:block;}
.top_sd_wr:after {content:''; display:block; clear:both;}
.busi2_4 .bbox .txt {float:none; width:100%; padding-right:0; padding-bottom:3rem;}
.busi2_4 .bbox .img {float:none; width:100%;}
.busi2_4 .bbox {margin-top:5rem;}
.top_sd_num {position:absolute; top:0; left:auto; right:0; bottom:auto ;width:100%; text-align:right;}

.busi3 .bbox .w50 .inw .txt_p {position:static; width:100%; margin-top:1rem; padding:2rem 2rem 3rem;}
.busi3 .bbox .w50 .inw .txt_p .pa {margin-top:1rem;}
.busi3 .bbox .w50 .inw .txt_p .pa p {font-size:1.5rem;}
.busi3 .bbox .w50 {margin-bottom:3rem;}

body #bo_btn_top {display:block;}

.busi5 .list .info_wr .tit .m2 {font-size:2.2rem;}
.busi5 .list .info_wr .txt p {font-size:1.5rem; line-height: 2.5rem;}

.busi5 .list .abox {float:none; width:auto;}
.busi5 .list .bbox {display:none;}

#pd_main .tbox {width:50%; padding-top:3rem; padding-left:2rem;}
#pd_main .ibox {width:50%;}
#pd_main .tbox h2 {font-size:2.5rem;}
#pd_main .tbox p {font-size:1.5rem;}

.pic_lt_gr .gallery_li {width:50%;}
.rel_view ul li {width:33.33333%;}

#bbs_main.tech_5, #bbs_main.tech_4, #bbs_main.tech_3, #bbs_main.tech_2, #bbs_main.tech_1 {margin-top:-3rem;}

.for_list .le {width:100%; margin-bottom:3rem;}
.for_list .ri {width:100%;}
.for_wr .txt {min-height:auto;}
.for_wr .nb .s1 {font-size:4rem;}
.for_wr .nb .s2 {font-size:2rem;}
.for_wr .txt p {font-size:1.6rem;}

.lab1_2 .cbox .tbl table th {font-size:1.8rem; padding:2rem 1.2rem;}
.lab1_2 .cbox .tbl table td {font-size:1.6rem; padding:2rem 1.2rem;}
.lab1_2 .cbox .tbl .td1,
.lab1_2 .cbox .tbl .td2 {width:10rem;}

.lab1_3 .bbox ul li {width:50%;}
.lab1_3 .bbox .in dl dt {font-size:1.8rem;}
.lab1_3 .bbox .in dl dd {font-size:1.4rem;}
.lab1_3 .bbox ul li:nth-child(3n+1) {clear:none;}
.lab1_3 .bbox ul li:nth-child(2n+1) {clear:both;}

.lab_pt {display:block;}
.lab_pt .info {padding-left:0; padding-top:3rem;}
.lab_ctt1 .le {width:100%; padding-right:0;}
.lab_ctt1 .ri {width:100%;}
.lab_tbl2 {margin-top:3rem;}
.lab_ctt3 .le,
.lab_ctt1 .p2 {font-size:1.6rem;}

.lab2_2 .lab_pt .img {margin: 0 auto;}
.lab2_2 .lab_pt .info {width: auto;}
.lab2_abox {margin-top: 8rem;}
.lab_ctt6 .ax .le {width:100%; text-align:center;}
.lab_ctt6 .ax .ri {width:100%; margin-top:3rem;}
.lab_ctt6 .dx .chart .le {width:100%;}
.lab_ctt6 .dx .chart .ri {width:100%;}
.lab3 .lab_ctt6 {margin-top:3rem;}

.lab3_2 .abox {display:block; margin-bottom:5rem;}
.lab3_2 .abox .img {width:auto;}
.lab3_2 .abox .txt {position:relative; width:auto; padding-left:0; padding-top:3rem;}
.lab3_2 .abox .product_main .item .num {position: absolute; top: 0; right: 1rem; z-index:1;}
.lab3_2 .bbox .b60 {width:auto; padding-right:0;}
.lab3_2 .bbox .b40 {margin-top:3rem;}
.lab3_2 .cbox .ax .le {width:100%;}
.lab3_2 .cbox .ax .ri {width:100%; margin-top:3rem;}
.lab3_2 .cbox .cx .tit {font-size:2rem;}

#ft {padding:3rem 0 7rem;}
.ft_logo {position:static; padding-top: 2rem;}
.ft_logo:after {content:''; display:block; clear:both;}
.ft_logo .img {float:left;}
.ft_logo .ft_sns {float:right; position:static; margin-top: -0.5rem;}
#ft .info {margin-left: 0; margin-top: 1rem;}

#ft .info .line.s4,
#ft .info .line.s2 {display:block; width: 0; height: 0;}

.kko_ch {position:static;}
.kko_ch a {justify-content: center;}
.kko_ch img {}

.hv_subj {opacity: 1; position: static; box-shadow: none; padding: 0.5rem 0; font-size: 1.4rem; color:#3366ff;}
.hv_subj:after {display:none;}
.sec7_sd .basic_li a {margin-top:2rem;}

#bbs_main #bo_gall {padding:0 0;}

.sec1_wr {display:block;}
.sec1_wr .ctt {width: 100%; padding-top: 5rem;}
.sec1_wr .img {width:100%; padding-left: 2rem; margin-top: 3rem;}
#main_sd .slick-active .cbg {width: 95%;}
.sec1_arr_wr {width:100%;}
.sec1_arr {bottom: 3rem; right: 0; left: 0; text-align: center; margin: 0 auto;}
.sec1_wr .txt .m1 {font-size: 2.5rem;}
.sec1_wr .txt .m2 {font-size: 1.6rem; line-height: 2.7rem;}
.sec1_wr .txt .m2 .blk {display:inline-block; margin: 0 1.2rem;}
.sec1_wr .txt {padding-right: 6rem;}

#n_news {padding: 5rem 0;}
#n_news .wr {height: auto;}
#n_news .tab3 .conBox:before {width: 100%;}
#n_news .tab_ul li {width: 5.5rem; font-size: 1.4rem; margin-right: 1rem; padding-bottom: 0.7rem;}
#n_news .tab_ul li:last-child {margin-right:0;}
#n_news .tab3 .conBox {padding-top:4rem; padding-bottom: 5rem;}
#n_news .tab3 .wrap {padding:0 0;}
#n_news .tab_ul {padding-left:2rem;}
#n_news .tab3 .ctt {display:block; height:auto;}
#n_news .tab3 .ctt .txt {width:100%; padding-left: 2rem;}
#n_news .tab3 .ctt .abox {width:100%; padding-left:0; padding-top:3rem;}
#n_news .tab3 .ctt .txt .m1 {font-size:1.8rem;}
#n_news .tab3 .ctt .txt h2 {font-size: 2.2rem;}
#n_news .tab3 .ctt .txt .m2 {font-size:1.6rem;}
#n_news .tab3 .ctt .txt .lk {margin-top: 3rem;}
#n_news .tab3 .ctt .arr_bx {margin-top: 5rem;}
.main-more {font-size:1.4rem;}
#n_news .tab3 .ctt .ar_p {right: 6.3rem;}
#n_news .tab3 .ctt .ar_n {right: 2rem;}
#n_news .tab3 .ctt .abox .basic_li, #n_news .tab3 .ctt .abox .gallery_li {width: 25rem;}
#n_news .tab3 .ctt .txt h2 .blk {display:inline-block;}
#n_news .tab3 #con20 .ctt .abox {padding-top: 3rem; margin-top: 0;}
#n_news .tab3 #con20 .ctt .abox .gallery_li .subj h3 {text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;}
#n_news .tab3 .ctt .abox .gallery_li .subj {position:relative; padding:1rem 1rem; margin-top:-63px;}
#n_news .tab3 .ctt .abox .gallery_li .subj h3 {font-size:1.5rem;}
#n_news .tab3 .ctt .abox .gallery_li .subj p {font-size:1.2rem;}
#n_news .idx_lab .basic_li .rv_list_ctt span {font-size:1.4rem;}
#n_news .idx_lab .basic_li .rv_list_ctt p {font-size:1.8rem;}
#n_news .tab3 .ctt .abox .basic_li {padding:2rem 2rem; height:25rem;}
#n_news .idx_lab .view_de_more {left: 2rem; bottom: 2rem;}
.idx_map {margin-right:0; height:auto;}
.idx_map .map_info {position:static; width:auto; padding:2rem 2rem;}
.idx_map .map_gg {height:20rem;}
.idx_map .map_info .m1 {font-size:2rem; margin-bottom:0.5rem;}
.idx_map .map_info .m2 {font-size:1.6rem; margin-bottom: 1rem;}
.idx_map .map_info .m3 {font-size:1.4rem; margin-bottom:0.5rem;}

.scroll {bottom: 3rem;}
#main_sd {padding-top:6rem;}
#sec3 {padding:7rem 0;}
#sec4 {padding-top:7rem; background-attachment: initial;}

#sec2:before {height:22rem;}

#new_idx {height:calc(100vh - 6rem);}
#new_idx .bg_container .current_box li.fullsize > div .bg_contents .bg {min-width:auto; padding-top: 6rem;}
#new_idx .ui_main_slide {width:98%; left:0; padding-left:12%; top: 0; padding-top: 6rem;}
#new_idx .bg_container .current_box li:nth-of-type(1) > div .bg_contents .bg > div.left_box {background: url('../img/n_idx_1-1_m.jpg') center center no-repeat !important; background-size: cover !important;}
#new_idx .bg_container .current_box li:nth-of-type(2) > div .bg_contents .bg > div.left_box {background: url('../img/n_idx_2_m.jpg') center center no-repeat !important; background-size: cover !important;}
#new_idx .bg_container .current_box li:nth-of-type(3) > div .bg_contents .bg > div.left_box {background: url('../img/n_idx_3-1_m.jpg') center center no-repeat !important; background-size: cover !important;}
#new_idx .text_wr .ic img {height: 4rem;}
#new_idx .text_wr .t1 {font-size: 2.5rem;}
#new_idx .text_wr .t2 {font-size: 1.6rem;}
#new_idx .bg_container .current_box {top:0; padding-top:6rem;}
#new_idx .ui_main_slide .btns_num {margin-top:0;}
#sec5 .item {display:block;}
#sec5 .w51 {margin-top:0;}

.enl_introCont1 {margin-top: 6rem; padding: 8rem 0;}
.troonArea .tbox, .enl_introCont1 .tbox {font-size: 1.8rem; word-break: keep-all;}
.enl_introCont1 .tbox strong {font-size: 2.2rem;}
.troonArea .tbox .blk, .enl_introCont1 .tbox .blk {}
.enl_introCont1 .nbbox {padding: 6rem 0 2rem;}
.enl_introCont1 .nbbox ul li {width: 100%; margin-bottom: 4rem;}
.enl_introCont1 .nbbox .cnt .num {font-size: 7rem;}
.enl_introCont1 .thbox ul li {flex: none; width :100%;}
.enl_introCont1 .thbox .m1 {font-size: 1.8rem;}
.enl_introCont1 .thbox .m2 {font-size: 1.6rem;}
.enl_introCont1 .thbox .rowB .num {font-size: 5.2rem;}
.enl_introCont2 {padding: 6rem 0;}
.troonArea .tbox strong {font-size: 2.2rem;}
.troonArea .tbox.fl {display: block; margin-top: 8px; line-height: 2;}
.troonArea .tbox.fl img {height: 4rem;}
.troonCont {display: block;}
.troonCont .w50 {padding: 2rem 2rem 2rem 4rem;}
.troonCont .w50 .m1 {font-size: 1.8rem;}
.troonCont .w50 .m2 {font-size: 1.6rem; word-break: keep-all;}
.troonCont .w50 .m2 .blk {display: inline-block;}
.troonCont .w51 {width: 100%;}
.troon_sm {margin-top: 4rem;}
.enl_introCont3 .text {padding: 0 2rem;}
.enl_introCont3 .text .m1 {font-size: 1.8rem; word-break: keep-all;}
.enl_introCont3 .text .m1 strong {font-size: 2.2rem;}
.enl_introCont3 .text .m2 {font-size: 1.8rem; word-break: keep-all;}
.enl_introCont3 {background-attachment: initial; background-position: 20% center;}
.feaBox {flex-wrap: wrap;}
.feaBox .txt {flex: none; width: 100%;}
.feaBox .txt.t1 {padding-right: 0;}
.feaBox .txt.t1 .mid {margin-right: 0;}
.feaBox .txt.t2 .mid {margin-left: 0;}
.feaBox .txt .list {font-size: 1.6rem; margin-bottom: 2rem;}
.feaBox .img {font-size: 2rem;  width: 24rem; height: 24rem; margin: 3rem auto;}
.sptBox {padding: 6rem 0 0rem; margin-top: 1rem;}
.sptCont {flex-wrap: wrap;}
.sptCont .w50 {width: 100%;}
.sptCont .w50.wd1 {padding-right: 0; margin-bottom: 6rem;}
.sptCont .w50.wd2 {padding-left: 0;}
.sptCont .txt {font-size: 1.6rem; margin-bottom: 2rem;}
.sptCont .fea5 .m1 {font-size: 1.4rem;}
.sptCont .fea5 .m2 {font-size: 1.8rem;}
.sptCont .fea5 li {margin-bottom: 3rem;}
.newBusi2_c1 .m1 {font-size: 1.8rem;}
.newBusi2_c1 .m2 {font-size: 1.6rem;}
.newBusi2_c1 .img {margin-top: 3rem;}
.newBusi2_c2 {padding: 6rem 0 6rem; margin-top: 6rem;}
.newBusi2_c2 .cont1 {display: block;}
.newBusi2_c2 .cont1 .txt {padding-top: 0; margin-right: 0;}
.newBusi2_c2 .cont1 .m1 {font-size: 1.8rem;}
.newBusi2_c2 .cont1 .m2 {font-size: 1.6rem;}
.newBusi2_c2 .cont1 .sig {width: 24rem; margin: 3rem auto 0;}
.newBusi2_c2 .cont2 {margin-top: 4rem;}
.nEq ul {margin: 0 0;}
.nEq ul li {width: 100%; padding: 0 0;}
.nEq p {padding: 1rem 1rem;}
.nEtbl {margin-top: 2rem;}
.nEq .wrap,
.nEtbl .wrap {padding: 0 0;}
.nEtbl .tbl table td.td1 {font-size: 1.3rem; word-break: keep-all;}
.nEtbl .tbl table td {font-size: 1.2rem; padding: 7px 7px;}
.nBusi3_txt {font-size: 1.6rem;}


	
	
}



@media (max-width:640px) {

.ft_sns {top: 5.3rem;}
.open_ly .layer_ctt {width:90%;}
.layer-pop-wrap .pric_ta {height:38rem;}

.m_on {display:block;}
.pc_on {display:none;}

#wrapper {padding-top:6rem;}
#hd {height:6rem;}
.s_logo,
#m_gnb .m_logo a {height:6rem; line-height:6rem;}
.s_menu {width:6rem; height:6rem;}
.slide_btn {margin:1.5rem auto;}
#menu #cssmenu ul ul li a {padding:7px 15px; font-size:1.4rem;}
#sec1 {}
#sec1 .txt h2 {font-size:3.2rem; margin-bottom:3rem; padding:0 2rem; word-break:keep-all;}
#sec1 .txt p {font-size:2rem; word-break:keep-all;}
#sec1 .txt .m1 {padding:0 5rem;}
#sec1 .txt .m2 {}
#sec2 {padding-top: 5rem;}
.comm_pb18 {padding-bottom: 7rem;}
.main_h2 {font-size:2.5rem;}
.main_p1 {font-size:1.6rem; margin-top:1rem; word-break:keep-all;}
.sec2_arrb {bottom:auto; top:0.5rem;}
.sec2_sd {margin-top: 4rem;}
.sec2_sd .swiper-slide {width:23rem; padding-top: 3rem; height:29rem;}
.sec2_sd .swiper-slide-active {width:23rem; padding-top: 3rem; height:31.6rem;}
.main_best .w90 .int {width:100%;}
#sec4 .mv a {max-width: 85%;}
#sec5 .w50 .m2, #sec5 .w50 .m3 {font-size: 2.2rem;}
#sec5 .w51 {margin-top: 0; padding-bottom: 5rem;}
#sec6 {padding-top: 7rem;}
#sec6 .main_h2 {font-size:2.2rem;}
#sec6 .tab_dgn .tab_ul li {font-size:1.2rem; width:7rem;}
#sec6 .tab_dgn .tab_ul {top:-6px;}
.tab2_cont,
#sec6 .conBox {margin-top:1.5rem;}
.idx_lab .view_de_more {margin-top:1rem;}
.idx_lab .basic_li .cont a {font-size:1.6rem;}
.idx_lab .basic_li {padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
.idx_lab .basic_li .rv_list_ctt {}
.idx_lab .basic_li .rv_list_ctt span {margin-top:-5px;}
.main_map_info a {padding: 2.3rem 0; padding-left: 5rem;}
.main_map_info .txt .m1 {font-size:2rem;}
.main_map_info .txt .m2 {font-size:1.4rem;}
.main_map_info .ic {top: 3rem; left: 1rem;}
.main_map_info .lk {right:1.5rem;}
.sec7_sd {margin-top: 2rem;}
.sec7_sd .basic_li {width:26.6rem;}
.sec7_con {padding: 1rem 3rem;}
.sec7_con .rv_list_ctt {font-size: 1.4rem; line-height: 2.5rem; height:96px;}
.sec7_con .rv_list_name {font-size:1.4rem;}
#sec5 .w51 img {width:auto;}
#sec8 {padding:2rem 0;}

#sub_top h2 {font-size: 2.5rem; padding: 7rem 0;}

.sub_h2 {font-size:2rem; letter-spacing:-1px;}
.intro .abox .m1 {font-size:1.5rem; line-height: 2.7rem;}
.intro .bbox {margin-top: 4rem;}
.intro .cbox {margin-top: 5rem;}
.intro .cbox .le,
.intro .cbox .ri {width:100%;}
.intro .cbox .ic {margin-bottom:2rem;}
.intro .cbox p {font-size:1.8rem; line-height:3rem;}
.intro .cbox .le {margin-bottom:3rem;}
.intro .dbox {display:block; margin-top:7rem;}
.intro .dbox .txt {width:100%; padding-right:0; position:relative;}
.intro .dbox .img {width:100%; margin-top:7rem;}
.product_main .item p {font-size:2rem; letter-spacing:-1px;}
.product_main .slick-dots {bottom:-4.4rem; width:auto;}
.product_main .slick-prev, .product_main .slick-next {bottom: -8.2rem;}
.intro .ebox {font-size: 1.5rem; line-height: 3rem; margin-top: 7rem; padding-top: 3rem;}
.intro .fbox {margin-top: 5rem;}

.vision .bbox .img img {height: 23rem;}
.vision .bbox .img .txt {font-size:1.8rem;}
.vision .bbox .img .lo1 {left: -19%; top: -3%;}
.vision .bbox .img .lo2 {right: -23%; top: 51%;}
.vision .bbox .img .lo3 {bottom: -13%; left: 29%;}
.vision .cbox .list {min-height:auto;}
.vision .cbox .list .simb {width: 15rem; height: 15rem; line-height: 15rem; font-size: 1.8rem; margin: 0 auto; position: static;}
.vision .cbox .list .txt {margin-left:0;}
.vision .cbox .list .txt .in .ul1 li {height: 5rem; line-height: 5rem; margin-right: -1.5rem; width:36.333333%; font-size:1.5rem;}
.vision .cbox .list .txt .in .ul2 {margin-right:0; display:flex; height:6rem; align-items: center; justify-content: center;}
.vision .cbox .list .txt .in .ul2:before {display:none;}
.vision .cbox .list .txt .in .ul2 li {line-height: 2.2rem; word-break: keep-all; float: none; width: 33.333333%; height:auto; padding: 0 1rem;}
.vision_t .tbox .list .num {font-size: 3rem; top: -0.5rem;}
.vision_t .tbox .list .txt {padding-left: 5rem;}
.vision_t .tbox .list .txt .m1 {font-size:1.6rem; word-break: keep-all;}
.vision_t .tbox .list .txt .m2 {font-size:1.5rem; line-height:2.8rem;}
.vision_t .tbox .list .txt .m1 span {padding:2px 1rem 4px;}

.map .tab li {font-size:1.3rem; padding:1.2rem 0;}
.map .tab_con .tab_dv {margin-top: 3rem;}
.map .info .m1 {font-size:1.8rem;}
.map .info .m2 {font-size:1.3rem; margin-top:0.5rem; word-break:keep-all;}
.map .info .m3 {font-size:1.4rem; text-align:right; padding-right:1rem;}
.map .map_bx {height:40rem;}

.sub_s32 {font-size:1.8rem; line-height:3rem; word-break:keep-all;}
.busi1 .bbox .blk {display:inline-block;}
.busi1 .cbox {margin-top:2rem;}
.busi1 .dbox {margin-top:3rem;}
.sub_s28 {font-size:1.8rem; line-height:3rem;}
.sub_s28 .line:before {height:2px;}
.dot_list .le {width:100%;}
.dot_list .ri {width:100%;}
.dot_list p {font-size:1.5rem;}
.busi1 .fbox {margin-top: 5rem;}
.busi1 .fbox .m1 {font-size:1.4rem; word-break:keep-all;}
.busi1 .fbox .m2 {font-size:1.8rem;}

.sub_tab li a {font-size:1.3rem; padding:1.2rem 0;}

.busi2_txt {font-size:1.5rem;}

.busi2 .cbox .list .in-txt {width:35%;}
.busi2 .cbox .list ul {width:65%;}
.busi2 .cbox .list .in {padding:1.5rem;}
.busi2 .cbox .list h4 {font-size:1.6rem;}
.busi2 .cbox .list ul li {font-size:1.4rem; margin:0.3rem 0;}
.busi2 .cbox .list .ic img {height:4rem;}
.busi2 .cbox h3 {font-size:1.8rem;}
.busi2 .cbox h3 span {padding:2rem 0;}

.sub_tab {margin-bottom:3rem;}

.busi2_3 .bbox .tbl table th {font-size:1.4rem; padding:1.5rem 0;}
.busi2_3 .bbox .tbl .bg1 {font-size:1.5rem;}
.busi2_3 .bbox .tbl table td {font-size:1.3rem;}
.busi2_3 .bbox .tbl table td {padding:1.7rem 0.5rem; word-break:keep-all;}
.busi2_3 .bbox .tbl td.mg {padding:1.7rem 0;}
.busi2_3 .bbox .tbl .wline:after {display:none;}
.busi2_4 .abox {position:relative;}
.busi2_4 .abox .ic {width: auto;}
.busi2_4 .abox .ic img {height:7rem;}
.busi2_4 .abox .txt {font-size:1.8rem; line-height:3rem; width:auto; }
.busi3 .bbox .w50 .txt .num .s1, .cnt_sd .numb .n1, .product_main .item .num .s1 {font-size:3rem;}
.busi3 .bbox .w50 .txt .num .s2, .cnt_sd .numb .n2, .product_main .item .num .s2 {font-size:1.6rem;}
.busi2_4 .bbox .txt h3 {font-size:2rem; margin-bottom:3rem;}
.eq_sd .item {font-size:1.3rem; margin-bottom:1rem;}
.eq_sd .item .t1 {height:5rem;}
.eq_img .infop .s1 {font-size:1.3rem;}
.eq_img .infop .s2 {font-size:1.8rem;}
.busi2_4 .bbox.mgt {margin-top: 5rem;}

.busi3 .abox p, .busi3_txt p {font-size:1.5rem; word-break:keep-all;}
.busi3 .abox {margin-top: 3rem;}
.busi3 .abox li {width:50%; margin-bottom:3rem;}
.busi3 .abox ul:before {display:none;}
.busi3 .abox .ic img {height:10rem;}
.busi3 .bbox {margin-top: 3rem;}
.busi3 .bbox .w50 {width:100%;}
.busi3 .bbox .w50 .inw .txt_p h3 {font-size:1.6rem;}
.busi3 .bbox .w50 .inw .txt_p .pa p {font-size:1.4rem;}

body #bo_btn_top {float:none;}
body #bo_sch {float:none; width:auto; margin-top:2rem;}

.busi4 .abox .w50 {width:100%; padding-right:0;}
.busi4 .abox .w51 {padding-left:0; padding-top:3rem; width:100%;}
.busi4 .abox .cd_box {margin-top:3rem;}
.busi4 .abox .cd_box .list {padding:1.2rem 1.2rem;}
.busi4 .abox .cd_box .list .in {padding:1.5rem 1.5rem;}
.busi4 .abox .cd_box .list .m1 {font-size:1.8rem;}
.busi4 .abox .cd_box .list .m2 {font-size:1.5rem; margin-top:1.5rem;}
.busi4 .abox .cd_box .list .ic {margin-top:1rem;}
.busi4 .abox .cd_box .list .ic img {height:4rem;}
.busi4 .abox .w51 .i1 {display:none;}
.busi4 .bbox .m1 span {font-size:2rem;}
.busi4 .bbox .iList li {margin-right:2rem;}
.busi4 .bbox .iList li img {height:5rem;}
.busi4 .bbox .iList {margin:3rem 0;}
.busi4 .bbox .m2 {font-size:1.8rem; letter-spacing:-0.5px; word-break:keep-all;}

.busi5 .list .abox .item .pimg {padding-top:1.2rem; padding-left:1.2rem;}

.busi5 .list .abox .slick-prev {left:1.2rem;}
.busi5 .list .abox .slick-next {right:0;}
.busi5 .list .abox .slick-prev, .busi5 .list .abox .slick-next {background-color:rgba(0,0,0,0.5); background-size:1.7rem;}

.busi5 .sub_s32 {margin-bottom:3rem;}
.busi5 .list .info_wr {display:block;}
.busi5 .list .info_wr .tit {width:auto;}
.busi5 .list .info_wr .txt {width:auto;}
.busi5 .list .info_wr .tit .m2 {font-size:2rem; margin-bottom:1rem;}
.busi5 .list {margin-bottom:5rem;}
.busi5 .list .info_wr .txt p {padding-left: 1.7rem;}

#sub_ctt {padding-bottom:7rem;}

.pd_tab {margin:3rem 0;}
.pd_tab .list {margin:0 -2rem;}
.pd_tab .list li {float:left; width:20%; margin:0 0;}
.pd_tab .list .ic {width: auto; background-size: 4rem; height: 5rem;}
.pd_tab .list a {padding:0 0.5rem;}
.pd_tab .list p {font-size:1.3rem; word-break:keep-all;}
#pd_main .in {height:auto;}
#pd_main .in:after {content:''; display:block; clear:both;}
#pd_main .w100 .tbox {width:100%; padding-top:2rem;}
#pd_main .w100 .ibox {width:100%; padding-left:5rem; padding-right:5rem;}
#pd_main .ibox .i1 {margin-top: 3rem;}
#pd_main .tbox h2 {font-size:2rem;}
#pd_main .tbox p {font-size:1.4rem; margin-bottom:2rem;}
#pd_main .lk {font-size:1.2rem; width:12rem; height:3.5rem; line-height:3.5rem;}
#pd_main .list {margin:2rem 0;}
#pd_main .w50, #pd_main .w51 {width:100%; padding:0 0;}
#pd_main .w51 {margin-top:2rem;}
#pd_main .w50 .tbox {padding-top:2rem;}
#pd_main .ibox.pd5 {position:static; padding:0 3rem 3rem;}
#pd_main .tbox.m_w51 {width:100%; padding-top:2rem;}

.pic_lt_gr .gallery_li {}
.pic_lt_gr .gallery_li .lt_img img {padding:0 2rem;}
.pic_lt_gr .aLk, .main_best .w10 .pic_lt .aLk, .main_best .w90 .pic_lt .aLk {font-size:1.6rem; word-break:keep-all;}
.pic_lt_gr .gallery_li .bbs_ct {top:1rem; right:1rem;}
.pic_lt_gr .gallery_li:nth-child(2n+1) {clear:both;}

.rel_view ul {margin:0 -1rem;}
.rel_view ul li {width:50%; padding:0 1rem;}
.rel_view ul li .img {padding:2rem 2rem;}
.rel_view ul li h3 {font-size:1.6rem; word-break:keep-all;}
.rel_view ul li p {word-break:keep-all; font-size:1.3rem;}

.rel_you_wr .inbx {margin:0 -0.5rem;}
.you_v {padding:0 0.5rem; margin-bottom:3rem;}
.you_v a:before {width:4rem; height:4rem; margin-top:-2rem; margin-left: -2rem; background-size:100%;}

.sub_cate .wrap {padding:0 0;}
.lab1 .bbox {margin-top:3rem;}

.for_wr .nb .s1 {font-size:3.5rem;}
.for_wr .nb .s2 {font-size:1.8rem; margin-left: 1rem;}
.for_wr .nb {margin-bottom:-2rem;}
.for_wr .txt {padding:3rem 2rem 2.5rem;}
.for_wr .txt p {font-size:1.5rem; padding-left:2rem; line-height: 2.7rem; margin:0.3rem 0;}

.lab1_2 .cbox {margin-top:5rem;}
.lab1_2 .bbox .m_on {display:inline-block;}
.lab1_2 .cbox .tbl table th {font-size:1.5rem; padding:1.2rem 0.7rem;}
.lab1_2 .cbox .tbl table td {font-size:1.3rem; padding:1.2rem 0.7rem;}
.lab1_2 .cbox .tbl .td1, .lab1_2 .cbox .tbl .td2 {width: 8rem;}
.lab1_2 .cbox .tbl {margin-top:1rem;}

.lab1_3 .bbox ul li {width:100%;}
.lab1_3 .bbox .in dl dt {font-size:1.6rem;}
.lab1_3 .bbox .in dl dd {font-size:1.4rem; padding:1rem 1rem; line-height: 2.6rem; min-height:auto;}
.lab1_3 .bbox ul li {margin-bottom:3rem;}
.lab1_3 .bbox .in .img img {max-width: 60%; padding: 3rem 0;}

.lab1_4 .cbox {margin-top:7rem;}
.lab1_4 .cbox .le, .lab1_4 .cbox .ri {width:100%;}
.lab1_4 .cbox .le {margin-bottom:3rem;}

.lab_pt .img img {max-width: 55%;}
.lab_pt .img .p1 {font-size:1.8rem; margin-top:1rem;}
.lab_tbl1 {margin-top: 5rem;}
.lab_tbl1 .tb2 {padding:0 0.5rem;}
.lab_tbl1 table th {font-size:1.4rem; padding:1.5rem 1rem;}
.lab_tbl1 table td {font-size:1.4rem; padding:1.5rem 1rem;}
.lab_tbl1 .tb1 {width: 10rem; word-break: keep-all;}
.lab_ctt1 {margin-top: 5rem;}
.lab_tbl2 table th {font-size:1.6rem;}
.lab_tbl2 table td {font-size:1.4rem;}
.lab_ctt2 .le {width:100%;}
.lab_ctt2 .ri {width:100%; margin-top:3rem;}
.lab_ctt6 .dx .m1, .lab_ctt2 .p1 {font-size:1.6rem;}
.lab_ctt2 .img {margin-top:1rem;}
.lab_ctt2 {margin-bottom: 7rem}
.lab_ctt3 .le, .lab_ctt1 .p2 {width:100%;}
.lab_ctt3 .ri {margin:3rem 0;}
.lab_ctt4 .le, .lab_ctt4 .ri {width:100%;}
.lab_ctt5 .m2, .lab_ctt4 .m2 {font-size:1.4rem; word-break:keep-all;}
.lab_ctt4 .le {margin-bottom:1.5rem;}
.lab_ctt5 .le, .lab_ctt5 .ri {width:100%;}
.lab_ctt5 .ri {margin-top:2rem; text-align:center;}
.lab_ctt6 .cx p, .lab_ctt5 .ri p {font-size:1.4rem;}
.lang_bx {margin:1.15rem 0; right:7.5rem;}

.lab2_2 .lab_pt .img {width:100%;}
.lab2_2 .lab_pt .img img {max-width:100%;}
.lab_ctt3 .m1 {margin-top:3rem;}
.lab2_abox {margin-top:5rem;}
.lab_tit .s2:before {height:1.2rem;}
.lab3_2 .bbox .txt, .lab3_2 .abox .txt .infot, .lab_ctt6 .ax .ri .txt .m1, .lab_ctt6 .bx, .lab_ctt3 .m1, .lab_ctt3 .le {font-size:1.6rem; line-height: 2.8rem;}
.lab_ctt6 .bx { margin-top: 0;}
.lab_ctt6 .cx .le,
.lab_ctt6 .cx .ri {width:100%;}
.lab_ctt6 .cx .ri {margin-top:3rem;}
.lab_ctt6 .dx { margin-top: 5rem;}
.lab_ctt6 .dx .m1, .lab_ctt2 .p1 {word-break:keep-all;}
.lab2_bbox {margin-top:5rem;}
.lab_ctt6 .ax .ri .txt2 {margin-top:3rem;}
.lab_ctt6 .ax .ri .txt2 .m2 {font-size:1.6rem;}
.lab_ctt6 .sub_s32 {margin-bottom: 2rem;}
.lab3 .lab_ctt6 .ax {}
.lab3_ctt {margin-top: 5rem;}
.lab3_ctt .le {width:100%;}
.lab3_ctt .ri {width:100%; margin-top:3rem;}
.lab3_ctt .tit {font-size:1.6rem;}
.lab3_ctt .lab_tbl1 th, .lab3_ctt .lab_tbl1 td {font-size:1.4rem;}
.lab_ctt6 .ax .ri {margin-top:2rem;}
.lab3_2 .abox .txt .infot {margin-top:5rem; margin-bottom:3rem;}
.lab3_2 .abox {margin-bottom:3rem;}
.lab3_2 .bbox .b40 {width:100%; margin-top:1.5rem;}
.lab3_2 .cbox {padding-top: 5rem; margin-top: 5rem;}
.lab3_2 .cbox .tbl table th {padding: 1.2rem 1.2rem; font-size: 1.4rem; width: 7rem;}
.lab3_2 .cbox .tbl table td {padding: 1.2rem 1.2rem; font-size: 1.4rem;}
.lab3_2 .cbox .cx .tit {font-size:1.8rem;}
.lab3_2 .cbox .cx .le,
.lab3_2 .cbox .cx .ri {width:100%;}
.lab3_2 .cbox .cx .le {margin-bottom:2rem;}
.lab3_2 .cbox .b30.le {text-align:center;}
.lab3_2 .cbox .b30.le img {max-width:65%;}

.pd_nav_wr {font-size:1.4rem;}
.rel_txt {font-size:1.8rem; padding-left:1.2rem;}
.rel_txt:before {width:3px; height:1.5rem;}

body #bo_sch .sch_input {width:75%;}
#bbs_main #bo_v_link h2, #bbs_main #bo_v_file h2 {font-size:1.4rem;}
#bbs_main #bo_v_link a, #bbs_main #bo_v_file a {font-size:1.2rem;}
#bbs_main .bo_v_link_cnt, #bbs_main .bo_v_file_cnt {top:-3.5rem;}
#bbs_main #bo_v_link li .fa-link, 
#bbs_main #bo_v_file li .fa-link {position:absolute; top:10px; left:10px;}
#bbs_main #bo_v_link a, #bbs_main #bo_v_file a {margin-left:2rem;}

.req .top_txt .ic img {height:6rem;}
.req .top_txt .m1 {font-size:1.6rem; word-break:keep-all; padding:0 4rem;}


.__se_tbl td:first-child {width: 15% !important;}
.__se_tbl td {width: 25% !important;}

.__se_tbl1 tr:first-child td:first-child {width:30% !important;}
.__se_tbl1 td {width:auto !important;}

.__se_tbl3 tr:first-child td:first-child {width:35% !important;}
.__se_tbl3 td {width:33.33333% !important; font-size:1.3rem !important;}

.__se_tbl4 tr:first-child td:first-child {width:30% !important;}
.__se_tbl4 td {width:50% !important; font-size:1.3rem !important;}

.__se_tbl5 tr:first-child td:first-child {width:30% !important;}
.__se_tbl5 td {width:50% !important; font-size:1.3rem !important;}

.__se_tbl5 p, 
.__se_tbl4 p, 
.__se_tbl1 p, 
.__se_tbl3 p, 
.__se_tbl5 p span, 
.__se_tbl4 p span, 
.__se_tbl1 p span, 
.__se_tbl3 p span {font-size: 1.3rem !important;}

.hd_pops {top: 7rem !important; left: 2rem !important; right: 2rem !important;}
.hd_pops_con {width:100% !important; height:auto !important;}

.main_best .w90 .pic_lt .lt_img {padding: 4rem 0 2rem;}
.main_best .w10 .pic_lt .lt_img img,
.main_best .w90 .pic_lt .lt_img img {max-width:70%;}

.hd_pops_con iframe {width:100%;}

.event_frm .w50 .rec_list,
.event_frm .w33 .rec_list {width:100%;}
.adrs .btn_frmline,
.comm_ipt {height:4.5rem; font-size:1.4rem;}
.event_frm .cont_agree .tc_agree {font-size:1.4rem;}
#bbs_main.event {margin-top:3rem;}
.event_frm {margin-top: 3rem;}
.event_frm .send_btn {margin-bottom: 7rem; margin-top:5rem;}

.qk_side {right:1rem; width:3rem; top:auto; margin:0; bottom:2rem;}
.qk_side ul li a {width:3rem; height:3rem; line-height:3rem;}
.qk_side .txt {display:none;}
.qk_side ul li {margin:5px 0;}
.qk_side .li1 a {border-radius:5px;}
.qk_side .li1 a img {height:auto; margin:0; padding: 5px;}
.qk_side .li3 {}
.qk_side .li3 img {height: 3rem;}
.qk_side ul li img {display:flex !important; justify-content: center; align-items: center; margin: 0 auto;}
.vs_h2 {font-size: 3rem;}
.vs_h2 span:before {height: 1rem;}
.abu_box .txt {font-size: 2rem; line-height: 3rem; letter-spacing: -1px;}
.abu_box .list3 .ic img {height: 5rem;}
.abu_box .list3 p {font-size: 1.4rem; margin-top: 1.5rem;}
.voj_box,
.osv_box {margin-top: 7rem;}
.osv_box .cont ul li {width:100%; margin-bottom:3rem;}
.osv_box .cont .img img {height: 30rem; object-fit: cover;}
.osv_box .cont .txt {padding:1.5rem 0;}
.osv_box .cont .txt .m1 {font-size:2rem;}
.osv_box .cont .centxt {text-align:left;}
.osv_box .cont .bt .list .s1 {font-size:1.8rem; width: 7rem;}
.osv_box .cont .bt .list .s2 {font-size:1.6rem;}
.osv_box .cont .bt .list {padding:1.5rem 2rem;}
.voj_box .cont .num {font-size:2rem; width:5rem; height:5rem; line-height:5rem; top:4px;}
.voj_box .cont .num:after {left:21px;}
.voj_box .cont .txt {padding-left: 7rem;}
.voj_box .cont .txt h3 {font-size: 2rem;}
.voj_box .cont .txt p {font-size:1.6rem;}

.popup {top: 7rem; left: 0; right: 0; margin: 0; width: auto; padding: 1rem 1rem;}
.popup .row_t .m1 {font-size: 2rem;}
.popup .row_t .m2 {font-size: 1.6rem;}
.popup .row_t .m2 b {font-size: 2rem;}
.popup .row_t .m3 {margin-top: 2rem; font-size: 1.5rem;}
.popup .row_t .m4 {font-size: 1.5rem; word-break:keep-all;}
.popup .row_t .m5 {margin-top: 0.5rem;}
.popup .row_t .tbl table th {font-size: 1.4rem;}
.popup .row_t .tbl .p1 {font-size: 1.2rem;}












}