@charset "utf-8";
@font-face {
  font-family:"AppleSDGothicNeoB";
  src:url("../font/AppleSDGothicNeoB.ttf");
}
@font-face {
  font-family:"AppleSDGothicNeoL";
  src:url("../font/AppleSDGothicNeoL.ttf");
}
@font-face {
  font-family:"AppleSDGothicNeoM";
  src:url("../font/AppleSDGothicNeoM.ttf");
}
@font-face {
  font-family:"AppleSDGothicNeoR";
  src:url("../font/AppleSDGothicNeoR.ttf");
}

@font-face {
  font-family:"HelveticaNeueB";
  src:url("../font/HelveticaNeueLTPro-Bd.otf");
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em; font-family:'Montserrat','AppleSDGothicNeoR', sans-serif;background:#fff; overflow-x:hidden;max-width:1920px; margin:0 auto;}
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:'Montserrat','AppleSDGothicNeoR', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

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

textarea, select {font-family:'Montserrat','AppleSDGothicNeoR', sans-serif;font-size:1em}
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;
}

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

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

.placeholdersjs {color:#aaa !important}
.hide {display:none !important;}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

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

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

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

#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

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

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

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


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


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

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

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

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

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

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

#container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

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

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {width:56px;height:56px; border:none; color:#333; text-align:center; font-size:15px; z-index:90; background:transparent;}
#top_btn_f {width:56px;height:56px; border:none; color:#333; text-align:center; font-size:15px; z-index:90; background:transparent; display: block; margin-bottom:10px;}

/*#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}*/

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

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

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height: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:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;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:bold;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;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

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

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-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:#1d7dcc;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover { }
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

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

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding: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:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.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:#1d7dcc;border-color:#1d7dcc;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#1d7dcc;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:bold;font-size:1.083em}

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

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

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

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

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

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

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




/*****************************************
****************************************** core
******************************************/
.clearfix:after{content:""; display:block; clear:both;}

.inner_box{position:relative; width:100%; margin: 0 auto;}
.cen570{position:relative; width:90%; max-width:570px; margin: 0 auto;}
.cen768{position:relative; width:90%; max-width:768px; margin: 0 auto;}
.cen1350{position:relative; width:90%; max-width:1350px; margin: 0 auto;}
.cen1200{position:relative; width:90%; max-width:1200px; margin: 0 auto;}
.cen1400{position:relative; width:90%; max-width:1400px; margin: 0 auto;}
.cen1600{position:relative; width:90%; max-width:1600px; margin: 0 auto;}

.wcen570{position:relative; width:100%; max-width:570px; margin: 0 auto;}
.wcen768{position:relative; width:100%; max-width:768px; margin: 0 auto;}
.wcen1200{position:relative; width:100%; max-width:1200px; margin: 0 auto;}
.wcen1350{position:relative; width:100%; max-width:1350px; margin: 0 auto;}
.wcen1400{position:relative; width:100%; max-width:1400px; margin: 0 auto;}
.wcen1800{position:relative; width:100%; max-width:1800px; margin: 0 auto;}

.sound_only{display:none;}
.hidden1280 {}
.visible1280 {display:none;}

.hidden1280 {}
.visible1280 {display:none !important;}
.hidden1024 {}
.visible1024 {display:none !important;}
.hidden900 {}
.visible900 {display:none !important;}

.hidden768 {}
.visible768 {display:none;}
.hidden570 {}
.visible570 {display:none;}
.hidden480 {}
.visible480 {display:none !important;}


.ftc_white{color:#fff;}
.ftc_black{color:#000;}
.ftc_2a2a2a{color:#2a2a2a;}
.ftc_00712f {color:#1d7dcc; font-family:'AppleSDGothicNeoB';}


.ftw100{font-weight:100;}
.ftw200{font-weight:200;}
.ftw300{font-weight:300;}
.ftw400{font-weight:400;}
.ftw500{font-weight:500;}
.ftw600{font-weight:600;}
.ftw700{font-weight:700;}
.ftw800{font-weight:800;}

.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:60px;}
.mgb70{margin-bottom:70px;}
.mgb90{margin-bottom:90px;}

.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt90{margin-top:90px;}




/*****************************************
****************************************** main common
******************************************/
.main_title_wr{margin-bottom:60px; position:relative;}
.main_title_wr .num{font-size:24px; font-weight:400;}
.main_title_wr .cate{font-size:24px; font-weight:400; letter-spacing:-0.5px;}
.main_title_wr .tit {font-size:60px; font-weight:bold; margin-bottom:15px;word-break: keep-all;}
.main_title_wr .text{font-size:20px; font-weight:400; color:#767676; letter-spacing:-.5px;}
.main_title_wr .tit .main_tit_point {width:18px; height:18px; margin-left:10px; border:5px solid #1d7dcc; border-radius:100%; display:inline-block;}

.main_title_wr .view_more_wr {position:absolute; right:0; bottom:0;}
.main_title_wr .view_more_wr a {display:block; background-color:#1d7dcc; border-radius:25px; color:#fff; font-size:15px; padding:13px 30px; font-family:'AppleSDGothicNeoB';}
.main_title_wr .view_more_wr a img {vertical-align:unset; margin-left:5px;}

.comname_text {font-family:"HelveticaNeueB";}

/*****************************************
****************************************** sub common
******************************************/
.sub_title_wr{padding: 80px 0 40px;}
.sub_title_wr p.num{font-size:24px; font-weight:400;}
.sub_title_wr p.cate{font-size:24px; font-weight:400; letter-spacing:-0.5px;}
.sub_title_wr h3.title{font-size: 60px; margin-top: 0px;}
.sub_title_wr p.text{margin-top:60px; font-size: 22px; font-weight: 300;}
.sub_title_wr .sub_right_wr{position:absolute;}
.sub_contents_wr {padding:200px 0 150px;}

.sub_visual_wr {position:relative; margin-top:50px;}
.sub_visual_box .vis_img_wr img {width:100%;}
.sub_visual_box .vis_text_wr {color:#fff; position:absolute; width:100%; text-align:center; top:calc(50% + 45px); left:50%; transform:translate(-50%,-50%);}
.sub_visual_box .vis_text_wr .tit {font-size:50px; font-family:'AppleSDGothicNeoB'; word-break:keep-all; width:90%; margin:0 auto;}
.sub_visual_box .vis_text_wr .sub_tit {font-size:20px; padding-top:10px;}

.breadcrumb_wr{position:relative; width:100%; height:80px; border-bottom:1px solid #eee;z-index:1;background-color:#F9F9F9;z-index:9;}
.breadcrumb{max-width:1200px; margin:0 auto; height:100%; width:90%;}
.breadcrumb-ul{width:100%; height: 100%;}
.breadcrumb-ul::after{content:"";display:block; clear:both;}
.breadcrumb-li{float:left; /*border-right:1px solid #eee;*/ height:100%; font-size:18px; width:180px; margin-right:50px;}

.breadcrumb-ul.en .breadcrumb-li.home {width:70px; height:100%;}
.breadcrumb-ul.en .breadcrumb-li {width:250px;}
.breadcrumb-ul.en .breadcrumb-li:last-child {width:300px;}

/*.breadcrumb-ul.en .breadcrumb-li p.tit {text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}*/
/*.breadcrumb-ul.en .breadcrumb-li02 p.tit.donwOn{background:url('../images/breadcrumb_arrow.png') no-repeat 95% 85%;}*/

.breadcrumb-li:last-child {margin-right:0;}
.breadcrumb-li.home{position:relative; /*border-left:1px solid #ddd;*/width:70px; text-align:center; margin-right:0; height:100%;}
.breadcrumb-li.home a{display:block; width:100%; height:100%; }
.breadcrumb-li.home img{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.breadcrumb-li p.tit{height:100%; box-sizing:border-box; padding-top:30px; padding-left:10px;cursor:pointer; /*font-weight:600;*/ }
.breadcrumb-li p.tit span {text-overflow:ellipsis;
overflow:hidden;
display: -webkit-box;
            -webkit-line-clamp:1; 
            -webkit-box-orient: vertical;
}

/*.breadcrumb-li p.bdColor{border-bottom:3px solid #ddd; }*/
.breadcrumb-li02 p.tit.donwOn{background:url('../images/breadcrumb_arrow.png') no-repeat 95% 52%;}
.breadcrumb-li02 p.tit.donwOn.bdColor {color:#1d7dcc; font-family:'AppleSDGothicNeoB'}
.sub-breadcrumb{border: 1px solid #eee;border-top:none; background-color:#fff;display:none;}
.sub-breadcrumb li {padding: 5px 10px; font-size:16px; border-top:1px solid #eee; line-height:40px; }
.sub-breadcrumb li a{display:block; width:100%; height:100%; color:#666; transition:.2s}
.sub-breadcrumb li:hover a{color:#1d7dcc; font-weight:600; transition:.2s}

/*****************************************
****************************************** header
******************************************/
#sub_hd_wr {border-bottom:1px solid rgba(255,255,255,.1);}
.header {position:fixed; top:50px; left:0; width:100%; z-index:9999; height:100px; line-height:100px; transition:all .3s;}
.header .logo_wr {position:absolute; width:12.5%; top:50%; transform:translateY(-50%);}

/* 220221 */
.top_hd {position:fixed; top:0; height:50px; z-index:99; background:#1d7dcc; width:100%; text-align:center; line-height:50px;}
.top_hd:before {content:""; position:absolute; left:0; bottom:0; background:url('../images/hd_top_bg01.svg') no-repeat center; background-size:contain; width:1920px; height:50px; z-index:-1;}
.top_hd:after {content:""; position:absolute; right:0; top:0; background:url('../images/hd_top_bg01.svg') no-repeat center; background-size:contain; width:1920px; height:50px; z-index:-1;}
.top_hd .text {display:inline-block; color:#fff; font-size:16px; margin-right:30px;}
.top_hd a {font-size:14px; color:#fff; padding:7px 10px; border-radius:30px;  border:2px solid #fff; background-color:#fd7455;}
.header .logo_wr img {width:150px;}



.header .main_nav_wr {position:absolute; left:15%; /*top:50%; transform:translateY(-50%);*/}
.header .main_nav_wr > ul {position:relative;}
.header .main_nav_wr ul > li {float:left; margin-right:60px; position:relative;}
.header .main_nav_wr ul > li:last-child {margin-right:0px;}
.header .main_nav_wr ul > li > a {color:#fff; font-size:16px; font-family:'AppleSDGothicNeoM'; display:block;}
.header .right_menu {position:absolute; right:0; /*top:50%; transform:translateY(-50%);*/}
.header .right_menu ul > li {float:left;}
.header .right_menu ul > li.lang_wr {margin-right:25px;}
.header .right_menu ul > li.lang_wr img {margin-left:5px;}
.header .right_menu ul > li > a {color:#fff; font-size:15px;}
.header.on {height:80px; line-height:80px; background-color:rgba(255,255,255,.9); transition:all .3s; box-shadow: 5px 5px 5px rgb(0 0 0 / 3%);}
.header.on .main_nav_wr ul > li > a {color:#000;}
.header.on2 {height:100px;  line-height:100px; }
    
	
.header .main_nav_wr > ul > li .sub_nav_bg {border-top:1px solid #ddd; position:fixed; width:100%; height:0; left:0; opacity:0; transition:all .3s; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
.header .main_nav_wr > ul > li:hover .sub_nav_bg {height:70px; opacity:1; transition:all .3s;}

.header .main_nav_wr > ul > li .sub_nav_wr {position:absolute; top:100px; left:0%; /*transform: translateX(-50%);*/ max-width:initial; width:100vw; text-align:left; height:0; line-height:70px; z-index:0;  opacity:1; transition: all .3s; overflow: hidden;}
.header .main_nav_wr > ul > li:hover .sub_nav_wr {opacity:1; height:70px; line-height:70px; transition:all .3s; /*box-shadow:2px 2px 5px rgba(0,0,0,0.05);*/}
.header .main_nav_wr .sub_nav_wr > li {display: inline-block; float:none;}
.header .main_nav_wr .sub_nav_wr > li a {color:#191919 !important; font-size:15px;}
.header .main_nav_wr .sub_nav_wr > li:hover a {color:#1d7dcc !important; font-weight:bold;}
.header .main_nav_wr .sub_nav_wr > li a:hover {color:#1d7dcc;}
.header .main_nav_wr > ul > li .sub_nav_bg:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.9); z-index: -1;}

.header.on .main_nav_wr > ul > li .sub_nav_wr {top:100px;}
.header .main_nav_wr ul > li:hover > a {color:#1d7dcc !important; font-weight:bold;}
.header .main_nav_wr ul > li > a .underline {opacity: 1; width: 0%; height:2px; background-color:#1d7dcc; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 3; transition: all .2s;}
.header .main_nav_wr ul > li:hover > a .underline {width:100%;}

.header .main_nav_wr ul > li.bara_li:hover > a {color:#171666 !important;}
.header .main_nav_wr ul > li.bara_li:hover > a .underline {background-color:#171666;}


.header .right_menu ul > li.lang_wr{margin-right:10px;}
.header .right_menu ul > li > a img{margin-left:15px;transition:all .3s;}
.header .right_menu .lang_wr > a{color:#fff;background:rgba(229,229,229,.2);border-radius:30px;font-weight:500;padding:13px 19px;/*transition:all .3s;*/}
.header .right_menu .family_wr > a{color:#fff; background:rgba(255,255,255,.5);border-radius:30px;font-weight:500;padding:13px 19px; /*transition:all .3s;*/}
.header .right_menu .ham_btn_wr {cursor:pointer; position:initial;}


.header .right_menu ul > li {position:relative;}
.header .right_menu ul > li .lang_sub_wr,.header .right_menu ul > li .family_sub_wr {display:none; position:absolute; left:50%; transform:translateX(-50%); top:70px; padding:10px 0; text-align:center; background-color:#E5E5E5; width:100%; /* width:calc(100% - 1px); */ border-radius: 15px;}
.header .right_menu ul > li .family_sub_wr {background-color:#1d7dcc;}
.header .right_menu ul > li .lang_sub_wr > li,.header .right_menu ul > li .family_sub_wr > li {line-height:initial; float:none;}
.header .right_menu ul > li .lang_sub_wr a {font-size:15px; color:#999; padding-bottom: 5px; display: inline-block; }
.header .right_menu ul > li .lang_sub_wr li:last-child a{ padding-bottom: 0; }
.header .right_menu ul > li .family_sub_wr a {font-size:15px; color:#fff; padding-bottom:5px; display:inline-block;}
.header .right_menu ul > li .family_sub_wr li:last-child a {padding-bottom:0;}
.header .right_menu .lang_wr.on > a { position:relative;}
/*.header .right_menu .lang_wr.on > a:after {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:80%; height:1px; background-color:#ddd;}*/
.header .right_menu ul > li.lang_wr.on img {transform:rotate(-180deg);}

.header .right_menu .family_wr.on > a { position:relative;  /*transition:all .3s;*/ background-color: #1d7dcc;}
.header .right_menu ul > li.family_wr.on img {transform:rotate(-180deg);transition:all .3s;}
.header .right_menu ul > li.family_wr.on {position:relative; }
/*.header .right_menu ul > li.family_wr.on:after {content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80%; height:1px; background-color:#ddd;transition:all .3s;}*/


.header.on .right_menu ul > li .lang_sub_wr,.header.on .right_menu ul > li .family_sub_wr {top:70px;}
.header.on2 .right_menu ul > li .lang_sub_wr,.header.on2 .right_menu ul > li .family_sub_wr {top:80px;}

.header .cen1600 {height:100%;}

/*****************************************
****************************************** ham_btn
******************************************/
.header .ham_btn {position:absolute; top:50%; transform:translateY(-50%); right:0;}
.header .ham_btn span {display:block; width:24px; height:2px; background-color:#fff; margin-bottom:6px;}
.header .ham_btn span:last-child {margin-bottom:0; width:13px; float:right;}
.header.on .ham_btn span {background-color:#000;}
#sub_header .ham_btn span {background-color:#000;}


.ham_menu_wr {/*position:fixed; width:100%; height:100%; left:0; top:0;  overflow-y: scroll;*/ position:relative; z-index:9999; transition:all .5s;}
.ham_menu_wr .inner_box{height:100%;}
.ham_menu_wr .ham_bg {opacity:0; /*transition:all .5s;*/ position:fixed; top:0; right:0; width:0%; height:100%; background-color:rgba(0,0,0,.6);}
.ham_menu_wr .ham_bg.on {opacity:1; width:100%; /*transition:all .5s;*/}
.ham_menu_box{height:100%; max-width:85%; position:fixed; right:-100%; top:0; width:100%; transition:all .5s; background:url('../images/ham_bg_ailu.png') no-repeat right bottom #fff; background-size:contain;}
/*.ham_menu_box:after {content:""; background:url('../images/ham_bg_ailu.png') no-repeat right bottom; background-size:contain; width:321px; height:245px; position:absolute; bottom:0; right:0;}*/
.open {right:0; transition:all .5s;}
.ham_logo_wr{position:relative; width:100%; height:80px; line-height:80px; margin:0 auto; border-bottom: 1px solid #F1F1F1; padding:0 5%;}
.ham_logo{position:absolute; left:5%; top:50%; transform:translateY(-50%);}
.ham_logo img {width:200px;}
.ham_logo_wr .logo img {width:150px;}
.ham_close {position:absolute; right:5%; top:50%; transform:translateY(-50%);}
.ham_close span {position:absolute; right:5%; top:3.5%; width:32px; height:2px; background-color:#000;}

/* 헤더 햄버거 아코디언 서브 메뉴 */
.ham_menu{width:100%; margin:0 auto;}
.gnb_al_ul {z-index: 1;}
.gnb_al_ul .sub_menu {/*padding-left:10px;*/ display: none; background-color:#F9F9F9; padding:20px 5%; width:100%;}
.gnb_al_ul a {display: block;}

.gnb_al_ul > li{/*padding:30px 40px; border-bottom:1px solid #ddd;*/}
.gnb_al_ul .item_has_children > a {position: relative; text-transform: uppercase; font-size:18px; color:#191919; font-weight:500; padding:20px 5%; background-color:#fff;}
.gnb_al_ul .item_has_children .sub_menu a{color:#191919; padding-top:20px; font-size:15px; /*padding-left:10px;*/}
.gnb_al_ul .item_has_children .sub_menu li:first-child a {/*margin-top:30px;*/ padding-top:0;}
.gnb_al_ul .item_has_children > a.submenu_open {color:#1d7dcc; font-weight:bold;}
.gnb_al_ul .item_has_children > a::after {
  content: '';
  display: block;
  width:17px;
  height:10px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
  background: url("../images/ham_arrow.svg") no-repeat center center;
  background-size:17px 10px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.gnb_al_ul .item_has_children > a:last-child:after {background:none;}
.gnb_al_ul .item_has_children > a.submenu_open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  background:url("../images/ham_arrow_on.svg") no-repeat center center;
  background-size:17px 10px;
}

.gnb_al_ul .item_has_children00 > a {position: relative; text-transform: uppercase; font-size:18px; color:#191919; font-weight:500; padding:20px 5%;}
.gnb_al_ul .item_has_children00 > a::after {display:none;}

.ham_menu_box .ham_bt_wr {position:absolute; left:0; bottom:0; /* width:100%; */ padding:30px 0; padding-left:5%; background-color:#fff; z-index:-1;}
.ham_menu_box .ham_bt_wr li {float:left; margin-right:15px;}
.ham_menu_box .ham_bt_wr li a {font-size:18px;}
.ham_menu_box .ham_bt_wr li a.on {color:#1d7dcc; font-weight:bold;}

/*****************************************
****************************************** main_common
******************************************/
.main_contents_wr {padding:150px 0;}

   
.view_btn {width:148px; height:47px; border:0; position:relative; border-radius:25px; color:#fff; background:#008cff; cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.view_btn .text {transition:all .3s; left:-5px;}
.view_btn .text, .view_btn .icon-container {position: relative; z-index: 2; font-size:15px; color:#fff;font-family: 'AppleSDGothicNeoB'; line-height:1; top:1px;}
.view_btn .icon-container {position: relative; margin-left: 15px; transition: transform 500ms ease;}
.view_btn .icon-container .icon {position:absolute; left:-10px; top:50%; transform: translateY(-50%); width:21px; height:13px; transition: transform 500ms ease, opacity 250ms ease;}
.view_btn .icon-container .icon--left {transform: translate(-200%,-50%);  opacity: 0;}
.view_btn .icon-container .icon img {width: 100%; height: 100%; fill: #fff; vertical-align:super;}
.view_btn::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#1d7dcc; border-radius:25px; z-index: 1; transition: transform 500ms ease;}
.view_btn:hover::after {transform: translateX(68%);}
.view_btn:hover .icon-container {transform: translateX(125%);}
.view_btn:hover .icon-container .icon--left {transform: translate(28%,-50%); opacity: 1;}
.view_btn:hover .icon-container .icon--right {transform: translate(200%,-50%); opacity: 0;}
.view_btn:hover .text {margin-left:-10%; transition:all .3s;}
.view_btn:hover .icon-container .icon {left:0;}
#main_cont02_wr .btn-container,#main_cont04_wr .btn-container,#main_banner_wr .btn-container {position:absolute; right:0; bottom:0;}
#main_cont03_wr .view_btn {margin: 130px auto 0;}
#main_cont03_wr .view_btn .text,#main_banner_wr .view_btn .text {color:#1d7dcc;}
#main_cont03_wr .view_btn::after,#main_banner_wr .view_btn::after {background-color:#fff;}
#main_cont03_wr .view_btn:hover .text,#main_banner_wr .view_btn:hover .text {color:#fff;}
#main_banner_wr .view_btn:hover .icon-container .icon--left {transform: translate(65%,-50%); opacity: 1;}

body.en .view_btn:hover .icon-container .icon--left {transform: translate(0%,-50%);}
body.en #main_banner_wr .view_btn:hover .icon-container .icon--left {transform: translate(25%,-50%);}

body.en #sub_jobs_wr .view_btn:hover .icon-container .icon--left {transform:translate(30%,-50%);}




/**/
/*
body::-webkit-scrollbar {display:none; width:10px;}
body::-webkit-scrollbar-thumb { background-color::#dbdbdb;}
body::-webkit-scrollbar-track { background-color:#fff;}

라인바가 생겨서 이상함

*/ 



/*****************************************
****************************************** main-visual
******************************************/
#main_visual_wr .vis_img_wr img {width:100%;}
#main_visual_wr .vis_text_wr {position:absolute; top:50%; transform:translate(-50%,-50%); color:#fff; max-width: 1600px; width:90%; left: 50%;}
#main_visual_wr .vis_text_wr .tit {padding-bottom:20px; font-size:80px; word-break:keep-all;}
#main_visual_wr .vis_text_wr .text {font-size:20px; word-break:keep-all;}
#main_visual_wr .swiper_btn_wr {position: absolute; width:90%; top: 33.5%; max-width: 1600px; left: 50%; transform:translateX(-50%); z-index:10;}
#main_visual_wr .swiper_btn_wr .swiper-pagination {width:auto; margin-left:10px;}
#main_visual_wr .swiper_btn_wr .swiper_play_btn_wr {padding-left:100px; position:relative;}
#main_visual_wr .swiper_btn_wr .swiper_play_btn {position:absolute; cursor:pointer;}
#main_visual_wr .swiper_btn_wr .swiper-button-play {display:none;}
#main_visual_wr .swiper-pagination-bullet {background: #DBDBDB; opacity: 1;width: 5px; height: 5px; position:relative; margin-right:20px;}
#main_visual_wr .swiper-pagination-bullet:before {content:"";    position: absolute; width:400%; height:400%; border: 1px solid transparent; border-radius: 100%; top:50%; left:50%; transform:translate(-50%,-50%);}
#main_visual_wr .swiper-pagination-bullet-active {background-color:#1d7dcc;}
#main_visual_wr .swiper-pagination-bullet-active:before {border: 1px solid #1d7dcc;}

#main_visual_wr {position:relative;}
#main_visual_wr .scroll_wr {position:absolute; bottom: 0; max-width: 1600px; width: 100%; left: 50%; transform:translateX(-50%); z-index:10;} 
#main_visual_wr .scroll_wr .scroll_text {color:#fff; font-size:10px; transform:rotate(-90deg); display:inline-block; position: relative; top:-73px;}
#main_visual_wr .scroll_wr .scroll_text:before {content:""; position: absolute; width: 25px; height: 1px; background: #fff; top: 50%; transform: translateY(-50%); left: -40px;}

#main_visual_wr .vis_text_wr.en .tit {font-size:68px;}

/*****************************************
****************************************** main_cont01_wr
******************************************/
#main_cont01_wr {position:relative;}
#main_cont01_wr .main_cont01_bg {background:url('../images/main_sec1_bg.png') no-repeat; background-size:100%; position:absolute; width:100%; height:100%; left:0; top:0; background-size: cover;}
#main_cont01_wr .product_tabs .list00 {float:left;}
#main_cont01_wr .product_tabs .list00 a {display:block; color:#999; font-size:18px; padding:10px 15px;}
#main_cont01_wr .product_tabs .list00.on a {background-color:#1d7dcc; border-radius:30px; color:#fff;}
#main_cont01_wr .main_tab_box {padding-bottom:60px;}
#main_cont01_wr .mySwiper_tabs a {font-size:14px;}

#main_cont01_wr .mySwiper .swiper-slide {text-align:center; width:auto;}
#main_cont01_wr .mySwiper .swiper-slide .pro_img_wr {margin-bottom:20px; background:#fafafa;}
#main_cont01_wr .mySwiper .swiper-slide .pro_img_wr img {width:100%;}
#main_cont01_wr .mySwiper .swiper-slide .pro_text_wr .pro_name {font-size:18px;}
#main_cont01_wr .tabs_main_conts_box .swiper-wrapper {margin-bottom:60px;} 
#main_cont01_wr .swiper-container-horizontal>.swiper-pagination-progressbar, #main_cont01_wr  .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {top:initial;}
#main_cont01_wr .tabs_main_conts_box .swiper-pagination-progressbar {background: #f1f1f1;}
#main_cont01_wr .tabs_main_conts_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#1d7dcc;}
#main_cont01_wr .tabs_main_conts_box .swiper-button-prev, #main_cont01_wr .tabs_main_conts_box .swiper-container-rtl .swiper-button-next {left:-25px; background:url('../images/icon_swiper_prev.svg') no-repeat; width:47px; height:47px;}
#main_cont01_wr .tabs_main_conts_box .swiper-button-next, #main_cont01_wr .tabs_main_conts_box .swiper-container-rtl .swiper-button-prev {right:-25px; background:url('../images/icon_swiper_next.svg') no-repeat; width:47px; height:47px;}
#main_cont01_wr .tabs_main_conts_box .swiper-button-next:after, #main_cont01_wr .tabs_main_conts_box .swiper-container-rtl .swiper-button-prev:after {content:"";}
#main_cont01_wr .tabs_main_conts_box .swiper-button-prev:after, #main_cont01_wr .tabs_main_conts_box .swiper-container-rtl .swiper-button-next:after{content:"";}
#main_cont01_wr .product-tab-content {position:relative;}
#main_cont01_wr .product-tab-content .btn_wr {position: absolute; width: 100%; top:43%; /*transform: translateY(-50%);*/ z-index: 10;} 

/*****************************************
****************************************** main_cont02_wr
******************************************/
#main_cont02_wr {position:relative;}
#main_cont02_wr .main_cont02_bg {position:absolute; width:100%; height:610px; background-color:#F8F8F8; left:0; top:0px;}
#main_cont02_wr .main_cont02_wr img {width:100%;}




/*****************************************
****************************************** main_cont03_wr
******************************************/
#main_cont03_wr { overflow:hidden; transition: all .3s;position:relative;width:100%;}
#main_cont03_wr .main_title_wr {text-align:center; color:#fff;}
#main_cont03_wr .main_title_wr .text {color:#fff;}
#main_cont03_wr .main_title_wr .tit .main_tit_point {border:5px solid #fff;}
#main_cont03_wr .view_more_wr {text-align:center; margin-top:130px;}
#main_cont03_wr .view_more_wr a {display:inline-block; background-color:#fff; border-radius:25px; color:#1d7dcc; font-size:15px; padding:13px 30px; margin:0 auto;font-family:'AppleSDGothicNeoB';}
#main_cont03_wr .view_more_wr a img {vertical-align:unset; margin-left:5px;}
#main_cont03_wr .back_wr{width:100%;position:absolute;top:0;left:0;}
#main_cont03_wr .list00 {float:left; width:33.333%; padding:0 30px; position:relative; cursor:pointer;}
#main_cont03_wr .list00:after {content: ""; position: absolute; width: 1px; height: 200vh; left: 0; top: -230%; background-color: rgba(255,255,255,.1);}
#main_cont03_wr .list00 .img_wr {position: absolute;; top:0; left: 30px; }
#main_cont03_wr .list00 .img_wr:after {content: ""; position: absolute; width:2px; height:100%; left:-31px; top:0; background-color:#fff;}
#main_cont03_wr .list00 .text_wr {color:#fff; padding-top: 86px; }
#main_cont03_wr .list00 .text_wr .tit {font-size:28px; padding-bottom:30px; font-family:'AppleSDGothicNeoB'; }
#main_cont03_wr .list00 .text_wr .text {font-size:16px; word-break:keep-all;}

/*****************************************
****************************************** main_cont04_wr
******************************************/
#main_cont04_wr .list00 {float:left; width:32%; margin-right:2%;}
#main_cont04_wr .list03 {margin-right:0;}
#main_cont04_wr .list00 .img_wr {margin-bottom:20px;}
#main_cont04_wr .list00 .img_wr img {width:100%;}
#main_cont04_wr .list00 .text_wr .tit {font-size:24px; font-family:'AppleSDGothicNeoB'; margin-bottom:20px; text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
#main_cont04_wr .list00 .text_wr .text {font-size:16px; color:#767676; margin-bottom:30px; text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp:3;  -webkit-box-orient: vertical;     font-family: 'AppleSDGothicNeoR';}
#main_cont04_wr .list00 .text_wr .date {font-size:16px; font-weight:500;}

#main_cont04_wr .swiper-slide .text_wr .text {color:#767676;}


#main_cont04_wr .swiper-pagination-progressbar {background-color:#f1f1f1;}

/*****************************************
****************************************** main_banner_wr
******************************************/
#main_banner_wr {background:/*url('../images/main_banner_bg.png') no-repeat*/ #1d7dcc; padding:70px 0; position:relative;}
#main_banner_wr .back_wr img {position:absolute;bottom:0;right:0; width:100%;}
#main_banner_wr .view_more_wr {position:absolute; right:0; bottom:0;}
#main_banner_wr .view_more_wr a {display:inline-block; background-color:#fff; border-radius:25px; color:#1d7dcc; font-size:15px; padding:13px 30px; margin:0 auto; font-family:'AppleSDGothicNeoB';}
#main_banner_wr .view_more_wr a img {vertical-align:unset; margin-left:5px;}
#main_banner_wr .text_wr {color:#fff; font-family:'AppleSDGothicNeoM';}
#main_banner_wr .text_wr .sub_tit {font-size:16px; padding-bottom:20px;}
#main_banner_wr .text_wr .tit {font-size:30px; /*padding-bottom:20px;*/}


/*****************************************
****************************************** sub_company.php
******************************************/
#sub_company_wr{ background-image: url("../images/sub_company_bg02.png"); background-repeat: no-repeat; background-position: -1% 100.5%;}
#sub_company_wr .sub_company_box00 .left_wr{ float: left; width:51.5%; padding-right:3%;}
#sub_company_wr .sub_company_box00  .right_wr{ float: left; width:48.5%; }
/*#sub_company_wr .sub_company_box00 .right_wr img{ width: 100%; }*/
#sub_company_wr .sub_company_box00 .tit{ font-size: 46px; color: #191919; line-height:1; /* font-weight:600; */ font-family:"AppleSDGothicNeoB"; padding-bottom: 70px; letter-spacing: -0.25px; }
#sub_company_wr .sub_company_box00 .tit span{ font-family:'Montserrat'; font-weight: 600; }
#sub_company_wr .sub_company_box00 .sub_tit{font-family:"AppleSDGothicNeoB00";  font-size: 30px; color: #191919;  letter-spacing: -0.25px; padding-bottom: 32px; line-height: 1.5; }
#sub_company_wr .sub_company_box00 .sub_tit span{ color: #1d7dcc; }
#sub_company_wr .sub_company_box00 .text{ font-family:"AppleSDGothicNeoR"; font-size: 16px; letter-spacing: -0.4px; color: #191919; padding-bottom: 37px; word-break:keep-all; line-height:1.5;}
#sub_company_wr .sub_company_box03 .text{ padding-bottom: 0; }
#sub_company_wr .sub_company_box00 .ceo{ font-family:"AppleSDGothicNeoM"; font-size: 18px; letter-spacing: -0.25px; color: #191919; }
#sub_company_wr .sub_company_box00 .ceo .name{ font-family:"AppleSDGothicNeoB00"; font-size: 26px; letter-spacing: -0.25px; color: #191919; }
#sub_company_wr .sub_company_box02{ margin:  126px 0 130px; background-image: url("../images/sub_company_bg01.png"); background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; padding: 115px 0 100px; }
#sub_company_wr .sub_company_box02 .con_wr { display: flex; justify-content: center;: }
#sub_company_wr .sub_company_box02 .con_wr .left_wr{ margin-right: -20px; position: relative; }
#sub_company_wr .sub_company_box02 .con_wr .right_wr{ margin-left: -20px; position: relative; }
#sub_company_wr .sub_company_box02 .con_wr .text_wr{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%; }
#sub_company_wr .sub_company_box02 .con_wr .text_wr .tit{ font-size: 30px; font-weight: 600; line-height: 1;  padding-bottom: 21px; letter-spacing:-0.25px; }
#sub_company_wr .sub_company_box02 .con_wr .text_wr .text{ font-family:"AppleSDGothicNeoR"; font-size: 18px; line-height: 1.44; letter-spacing:-0.25px;  word-break:keep-all;}
#sub_company_wr .sub_company_box02 .con_wr .left_wr .tit, #sub_company_wr .sub_company_box02 .con_wr .left_wr .text{ color: #191919; width:100%; margin:0 auto;}
#sub_company_wr .sub_company_box02 .con_wr .right_wr .tit, #sub_company_wr .sub_company_box02 .con_wr .right_wr .text{ color: #fff; }
#sub_company_wr .sub_company_box00 .sub_tit{ word-break: keep-all; }

/* 220217 */
#sub_company_wr .sub_company_box01 .top_wr {background:url('../images/sub_company_topbg.png') no-repeat left top #f5fafd; background-size:contain; border-radius:5px; padding:60px 0; margin-bottom:50px;}
#sub_company_wr .sub_company_box01 .top_wr .inbox {width:75%; margin:0 auto;}
#sub_company_wr .sub_company_box01 .top_wr .sub_tit {font-size:26px; word-break:keep-all; line-height:1.5; /*font-weight:bold;*/ padding-right: 10px; }
#sub_company_wr .sub_company_box01 .top_wr .left_wr img {margin-bottom:20px;}

#sub_company_wr .sub_company_box00 .top_wr .left_wr{ float: left; width:72.222%;}
#sub_company_wr .sub_company_box00 .top_wr .right_wr{ float: left; width:27.778%;}

/*****************************************
****************************************** sub_history.php
******************************************/


/*****************************************
****************************************** sub_contactus.php
******************************************/
#sub_contactus_wr { background-image: url('../images/sub_company_bg02.png'); background-repeat: no-repeat; background-position: 1% 97%;}
#sub_contactus_wr .map_wr { width: 100%;  }
#sub_contactus_wr .map_wr .map{ height: 550px;}
#sub_contactus_wr .map_info { padding: 38px 0; background-color: #F9F9F9; border-radius: 0 0 5px 5px; display: flex; justify-content: space-evenly;}
#sub_contactus_wr .map_info .info00{ position: relative; }
#sub_contactus_wr .map_info img{ width: 46px; position: absolute; top: 50%; left:0; transform: translateY(-50%); }
#sub_contactus_wr .map_info .text{ padding-left: 61px;  font-size: 18px; letter-spacing: -0.25px; color: #191919; line-height: 1; }
#sub_contactus_wr .map_info .text a{ color: #191919; font-family:"AppleSDGothicNeoR"; }
#sub_contactus_wr .map_info .text span{ font-family:"AppleSDGothicNeoB00"; color: #008cff; }
#sub_contactus_wr .cont_title_wr .title{ padding-bottom: 50px; }
#sub_contactus_wr .map_wr .map{ height: 100% !important; }
#sub_contactus_wr .tab_btn_wr{ margin-bottom: 36px; }
#sub_contactus_wr .tab_btn_wr .map_btn{ height: 38px; line-height: 40px; text-align: center; border-radius: 50px; font-family:"AppleSDGothicNeoM"; font-size: 18px; color: #999999; letter-spacing: -0.25px; cursor: pointer; float: left; margin-right: 5px; padding: 0 20px; }
#sub_contactus_wr .tab_btn_wr .map_btn.on{ background-color: #1d7dcc; color: #fff; transition: 0.2s; }
#sub_contactus_wr .tab_btn_wr .map_btn:hover{ background-color: #1d7dcc; color: #fff; transition: 0.2s; }
#sub_contactus_wr .map_wr{ height: 550px;  display:flex;}
#sub_contactus_wr .map_wr img{height:100%;margin-right:1%;}
#sub_contactus_wr .map_wr00{ display: none; }
#sub_contactus_wr .map_wr00.on{ display: block; }



/*****************************************
****************************************** sub_customer.php
******************************************/
#sub_customer_wr {/*background-color:#F6F6F6;*/}
.sub_contents_wr .sub_tit_wr .sub_tit {font-size:30px; padding-bottom:20px; font-family:"AppleSDGothicNeoB";}
.sub_customer_box .customer_cont00 li {float:left; width:18.4%; margin-right:2%; margin-bottom:20px;}
.sub_customer_box .customer_cont00 li img {width:100%;}
.sub_customer_box .customer_cont00 li:nth-child(5n) {margin-right:0;}
.sub_customer_box .customer_cont02 li {margin-bottom:0px;}
.sub_customer_box .customer_cont01 li.list21,.sub_customer_box .customer_cont01 li.list22 {margin-bottom:0px;}
.sub_customer_box .customer_cont01 {padding-bottom:80px; position:relative;}
.sub_customer_box .customer_cont02 {padding-top:80px;}
.sub_customer_box .customer_cont01:after {content:""; position:absolute; top:-250px; left:50%; transform:translateX(-50%); width: 100vw; height: calc(100% + 250px); background-color: #f6f6f6; z-index: -1;}


/*****************************************
****************************************** sub_hall.php
******************************************/
#sub_hall_wr .cont_title_wr {background:url('../images/icon_quotation_bg.png') no-repeat top center;}
#sub_hall_wr .cont_title_wr .title {font-size:40px; text-align:center; padding-bottom:140px;}
.sub_hall_box .hall_cont00 {background-color:#F7FBF8; border-radius:5px; padding:50px;}
.sub_hall_box .hall_cont00 .list00 {float:left; width:26.181%; margin-right:2.72%;}
.sub_hall_box .hall_cont00 .list03,.sub_hall_box .hall_cont00 .list04 {margin-right:0;}
.sub_hall_box .hall_cont00 .list02 {width:42.198%;}
.sub_hall_box .hall_cont00 .list04 {width:100%; margin-top:45px;}
.sub_hall_box .hall_cont00 .list00 img {width:100%;}
.sub_hall_box .hall_cont00 .list00 .text_wr {text-align:center; font-size:20px; padding-top:17px; color:#1d7dcc; font-family:'AppleSDGothicNeoB';}
.sub_hall_box .hall_cont00 .list00 .text_wr p{word-break:keep-all;}

/*****************************************
****************************************** sub_jobs.php
******************************************/
.sub_jobs_box {position:relative;display:flex;justify-content: space-between;}
.sub_jobs_box .text_wr {width:65%; background:url('../images/sub_jobs_ailu.png') no-repeat bottom right #f5fafd; padding:140px 0 160px 220px; border:1px solid #CCE0F0; border-radius:5px;margin-left:20px;}
.sub_jobs_box .text_wr .tit {font-size:34px; font-family:'AppleSDGothicNeoB'; padding-bottom:15px; width:90%; word-break:keep-all;}
.sub_jobs_box .text_wr .text {font-size:18px; width:90%; word-break:keep-all;}
.sub_jobs_box .text_wr .btn_wr {margin-top:100px; max-width:150px; text-align:center;}
.sub_jobs_box .text_wr .btn_wr a {display:block; font-size:15px; background-color:#1d7dcc; border-radius:25px; color:#fff; padding:15px 0;}
.sub_jobs_box .text_wr .btn_wr a img {margin-left:10px;}
.sub_jobs_box .img_wr { max-width:600px;width:calc(35% + 200px);margin-right:-200px;z-index:1;position:relative;}
.sub_jobs_box .img_wr img {width:100%;position:absolute;top:50%;transform:translateY(-50%);}


.sub_jobs_box .view_btn .text {font-size:15px;}
.sub_jobs_box .btn-container {margin-top:100px;}

/*****************************************
****************************************** sub_network.php
******************************************/
#sub_network_wr .sub_network_box01{ display: flex; }
#sub_network_wr .sub_network_box01 .left_wr{ float: left; width:48.333%; padding-right:20px;}
#sub_network_wr .sub_network_box01 .right_wr{ float: right; width:51.667%; overflow:hidden; position:relative;}
#sub_network_wr .sub_network_box01 .left_wr > li{ border-bottom: 1px solid #F1F1F1; padding:35px 0; padding-left:10px; position: relative; cursor: pointer;}
#sub_network_wr .sub_network_box01 .left_wr > li .company_view{width: 80px; position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
#sub_network_wr .sub_network_box01 .left_wr > li .company_view img{width:100%;}
#sub_network_wr .sub_network_box01 .left_wr > li:first-child{ border-top: 2px solid #191919; }
#sub_network_wr .sub_network_box01 .left_wr > li .icon{ width: 33px; position: absolute; top: 50%; left:0; transform: translateY(-50%); }
#sub_network_wr .sub_network_box01 .left_wr .company{font-family:"AppleSDGothicNeoB00"; font-size: 22px; letter-spacing: -0.25px; color: #191919; line-height: 1; display: block;}
#sub_network_wr .sub_network_box01 .left_wr .company span{ font-family:'Montserrat'; font-weight: 600; }
#sub_network_wr .sub_network_box01 .left_wr .next{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 39px; height: 39px; border-radius: 50px; background-color: #DBDBDB; }
#sub_network_wr .sub_network_box01 .left_wr .next img{ position: absolute; top: 50%; left: 52%; transform: translate(-50%,-50%); width: 9px; }
#sub_network_wr .sub_network_box01 .left_wr .viewmore{ position: absolute; top: 50%; transform: translateY(-50%); right:40px; font-family:"AppleSDGothicNeoB00"; font-size: 15px; color: #1d7dcc; letter-spacing: -0.25px; border-bottom: 1px solid #1d7dcc; display:none;}
#sub_network_wr .sub_network_box01 .left_wr .viewmore img {margin-left:15px; position:absolute; top:50%; transform:translateY(-50%);}
#sub_network_wr .sub_network_box01 .left_wr li.on .company{ color: #1d7dcc; }
#sub_network_wr .sub_network_box01 .left_wr li:hover .company{ color: #1d7dcc; }
#sub_network_wr .sub_network_box01 .left_wr li.on .viewmore{ display: block; }
#sub_network_wr .sub_network_box01 .left_wr li.on .next{ background-color: #1d7dcc; transition: all 0.3s ease; }
#sub_network_wr .sub_network_box01 .left_wr li:hover .next{ background-color: #1d7dcc; transition: all 0.3s ease; }
#sub_network_wr .sub_network_box01 .right_wr .map_wr{ width: 100%; height: 100%; }
#sub_network_wr .sub_network_box01 .right_wr .map_wr iframe{ height: 100%; }
#sub_network_wr .root_daum_roughmap .wrap_map{ height: 100%; }
.sub_network_popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%;  z-index: 10000; display: none; }
.sub_network_popup .netpopup_bg{ position:absolute; display: block; top:0; left: 0;  width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.sub_network_popup .netpopup_wr{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 38px 41px; background-color: #fff; border-radius: 5px; max-width:555px; width:90%;}
.sub_network_popup .popup_company{ font-family:"AppleSDGothicNeoB00"; font-size: 26px; color: #191919; letter-spacing: -0.25px;  padding-bottom: 14px; border-bottom: 1px solid #191919; }
.sub_network_popup .popup_company span{ font-family:'Montserrat'; font-weight: 600; }
.sub_network_popup .close_btn { position: absolute; top: 38px; right: 41px ;  cursor: pointer; }
.sub_network_popup .close_btn img{ width: 39px; }
.sub_network_popup .info_wr { padding: 17px 0 0;}
.sub_network_popup .info_wr li{ padding-bottom: 10px; }
.sub_network_popup .info_wr li .tit{ float: left; width: 24.5%; font-family:"AppleSDGothicNeoB00"; font-size: 16px; letter-spacing: -0.25px; color: #191919; line-height: 1.3;}
.sub_network_popup .info_wr li .tit span{ font-family:'Montserrat'; font-weight: 600; }
.sub_network_popup .info_wr li .text{ float: right; width: 75.5%;font-size: 15px; letter-spacing: -0.25px; color: #191919; line-height: 1.3; word-break: keep-all; }
.sub_network_popup .info_wr li .text span{  font-family:"AppleSDGothicNeoR"; }


/* 220217 추가 */
#sub_network_wr .arrow {position:absolute; top:50%; transform:translateY(-50%); right:30px; transition:all .3s; opacity:0;}

#sub_network_wr .sub_network_box01 .left_wr li.on .arrow {opacity:1; right:20px;}
#sub_network_wr .right_btn_wr {position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
#sub_network_wr .right_btn_wr > li {float:left; margin-right:10px; position:relative; cursor:pointer; /* width:47px; height:47px; */}
#sub_network_wr .right_btn_wr .btn_list01 {background-color:#1d7dcc; border-radius:100%;}
#sub_network_wr .right_btn_wr .btn_list02 {background-color: #1d7dcc; border-radius: 24px; /* color: #fff; */ float: none; margin: 0 auto; text-align: center; width:178px; height:47px; line-height:47px; display: inline-block;}
#sub_network_wr .right_btn_wr > li .center { /* position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); */ color:#fff; font-size:15px;     font-family: 'AppleSDGothicNeoB'; display:block;}
#sub_network_wr .right_btn_wr > li .center img {margin-left:10px;}

/* 220221 추가 */
#sub_network_wr .sub_network_box01 .right_wr .company_view {max-height:470px; overflow: hidden;}
#sub_network_wr .ko_text {font-family:"AppleSDGothicNeoR" !important;}

/*#sub_network_wr .sub_network_box01 .right_wr .company_view > img {width:100%;}*/

@media (hover: hover) {
  #sub_network_wr .sub_network_box01 .left_wr li:hover .arrow {transition:all .3s; opacity:1; right:20px;}
}

/*****************************************
****************************************** sub_mold.php
******************************************/
#sub_mlod_wr .sub_mlod_box01 .left_wr { float: left; width:50%; }
#sub_mlod_wr .sub_mlod_box01 .left_wr .cont_title_wr .title{ padding-bottom: 46px; }
#sub_mlod_wr .sub_mlod_box01 .left_wr .text01{ font-family:"AppleSDGothicNeoR"; font-size: 30px; letter-spacing: -0.25px; color: #191919; padding-bottom: 40px; }
#sub_mlod_wr .sub_mlod_box01 .left_wr .text01 span{ font-family:"AppleSDGothicNeoB00"; color: #1d7dcc; }
#sub_mlod_wr .sub_mlod_box01 .left_wr .text02 { font-family:"AppleSDGothicNeoM"; font-size: 18px; letter-spacing: -0.25px; color: #191919; word-break: keep-all; line-height:1.5;}
#sub_mlod_wr .sub_mlod_box01 .right_wr{ float: right; width: 39%; background-color: #f5fafd; border-radius: 5px; padding: 40px 0; text-align: center;  }
#sub_mlod_wr .sub_mlod_box01 .right_wr img { margin-bottom: 30px; }
#sub_mlod_wr .sub_mlod_box01 .right_wr .text{ font-family:"AppleSDGothicNeoM";  font-size: 16px; letter-spacing: -0.25px; color: #191919; }

/*****************************************
****************************************** sub_design.php
******************************************/
#sub_design_wr .sub_design_box01 { }
#sub_design_wr .sub_design_box01 .left_wr{ float: left; width: 60%; }
#sub_design_wr .sub_design_box01 .right_wr{ float: right; width: 40%; text-align: right; } 
#sub_design_wr .sub_design_box01 .left_wr .tit{  font-family:"AppleSDGothicNeoB00"; font-size: 34px; letter-spacing: -0.25px; padding-bottom: 40px; word-break:keep-all;}
#sub_design_wr .sub_design_box01 .left_wr .tit span{ color: #1d7dcc; }
#sub_design_wr .sub_design_box01 .left_wr .text{  font-family:"AppleSDGothicNeoR"; font-size: 18px; letter-spacing: -0.25px; color: #191919; word-break:keep-all;width:100%;padding-right:8%; line-height:1.5;}
#sub_design_wr .sub_design_box01 .left_wr .text span{   font-family:"AppleSDGothicNeoB00"; }
#sub_design_wr .sub_design_box01 .right_wr img{width:100%;}
#sub_design_wr .sub_design_box02 { padding: 125px 0; background-image: url("/images/sub_design_bg01.png"); background-repeat: no-repeat; background-size: cover; margin: 130px 0 126px; }
#sub_design_wr .sub_design_box02 .cont_title_wr .title{ color: #fff; }
#sub_design_wr .sub_design_box02 .cont_title_wr .title .title_en{ font-family:'Montserrat'; font-size: 20px; font-weight: 400; }
#sub_design_wr .sub_design_box02 .step_wr li{ float: left; width: 22%; margin-right: 4%; position: relative; }
#sub_design_wr .sub_design_box02 .step_wr li .stet_bg{ width: 100%; }
#sub_design_wr .sub_design_box02 .step_wr li:nth-child(4), #sub_design_wr .sub_design_box02 .step_wr li:nth-child(5){ margin-right: 0; }
#sub_design_wr .sub_design_box02 .step_wr li:nth-child(n+1):nth-child(-n+4){ margin-bottom: 4.5%; }
#sub_design_wr .sub_design_box02 .step_wr li:nth-child(n+5):nth-child(-n+8){ float: right; }
#sub_design_wr .sub_design_box02 .step_box{ position: relative;  }
#sub_design_wr .sub_design_box02 .step_wr li .text_wr{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;  }
#sub_design_wr .sub_design_box02 .step_wr li .text_wr .step{ font-size: 13px; letter-spacing: -0.25px; font-weight: 500; color: #191919; padding-bottom: 20px; } 
/*#sub_design_wr .sub_design_box02 .step_wr li .text_wr img{ height: 66px; }*/
#sub_design_wr .sub_design_box02 .step_wr li .text_wr .line{   width: 118px; height: 1px; background-color: #DDDDDD; margin: 11px auto 15px; }
#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01{font-family:"AppleSDGothicNeoB00";  font-size: 16px; color: #191919; letter-spacing: -0.25px; width:80%; margin:0 auto; word-break:keep-all;}
#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01 .sub_text{ font-family:'Montserrat'; font-size: 13px;  font-weight: 400; color: #999999; }
#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01 .sub_text span{ font-family:"AppleSDGothicNeoR"; }
#sub_design_wr .sub_design_box02 .arrow_00{ position: absolute; transform: translate(-50%,-50%); }
/* step arrow */
#sub_design_wr .sub_design_box02 .arrow_01{ top: 23%; left: 24%; }
#sub_design_wr .sub_design_box02 .arrow_02{ top: 23%; left: 50%; }
#sub_design_wr .sub_design_box02 .arrow_03{ top: 23%; left: 76%; }
#sub_design_wr .sub_design_box02 .arrow_04{ top:50%; left: 89%; }
#sub_design_wr .sub_design_box02 .arrow_05{ top: 77%; left: 76%; }
#sub_design_wr .sub_design_box02 .arrow_06{ top: 77%; left: 50%; }
#sub_design_wr .sub_design_box02 .arrow_07{ top: 77%; left: 24%; }
/**/
#sub_design_wr .sub_design_box03{ margin-bottom: 123px; }
#sub_design_wr .sub_design_box03 .list_wr, #sub_design_wr .sub_design_box04 .list_wr{ width: 100%; display:flex;flex-wrap:wrap;}
#sub_design_wr .sub_design_box03 .list_wr li, #sub_design_wr .sub_design_box04 .list_wr li{ float: left; width: 18.5%; margin-right: 1.875%; }
#sub_design_wr .sub_design_box04 .list_wr li:nth-child(n+1):nth-child(-n+5){ margin-bottom: 50px; }
#sub_design_wr .sub_design_box03 .list_wr li:nth-child(n+1):nth-child(-n+5){ margin-bottom: 50px; }
#sub_design_wr .sub_design_box03 .list_wr li:nth-child(5n), #sub_design_wr .sub_design_box04 .list_wr li:nth-child(5n){ margin-right: 0; }
#sub_design_wr .sub_design_box03 .list_wr li img{ margin-bottom: 20px; width:100%;}
#sub_design_wr .sub_design_box03 .list_wr li .text{ font-family:"AppleSDGothicNeoM"; font-size: 18px; color: #191919; letter-spacing: -0.25px; }
#sub_design_wr .sub_design_box04 .list_wr li img{width:100%;}



/*****************************************
****************************************** footer
******************************************/
.location_wr {position:fixed; right:8.333%; bottom:60px; z-index:9998;}
.ft_box {display: flex;}
#footer {background-color:#F1F1F1; padding:70px 0 40px;}
#footer .ft_left_wr {width:70%; float:left; position:relative;}
#footer .ft_right_wr {width:30%; float:left; position:relative; text-align:right;}
#footer .ft_right_wr .family_site_wr {position:absolute; bottom:0; right:0;}
#footer .ft_right_wr .family_site_wr select {border:1px solid #DBDBDB; background-color:transparent; color:#999; font-size:15px; padding:15px; padding-right:80px;}
#footer .ft_left_wr .ft_top_wr {padding-bottom:35px;}
#footer .ft_left_wr .ft_top_wr li {float:left; margin-right:50px;}
#footer .ft_left_wr .ft_top_wr li:last-child {margin-right:0;}
#footer .ft_left_wr .ft_top_wr li a {font-size:16px; color:#999; display:inline-block;}
#footer .ft_left_wr .ft_top_wr li a:hover {color:#505050;}

#footer .ft_cont_wr {padding-bottom:50px;}
#footer .ft_cont_wr .num {font-weight:bold; font-size:26px; color:#505050; padding-bottom:30px;}
#footer .ft_cont_wr .text {font-size:15px; color:#999; padding-bottom:7px;}
#footer .ft_cont_wr .text02{ padding-bottom: 10px; }
#footer .ft_cont_wr .text span {display:inline-block; width:15px;}
#footer .ft_copy_wr .ft_copy {font-size:13px; color:#999;}

#footer .ft_left_wr .swiper-slide {width:auto;}

/*****************************************
****************************************** 서브페이지 공통
******************************************/

/* 공통 여백*/
.sub_contents_wr { padding: 120px 0 130px; }

/* 타이틀 */
.cont_title_wr .title{   font-family:"AppleSDGothicNeoB"; font-size: 46px; color: #191919; letter-spacing: -0.25px; line-height: 1.2; padding-bottom: 70px;  }


/*****************************************
****************************************** sub_product.php
******************************************/
#sub_product_wr {background:url('../images/sub_pro_bg.png') no-repeat right top; /*background-size:contain;*/ padding-bottom:0;}
#sub_product_wr .product_cont01_box {padding-bottom:110px; position:relative;}

#sub_product_wr .product_cont01_box:before {content:""; position:absolute; left:-33%; bottom:-10%; width: 820px; height: 150px; background:url('../images/sub_pro_bg00.png') no-repeat center; background-size:contain;}

#sub_product_wr .product_cont02_box {position:relative; background-color:#F9F9F9; padding:130px 0;}
.product_cont01_box .tabs_wr {padding-bottom:35px;}
.product_cont01_box .list00 {padding:10px 10px 8px; border-radius:20px; background-color:transparent; text-align:center;}
/*.product_cont01_box .swiper-slide {width:auto !important;}*/
.product_cont01_box .list00.on {background-color:#1d7dcc;}
.product_cont01_box .list00 a {font-size:18px; color:#999; display:block; font-family:'AppleSDGothicNeoM';}
.product_cont01_box .list00.on a {color:#fff;}
.product_cont01_box .left_wr {width:46%; float:left; padding-right:6%;}
.product_cont01_box .right_wr {width:54%; float:left; position:relative;}
.product_cont01_box .left_wr .tit {font-size:30px; font-weight:700; padding-bottom:20px;}
.product_cont01_box .left_wr .tit .ko_text {font-family:"AppleSDGothicNeoR";}
.product_cont01_box .left_wr .text {font-size:18px; word-break:keep-all;}
.product_cont01_box .right_wr .img_wr > div {float:left;}
.product_cont01_box .right_wr .img_wr .small_img_wr {position:absolute; width:27%; bottom:0;}
.product_cont01_box .right_wr .img_wr .small_img_wr li {margin-bottom:10px; position:relative; overflow:hidden;}
.product_cont01_box .right_wr .img_wr .small_img_wr li:last-child {margin-bottom:0;}
.product_cont01_box .right_wr .img_wr .small_img_wr li:hover:after {cursor:pointer; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:105%; height:105%; background:url('../images/small_bg.png') no-repeat center; background-size:contain;}


.product_cont01_box .right_wr .img_wr .small_img_wr li.on:after {cursor:pointer; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:105%; height:105%; background:url('../images/small_bg.png') no-repeat center; background-size:contain;}



.product_cont01_box .right_wr .img_wr .big_img_wr {width:100%; padding-left:27%; margin-left:1.5%;}
.product_cont01_box .right_wr .img_wr > div img {width:100%; cursor:pointer;}
.product_cont02_box .product-tab-content .swiper-button-prev, .product_cont02_box .product-tab-content .swiper-container-rtl .swiper-button-next {left:-25px; background:url('../images/icon_swiper_prev.svg') no-repeat; width:47px; height:47px;}
.product_cont02_box .product-tab-content .swiper-button-next, .product_cont02_box .product-tab-content .swiper-container-rtl .swiper-button-prev {right:-25px; background:url('../images/icon_swiper_next.svg') no-repeat; width:47px; height:47px;}
.product_cont02_box .product-tab-content .swiper-button-next:after, .product_cont02_box .product-tab-content .swiper-container-rtl .swiper-button-prev:after {content:"";}
.product_cont02_box .product-tab-content .swiper-button-prev:after, .product_cont02_box .product-tab-content .swiper-container-rtl .swiper-button-next:after{content:"";}
.product_cont02_box .tit_wr {padding-bottom:50px;}
.product_cont02_box .tit_wr .tit {font-size:30px; font-family:"AppleSDGothicNeoB";}
.product_cont02_box .product-tab-content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#1d7dcc;}
.product_cont02_box .product-tab-content .swiper-container-horizontal>.swiper-pagination-progressbar, .product_cont02_box .product-tab-content .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {background-color:#DBDBDB; top: initial; bottom:-55px;}
.product_cont02_box .product-tab-content .swiper-slide {text-align:center; background-color:#fff; padding:30px 0;}
.product_cont02_box .product-tab-content {padding-bottom:55px;}
.product_cont02_box .product-tab-content > div {position:relative;}
/*.product_cont02_box .product-tab-content .pro_img_wr {margin-bottom:40px;}*/
.product_cont02_box .product-tab-content .pro_img_wr img{width:100%;}
.product_cont02_box .product-tab-content .pro_name {font-size:18px; font-family:"AppleSDGothicNeoM";}
#sub_product_wr.sub_product10_wr {background:url('../images/sub_pro_bg01.png') no-repeat top right;}
.sub_product10_wr .product_cont01_box .list_wr .list {float:left; width:48%; margin-right:4%; margin-bottom:20px; position:relative;}
.sub_product10_wr .product_cont01_box .list_wr .list:nth-child(even) {margin-right:0;}
.sub_product10_wr .product_cont01_box .list_wr .list03,.sub_product10_wr .product_cont01_box .list_wr .list04 {margin-bottom:0;}
.sub_product10_wr .product_cont01_box .list_wr .list .img_wr img {width:100%}
.sub_product10_wr .product_cont01_box .list .text_wr {display:none; position:absolute; width:100%; height:100%; background-color:rgba(29,125,204,.2); top:0; left:0; z-index:1;}
.sub_product10_wr .product_cont01_box .list .text_wr .tit {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:30px; font-weight:700; text-align:center; width:100%;}
.sub_product10_wr .product_cont01_box .list .text_wr .tit img {display:block; margin:10px auto 0;}
.sub_product10_wr .product_cont01_box .list:hover .text_wr {display:block;}


.popup_wr {display:none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; z-index: 9998;}
.popup_wr .inner_box {position:initial;}
.popup_wr .bo_pop_bg { background: rgba(0,0,0,.3);position:fixed; width:100%; height:100%;left:0;top:0; z-index:9999;}
.popup_wr .popup_box {max-width:690px; width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:#fff; padding:40px 45px; border-radius:5px; overflow-y:auto; max-height:90%;z-index:10000;}
.popup_wr .popup_box .close_btn {position:absolute; right:45px; top: 40px;}
.popup_wr .popup_box .tit_wr .tit {font-size:30px; font-weight:700; padding-bottom:20px; display:inline-block;}
.popup_wr .popup_box .tit_wr .text {font-size:18px; font-weight:500; display:inline-block; padding-left: 10px;}
.popup_wr .popup_box .table_wr {border-top:2px solid #1d7dcc;}
.popup_wr .popup_box .table_wr table {width:100%; border-spacing:0px;}
.popup_wr .popup_box .table_wr table thead {background-color:#F7FBF8; border-radius:0 0 10px 10px;}
.popup_wr .popup_box .table_wr table thead th {font-size:15px; color:#1d7dcc; padding:20px 0;}
.popup_wr .popup_box .table_wr table tbody {text-align:center;}
.popup_wr .popup_box .table_wr table tbody tr:first-child td{background-color:#F7FBF8 !important;font-size:15px; color:#1d7dcc; padding:20px 0;font-weight:700;}
.popup_wr .popup_box .table_wr table tbody td {font-size:15px; padding:20px 0; border-bottom:1px solid #F1F1F1;}
.popup_wr .popup_box .table_wr .right_text {text-align:right; color:#999; padding-top:15px; font-size:14px;}


/* 220217 */
#sub_product_wr .product_cont02_box .swiper-wrapper {display:block;}
#sub_product_wr .product_cont02_box .swiper-slide {float:left; width:23.5%; margin-right:2%; margin-top:20px;}
#sub_product_wr .product_cont02_box .swiper-slide:nth-child(4n) {margin-right:0;} 
#sub_product_wr .product_cont02_box .swiper-slide:nth-child(1),#sub_product_wr .product_cont02_box .swiper-slide:nth-child(2),#sub_product_wr .product_cont02_box .swiper-slide:nth-child(3),#sub_product_wr .product_cont02_box .swiper-slide:nth-child(4) {margin-top:0;}

body.en .product_cont01_box .list00 {width:auto;}

/*****************************************
****************************************** sub_history.php
******************************************/

#sub_history_wr{  background-image: url("/images/sub_history_bg01.png"); background-repeat: no-repeat; background-position: -2% 59%; padding-bottom:0;}
#sub_history_wr .sub_history_box01{ position: relative; }
#sub_history_wr .sub_history_box01 img { width: 100%; }
#sub_history_wr .sub_history_box01 .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family:"AppleSDGothicNeoB"; font-size: 30px; color: #fff; letter-spacing: -0.25px; text-align: center;  width:100%;}
#sub_history_wr .sub_history_box02{ padding: 70px 0 128px; position: relative; }
#sub_history_wr .sub_history_box02 .right_box { float: right; width: 50%; padding-left: 30px; }
#sub_history_wr .sub_history_box02 .right_box li{ margin-bottom: 50px;  position: relative; }
#sub_history_wr .sub_history_box02 .right_box li:last-child{ margin-bottom: 0; }
#sub_history_wr .sub_history_box02 .right_box li:before{ display: block; content: ''; position: absolute; top: 16px; left: -15px; transform: translate(-50%,-50%); width: 0px; height: 0px; border-radius: 30px; border: 1px solid #1d7dcc; background-color: #F0F7F2; transition: all 0.3s ease;; } 
#sub_history_wr .sub_history_box02 .right_box li.on:before{ width: 18px; height: 18px;  transition: all 0.3s ease;  } 
#sub_history_wr .sub_history_box02 .right_box li.on .yyyymm{ color: #1d7dcc; transition: all 0.3s ease;}
#sub_history_wr .sub_history_box02 .right_box li .yyyymm{ font-weight: 600; color: #191919; font-size: 30px; letter-spacing: -0.25px; padding-bottom: 10px; position: relative; }
#sub_history_wr .sub_history_box02 .right_box li .yyyymm:before{ display: block; content: ''; position: absolute ; top: 9px; left: -15px; transform: translate(-50%,50%); width: 7px; height: 7px; border-radius: 10px; background-color: #1d7dcc; }
#sub_history_wr .sub_history_box02 .right_box li .text{ font-family:"AppleSDGothicNeoR"; font-size: 18px; color: #191919; letter-spacing: -0.25px; }
#sub_history_wr .sub_history_box02 .progress-container { display: block; width: 1px; height: 100%; background-color: #DBDBDB; position: absolute; top:0; left: calc(50% + 15px); }
#sub_history_wr .sub_history_box02 .progress-container .progress-bar { width: 2px; height: 0%; background-color: #1d7dcc; position: absolute; top:0; left: 50%; transform: translateX(-50%); max-height: 100%; transition: all 0.4s ease; }



/*****************************************
****************************************** sub_laboratory.php
******************************************/

#sub_laboratory_wr .text_wr .tit{ font-family:"AppleSDGothicNeoB"; font-size: 30px; color: #191919; letter-spacing: -0.25px; padding-bottom:20px; position:relative; z-index:1;}
#sub_laboratory_wr .text_wr .tit span{ font-family:'AppleSDGothicNeoB'; /* font-weight:600; */}
#sub_laboratory_wr .text_wr .text{ font-family:"AppleSDGothicNeoM"; font-size: 18px; letter-spacing: -0.25px; color: #191919; word-break:keep-all; line-height:1.5;}

#sub_laboratory_wr .sub_laboratory_box02 .text_wr .tit span{ font-family:'Montserrat'; /* font-weight:600; */}


#sub_laboratory_wr .sub_laboratory_box01 {background:url('../images/laboratory_cont01_bg.png') no-repeat right top #f5fafd; padding:75px 0 130px;}
#sub_laboratory_wr .sub_laboratory_box01 .img_wr { padding: 40px 0; background-color:#CCE0F0; border-radius: 5px; margin-top: 50px; }
#sub_laboratory_wr .sub_laboratory_box01 .img_wr li{ float: left; width: 33.33%; text-align: center; position: relative; }
#sub_laboratory_wr .sub_laboratory_box01 .img_wr li:after{ position: absolute; top:50%; transform: translateY(-50%); right: 0; display: block; content: ''; width: 1px; height: 107%; background-color: #fff; }
#sub_laboratory_wr .sub_laboratory_box01 .img_wr li:last-child:after{ display: none; }
#sub_laboratory_wr .sub_laboratory_box01 .img_wr li img{margin-bottom:33px;}
#sub_laboratory_wr .sub_laboratory_box01 .img_wr li .text{ font-family:"AppleSDGothicNeoB"; font-size: 16px; color: #1d7dcc; letter-spacing: -0.25px; }
#sub_laboratory_wr .sub_laboratory_box01 .img_wr li .text span{/* font-family:'Montserrat'; */font-weight: 600;}
#sub_laboratory_wr .sub_laboratory_box02 {margin-top:125px;}
#sub_laboratory_wr .sub_laboratory_box02 .img_wr{ margin-top: 123px; width: 100%; text-align: center; }

/* 220217 */
#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit {padding-bottom:45px;}
#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit:after {content:""; position:absolute; width:45px; height:39px; background:url('/images/icon_quotes01.png') no-repeat center; background-size:contain; left:-20px; top:-20px; z-index:-1;}
#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit:before {content:""; position:absolute; width:45px; height:39px; background:url('/images/icon_quotes02.png') no-repeat center; background-size:contain; left:48%; bottom:30px; z-index:-1;}
body.en #sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit:before {left:90%; bottom:30px;}
#sub_laboratory_wr .text_wr .left_wr {float:left; width:calc(100% - 261px);}
#sub_laboratory_wr .text_wr .right_wr {float:left; width:216px; margin-left:45px; position:absolute; right:0; bottom:0;}
#sub_laboratory_wr .text_wr .right_wr .text {text-align:center; margin-top:20px;}

/*****************************************
****************************************** sub_sitemap.php
******************************************/
#sub_sitemap_wr {padding-top:270px; background:url('/images/sub_sitemap_bg.png') no-repeat right 104%;}
#sub_sitemap_wr .tit_wr {text-align:center; padding-bottom:50px;}
#sub_sitemap_wr .tit_wr .tit {font-size:46px;}
#sub_sitemap_wr .sub_sitemap_box {border-top:2px solid #191919;}
#sub_sitemap_wr .sitemap_li {border-bottom:1px solid #dbdbdb; padding:30px; position:relative;}
#sub_sitemap_wr .sitemap_li .left_wr {float:left; width:310px;}
#sub_sitemap_wr .sitemap_li .left_wr .tit {font-size:26px; font-family:'AppleSDGothicNeoB'; padding:15px 0;}
#sub_sitemap_wr .sitemap_li .right_wr {float:left; width:calc(100% - 310px);}
#sub_sitemap_wr .sitemap_li .right_wr .inbox {position:absolute; top:50%; transform:translateY(-50%);}
#sub_sitemap_wr .sitemap_li .right_wr ul > li {display:inline-block; margin-right:60px; vertical-align:middle; padding:15px 0;}
#sub_sitemap_wr .sitemap_li .right_wr ul > li a {font-size:18px; font-family:'AppleSDGothicNeoM'; transition:all .3s;}
#sub_sitemap_wr .sitemap_li .right_wr ul > li a:hover {color:#1d7dcc; /* font-family:'AppleSDGothicNeoB'; */ transition:all .3s; position:relative;}
#sub_sitemap_wr .sitemap_li .right_wr ul > li a:hover:before {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:1px; background-color:#1d7dcc; transition:all .3s;}


/*****************************************
****************************************** 
******************************************/
/*
body.en .ko {display:none !important;}
body.en .en {display:block !important;}
body.ko .ko {display:block !important;}
body.ko .en {display:none !important;}
*/
/*****************************************
****************************************** 
******************************************/
@media screen and (max-width:1680px){
	/*****************************************
	****************************************** header
	******************************************/
/*	.header .main_nav_wr > ul > li .sub_nav_wr {padding-left:16.5%;}*/
	#main_visual_wr .vis_text_wr.en .tit { font-size: 62px;}
}

@media screen and (max-width:1440px){
	/*****************************************
	****************************************** header
	******************************************/
	.header .main_nav_wr ul > li {margin-right:40px;}
	.header .main_nav_wr {left:15%;}

	/*****************************************
	****************************************** sub common
	******************************************/
	.sub_visual_box .vis_img_wr {position:relative; height:500px; overflow:hidden;}
	.sub_visual_box .vis_img_wr img {width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

	/*****************************************
	****************************************** main_visual
	******************************************/
	#main_visual_wr .vis_text_wr .tit {font-size:70px;}
	#main_visual_wr .vis_text_wr.en .tit {font-size:58px;}
	#main_visual_wr .swiper_btn_wr {top:31%;}

}/*1440*/
@media screen and (max-width:1280px){
	.hidden1280 {display:none !important;}
	.visible1280 {display:block !important;}

	/*****************************************
	****************************************** header
	******************************************/
	.header .main_nav_wr ul > li {margin-right:30px;}
	.header .main_nav_wr {left:18%;}
	.header .main_nav_wr ul > li > a {font-size:15px;}
/*	.header .main_nav_wr > ul > li .sub_nav_wr {padding-left:21%;}*/
	.header .main_nav_wr .sub_nav_wr > li a {font-size:14px;}
	.header .right_menu ul > li > a {font-size:13px; padding:13px 15px !important;}

	.header.on .right_menu ul > li .lang_sub_wr, .header.on .right_menu ul > li .family_sub_wr {top:60px; width:100%;}

	.header .right_menu {padding-right:45px;}


	/*****************************************
	****************************************** sub common
	******************************************/
	.sub_visual_box .vis_text_wr .tit {font-size:46px;}

	/*****************************************
	****************************************** main_visual
	******************************************/
	#main_visual_wr .vis_text_wr .tit {font-size:70px;}
	#main_visual_wr .swiper_btn_wr {top:28%;}
	#main_visual_wr .vis_text_wr .tit {font-size:62px; padding-bottom:15px;}
	#main_visual_wr .vis_text_wr.en .tit {font-size:34px;}


	/*****************************************
	****************************************** index.php
	******************************************/
	.main_title_wr .tit {font-size:54px;}
	#main_cont01_wr .main_tab_box {padding-bottom: 50px;}
	.main_contents_wr {padding:130px 0;}
	#main_cont02_wr .main_cont02_bg {height:580px;}

	/*sub_jobs*/
	.sub_jobs_box .text_wr .tit{font-size:30px;}

	/*****************************************
	****************************************** sub_network.php
	******************************************/
	#sub_network_wr .sub_network_box01 .left_wr .company {font-size:20px;}
	#sub_network_wr .sub_network_box01 .left_wr {width:58%;}
/*	#sub_network_wr .sub_network_box01 .left_wr .viewmore {right:53px;}*/

	/*****************************************
	****************************************** sub_company.php
	******************************************/
	#sub_company_box > div{ display: flex; }
	#sub_company_box.sub_company_box01 > div { display:block; }
	#sub_company_wr .sub_company_box00 .left_wr{ padding-right: 10px; }
	#sub_company_wr .sub_company_box00 .right_wr{width: 45%; }
	#sub_company_wr .sub_company_box00 .text{ word-break: keep-all; }
	#sub_company_wr .sub_company_box00 .right_wr{ position: relative; }
	#sub_company_wr .sub_company_box00 .right_wr img{ position: absolute;  bottom:0; }
	#sub_company_wr .sub_company_box00 .sub_tit{ font-size: 26px; }


	
	#sub_company_wr .sub_company_box00 .top_wr .right_wr{ position: relative; }
	#sub_company_wr .sub_company_box00 .top_wr .right_wr img{ position: initial;  bottom:0; width:100%;}

	/*****************************************
	****************************************** sub_contactus.php
	******************************************/
	#sub_contactus_wr .map_info .text{ font-size: 16px; }

	/*****************************************
	****************************************** sub_mold.php
	******************************************/
	#sub_mlod_wr .sub_mlod_box01 .left_wr{width:55%;padding-right:5%;}
	#sub_mlod_wr .sub_mlod_box01 .right_wr{width:45%;}

	/*****************************************
	****************************************** sub_design.php
	******************************************/
	#sub_design_wr .sub_design_box01 .left_wr .tit{font-size:32px;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .step{padding-bottom:15px;}
/*	#sub_design_wr .sub_design_box02 .step_wr li .text_wr img{height:50px;}*/
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .line{margin:15px auto;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01 {font-size:15px;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01 .sub_text{font-size:12px;width: 50%; display: block;  margin: 0 auto; word-break: break-word;}

	/*****************************************
	****************************************** sub_sitemap.php
	******************************************/
	#sub_sitemap_wr .sitemap_li .left_wr .tit {font-size:22px; padding:10px 0;}
	#sub_sitemap_wr .sitemap_li .left_wr {width:230px;}
	#sub_sitemap_wr .sitemap_li .right_wr {width:calc(100% - 230px);}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li {margin-right:40px;}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li a {font-size:16px;}

}/*1280*/
@media screen and (max-width:1024px){
	.hidden1024 {display:none !important;}
	.visible1024 {display:block !important;}

	.hd_pops{ top:50% !important; left:50% !important; position:fixed !Important; transform:translate(-50%,-50%); width:80%;max-width:450px;}
	.hd_pops .hd_pops_con{width:initial !important;height:initial !important;}
	.hd_pops img{text-align:center;}
	.hd_pops_inbox p, .hd_pops_inbox span { font-size: 16px !important;}
	/*****************************************
	****************************************** sub common
	******************************************/
	.sub_visual_box .vis_img_wr {height:450px;}
	.sub_visual_box .vis_text_wr .tit {font-size:42px;}
	.sub_visual_box .vis_text_wr .sub_tit {font-size:18px;}

	.sub_contents_wr {padding:100px 0;}
	.cont_title_wr .title {font-size:40px;padding-bottom: 50px;}
	.sub_contents_wr .sub_tit_wr .sub_tit {font-size: 28px;}
/*	.breadcrumb{padding:0 5%;}*/

	/*****************************************
	****************************************** main_visual
	******************************************/
	#main_visual_wr .vis_text_wr .tit {font-size:54px;}
	#main_visual_wr .vis_text_wr .text {font-size:18px;}


	/*****************************************
	****************************************** index.php
	******************************************/
	.main_contents_wr {padding:100px 0;}
	.main_title_wr .tit {font-size:48px;}
	#main_cont01_wr .product_tabs .list00 a {font-size:16px;}
	.main_title_wr > .text {font-size:18px;}
	#main_cont02_wr .main_cont02_bg {height:550px;}
	#main_cont03_wr .list00 .text_wr .tit {font-size:24px; padding-bottom:20px;}
	#main_cont03_wr .list00 {padding:0 20px;}
	#main_cont03_wr .list00 .img_wr:after {left:-20px;}
	#main_cont03_wr .list00 .img_wr {margin-bottom:30px;}
	.main_title_wr {margin-bottom:50px;}
	#main_cont04_wr .list00 .text_wr .tit {font-size:20px; margin-bottom:15px;}
	#main_cont04_wr .list00 .text_wr .text {font-size:14px; margin-bottom:20px;}
	#main_banner_wr {padding:60px 0;}
	#main_banner_wr .text_wr .tit {font-size:26px;}


	/*****************************************
	****************************************** sub_product.php
	******************************************/
	.product_cont01_box .list00 a {font-size:16px;}
	.product_cont01_box .left_wr .tit {font-size:26px; word-break:keep-all;}
	.product_cont01_box .left_wr .text {font-size:16px;}
	#sub_product_wr .product_cont02_box {padding:100px 0;}
	.product_cont02_box .tit_wr .tit {font-size: 28px;}

	/* 220217 */
	.product_cont02_box .product-tab-content .pro_name {font-size:16px;}


	/* sub_jobs */
	.sub_jobs_box .text_wr .tit{font-size:26px;}
	.sub_jobs_box .text_wr .text{font-size:16px;}



	/*****************************************
	****************************************** sub_product10.php
	******************************************/
	.sub_product10_wr .product_cont01_box .list_wr .list {width:49%; margin-right:2%;}
	.sub_product10_wr .product_cont01_box .list .text_wr .tit {font-size: 26px;}
	.popup_wr .popup_box .tit_wr .tit {font-size:26px; padding-bottom:15px;}
	.popup_wr .popup_box .tit_wr .text {font-size:16px;}
	.popup_wr .popup_box .close_btn {top:35px;}
	.popup_wr .popup_box .table_wr table thead th,.popup_wr .popup_box .table_wr table tbody td {font-size:14px;}

	/*****************************************
	****************************************** sub_network.php
	******************************************/
	/*#sub_network_wr .sub_network_box01 {display:block;}
	#sub_network_wr .sub_network_box01 .right_wr {width:100%; margin-top:30px; height:500px;}*/
	#sub_network_wr .sub_network_box01 .left_wr {width:100%; padding:0;}
	#sub_network_wr .sub_network_box01 .left_wr .open_btn {position:relative; }
	#sub_network_wr .sub_network_box01 .left_wr .network_map_wr {display:none; padding-bottom:30px; position:relative;}

/*	#sub_network_wr .sub_network_box01 .left_wr li.on .network_map_wr {display:block;}*/

	#sub_network_wr .sub_network_box01 .left_wr > li:first-child .network_map_wr {display:block;}

	#sub_network_wr .sub_network_box01 .left_wr .network_map_wr > img {width:100%;}
/*	#sub_network_wr .sub_network_box01 .left_wr > li:first-child .network_map_wr{display:block;}*/
	#sub_network_wr .sub_network_box01 .left_wr .network_map_wr iframe {height:300px;}
	#sub_network_wr .sub_network_box01 .left_wr > li {padding:0;}
	#sub_network_wr .sub_network_box01 .left_wr .open_btn {padding:40px; padding-left:20px;}
	#sub_network_wr .sub_network_box01 .left_wr > li .icon {left:0;}

	/* popup */
	.sub_network_popup .netpopup_wr {padding:35px 30px;}
	.sub_network_popup .close_btn {top:30px; right:30px;}
	.sub_network_popup .popup_company {font-size:24px;}
	.sub_network_popup .info_wr li .text {font-size:14px;}

	/* 220221 */
	#sub_network_wr .right_btn_wr {position:initial; transform:none; text-align:center; margin-top:20px;}
	#sub_network_wr .sub_network_box01 .left_wr li .viewmore .off_img {opacity:1;}
	#sub_network_wr .sub_network_box01 .left_wr li.on .viewmore .off_img {opacity:0;}
	#sub_network_wr .sub_network_box01 .left_wr li .viewmore .on_img {opacity:0;}
	#sub_network_wr .sub_network_box01 .left_wr li.on .viewmore .on_img {opacity:1;}

	/*****************************************
	****************************************** sub_history.php
	******************************************/
	#sub_history_wr .sub_history_box01 .text {font-size:26px;}
	#sub_history_wr .sub_history_box02 .right_box li .yyyymm {font-size:24px; padding-bottom:5px;}
	#sub_history_wr .sub_history_box02 .right_box li .text {font-size:16px;}
	#sub_history_wr .sub_history_box02 {padding:50px 0 100px;}
	#sub_history_wr {background-position:-2% 70%;}
	#sub_history_wr .sub_history_box01 {height:300px; overflow:hidden;}
	#sub_history_wr .sub_history_box01 img {width:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

	/*****************************************
	****************************************** sub_company.php
	******************************************/
	#sub_company_wr{ background-size: contain; }
	#sub_company_wr .sub_company_box00 .tit{ font-size: 40px; padding-bottom: 50px; }
	#sub_company_wr .sub_company_box00 .left_wr{ width: 70%; }
	#sub_company_wr .sub_company_box00 .right_wr{ width: 30%; }
/*	#sub_company_wr .sub_company_box00 .text{ line-height: 1.4; }*/
	#sub_company_wr .sub_company_box00 .sub_tit{ padding-bottom: 20px; }
	#sub_company_wr .sub_company_box00 .text{ padding-bottom: 20px; }
	#sub_company_wr .sub_company_box02{ margin: 70px 0;}
	#sub_company_wr .sub_company_box02 .con_wr .left_wr img, #sub_company_wr .sub_company_box02 .con_wr .right_wr img{ max-width: 300px; width: 100%; }
	#sub_company_wr .sub_company_box02 .con_wr .text_wr{ top: 50%; }
	#sub_company_wr .sub_company_box02 .con_wr .text_wr .tit{ font-size: 26px; }
	#sub_company_wr .sub_company_box02 .con_wr .text_wr .text{ font-size: 16px; }

	/* 220217 */
	#sub_company_wr .sub_company_box01 .top_wr .sub_tit {font-size:22px;}
	#sub_company_wr .sub_company_box00 .top_wr .left_wr {padding-right:5%;}
	#sub_company_wr .sub_company_box01 .top_wr {padding: 50px 0;}


	/*****************************************
	****************************************** sub_contactus.php
	******************************************/
	#sub_contactus_wr .map_info{ display: block; }
	#sub_contactus_wr .map_info .info00{ float: left; }
	#sub_contactus_wr .map_info .info01{ width: 100%; margin-bottom: 10px; }
	#sub_contactus_wr .map_info .info02{ width: 50%; }
	#sub_contactus_wr .map_info img{ width: 38px; top: 46%; }
	#sub_contactus_wr .map_info .text{ line-height: 38px; padding-left: 48px; }
	#sub_contactus_wr .map_info{ padding: 24px; }
	#sub_contactus_wr .map_wr{ height: 440px; }
	#sub_contactus_wr .tab_btn_wr{ margin-bottom: 30px; }
	#sub_contactus_wr .tab_btn_wr .map_btn{ font-size: 16px; }

	/*****************************************
	****************************************** sub_mold.php
	******************************************/
	#sub_mlod_wr .sub_mlod_box01 .left_wr .text01{font-size:24px; padding-bottom:20px;}
	#sub_mlod_wr .sub_mlod_box01 .left_wr .text02{font-size:16px;}


	/*****************************************
	****************************************** sub_laboratory.php
	******************************************/
	#sub_laboratory_wr .text_wr .tit {font-size:26px; padding-bottom:15px;}
	#sub_laboratory_wr .text_wr .text {/*line-height:1.4;*/ font-size:16px;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr {margin-top:40px;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li img {width:70%;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li .text {font-size:14px; word-break: keep-all;}
	#sub_laboratory_wr .sub_laboratory_box02 {margin-top:100px;}
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr {margin-top:100px;}
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr img {width:70%;}

	/*****************************************
	****************************************** sub_design.php
	******************************************/
	#sub_design_wr .sub_design_box01 .left_wr{width:50%;}
	#sub_design_wr .sub_design_box01 .right_wr{width:50%;}
	#sub_design_wr .sub_design_box02 .step_wr li{ float: left; width: 30.3%; margin-right: 3%;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(4), #sub_design_wr .sub_design_box02 .step_wr li:nth-child(5){ margin-right: 3%; }
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(3){margin-right:0;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(4){float:right;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(6){margin-left:0;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(7){float:left;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(8){float:left;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(n+4):nth-child(-n+6){margin-bottom:4.5%;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(n+7):nth-child(-n+8){ float: left;}
	#sub_design_wr .sub_design_box02 .arrow_01{ top: 15%; left: 32%; }
	#sub_design_wr .sub_design_box02 .arrow_02{ top: 15%; left: 65%; }
	#sub_design_wr .sub_design_box02 .arrow_03{ top: 32%; left: 82%; }
	#sub_design_wr .sub_design_box02 .arrow_04{ top: 50%; left: 65%; }
	#sub_design_wr .sub_design_box02 .arrow_05{ top: 50%; left: 32%; }
	#sub_design_wr .sub_design_box02 .arrow_06{ top: 67%; left: 15%; }
	#sub_design_wr .sub_design_box02 .arrow_07{ top: 85%; left: 32%; }
	#sub_design_wr .sub_design_box03 .list_wr li{width:23%;}
	#sub_design_wr .sub_design_box03 .list_wr li .text{font-size:15px;}
	#sub_design_wr .sub_design_box03 .list_wr, #sub_design_wr .sub_design_box04 .list_wr{ width: 100%; display:flex;flex-wrap:wrap;}
	#sub_design_wr .sub_design_box03 .list_wr li, #sub_design_wr .sub_design_box04 .list_wr li{float:none; width:24%;margin-right:1%;}
	#sub_design_wr .sub_design_box03 .list_wr li:nth-child(5n), #sub_design_wr .sub_design_box04 .list_wr li:nth-child(5n){ margin-right:1%;}

	/*****************************************
	****************************************** sub_hall.php
	******************************************/
	#sub_hall_wr .cont_title_wr {background: url('../images/icon_quotation_bg.png') top center/contain no-repeat;}
	#sub_hall_wr .cont_title_wr .title{font-size:36px; padding-bottom:110px;}
	.sub_hall_box .hall_cont00 .list00 .text_wr{font-size:18px;}

	/*****************************************
	****************************************** sub_jobs.php
	******************************************/
	.sub_jobs_box .img_wr{margin-right:-80px;}
	.sub_jobs_box .text_wr{padding:90px 0 120px 70px;}


	/*****************************************
	****************************************** sub_sitemap.php
	******************************************/
	#sub_sitemap_wr {padding-top:250px;}
	#sub_sitemap_wr .tit_wr {padding-bottom:40px;}
	#sub_sitemap_wr .tit_wr .tit {font-size: 40px;}



	/*****************************************
	****************************************** footer
	******************************************/
	#footer {padding: 50px 0 40px;}
	#footer .ft_left_wr .ft_top_wr {padding-bottom:30px;}
	#footer .ft_cont_wr .num {padding-bottom:30px;}
	#footer .ft_cont_wr {padding-bottom:50px;}
	#footer .ft_left_wr .ft_top_wr li {margin-right:40px;}




}/*1024*/
@media screen and (max-width:900px){
	.hidden900 {display:none !important;}
	.visible900 {display:block !important;}

	/*****************************************
	****************************************** index.php
	******************************************/
	#main_cont01_wr .product_tabs .list00 a {padding:10px; font-size: 14px;}

	/*****************************************
	****************************************** sub_sitemap.php
	******************************************/
	#sub_sitemap_wr {background-size:60%; background-position:right 102%;}
	#sub_sitemap_wr .sitemap_li .left_wr .tit {font-size:18px;}
	#sub_sitemap_wr .sitemap_li .left_wr {width:180px;}
	#sub_sitemap_wr .sitemap_li .right_wr {width:calc(100% - 180px);}



	/*****************************************
	****************************************** sub_laboratory.php
	******************************************/
	/* 220217 */
	#sub_laboratory_wr .sub_laboratory_box01 {padding-bottom:100px;}
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit:before {left:initial; right:0;}
	#sub_laboratory_wr .text_wr .left_wr {width:calc(100% - 225px);}
	#sub_laboratory_wr .text_wr .right_wr {width:180px;}
	#sub_laboratory_wr .text_wr .right_wr img {width:100%;}
	#sub_laboratory_wr .text_wr .right_wr .text {text-align:center; margin-top:20px;}

	/*****************************************
	****************************************** sub_company.php
	******************************************/
	/* 220217 */
	#sub_company_wr .sub_company_box00 .top_wr .left_wr {/* margin-top:30px; */ padding-right: 0;}
	#sub_company_wr .sub_company_box01 .top_wr {width: 100vw; margin-left: calc(-50vw + 50%);}
	#sub_company_wr .sub_company_box01 .top_wr .inbox {width:80%;}


}/*900*/
@media screen and (max-width:768px){
	.hidden768 {display:none;}
	.visible768 {display:block;}

	#main_cont02_wr .btn-container, #main_cont04_wr .btn-container, #main_banner_wr .btn-container {position:initial; margin-top:30px;}
	.view_btn:hover .icon-container .icon--left {transform: translate(40%,-50%);}
	.main_contents_wr .view_btn .text {font-size:14px;}

	body.en .view_btn:hover .icon-container .icon--left {transform:translate(10%,-50%);}

	.breadcrumb-li {margin-right:30px; font-size:16px;}
	.breadcrumb-ul.en .breadcrumb-li.home {width:70px;}
	.breadcrumb-ul.en .breadcrumb-li {width:210px;}
	.breadcrumb-ul.en .breadcrumb-li:last-child {width:250px;}

	
	
	.view_more_wr00 .view_btn00 {width:125px; margin:0 auto; height:43px; border:0; position:relative; border-radius:25px; color:#fff; background:#1d7dcc; cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center;}
	.view_more_wr00 .view_btn00 img {margin-left: 10px;}
	#main_cont03_wr .view_more_wr00 {text-align:center; margin-top: 100px;}
	#main_cont03_wr .view_more_wr00 .view_btn00 {background-color:#fff; color:#008cff;}

	#main_cont02_wr .view_more_wr00 {margin-top:30px;}

	#main_cont04_wr .view_more_wr00 .view_btn00 {margin:30px 0 0;}
	#main_banner_wr .view_more_wr00 .view_btn00 {margin:30px 0 0; background-color:#fff; color:#008cff;}

 
	/*****************************************
	****************************************** header
	******************************************/
	.header .right_menu {padding-right:0; top: 50%; transform: translateY(-50%);}
	.header .cen1600 {height:100%;}
	.header .ham_btn {  }
	.header .right_menu .ham_btn_wr{ width: 24px; margin-left: 13px; }
	.header.on2 {height:80px; line-height:80px;}

	/* 220221 */
	.top_hd .text {margin-right:20px;}

	/*****************************************
	****************************************** sub common
	******************************************/
	.sub_visual_box .vis_img_wr {height:380px;}
	.sub_visual_box .vis_text_wr .tit {font-size:36px;}
	.sub_visual_box .vis_text_wr .sub_tit {font-size:16px;}
	#company_vis_wr .vis_img_wr img {left: 0;  transform: translateY(-50%);}
	.sub_contents_wr {padding:70px 0;}
	.cont_title_wr .title {font-size: 32px; padding-bottom: 40px;}
	.breadcrumb_wr {height:70px;}
	.breadcrumb-li p.tit {padding-top:25px; font-size:16px;}
	.sub_contents_wr .sub_tit_wr .sub_tit {font-size:24px; padding-bottom:15px;}


	/*****************************************
	****************************************** main_visual
	******************************************/
	#main_visual_wr .vis_text_wr .tit {font-size:34px; padding-bottom:10px;}
	#main_visual_wr .vis_text_wr .text {font-size:16px;}
	#main_visual_wr .vis_img_wr img{ width: initial; height: 700px; position: relative; left: 50%; transform: translateX(-50%); }
	#main_visual_wr .mySwiper_mainvis .swiper-slide{ overflow: hidden; }


	/*****************************************
	****************************************** index.php
	******************************************/
	.main_title_wr .tit {font-size:42px; margin-bottom:15px;}
	.main_title_wr .tit .main_tit_point {width:12px; height:12px; border:3px solid #1d7dcc;}
	#main_cont03_wr .main_title_wr .tit .main_tit_point {border:3px solid #fff;}
	.main_contents_wr {padding:70px 0;}
	.main_title_wr { margin-bottom: 30px;}
	#main_cont01_wr .main_tab_box {padding-bottom:30px;}
	#main_cont01_wr .mySwiper .swiper-slide .pro_text_wr .pro_name {font-size:16px;}
	#main_cont01_wr .tabs_main_conts_box .swiper-wrapper {margin-bottom:40px;}
	#main_cont01_wr .mySwiper .swiper-slide .pro_img_wr {margin-bottom: 15px;}

	#main_cont02_wr .main_cont02_bg {height:350px;}
	.main_title_wr .view_more_wr {margin-top:20px; max-width:160px; position:initial;}
	.main_title_wr .text {font-size: 16px;}
	#main_cont03_wr .list00 .text_wr .tit {font-size: 20px; padding-bottom:15px;}
	#main_cont03_wr .list00 .text_wr .text {font-size: 14px;}
	#main_cont03_wr .view_more_wr {margin-top:100px;}
	#main_cont03_wr .list00 {padding:0 15px;}
	#main_cont03_wr .list00 .img_wr:after {left:-15px;}
	#main_cont04_wr .list00 .text_wr .tit {font-size:18px; margin-bottom:15px;}
	#main_cont04_wr .list00 .text_wr .date {font-size:14px;}
	#main_banner_wr {padding: 50px 0;}
	#main_banner_wr .text_wr .sub_tit {padding-bottom:15px;}
	#main_banner_wr .text_wr .tit {font-size:22px;}
	#main_banner_wr .view_more_wr {margin-top:20px; max-width:160px; position:initial;}

	#main_banner_wr .back_wr img {width:150%;}

	/*****************************************
	****************************************** sub_product.php
	******************************************/
	.product_cont02_box .tit_wr .tit {font-size:24px; padding-bottom: 15px;}
	.product_cont01_box .left_wr {width:100%;}
	.product_cont01_box .right_wr {width:100%; margin-top:30px;}
	.product_cont01_box .left_wr .tit {font-size:24px; padding-bottom:15px;}
	#sub_product_wr .product_cont01_box { padding-bottom:80px;} 
	#sub_product_wr .product_cont02_box {padding: 70px 0;}
	.product_cont02_box .tit_wr {padding-bottom: 20px;}
	.product_cont02_box .product-tab-content .pro_name {font-size:16px; margin:0 auto; width:90%; text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
	.product_cont02_box .product-tab-content .btn_wr {display:none;}

	.product_cont02_box .product-tab-content .pro_img_wr {position:relative;}
	.product_cont02_box .product-tab-content .pro_img_wr img {}

	/* 220217 */
	.product_cont02_box .product-tab-content .swiper-slide {padding: 20px 0;}
	.product_cont02_box .product-tab-content .pro_img_wr {margin-bottom:20px;}

	#sub_product_wr {background-size: 50%;}
	#sub_product_wr .product_cont01_box:before {width:500px; height:90px; bottom:-3%; left:-10%;}
	/*****************************************
	****************************************** sub_product10.php
	******************************************/
	.sub_product10_wr .product_cont01_box .list_wr .list {margin-bottom:15px;}
	.sub_product10_wr .product_cont01_box .list .text_wr .tit {font-size:22px;}
	.sub_product10_wr .product_cont01_box .list .text_wr .tit img {max-width:35px;}
	

	/*****************************************
	****************************************** sub_customer.php
	******************************************/
	.sub_customer_box .customer_cont01 {padding-bottom: 50px;}

	/*****************************************
	****************************************** sub_network.php
	******************************************/
	#sub_network_wr .sub_network_box01 .left_wr .company {font-size:18px;}
	#sub_network_wr .sub_network_box01 .left_wr .next {width:30px; height:30px;}
	#sub_network_wr .sub_network_box01 .left_wr .next img {width:7px; left:55%;}
/*	#sub_network_wr .sub_network_box01 .left_wr .viewmore {right:45px;}*/
	#sub_network_wr .sub_network_box01 .left_wr .open_btn {padding:30px; padding-left:10px;}
	#sub_network_wr .sub_network_box01 .left_wr .network_map_wr {padding-bottom:20px;}
/*	#sub_network_wr .sub_network_box01 .left_wr .viewmore {font-size:14px;}*/

	/* 220217 추가 */
	#sub_network_wr .sub_network_box01 .left_wr li.on .arrow,#sub_network_wr .sub_network_box01 .left_wr li:hover .arrow {right:10px;}

	/* popup */
	.sub_network_popup .netpopup_wr {padding:30px 25px;}
	.sub_network_popup .close_btn {top:28px; right:25px;}
	.sub_network_popup .popup_company {font-size:22px;}
	.sub_network_popup .info_wr li .tit {font-size:14px;}
	.sub_network_popup .info_wr li .text {font-size:12px;}
	.sub_network_popup .close_btn img {width:33px;}

	/*****************************************
	****************************************** sub_history.php
	******************************************/	
	#sub_history_wr .sub_history_box01 .text {font-size:24px;}

	/*****************************************
	****************************************** sub_company.php
	******************************************/
	#sub_company_wr .sub_company_box00 .tit{ font-size: 32px; padding-bottom: 40px; }
	#sub_company_wr .sub_company_box00 .sub_tit{ font-size: 22px; }
	#sub_company_wr .sub_company_box00 .ceo{ font-size: 16px; }
	#sub_company_wr .sub_company_box00 .ceo .name{ font-size: 22px; }
	#sub_company_wr .sub_company_box00 .left_wr{ width: 100%; }
	#sub_company_wr .sub_company_box02{ padding: 60px 0;}
	#sub_company_wr .sub_company_box02 .con_wr{ margin: 0 5%;}
	#sub_company_wr .sub_company_box02 .con_wr .left_wr img, #sub_company_wr .sub_company_box02 .con_wr .rifht_wr img{ max-width: 300px; }

	/* 220217 */
	#sub_company_wr .sub_company_box01 .top_wr .sub_tit {font-size:20px;}
	#sub_company_wr .sub_company_box01 .top_wr {padding:40px 0;}
	#sub_company_wr .sub_company_box01 .top_wr .inbox {width:90%;}



	/*****************************************
	****************************************** sub_contactus.php
	******************************************/
	#sub_contactus_wr .cont_title_wr .title{ padding-bottom: 40px; }
	#sub_contactus_wr .map_info .text{ font-size: 14px; } 
	#sub_contactus_wr .map_info{ padding: 16px; }

	/* 220216 */
	#sub_contactus_wr .map_wr{display:block; height:auto;}
	#sub_contactus_wr .map_wr img {height:auto; width:100%; margin-bottom:20px;}
	#sub_contactus_wr .map_wr .map {height:400px !important;}
	
	/*****************************************
	****************************************** sub_mold.php
	******************************************/
	#sub_mlod_wr .sub_mlod_box01 .left_wr .cont_title_wr .title {padding-bottom: 30px;}
	#sub_mlod_wr .sub_mlod_box01 .left_wr .text01 {font-size: 20px;}
	#sub_mlod_wr .sub_mlod_box01 .right_wr img {width:70%;}


	/*****************************************
	****************************************** sub_laboratory.php
	******************************************/
	#sub_laboratory_wr .text_wr .tit {font-size:20px;}
	#sub_laboratory_wr .text_wr .text {font-size:14px; word-break:keep-all;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr {padding:30px 0;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li img{margin-bottom:25px;}

	#sub_laboratory_wr .sub_laboratory_box02 {margin-top:70px;}

	/* 220217 */
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit:before {width:35px; height:30px;}
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit:after {width:35px; height:30px;}
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit {padding-bottom:30px;}
	#sub_laboratory_wr .text_wr .left_wr {width:calc(100% - 190px);}
	#sub_laboratory_wr .text_wr .right_wr {width:160px; margin-left: 30px;}
	#sub_laboratory_wr .sub_laboratory_box01 {padding:50px 0 70px; background-size:40%;}

	/*****************************************
	****************************************** sub_design.php
	******************************************/
	#sub_design_wr .sub_design_box01 .left_wr{width:100%;float:none;padding-bottom:50px;}
	#sub_design_wr .sub_design_box01 .left_wr .tit{font-size:28px; padding-bottom:20px;}
	#sub_design_wr .sub_design_box01 .left_wr .text{padding-right:0; font-size:16px;}
	#sub_design_wr .sub_design_box01 .right_wr {width:100%;}
	#sub_design_wr .sub_design_box02{margin:100px 0 100px;}
	#sub_design_wr .sub_design_box03 .list_wr li .text{font-size:14px;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr img {width:23%;}

	/*****************************************
	****************************************** sub_customer.php
	******************************************/
	.sub_customer_box .customer_cont00 li{width:23.5%;margin-bottom:15px;}
	.sub_customer_box .customer_cont00 li:nth-child(5n){margin-right:2%;}
	.sub_customer_box .customer_cont00 li:nth-child(4n){margin-right:0;}
	.sub_customer_box .customer_cont00 li:nth-child(20){margin-right:0;}
	.sub_customer_box .customer_cont02{padding-top:60px;}
	.sub_customer_box .customer_cont02 li{margin-bottom:20px;}

	/*****************************************
	****************************************** sub_hall.php
	******************************************/
	#sub_hall_wr{margin-top:-40px;}
	#sub_hall_wr .cont_title_wr {background: url('../images/icon_quotation_bg_m.png') center center/contain no-repeat;margin-bottom:40px;}
	#sub_hall_wr .cont_title_wr .title{font-size:28px; padding:40px 0;}
	.sub_hall_box .hall_cont00 .list00 .text_wr {font-size:16px;}
	.sub_hall_box .hall_cont00 {padding:40px;}


	/*****************************************
	****************************************** sub_jobs.php
	******************************************/
	.sub_jobs_box{display:block;}
	.sub_jobs_box .img_wr{margin:0 auto;max-width:100%;width:90%;}
	.sub_jobs_box .img_wr img{transform:none;position:static;}
	.sub_jobs_box .text_wr{width:100%;margin:0;margin-top:-100px;padding:150px 0 150px 60px;}
	.sub_jobs_box .text_wr .tit{font-size:26px;}
	.sub_jobs_box .text_wr .text{font-size:14px;}
	.sub_jobs_box .text_wr .btn_wr{margin-top:60px;}
	.sub_jobs_box .btn-container {margin-top:60px;}


	/*****************************************
	****************************************** sub_sitemap.php
	******************************************/
	#sub_sitemap_wr {padding-top:220px;}
	#sub_sitemap_wr .tit_wr {padding-bottom:30px;}
	#sub_sitemap_wr .tit_wr .tit {font-size:36px;}
	#sub_sitemap_wr .sitemap_li {padding:20px;}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li {padding:10px 0; margin-right: 30px;}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li a {font-size:14px;}
	#sub_sitemap_wr .sitemap_li .left_wr {width: 150px;}
	#sub_sitemap_wr .sitemap_li .right_wr {width:calc(100% - 150px);}



	/*****************************************
	****************************************** footer
	******************************************/
	#footer .ft_left_wr .ft_top_wr li a {font-size:14px;}
	#footer .ft_cont_wr .num {font-size:22px;}
	#footer .ft_cont_wr .text {font-size:14px;}
	#footer .ft_copy_wr .ft_copy {font-size:12px;}
	#footer .ft_right_wr .family_site_wr select {font-size:12px;}
	#footer {padding:40px 0;}
	#footer .ft_left_wr {width:100%;}
	#footer .ft_left_wr .ft_top_wr li {margin-right: 25px;}
	#footer .ft_right_wr {display:none;}

	
}/*768*/

@media screen and (max-width:630px){
	.breadcrumb-ul.en .breadcrumb-li.home {width:45px;}
	.breadcrumb-ul.en .breadcrumb-li {width:200px;}
	.breadcrumb-ul.en .breadcrumb-li:last-child {width:245px;}

	/*****************************************
	****************************************** sub_sitemap.php
	******************************************/
	#sub_sitemap_wr .sitemap_li .left_wr .tit {font-size:16px;}
	#sub_sitemap_wr .sitemap_li .left_wr {width:130px;}
	#sub_sitemap_wr .sitemap_li .right_wr {width:calc(100% - 130px);}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li {margin-right:25px;}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li a {font-size:12px;}
	#sub_sitemap_wr .sitemap_li {padding:15px;}
	#sub_sitemap_wr .tit_wr .tit {font-size:30px;}
	#sub_sitemap_wr {padding-top:200px;}

}

@media screen and (max-width:600px){
	/*****************************************
	****************************************** sub_product10.php
	******************************************/
	.popup_wr .popup_box .tit_wr .text {display:block; margin-top:-10px; padding-left:0; margin-bottom:20px;}
	.popup_wr .popup_box {padding:30px 35px;}
	.popup_wr .popup_box .table_wr table thead th, .popup_wr .popup_box .table_wr table tbody td {padding:15px 0;}

	/*****************************************
	****************************************** sub_product.php
	******************************************/
	/* 220217 */
	#sub_product_wr .product_cont02_box .swiper-slide {width:32%; margin-top:15px;}
	#sub_product_wr .product_cont02_box .swiper-slide:nth-child(4n) {margin-right:2%;}
	#sub_product_wr .product_cont02_box .swiper-slide:nth-child(3n) {margin-right:0;}
	#sub_product_wr .product_cont02_box .swiper-slide:nth-child(4) {margin-top:15px;}

}/*600*/
@media screen and (max-width:570px){
	.hidden570 {display:none;}
	.visible570 {display:block;}
	
	.hd_pops{width:80% !important;}
	.hd_pops_inbox p, .hd_pops_inbox span { font-size: 14px !important;}
	.hd_pops_footer{font-size:11px;}

	#main_cont03_wr .view_more_wr00 {margin-top:70px;}

	/* 220221 */
	.top_hd .text {margin-right:15px; font-size:14px;}
	.top_hd a {font-size:12px;}

	.top_hd:before {width:960px; height:25px;}
	.top_hd:after {width:960px; height:25px;}


	/*****************************************
	****************************************** sub common
	******************************************/
	.sub_visual_box .vis_img_wr {height:350px;}
	.sub_visual_box .vis_text_wr .tit {font-size:32px;}
	.sub_visual_box .vis_text_wr .sub_tit {padding-top:5px;}
	
	.cont_title_wr .title {font-size:28px; padding-bottom:30px;}
	.breadcrumb{padding:0;}
	.breadcrumb-li.home {width:55px;border-right:1px solid #EEEEEE;}
	.breadcrumb-li p.tit {padding-left:10px; font-size:14px;}
	.breadcrumb {width:100%;}
	.breadcrumb-li {width:calc((100% - 55px ) / 2); margin-right:0; border-right:1px solid #eee;}
	.breadcrumb-li.home {    width: 55px;}

	.breadcrumb-ul.en .breadcrumb-li.home {width:55px;}
	.breadcrumb-ul.en .breadcrumb-li {width:calc((100% - 55px ) / 2); margin-right:0;}
	.breadcrumb-ul.en .breadcrumb-li:last-child {width:calc((100% - 55px ) / 2); margin-right:0;}

	.breadcrumb-li.home img {left:50%; transform:translate(-50%,-50%);}

	
	.breadcrumb-li02 p.tit.donwOn {background-position:90% 52%;}
	
/*	.breadcrumb-li.home img{left:50%; transform:translate(-50%,-50%);}*/
	.sub-breadcrumb li {font-size:14px;}

	.sub_contents_wr .sub_tit_wr .sub_tit {font-size:20px; padding-bottom:10px;}


	/*****************************************
	****************************************** main_visual
	******************************************/
	#main_visual_wr .vis_text_wr .tit {font-size:36px; padding-bottom:5px;}
	#main_visual_wr .vis_text_wr.en .tit {font-size:28px;}
	#main_visual_wr .vis_text_wr .text {font-size:14px; word-break:keep-all;}



	.sub_visual_box .vis_text_wr {    top: calc(50% + 30px);}

	/*****************************************
	****************************************** index.php
	******************************************/
	.main_title_wr .tit {font-size:36px;}
	#main_cont01_wr .product-tab-content .btn_wr {display:none;}
	#main_cont01_wr .main_tab_box {padding-bottom:10px;}
	#main_cont01_wr .mySwiper .swiper-slide .pro_text_wr .pro_name {font-size:14px;}
	#main_cont01_wr .tabs_main_conts_box .swiper-wrapper {margin-bottom:30px;}
	.main_title_wr .view_more_wr a {font-size:14px;}
	#main_cont02_wr {padding:50px 0 70px;}
	.main_title_wr .view_more_wr a img {vertical-align:middle;}
	#main_banner_wr .view_more_wr a img,#main_cont03_wr .view_more_wr a img {vertical-align: middle;}
	#main_cont03_wr .list00 {margin-bottom:50px; width:100%;}
	#main_cont03_wr .list03 {margin-bottom:0px;}
	#main_cont03_wr .view_more_wr {margin-top:70px;}
	#main_cont03_wr .list00 .text_wr .tit {font-size:18px;}
	#main_cont03_wr .list00 .img_wr {margin-bottom:30px;}
	#main_banner_wr .text_wr .tit {font-size:20px;}
	#main_banner_wr .text_wr .sub_tit {font-size:14px;}

	/*****************************************
	****************************************** sub_product.php
	******************************************/
	.product_cont02_box .tit_wr .tit {font-size:20px; padding-bottom:10px;}
	.product_cont01_box .left_wr .tit {font-size:20px;}
	.product_cont01_box .left_wr .text {font-size: 14px;}
	.product_cont01_box .list00 a {font-size:14px;}
	.product_cont02_box .product-tab-content .pro_name {font-size:14px;}
	.product_cont02_box .product-tab-content .swiper-slide {padding:20px 0;}
	.product_cont02_box .product-tab-content .pro_img_wr {margin-bottom:20px;}
	.product_cont02_box .product-tab-content {padding-bottom: 40px;}
	.product_cont02_box .product-tab-content .swiper-container-horizontal>.swiper-pagination-progressbar, .product_cont02_box .product-tab-content .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {bottom:-40px;}

	/*****************************************
	****************************************** sub_product10.php
	******************************************/
	.sub_product10_wr .product_cont01_box .list_wr .list {margin-bottom:10px;}
	.sub_product10_wr .product_cont01_box .list .text_wr .tit {font-size:20px;}
	.sub_product10_wr .product_cont01_box .list .text_wr .tit img {max-width:30px;}
	.popup_wr .popup_box .table_wr table thead th, .popup_wr .popup_box .table_wr table tbody td {font-size:12px;}
	.popup_wr .popup_box .tit_wr .tit {font-size: 22px;}
	.popup_wr .popup_box .tit_wr .text {margin-bottom: 15px; font-size: 14px;}
	.popup_wr .popup_box .close_btn img {max-width:33px;}
	.popup_wr .popup_box .table_wr .right_text {padding-top:10px; font-size:12px;}


	/*****************************************
	****************************************** sub_network.php
	******************************************/
	/* popup */
	.sub_network_popup .info_wr li .tit {width:29.5%;}
	.sub_network_popup .info_wr li .text {width:70.5%;}

	/* 220217 */
	#sub_network_wr .right_btn_wr {bottom:10px; left:10px;}
	#sub_network_wr .right_btn_wr > li {width:42px; height:42px;}

	/* 220221 */
	#sub_network_wr .right_btn_wr > li .center {font-size:14px;}
	#sub_network_wr .right_btn_wr .btn_list02 {width:158px;}

	/*****************************************
	****************************************** sub_history.php
	******************************************/
	#sub_history_wr .sub_history_box02 .right_box li .text {word-break:keep-all; font-size:14px;}
	#sub_history_wr .sub_history_box02 .right_box {width:100%;}
	#sub_history_wr .sub_history_box02 .progress-container {left:15px;}
	#sub_history_wr .sub_history_box01 {height:250px;}
	#sub_history_wr {background-position:center; background-size:contain;}
	#sub_history_wr .sub_history_box02 {padding:30px 0 70px;}
	#sub_history_wr .sub_history_box02 .right_box li .yyyymm {font-size:22px;}
	#sub_history_wr .sub_history_box02 .right_box li {margin-bottom:40px;}

	/*****************************************
	****************************************** sub_company.php
	******************************************/
	#sub_company_wr .sub_company_box00 .tit{ font-size: 28px; padding-bottom: 30px; }

	/* 220217 */
	#sub_company_wr .sub_company_box00 .top_wr .left_wr {width:73%;}
	#sub_company_wr .sub_company_box00 .top_wr .right_wr {width:27%; position:absolute; top:50%; transform:translateY(-50%); right:5%;}
	#sub_company_wr .sub_company_box01 .top_wr .sub_tit {font-size:18px;}

	#sub_company_wr .sub_company_box01 .top_wr {position:relative;}

	/*****************************************
	****************************************** sub_contactus.php
	******************************************/
	#sub_contactus_wr .cont_title_wr .title{ padding-bottom: 30px; }
	#sub_contactus_wr .map_info img{ width: 30px; }
	#sub_contactus_wr .map_info .text{ padding-left: 38px; }

	/*****************************************
	****************************************** sub_mold.php
	******************************************/
	#sub_mlod_wr .sub_mlod_box01 .left_wr .cont_title_wr .title {padding-bottom: 20px;}
	#sub_mlod_wr .sub_mlod_box01 .left_wr {width:100%;}
	#sub_mlod_wr .sub_mlod_box01 .right_wr {width:100%; margin-top:30px;}
	#sub_mlod_wr .sub_mlod_box01 .right_wr img {width:50%;}
	#sub_mlod_wr .sub_mlod_box01 .left_wr .text01 {font-size:18px; padding-bottom:15px;}
	#sub_mlod_wr .sub_mlod_box01 .left_wr .text02 {font-size:14px; word-break:keep-all;}

	/*****************************************
	****************************************** sub_laboratory.php
	******************************************/
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li .text {font-size:12px;}
	#sub_laboratory_wr .text_wr .tit {font-size:18px;}
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr {margin-top:70px;}
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr img {width:80%;}

	/* 220217 */
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit:before {width:30px; height:25px;}
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit:after {width:30px; height:25px; left:-10px; top:-10px;}
	#sub_laboratory_wr .text_wr .left_wr {width:calc(100% - 160px);}
	#sub_laboratory_wr .text_wr .right_wr {width:130px; margin-left:30px; bottom:initial; top:0;}
	#sub_laboratory_wr .sub_laboratory_box01 {padding:50px 0 70px; background-size:40%;}


	/*****************************************
	****************************************** sub_design.php
	******************************************/
	#sub_design_wr .sub_design_box01 .left_wr{padding-bottom:30px;}
	#sub_design_wr .sub_design_box01 .left_wr .tit{font-size:24px;}
	#sub_design_wr .sub_design_box01 .left_wr .text{font-size:14px;}
	#sub_design_wr .sub_design_box02{padding:80px 0;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .line{margin:10px auto;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .step{padding-bottom:10px;font-size:12px;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .line{width:80px;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01{font-size:14px; width:60%; margin:0 auto;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01 .sub_text{font-size:10px ;width:100%;}
	#sub_design_wr .sub_design_box02 .arrow_00{display:none;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(4), #sub_design_wr .sub_design_box02 .step_wr li:nth-child(5){ margin-right: 0%; }
	#sub_design_wr .sub_design_box02 .step_wr li{ float: left; width: 48%; margin-right: 4%;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(n):nth-child(-n+8){float:left;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(2n){margin-right:0;}
	#sub_design_wr .sub_design_box02 .step_wr li:nth-child(2n+1){margin-right:4%;}
	#sub_design_wr .sub_design_box03 .list_wr li, #sub_design_wr .sub_design_box04 .list_wr li{width:32%; margin-right:2%;}
	#sub_design_wr .sub_design_box03 .list_wr li:nth-child(3n), #sub_design_wr .sub_design_box04 .list_wr li:nth-child(3n){margin-right:0;}
	#sub_design_wr .sub_design_box03 .list_wr li:nth-child(5n), #sub_design_wr .sub_design_box04 .list_wr li:nth-child(5n){ margin-right: 2%; }
	#sub_design_wr .sub_design_box04 .list_wr li:nth-child(n+1):nth-child(-n+9){margin-bottom:30px;}
	#sub_design_wr .sub_design_box03 .list_wr li:first-child{margin-bottom:30px;}


	/*****************************************
	****************************************** sub_customer.php
	******************************************/
	.sub_customer_box .customer_cont00 li{width:49%; margin-bottom:10px;}
	.sub_customer_box .customer_cont00 li:nth-child(5n){margin-right:2%;}
	.sub_customer_box .customer_cont00 li:nth-child(3n){margin-right:2%;}
	.sub_customer_box .customer_cont00 li:nth-child(2n){margin-right:0%;}
	.sub_customer_box .customer_cont02{padding-top:40px;}


	/*****************************************
	****************************************** sub_hall.php
	******************************************/
	#sub_hall_wr .cont_title_wr .title{font-size:24px; padding:40px 0;}
	.sub_hall_box .hall_cont00{padding:30px;}
	.sub_hall_box .hall_cont00 .list00 .text_wr {font-size:16px; padding-top:15px;}
	.sub_hall_box .hall_cont00 .list00 {width:49%; margin-right:2%;}
	.sub_hall_box .hall_cont00 .list03 {margin-right:0;}
	.sub_hall_box .hall_cont00 .list02 {width:100%; margin-top:30px;}
	.sub_hall_box .hall_cont00 .list04 {width:100%; margin-top:30px;}
	#sub_hall_wr .cont_title_wr {margin-bottom:20px;}

	

	/*****************************************
	****************************************** footer
	******************************************/
	#footer {padding:30px 0; /* text-align:center;*/}
	.ft_box {display:block;}
	#footer .ft_right_wr {display:none;}
	#footer .ft_left_wr .ft_top_wr {position:relative;}
	#footer .ft_left_wr .ft_top_wr:before {content:""; position:absolute; width:100vw; height:1px; border:1px solid #DBDBDB; left:50%; transform:translateX(-50%); bottom:0;}
	#footer .ft_cont_wr .num {font-size:20px; padding-top:40px; padding-bottom:15px;}
	#footer .ft_left_wr .ft_top_wr li {margin-right:0; width:25%; /*text-align:center;*/}
	#footer .ft_cont_wr .text {padding-bottom:5px;}
	#footer .ft_cont_wr .text02{ padding-bottom: 10px; }
	#footer .ft_cont_wr {padding-bottom:35px;}
	#footer .ft_left_wr .ft_top_wr li a {font-size:13px;}


}/*570*/
@media screen and (max-width:480px){
	.hidden480 {display:none !important;}
	.visible480 {display:block !important;}

	.hd_pops{width:80% !important;top:30% !Important;}
	.hd_pops .hd_pops_con{min-height:initial;}
	.hd_pops p, .hd_pops span { font-size: 3.4vw !important;}

	/* 220221 */
	.top_hd .text {margin-right:10px; font-size:3.2vw;}
	.top_hd a {font-size:3vw;}

	.view_btn {width:140px;}
	.main_contents_wr .view_btn .text {font-size:3.2vw;}
	#main_banner_wr .view_btn .text {font-size:3.2vw;}
	.view_btn:hover .icon-container .icon--left {transform: translate(13%,-50%);}

	body.en .view_btn:hover .icon-container .icon--left {transform:translate(-25%,-50%);}
	body.en #main_banner_wr .view_btn:hover .icon-container .icon--left {transform:translate(0%,-50%);}
	body.en #sub_jobs_wr .view_btn:hover .icon-container .icon--left {transform:translate(80%,-50%);}

	.view_more_wr00 .view_btn00 {font-size:3.6vw; font-weight:bold;}
/*	#main_cont03_wr .view_more_wr00 {margin-top:50px;}*/
	.view_more_wr00 .view_btn00 {height:47px; width:148px;}
	.view_more_wr00 .view_btn00 img {width:16px;}
	
	#main_cont04_wr .view_more_wr00 {margin-top:80px;}
	#main_cont04_wr .view_more_wr00 .view_btn00 {margin:0 auto;}

	/*****************************************
	****************************************** header
	******************************************/
	.header.on2 {height:70px; line-height:70px;}
	.header.on {height:70px; line-height:70px;}
	.header .logo_wr img {width:100px;}


	/*****************************************
	****************************************** ham
	******************************************/
	.ham_logo_wr {height:70px; line-height:70px;}
	.ham_logo_wr img {max-width:100px;}
	.gnb_al_ul .item_has_children00 > a {font-size:4vw;}
	.gnb_al_ul .item_has_children > a {font-size:4vw;}
	.gnb_al_ul .item_has_children .sub_menu a {font-size:3.4vw;}
	.ham_menu_box .ham_bt_wr li a {font-size:4vw;}


	/*****************************************
	****************************************** sub common
	******************************************/
	.sub_visual_box .vis_img_wr {height:240px;}
	.sub_visual_box .vis_text_wr .tit {font-size:5.4vw;}
	.sub_visual_box .vis_text_wr .sub_tit {font-size:3.2vw; padding-top:10px;}
	.sub_contents_wr {padding:50px 0;}
	.cont_title_wr .title {font-size:5.4vw;}

	.breadcrumb-li p.tit {font-size:3.2vw;padding:0 15px; padding-top:20px;}
	.breadcrumb_wr {height:60px;}
	.breadcrumb-li {margin-right:0px;}
	.sub-breadcrumb li {font-size:3vw; line-height: 35px;}
	.sub_contents_wr .sub_tit_wr .sub_tit {font-size:4.8vw;}

	/*****************************************
	****************************************** main_visual
	******************************************/
	#main_visual_wr .scroll_wr .scroll_text{display:none;}
	#main_visual_wr .vis_text_wr{top:auto; bottom:0;}
	#main_visual_wr .vis_text_wr .tit {font-size:6.8vw;}
	#main_visual_wr .vis_text_wr.en .tit {font-size:5.8vw;}
	#main_visual_wr .vis_text_wr .text {font-size:3.6vw;}
	#main_visual_wr .scroll_wr .scroll_text:before {width:15px; left:-30px;}
	#main_visual_wr .scroll_wr {bottom:-10px;}
	#main_visual_wr .swiper-pagination-bullet:before {width:350%; height:350%;}
	#main_visual_wr .swiper_btn_wr .swiper_play_btn_wr {padding-left:85px;}
	#main_visual_wr .swiper_btn_wr {top:auto;bottom:48%;}
	body.en #main_visual_wr .swiper_btn_wr {bottom: 68%;}
	#main_visual_wr .swiper_btn_wr .swiper-pagination {margin-left:5px;}

	#main_visual_wr .vis_img_wr img{ height: 500px; }

	/*****************************************
	****************************************** index.php
	******************************************/
	.main_contents_wr {padding:50px 0;}
	#main_cont02_wr {padding: 40px 0 50px;}
	
	#main_cont02_wr .main_cont02_wr {position:relative;}

	.main_title_wr .tit {font-size:6.4vw; margin-bottom:10px;}
	.main_title_wr .view_more_wr {position: initial; width: 40%;}
	.main_title_wr .view_more_wr a {font-size:3.2vw; padding:13px 23px;}
	.main_title_wr .tit .main_tit_point {width:10px; height:10px;margin-left:25px;}

	.main_title_wr {margin-bottom:20px;}
	#main_cont01_wr .mySwiper .swiper-slide .pro_img_wr{margin-bottom:27px;}
	#main_cont02_wr .btn-container .view_btn{margin:0 auto;}
	#main_cont01_wr .product_tabs .list00 a {font-size:3.2vw; padding:10px;}
	#main_cont01_wr .main_tab_box {padding-bottom:20px;}
	#main_cont01_wr .mySwiper .swiper-slide .pro_text_wr .pro_name {font-size:3.2vw;}
	.main_title_wr .text {font-size:3.6vw; word-break:keep-all;}
	#main_cont03_wr{background:url(../images/main_sec3_bg_.png) no-repeat ;}
	#main_cont03_wr .list00 .text_wr .tit {font-size:3.8vw; padding-bottom:10px;}
	#main_cont03_wr .list00 .text_wr .text {font-size:3.2vw;color: #767676;    }
	#main_cont03_wr .list00.on .text_wr .text{color:#fff;}
	#main_cont03_wr .view_more_wr a {font-size:3.2vw; padding: 13px 23px;}

	#main_banner_wr .view_more_wr {max-width: initial; width: 40%;}
	#main_banner_wr .view_more_wr a {padding:13px 23px; font-size:3.2vw;}
	#main_banner_wr .text_wr .tit {font-size: 4.8vw; word-break: keep-all;}
	.main_cont04_wr{position:relative;}
	#main_cont04_wr .btn-container{margin-top:90px;}
	#main_cont04_wr .swiper-slide .img_wr img{width:100%;}
	#main_cont04_wr .swiper-slide .text_wr{padding-top:17px;}
	#main_cont04_wr .swiper-slide .text_wr .tit {font-size:4vw;    margin-bottom:15px;font-family: 'AppleSDGothicNeoB';
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
	#main_cont04_wr .swiper-slide .text_wr .text {font-size:3.2vw; margin-bottom:15px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
	 #main_cont04_wr .btn-container .view_btn{margin:0 auto;}
	#main_cont04_wr .swiper-slide .text_wr .date {font-size:3.2vw; font-weight:500;}
	#main_banner_wr .text_wr .sub_tit {font-size:3vw;}
	#main_cont02_wr .main_cont02_bg {height:170px;}
	#main_cont03_wr .main_title_wr {margin-bottom:50px;}
	#main_cont03_wr ul{display:flex;position:relative;border-top:1px solid rgba(255,255,255,0.2);}
	#main_cont03_wr .list00 .img_wr:after{
		
		display:none;
	}
	#main_cont04_wr  .swiper-pagination-progressbar{top:auto;bottom:-40px;}
	#main_cont04_wr  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#1d7dcc;}
	#main_cont03_wr .list00 .img_wr{text-align:center; position: relative; top:0; left: 0; }
	#main_cont03_wr .list00 .text_wr{ padding-top:0; }
	#main_cont03_wr .list00 .img_wr img{padding-top:20px;margin:0 auto;}
	#main_cont03_wr .list00.on .img_wr img{border-top:2px solid #fff;}
	#main_cont03_wr .list00{position:static;}
	#main_cont03_wr .list00 .text_wr{position:absolute;width:100%;text-align:center;left:0;}
	#main_cont03_wr .view_btn{margin:100px auto 0;}
	#main_cont03_wr ul li{}
	#main_cont03_wr ul li .text_wr{display:none;}
	#main_cont03_wr ul li.on .text_wr{display:block;}

	
	#main_cont03_wr ul li .text_wr.en {display:none !important;}
	#main_cont03_wr ul li.on .text_wr.en{display:block !important;}

	#main_cont03_wr ul li .text_wr.ko {display:none !important;}
	#main_cont03_wr ul li.on .text_wr.ko{display:block !important;}
	body.ko #main_cont03_wr ul li .text_wr.en {display:none !important;}
	body.en #main_cont03_wr ul li .text_wr.ko {display:none !important;}

	#main_cont03_wr .list00:after{display:none;}


	/*****************************************
	****************************************** sub_product.php
	******************************************/
	#sub_product_wr .product_cont02_box {padding: 50px 0;}
	.product_cont02_box .tit_wr .tit {font-size: 4.8vw;}
	.product_cont01_box .left_wr .tit {font-size:4.4vw;}
	.product_cont01_box .left_wr .text {font-size:3.2vw;}
	.product_cont01_box .list00 a {font-size:3.2vw;}
	.product_cont02_box .product-tab-content{padding-bottom:32px;}
	.product_cont02_box .product-tab-content .pro_name {font-size:3.2vw;}
	.product_cont01_box .right_wr .img_wr .big_img_wr {padding-left:0; margin-left:0;}
	.product_cont01_box .right_wr .img_wr .small_img_wr {position: initial; width:60%;}
	.product_cont01_box .right_wr .img_wr .small_img_wr li {float: left; width:45%; margin-right:10px;}
	.product_cont01_box .right_wr .img_wr .small_img_wr li:last-child {margin-right:0; margin-bottom:10px;}
/*	.product_cont02_box .product-tab-content .pro_img_wr img {width:50%;}*/
	#sub_product_wr .product_cont01_box {padding-bottom:50px;}	
	#sub_product_wr .product_cont01_box:before {width: 400px;height: 75px;bottom: -4%; left: -15%;}


	/*****************************************
	****************************************** sub_product10.php
	******************************************/
	.sub_product10_wr .product_cont01_box .list_wr .list {width:100%; margin-bottom:15px;}
	.sub_product10_wr .product_cont01_box .list_wr .list04 {margin-bottom:0px;}
	.sub_product10_wr .product_cont01_box .list .text_wr .tit {font-size:4.8vw;}

	.popup_wr .popup_box .tit_wr .tit {font-size:5vw;}
	.popup_wr .popup_box .tit_wr .text {font-size:3.2vw;}
	.popup_wr .popup_box {padding:30px 20px;}
	.popup_wr .popup_box .table_wr table thead th, .popup_wr .popup_box .table_wr table tbody td {font-size:3vw;}
	.popup_wr .popup_box .table_wr .right_text {font-size:3vw;}
	.popup_wr .popup_box .close_btn {right:25px; top:25px;}

	/*****************************************
	****************************************** sub_network.php
	******************************************/
	#sub_network_wr .sub_network_box01 .left_wr .company {font-size:3.8vw;}
	#sub_network_wr .sub_network_box01 .left_wr > li .icon{display:none;}
	#sub_network_wr .sub_network_box01 .left_wr .viewmore {/* font-size:3vw; right:0px;*/display:block; color:#999999; border-bottom:1px solid #999; font-size:3.2vw;}
	#sub_network_wr .sub_network_box01 .left_wr li.on .viewmore{color:#1d7dcc;border-bottom:1px solid #1d7dcc;}
	#sub_network_wr .sub_network_box01 .left_wr .open_btn {padding:25px; padding-left:0px;}
	#sub_network_wr .sub_network_box01 .left_wr .next{display:none;}
	#sub_network_wr .sub_network_box01 .left_wr .network_map_wr iframe {height:250px;}

	/* popup */
	.sub_network_popup .popup_company {font-size:4.6vw;}
	.sub_network_popup .info_wr li .tit {font-size:3.4vw;}
	.sub_network_popup .info_wr li .text {font-size:3.2vw;}
	.sub_network_popup .netpopup_wr {padding:25px;}
	.sub_network_popup .close_btn img {width:28px;}
	.sub_network_popup .close_btn {top:25px;}

	/* 220221 */
	#sub_network_wr .right_btn_wr > li .center {font-size:3.4vw;}
	#sub_network_wr .right_btn_wr .btn_list02 {width:158px;}
	#sub_network_wr .sub_network_box01 .left_wr .viewmore {right:20px;}
	#sub_network_wr .sub_network_box01 .left_wr .viewmore img {margin-left:10px; width:7px; right: 0; transform: translate(200%,-50%) rotate(90deg);}
	#sub_network_wr .sub_network_box01 .left_wr li.on .viewmore img {right:0; transform: translate(200%,-50%) rotate(-90deg);}

	/*****************************************
	****************************************** sub_history.php
	******************************************/
	#sub_history_wr .sub_history_box01 {height:230px;}
	#sub_history_wr .sub_history_box01 .text {font-size:4.8vw;}
	#sub_history_wr .sub_history_box02 {padding:30px 0 50px;}
	#sub_history_wr .sub_history_box02 .right_box li .yyyymm {font-size:4.6vw;}
	#sub_history_wr .sub_history_box02 .right_box li .text {font-size:3.2vw;}

	/*****************************************
	****************************************** sub_company.php
	******************************************/
	#sub_company_wr .sub_company_box00 .tit{ font-size: 5.4vw; }
	#sub_company_wr .sub_company_box00 .sub_tit{ font-size: 4.8vw; }
	#sub_company_wr .sub_company_box00 .text{ font-size: 3.2vw; }
	#sub_company_wr .sub_company_box00 .ceo{ font-size: 3.4vw; }
	#sub_company_wr .sub_company_box00 .ceo .name{ font-size:4.2vw; }
	#sub_company_wr .sub_company_box02{ padding: 40px 0;}
	#sub_company_wr .sub_company_box02 .con_wr .left_wr{ margin-right: -10px; }
	#sub_company_wr .sub_company_box02 .con_wr .right_wr{ margin-left: -10px; }
	#sub_company_wr .sub_company_box02{ margin: 40px 0 50px; }
	#sub_company_wr .sub_company_box02 .con_wr .text_wr .tit{ font-size: 4vw; padding-bottom: 5px; }
	#sub_company_wr .sub_company_box02 .con_wr .text_wr .text{ font-size: 3vw; }

	/* 220217 */
	#sub_company_wr .sub_company_box01 .top_wr .sub_tit {font-size:3.8vw;}
	#sub_company_wr .sub_company_box01 .top_wr {margin-bottom:30px;}

	/*****************************************
	****************************************** sub_contactus.php
	******************************************/
	#sub_contactus_wr .map_info img {display:none;}
/*	#sub_contactus_wr .map_wr{ height: 380px; }*/
	#sub_contactus_wr{ background-size: contain; background-position: 0% 104%; background:none;}
	#sub_contactus_wr .tab_btn_wr{ margin-bottom: 20px; }
	#sub_contactus_wr .tab_btn_wr .map_btn{ font-size: 3.4vw; }
	#sub_contactus_wr .map_info .info02{width:40%;}
	#sub_contactus_wr .map_info{ padding:18px 15px; margin-top:-3px;}
	#sub_contactus_wr .map_info .text{ font-size: 3.2vw; line-height: 1.2; padding-left:0px;}
	#sub_contactus_wr .map_info .info01{ margin-bottom:16px; }

	/* 220216 */
	#sub_contactus_wr .map_wr .map {height:350px !important;}
	#sub_contactus_wr .map_wr img {margin-bottom:10px; display:none;}
	#sub_contactus_wr .map_info .text span {display:block;}

	/*****************************************
	****************************************** sub_mold.php
	******************************************/
	#sub_mlod_wr .sub_mlod_box01 .left_wr .text01 {font-size:4.4vw; word-break:keep-all;}
	#sub_mlod_wr .sub_mlod_box01 .left_wr .text02 {font-size:3.2vw;}
	#sub_mlod_wr .sub_mlod_box01 .right_wr .text {font-size:3.6vw;}
	#sub_mlod_wr .sub_mlod_box01 .right_wr {padding:20px 0;}

	/*****************************************
	****************************************** sub_laboratory.php
	******************************************/
	#sub_laboratory_wr .text_wr .tit {font-size:4.2vw; word-break:keep-all;}
	#sub_laboratory_wr .text_wr .text {font-size:3.4vw;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li {width:50%; padding-bottom:30px;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li:last-child {padding-bottom:0; float: none; margin: 0 auto;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li img {width:65%;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li .text {font-size:3.2vw;}
	#sub_laboratory_wr .text_wr .left_wr {width:100%;}
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr {background-color:transparent !important; margin-top:0 !important;}
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr .text_wr li {word-break:keep-all; font-size:3.2vw !important;}


	/* 220222 */
	#sub_laboratory_wr .text_wr .right_wr {position:initial; margin:0; margin-bottom:30px; width:110px;}
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit {position: absolute; top:20px; width:calc(100% - 130px); right:0;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li:after {display:none;}

	#sub_laboratory_wr .sub_laboratory_box01 .img_wr {display:flex; flex-direction:row; flex-wrap:wrap;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li .text span {font-weight:500;}

	/*****************************************
	****************************************** sub_design.php
	******************************************/
	#sub_design_wr .sub_design_box01 .left_wr .tit{font-size:5vw;}
	#sub_design_wr .sub_design_box01 .left_wr .text{font-size:3.6vw;}
	#sub_design_wr .sub_design_box02{margin:60px 0;padding:60px 0;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .step{font-size:2.8vw;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01{font-size:3.2vw;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .text01 .sub_text{font-size:2.4vw;}
	#sub_design_wr .sub_design_box02 .step_wr li .text_wr .line{margin:10px auto 5px;}
	#sub_design_wr .sub_design_box03 .list_wr li .text{font-size:3.6vw;}
	#sub_design_wr .sub_design_box03 .list_wr li, #sub_design_wr .sub_design_box04 .list_wr li{width:48%;margin-right:4%;}
	#sub_design_wr .sub_design_box03 .list_wr li:nth-child(3n), #sub_design_wr .sub_design_box04 .list_wr li:nth-child(3n){margin-right:4%;}
	#sub_design_wr .sub_design_box03 .list_wr li:nth-child(5n), #sub_design_wr .sub_design_box04 .list_wr li:nth-child(5n){ margin-right: 4%; }
	#sub_design_wr .sub_design_box03 .list_wr li:nth-child(2n), #sub_design_wr .sub_design_box04 .list_wr li:nth-child(2n){margin-right:0%;}
	#sub_design_wr .sub_design_box04 .list_wr li:nth-child(n+8):nth-child(-n+9){margin-bottom:0;}

	/*****************************************
	****************************************** sub_hall.php
	******************************************/
	#sub_hall_wr .cont_title_wr{margin-bottom:20px;}
	#sub_hall_wr .cont_title_wr .title{font-size:5vw; padding:50px 0;}
	.sub_hall_box .hall_cont00 .list00 .text_wr{font-size:3.2vw;}
	.sub_hall_box .hall_cont00 .list04{margin-top:30px;}
	.sub_hall_box .hall_cont00 {padding:25px;}

	/*****************************************
	****************************************** sub_jobs.php
	******************************************/
	.sub_jobs_box .text_wr{padding:130px 0 130px 40px;}
	.sub_jobs_box .text_wr .tit{font-size:5vw;}
	.sub_jobs_box .text_wr .text{font-size:3.2vw;}
	.sub_jobs_box .text_wr .btn_wr{margin-top:30px;}
	.sub_jobs_box .text_wr .btn_wr a{font-size:3.2vw;width:140px;}
	.sub_jobs_box .btn-container {margin-top:30px;}

	.sub_jobs_box .text_wr {border:0; background-size:50%;}


	/*****************************************
	****************************************** sub_sitemap.php
	******************************************/
	#sub_sitemap_wr .tit_wr .tit {font-size:6.8vw;}
	#sub_sitemap_wr .sitemap_li .left_wr .tit {font-size:3.6vw;}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li a {font-size:3vw;}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li {margin-right:20px;}
	#sub_sitemap_wr .sitemap_li .left_wr {width:110px;}
	#sub_sitemap_wr .sitemap_li .right_wr {width:calc(100% - 110px);}


	/*****************************************
	****************************************** footer
	******************************************/
	#footer{padding:22px 0;}
	#footer .ft_left_wr .ft_top_wr{padding-bottom:22px;}
/*	#footer .ft_left_wr .ft_top_wr:after{content:"";position:absolute;top:0;right:0;width:50px;height:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0), #f1F1F1); z-index:10;}*/

	#footer .ft_left_wr .ft_top_wr li a {font-size:3.2vw;}
	#footer .ft_left_wr .ft_top_wr li {width: auto; margin-right:23px;}
	#footer .ft_cont_wr .num {font-size:4vw; padding-top:25px; color:#191919;}
	#footer .ft_cont_wr .text {font-size:3.2vw;}
	#footer .ft_copy_wr .ft_copy {font-size:3.2vw;}
	#footer .ft_cont_wr {padding-bottom: 25px;}


	/* 220217 */
	.location_wr a {width:50px;height:50px; display:block;}
	#top_btn_f {width:50px;height:50px;}

	.location_wr a img {width:100%;}
	#top_btn_f img {width:100%;}

	.header .right_menu ul > li > a img{ margin-left: 13px; }
	.header .right_menu ul > li > a{ font-size: 14px; padding: 8px 11px !important; }
	.header.on2 .right_menu ul > li .lang_sub_wr, .header.on2 .right_menu ul > li .family_sub_wr{ top: 60px; }
	.header .right_menu ul > li .family_sub_wr a{ font-size: 14px; }
	.header .right_menu ul > li .lang_sub_wr, .header .right_menu ul > li .family_sub_wr{ padding: 5px 0; font-weight: 500; }




}/*480*/
@media screen and (max-width:400px){
	.view_btn {height:43px;}
	.view_btn:hover .icon-container .icon--left {transform: translate(40%,-50%);}
	.ham_menu_box:after {width:250px; height:200px;}


	/*****************************************
	****************************************** sub common
	******************************************/
	.breadcrumb-li p.tit {padding-top: 22px;}	
	
	/*****************************************
	****************************************** index.php
	******************************************/
	.main_title_wr .tit .main_tit_point {margin-left:5px;}
	.main_title_wr .view_more_wr {width: 42%;}
	.main_title_wr .view_more_wr a {padding: 13px 20px;}
	#main_visual_wr .swiper_btn_wr {bottom:40%;}
	body.en #main_visual_wr .swiper_btn_wr {bottom: 58%;}

	#main_banner_wr .back_wr img {width: 180%;}

	/*****************************************
	****************************************** sub_network.php
	******************************************/
	#sub_network_wr .sub_network_box01 .left_wr > li .icon {width:28px;}
	#sub_network_wr .sub_network_box01 .left_wr .next {width:28px; height:28px; display:none;}
	#sub_network_wr .sub_network_box01 .left_wr .viewmore {/*right:35px; right:0;*/}

	/* 220217 */
/*	#sub_network_wr .right_btn_wr > li {width:38px; height:38px; margin-right:5px;}*/
/*	#sub_network_wr .right_btn_wr > li .center img {width:100%;}*/


	/*****************************************
	****************************************** sub_laboratory.php
	******************************************/
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr {margin-top:50px;}
	#sub_laboratory_wr .sub_laboratory_box02 {margin-top:50px;}
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr img {width:90%;}
	#sub_laboratory_wr .sub_laboratory_box01 .img_wr li img {width:80%;}
	#sub_laboratory_wr .sub_laboratory_box01 {padding:30px 0 50px;}


	/* 220222 */
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit {width:calc(100% - 105px); top:20px;}
	#sub_laboratory_wr .text_wr .right_wr {width:85px; margin-bottom:20px;}
	#sub_laboratory_wr .sub_laboratory_box02 .img_wr .text_wr li {height:30px !important;}

	body.en	#sub_laboratory_wr .sub_laboratory_box02 .img_wr .text_wr li {height:40px !important;}

	/*****************************************
	****************************************** sub_company.php
	******************************************/
	#sub_company_wr .sub_company_box01 .top_wr {padding: 30px 0;}
/*	#sub_company_wr .sub_company_box00 .top_wr .left_wr {margin-top:20px;}*/
	#sub_company_wr .sub_company_box01 .top_wr .left_wr img {width:25px; margin-bottom:15px;}

	/*****************************************
	****************************************** sub_product.php
	******************************************/
	/* 220217 */
	#sub_product_wr .product_cont02_box .swiper-slide {width:49%; margin-top:10px;}
	#sub_product_wr .product_cont02_box .swiper-slide:nth-child(3n) {margin-right:2%;}
	#sub_product_wr .product_cont02_box .swiper-slide:nth-child(2n) {margin-right:0;}
	#sub_product_wr .product_cont02_box .swiper-slide:nth-child(3),#sub_product_wr .product_cont02_box .swiper-slide:nth-child(4) {margin-top:10px;}

	.product_cont01_box .tabs_wr {padding-bottom:20px;}
	#sub_product_wr {background:none;}
	#sub_product_wr .product_cont01_box:before {display:none;}




	/* 220222 */
	#sub_contactus_wr .tab_btn_wr .map_btn {height:37px;}


	/*****************************************
	****************************************** footer
	******************************************/
	#footer .ft_left_wr .ft_top_wr li {margin-right:18px;}
}/*400*/
@media screen and (max-width:320px){
	/* 220221 */
	.top_hd .text {margin-right:5px;}

	.view_btn {width:125px;}
	.view_btn:hover .icon-container .icon--left {transform: translate(40%,-50%);}
	.view_btn .icon-container .icon img {width:80%; height:90%;}
	.view_btn:hover::after {transform: translateX(65%);}
	/*****************************************
	****************************************** sub common
	******************************************/
	.breadcrumb-li p.tit {padding-top:24px;}
	.breadcrumb_wr {height: 50px;}
	.breadcrumb-li p.tit {padding-top: 19px;}

	/*****************************************
	****************************************** index.php
	******************************************/
	#main_cont03_wr .list00 .img_wr img {max-width:35px;}
	#main_cont03_wr .view_more_wr { margin-top: 50px;}
	#main_cont02_wr .main_cont02_bg { height:120px;}

	
	#main_visual_wr .swiper_btn_wr {bottom:35%;}
	body.en #main_visual_wr .swiper_btn_wr {bottom:48%;}

	/*****************************************
	****************************************** sub_product.php
	******************************************/
	.product_cont01_box .right_wr .img_wr .small_img_wr li {margin-right:5px; width:48%; margin-bottom:5px;}
	.product_cont01_box .right_wr .img_wr .small_img_wr li:last-child {margin-bottom:5px;}
	.product_cont01_box .right_wr .img_wr .small_img_wr {width:70%;}
	.product_cont01_box .right_wr {margin-top:20px;}

	/* 220217 */
	#sub_product_wr .product_cont02_box .swiper-slide {padding-top:10px;}
	.product_cont02_box .product-tab-content .pro_img_wr {margin-bottom: 10px;}

	/*****************************************
	****************************************** sub_product10.php
	******************************************/
	.sub_product10_wr .product_cont01_box .list_wr .list {margin-bottom:10px;}
	.sub_product10_wr .product_cont01_box .list_wr .list04 {margin-bottom:0px;}

	/*****************************************
	****************************************** sub_network.php
	******************************************/
	#sub_network_wr .sub_network_box01 .left_wr .network_map_wr iframe {height:200px;}

	/* popup */
	.sub_network_popup .close_btn {top:20px}


	/* 220217 */
	#sub_network_wr .sub_network_box01 .left_wr li.on .arrow img, #sub_network_wr .sub_network_box01 .left_wr li:hover .arrow img {max-width:20px;}

	/* 220221 */
	#sub_network_wr .right_btn_wr .btn_list02 {width:138px; height:40px; line-height:40px;}
	#sub_network_wr .sub_network_box01 .left_wr .viewmore img {width:5px;}


	/*****************************************
	****************************************** sub_history.php
	******************************************/
	#sub_history_wr .sub_history_box01 {height:180px;}
	#sub_history_wr .sub_history_box02 .right_box li {margin-bottom:30px;}
	#sub_history_wr .sub_history_box02 .right_box li .yyyymm:before {width:5px; height:5px;}
	#sub_history_wr .sub_history_box02 .right_box li.on:before {width:15px; height:15px; top:14px;}


	/*****************************************
	****************************************** sub_contactus.php
	******************************************/
	#sub_contactus_wr .map_info .text {padding-left:0;}
	#sub_contactus_wr .map_info .text br {display:none;}

	/* 220216 */
	#sub_contactus_wr .map_wr .map {height:250px !important;}

	/*****************************************
	****************************************** sub_hall.php
	******************************************/
	.sub_hall_box .hall_cont00 .list02,.sub_hall_box .hall_cont00 .list04 {margin-top:20px;}
	.sub_hall_box .hall_cont00 .list00 .text_wr {padding-top:10px;}
	#sub_hall_wr .cont_title_wr {margin-bottom:0;}

	/*****************************************
	****************************************** sub_jobs.php
	******************************************/
	.sub_jobs_box .text_wr{padding:120px 0 120px 30px;}
	.sub_jobs_box .text_wr .btn_wr a{width:120px;}


	/*****************************************
	****************************************** sub_sitemap.php
	******************************************/
	#sub_sitemap_wr {background-position:right 101%; padding-top:170px;}
	#sub_sitemap_wr .tit_wr {padding-bottom:20px;}
	#sub_sitemap_wr .sitemap_li .left_wr {width:80px;}
	#sub_sitemap_wr .sitemap_li .right_wr {width:calc(100% - 80px);}
	#sub_sitemap_wr .sitemap_li {padding:10px;}
	#sub_sitemap_wr .sitemap_li .right_wr ul > li {padding:5px 0; margin-right: 15px;}

	/*****************************************
	****************************************** sub_laboratory.php
	******************************************/
	#sub_laboratory_wr .sub_laboratory_box01 .text_wr .tit {padding-bottom:20px;}


	/*****************************************
	****************************************** sub_company.php
	******************************************/
	/* 220217 */
	#sub_company_wr .sub_company_box01 .top_wr {padding:20px 0;}
	#sub_company_wr .sub_company_box01 .top_wr .inbox {width:85%;}
	#sub_company_wr .sub_company_box01 .top_wr .sub_tit {padding-bottom: 10px;}



	/*****************************************
	****************************************** footer
	******************************************/
	#footer {padding:20px 0 30px;}
	#footer .ft_left_wr .ft_top_wr {padding-bottom:20px;}
	#footer .ft_cont_wr .num {padding-top:20px; padding-bottom:10px;}
	#footer .ft_cont_wr .text {padding:0;}
	#footer .ft_cont_wr {padding-bottom:20px;}
}/*320*/