@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/*나눔고딕*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");
/*나눔명조 Nanum Myeongjo*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Montserrat', 'noto-sans', dotum, sans-serif;background:#fff;letter-spacing:-0.5px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {}
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', 'noto-sans', dotum, sans-serif;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Montserrat', 'noto-sans', dotum, sans-serif;}
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 {}

.placeholdersjs {color:#aaa !important}

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

#hd_pop,
#hd_wrapper,
#tnb .inner,

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

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

/* 상단 레이아웃 */
#hd {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_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:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

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

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

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

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

/* 중간 레이아웃 */
#wrapper {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {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 {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#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 {display:inline-block;vertical-align:middle;line-height:40px;height:40px;padding:0 10px;border:none;text-align:center;font-size:13px;font-weight:400;transform:skew(-0.1deg);text-decoration:none;}

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:#333;color:#fff;cursor:pointer;}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;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}
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 {background:#333;color:#fff;}
a.btn_b02,.btn_b02 {background:#253dbe;color:#fff;}
a.btn_b03, .btn_b03 {background:#fff;border:1px solid #b9bdd3;color:#646982;line-height:38px;}
a.btn_b04, .btn_b04 {background:#fff;border:1px solid #ccc;color:#707070;line-height:38px;}
a.btn_admin,.btn_admin {background:#333;color:#fff;} /* 관리자 전용 버튼 */


/* 기본테이블 */
.tbl_wrap {font-family:'noto-sans', dotum, sans-serif;transform:skew(-0.1deg);}
.tbl_wrap table {width:100%;border-collapse:collapse;background:#fff;border-top:2px solid #ccc;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:15px 0;font-weight:500;color:#333;text-align:center;border-bottom:1px solid #ddd;background:#fff;font-size:16px;line-height:1.2;}
.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 {padding:15px 5px;font-weight:00;color:#333;border-bottom:1px solid #ecf0f1;background:#fff;font-size:16px;line-height:1.5;word-break:break-all}
.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;font-family:'noto-sans', dotum, sans-serif;font-size:15px;transform:skew(-0.1deg);}

.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:50px 0 !important;color:#666;text-align:center;font-size:16px;transform:skew(-0.1deg);}

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

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

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

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .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;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

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

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

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

#bo_list_total {display:none !important;}
* { margin:0; padding:0; outline:none !important}
li {list-style:none;}
img {max-width:100%;}

.inner {width:100%;max-width:1524px;margin:0 auto;position:relative;}
.inner_1266 {width:100%;max-width:1266px;margin:0 auto;position:relative;}
.clearfix::after {content:'';display:block;clear:both;}

.font_mt{font-family:'Montserrat','noto-sans',sans-serif;}


.header{position:fixed;top:0;left:0;width:100%;height:100px;z-index:950;background:transparent;color:#fff;transition:0.4s;}
.header .hd_logo{position:absolute;top:50%;left:48px;z-index:100;transform:translateY(-50%);}
.header .hd_logo a{display:block;width:133px;height:32px;background:url(../img/logo.png) no-repeat center;transition:0.4s;}
.header .hd_gnb{width:100%;height:100%;}
.header .hd_gnb .gnb_ul{height:100%;display:flex;justify-content:center;}
.header .hd_gnb .gnb_ul .gnb_li{position:relative;margin:0 50px;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_li_a{display:block;height:100px;color:#fff;padding:42px 15px;font-size:16px;line-height:16px;font-weight:500;transition:0.4s;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_li_a span{display:block;position:relative;padding:0 5px;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_li_a span::after{content:'';position:absolute;bottom:-10px;right:0;display:block;width:0px;height:2px;background:linear-gradient(to right,#f68f1e,#f15a2f);transition:all 0.4s;}
.header .hd_gnb .gnb_ul .gnb_li:hover .gnb_li_a span::after{width:100%;left:0;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_depth{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:max-content;margin-top:-10px;background:#000;color:#fff;box-shadow:0 5px 17px rgba(64,64,64,.3);z-index:200;padding:10px 15px;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_depth li{padding:10px 0;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_depth li a{display:block;font-size:14px;font-weight:500;color:#fff;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_depth li a span{display:inline-block;position:relative;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_depth li a span::after{content:'';position:absolute;bottom:-1px;right:-2px;display:block;width:0px;height:2px;background:#fff;transition:all 0.4s;}
.header .hd_gnb .gnb_ul .gnb_li .gnb_depth li a:hover span::after{width:calc(100% + 2px);left:0;}
.header .hd_right{position:absolute;top:50%;right:80px;width:30px;height:20px;z-index:100;transform:translateY(-50%);display:flex;align-items:center;}
.header .hd_right .hd_r_lang{position:absolute;top:-14px;right:calc(100% + 17px);border:1px solid transparent;border-radius:12px;padding:15px;transition:border 0.4s;cursor:pointer;}
.header .hd_right .hd_r_lang .lang_curr{position:relative;font-size:16px;line-height:1;font-weight:600;padding-right:15px;}
.header .hd_right .hd_r_lang .lang_curr::after{content:'';display:block;width:10px;height:6px;background:url(../img/hd_lang_arr_wh.png) no-repeat center;position:absolute;top:50%;right:0;margin-top:-3px;transition:0.4s;}
.header .hd_right .hd_r_lang .lang_other{display:none;padding-top:8px;}
.header .hd_right .hd_r_lang .lang_other li a{display:block;padding-top:6px;font-size:16px;line-height:14px;color:#fff;}
.header .hd_right .hd_r_lang.on{border-color:#fff;}
.header .hd_r_menubtn{display:block;cursor:pointer;width:30px;height:20px;position:fixed;top:50px;right:80px;z-index:20000;margin-top:-10px;}
.header .hd_r_menubtn .line01{display:block;width:30px;height:2px;background:#fff;position:absolute;top:0;right:0;transition:0.4s;transform-origin:right top;}
.header .hd_r_menubtn .line02{display:block;width:24px;height:2px;background:#fff;position:absolute;bottom:9px;right:0;transition:0.4s;transform-origin:center;}
.header .hd_r_menubtn.on .line01{width:26px;right:5px;transform:rotate(-45deg);background:#fff !important;}
.header .hd_r_menubtn.on .line02{width:26px;transform:rotate(45deg);background:#fff !important;}

.header .ham_menu{position:fixed;top:0;right:-100%;width:100%;height:100%;z-index:19900;background:#ff9800;transition:0.4s;display:flex;}
.header .ham_menu .ham_imgbox{width:0%;height:100%;background:url(../img/ham_left_bg.png) no-repeat center/cover;transition:0.4s;}
.header .ham_menu .ham_conbox{width:100%;height:100%;transition:0.4s;padding:170px 140px 0;position:relative;}
.header .ham_menu .ham_conbox .ham_gnb{display:flex;flex-direction:column;align-items:flex-start;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li{padding:16px 0;position:relative;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a{font-size:60px;line-height:42px;font-weight:700;color:#fff;transition:0.4s;cursor:pointer;display:block;position:relative;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a:hover{color:#ff9800;text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff;}
/*.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt{padding-right:32px;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt::after{content:'';position:absolute;bottom:0;right:0;border-left:10px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;transition:0.4s;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt::before{content:'';position:absolute;bottom:-2px;right:-1px;border-left:12px solid transparent;border-top:10px solid transparent;border-bottom:10px solid transparent;transition:0.4s;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt:hover::after{border-left-color:#ff9800;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt:hover::before{border-left-color:#fff;}*/
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth{display:none;position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%);width:170px;background:#000;color:#fff;box-shadow:0 5px 17px rgba(64,64,64,.3);z-index:200;padding:10px 20px;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth li{padding:10px 0;}
.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth li a{display:block;font-size:18px;font-weight:500;color:#fff;}
.header .ham_menu .ham_conbox .ham_btm{position:absolute;bottom:75px;right:140px;}
.header .ham_menu .ham_conbox .ham_btm .ham_btm_family{position:relative;width:236px;height:38px;}
.header .ham_menu .ham_conbox .ham_btm .ham_btm_family .sel_view{position:relative;padding:0 16px;font-size:15px;line-height:36px;font-weight:500;border:1px solid #fff;color:#fff;cursor:pointer;}
.header .ham_menu .ham_conbox .ham_btm .ham_btm_family .sel_view::after{content:'';display:block;width:12px;height:8px;background:url(../img/ham_sel_arr.png) no-repeat center;position:absolute;top:50%;right:16px;margin-top:-4px;}
.header .ham_menu .ham_conbox .ham_btm .ham_btm_family .sel_option{display:none;position:absolute;bottom:100%;left:0;width:100%;padding:4px 0;border:1px solid #fff;border-bottom:0;background:#ff9800;}
.header .ham_menu .ham_conbox .ham_btm .ham_btm_family .sel_option li a{display:block;padding:8px 16px;color:#fff;}
.header .ham_menu .ham_conbox .ham_btm .ham_btm_p{font-size:14px;font-weight:300;color:#fff;margin-top:15px;}

.header .ham_menu.on{right:0;}
.header .ham_menu.on .ham_imgbox{width:50%;}
.header .ham_menu.on .ham_conbox{width:50%;}

.header.scr{background:#fff;color:#000;box-shadow:0 7px 16px rgba(55,55,55,.1);}
.header.scr .hd_logo a{background-image:url(../img/logo_scr.png);}
.header.scr .hd_gnb .gnb_ul .gnb_li .gnb_li_a{color:#000;}
.header.scr .hd_right .hd_r_lang.on{border-color:#000;}
.header.scr .hd_right .hd_r_lang .lang_curr::after{background-image:url(../img/hd_lang_arr_bk.png);}
.header.scr .hd_right .hd_r_lang .lang_other li a{color:#000;}
.header.scr .hd_r_menubtn .line01{background:#000;}
.header.scr .hd_r_menubtn .line02{background:#000;}


.visual{display:flex;align-items:center;width:100%;height:100vh;overflow:hidden;position:relative;}
.visual .vis_video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:#000;}
/*.visual .vis_video video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height: 100%;width: 205.128205vh;min-width: 100%;min-height: 48.75vw;background:#fff;}*/
.visual .video_wrap{position: absolute;height: 100vh;width: 100%;z-index: -1;overflow: hidden;}
.visual .vis_video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1); height: 100%;width: 205.128205vh;min-width: 100%;min-height: 48.75vw; background:#fff;}
.visual .vis_txtbox{display:flex;position:relative;}
.visual .vis_txtbox .vis_txt{flex:0 0 auto;font-size:80px;line-height:88px;font-weight:700;margin-right:20px;position:relative;z-index:10;white-space:nowrap;}
.visual .vis_txtbox .vis_txt.txt01{color:#fff;}
.visual .vis_txtbox .vis_txt.txt02{color:#ff9800;}
.visual .vis_txtbox .vis_txt_swp .swiper-slide{opacity:0 !important;}
.visual .vis_txtbox .vis_txt_swp .swiper-slide-active{opacity:1 !important;}
.visual .vis_txtbox .vis_circle_anim{position:absolute;top:50%;left:185px;margin-top:-230px;animation:2s ease 0.3s both circleAppear;}
.visual .vis_txtbox .vis_circle_anim svg{width:460px;height:460px;}
.visual .vis_txtbox .vis_circle_anim .sml_circle{width:460px;height:460px;position:absolute;top:50%;left:50%;margin:-230px 0 0 -230px;animation:16s linear infinite animRotating;}
.visual .vis_txtbox .vis_circle_anim .sml_circle::after{content:'';position:absolute;top:0;left:50%;width:26px;height:26px;background:#8bc34a;border-radius:100%;transform:translate(-50%,-50%);}

.txt_anim{overflow:hidden;}
.txt_anim > p{transform:translateY(100%);}
.txt_anim.is_active > p{animation:0.6s ease 0.2s forwards textAnim;}

@keyframes circleAppear{
	from{ transform: scale(0); opacity: 0; }
	to{ transform: scale(1); opacity: 1; }
}
@keyframes animRotating{
	from{ transform: rotate(0deg); }
	to{ transform: rotate(360deg); }
}

@keyframes textAnim{
	from{ transform:translateY(100%); }
	to{ transform:translateY(0); }
}


.mid01{padding:170px 0 250px;text-align:center;position:relative;overflow:hidden;}
.mid01::before{content:'';display:block;width:284px;height:360px;background:url(../img/mid01_circles.png) no-repeat center;position:absolute;top:50%;left:2%;transform:translateY(-50%);}
.mid01 .m1_tit{font-size:60px;line-height:1.2;font-weight:700;margin-bottom:120px;}
.mid01 .m1_count_box{margin-bottom:80px;}
.mid01 .m1_count_box .count_wrap{font-size:49px;line-height:80px;font-weight:500;margin-bottom:15px;}
.mid01 .m1_count_box .count_wrap strong{display:inline-flex;font-size:110px;font-weight:700;}
.mid01 .m1_count_box .count_wrap strong .num{width:75px;}
.mid01 .m1_count_box .count_wrap strong .comma{width:30px;}
.mid01 .m1_count_box .cb_p{font-size:28px;line-height:1.2;}
.mid01 .m1_count_box .cb_p b{font-weight:600;}
.mid01 .m1_count_box._cb2{margin-bottom:50px;}
.mid01 .m1_count_box._cb2 .count_wrap strong{color:#ff9800;}
.mid01 .m1_btn{display:inline-block;padding:0 35px;font-size:16px;line-height:43px;font-weight:600;color:#fff;background:#8bc34a;border-radius:50px;box-shadow:5px 5px 17px rgba(144,190,91,1);}
.mid01 .m1_circle_anim{position:absolute;top:-95px;right:-300px;z-index:-10;animation:1s ease 1.2s both circleAppear;}
.mid01 .m1_circle_anim svg{width:925px;height:925px;}
.mid01 .m1_circle_anim .sml_circle1{width:925px;height:925px;position:absolute;top:0;left:0;animation:16s linear infinite animRotating;}
.mid01 .m1_circle_anim .sml_circle1::before{content:'';position:absolute;top:50%;right:0;width:26px;height:26px;background:#8bc34a;border-radius:100%;margin-right:-13px;}
.mid01 .m1_circle_anim .sml_circle1::after{content:'';position:absolute;top:50%;left:0;width:26px;height:26px;background:#8bc34a;border-radius:100%;margin-left:-13px;}
.mid01 .m1_circle_anim .sml_circle2{width:925px;height:925px;position:absolute;top:0;left:0;animation:16s linear 2.2s infinite animRotating;}
.mid01 .m1_circle_anim .sml_circle2::before{content:'';position:absolute;top:50%;right:0;width:26px;height:26px;background:#ff9800;border-radius:100%;margin-right:-13px;}
.mid01 .m1_circle_anim .sml_circle2::after{content:'';position:absolute;top:50%;left:0;width:26px;height:26px;background:#ff9800;border-radius:100%;margin-left:-13px;}

.mid02{width:100%;height:357px;background:url(../img/mid02_bg.png) no-repeat center/cover;color:#fff;}
.mid02 .inner_1266{height:100%;display:flex;flex-direction:column;justify-content:center;}
.mid02 .txt01{font-size:18px;font-weight:500;margin-bottom:30px;}
.mid02 .txt02{font-size:60px;line-height:76.25px;}

.mid03{padding:200px 0 250px;}
.mid03 .m3_box{position:relative;height:672px;margin-bottom:250px;}
.mid03 .m3_box:last-child{margin-bottom:0;}
.mid03 .m3_box .m3b_txt{padding-top:115px;}
.mid03 .m3_box .m3b_txt .txt01{font-size:28px;font-weight:600;line-height:1.2;margin-bottom:20px;}
.mid03 .m3_box .m3b_txt .txt02{font-size:96px;font-weight:700;line-height:1;margin-bottom:40px;}
.mid03 .m3_box .m3b_txt .txt02.font_mt{font-size:108px;}
.mid03 .m3_box .m3b_txt .txt03{font-size:24px;line-height:36px;color:#464646;margin-bottom:80px;}
.mid03 .m3_box .m3b_txt .viewmore a{font-size:16px;font-weight:800;color:#8bc34a;letter-spacing:0px;}
.mid03 .m3_box .m3b_txt .viewmore a::before{content:'';display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:100%;background:#8bc34a;margin-right:8px;margin-top:-1px;}
.mid03 .m3_box .m3b_img{position:absolute;top:0;z-index:-1;width:calc(100% - 387px);height:100%;}
.mid03 .m3_box .m3b_img .img_big{position:absolute;top:0;z-index:10;}
.mid03 .m3_box .m3b_img .img_sml{position:absolute;top:108px;z-index:5;}

.mid03 .m3_box.m3_box_ltxt{}
.mid03 .m3_box.m3_box_ltxt .m3b_txt{text-align:left;}
.mid03 .m3_box.m3_box_ltxt .m3b_img{right:0;}
.mid03 .m3_box.m3_box_ltxt .m3b_img .img_big{right:0;}
.mid03 .m3_box.m3_box_ltxt .m3b_img .img_big img {border-radius:50px;}
.mid03 .m3_box.m3_box_ltxt .m3b_img .img_sml{left:0;}
.mid03 .m3_box.m3_box_rtxt{}
.mid03 .m3_box.m3_box_rtxt .m3b_txt{text-align:right;}
.mid03 .m3_box.m3_box_rtxt .m3b_img{left:0;}
.mid03 .m3_box.m3_box_rtxt .m3b_img .img_big{left:0;}
.mid03 .m3_box.m3_box_rtxt .m3b_img .img_sml{right:0;}

.partners{width:100%;height:112px;border-top:2px solid #ededed;}
.partners .inner{height:100%;}
.partners .ptn_swiper{height:100%;padding:0 50px;}
.partners .ptn_swiper .swiper-slide{display:flex;justify-content:center;align-items:center;}
.partners .ptn_swiper .ptn_prv{width:50px;height:100%;margin-top:0;background:url(../img/prtn_prv.png) no-repeat left center #fff;left:0;top:0;}
.partners .ptn_swiper .ptn_nxt{width:50px;height:100%;margin-top:0;background:url(../img/prtn_nxt.png) no-repeat right center #fff;right:0;top:0}


.footer{padding:50px 0 60px;background:#252525;color:#fff;}
.footer .ft_logo{position:absolute;top:0;left:0;}
.footer .ft_con{width:1137px;margin-left:auto;display:flex;justify-content:space-between;align-items:flex-start;}
.footer .ft_con .ft_info{}
.footer .ft_con .ft_info li{display:flex;font-size:16px;line-height:22px;font-weight:300;margin-bottom:11px;}
.footer .ft_con .ft_info li strong{font-weight:600;margin-right:10px;flex-shrink:0;}
.footer .ft_con .ft_info li.provi{margin-bottom:0;margin-top:100px;}
.footer .ft_con .ft_info li.provi a{color:#fff;font-weight:400;}
.footer .ft_con .ft_nav{position:relative;}
.footer .ft_con .ft_nav .ft_nav_ul{margin-bottom:50px;}
.footer .ft_con .ft_nav .ft_nav_ul li:not(:last-child){margin-bottom:16px;}
.footer .ft_con .ft_nav .ft_nav_ul li a{font-size:16px;font-weight:700;color:#fff;}
.footer .ft_con .ft_nav .ft_nav_sel{position:relative;width:236px;height:38px;}
.footer .ft_con .ft_nav .ft_nav_sel .sel_view{position:relative;padding:0 16px;font-size:15px;line-height:36px;font-weight:500;border:1px solid #fff;color:#fff;cursor:pointer;}
.footer .ft_con .ft_nav .ft_nav_sel .sel_view::after{content:'';display:block;width:12px;height:8px;background:url(../img/ham_sel_arr.png) no-repeat center;position:absolute;top:50%;right:16px;margin-top:-4px;}
.footer .ft_con .ft_nav .ft_nav_sel .sel_option{display:none;position:absolute;bottom:100%;left:0;width:100%;padding:4px 0;border:1px solid #fff;border-bottom:0;background:#252525;}
.footer .ft_con .ft_nav .ft_nav_sel .sel_option li a{display:block;padding:8px 16px;color:#fff;}
.footer .ft_con .ft_nav .ft_copy{position:absolute;bottom:-34px;left:0;font-size:14px;font-weight:100;color:#fff;white-space:nowrap;}
.footer .ft_con .ft_nav .mob_ft_provi{display:none;}

.floating_menu{position:fixed;bottom:4%;right:70px;z-index:200;}
.floating_menu li{margin:20px 0;border-radius:32px;overflow:hidden;box-shadow:5px 5px 17px rgba(144,190,91,1);}
.floating_menu li a{display:flex;justify-content:center;align-items:center;width:65px;height:65px;background:#8bc34a;}


#ctt_con {}
#ctt_con .cont_box {margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #dfdfdf;}
#ctt_con .cont_box:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
#ctt_con .p01 {font-size:19px;line-height:27px;margin-bottom:20px;font-weight:600;color:#000;word-break:keep-all;}
#ctt_con .p02 {font-size:17px;line-height:19px;margin-bottom:10px;color:#000;word-break:keep-all;}
#ctt_con .p03 {font-size:15px;line-height:25px;color:#333;word-break:keep-all;}
#ctt_con a {color:#333;}


#sub_div{overflow:hidden;}
#sub_div .sub_top{width:100%;height:700px;background:#000;position:relative;overflow:hidden;padding:0;}
#sub_div .sub_top .inner{height:100%;display:flex;flex-direction:column;justify-content:center;z-index:10;}
#sub_div .sub_top .sub_top_tit{font-size:80px;font-weight:500;color:#fff;}
#sub_div .sub_top .sub_top_video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
#sub_div .sub_top .sub_top_video{position:absolute;top:50%;left:50%;width:105%;height:155%;transform:translate(-50%,-50%);}
/*sub_div .sub_top .sub_top_video video{position:absolute;top:50%;left:50%;width:105%;height:105%;transform:translate(-50%,-50%);min-width:2000px;opacity:0;}*/
#sub_div .sub_top .video_wrap{width:100%;height:100%;z-index:0;overflow:hidden;}
/* #sub_div .sub_top .sub_top_video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transform:scale(1.7);} */
#sub_div .sub_top .sub_top_control{position:absolute;bottom:35px;left:0;width:100%;z-index:20;text-align:center;}
#sub_div .sub_top .sub_top_control button{width:32px;height:32px;border:0;background-color:rgba(139,195,74,0.5) !important;border-radius:50%;}
#sub_div .sub_top .sub_top_control button.pause{background:url(../img/sub_top_vid_pause.png) no-repeat center;}
#sub_div .sub_top .sub_top_control button.play{background:url(../img/sub_top_vid_play.png) no-repeat center;}
#sub_div .sub_path{position:absolute;top:0;left:50%;transform:translateX(-50%);}
#sub_div .sub_path .sub_path_ul{display:flex;align-items:center;padding:50px 0;}
#sub_div .sub_path .sub_path_ul .sub_path_li{min-width:130px;font-size:16px;line-height:13px;padding-right:60px;color:#9d9d9d;position:relative;}
#sub_div .sub_path .sub_path_ul .sub_path_li a{color:inherit;}
#sub_div .sub_path .sub_path_ul .sub_path_li:not(:last-child)::after{content:'';width:10px;height:13px;background:url(../img/sub_path_arr.png) no-repeat center;position:absolute;top:0;right:25px;}
#sub_div .sub_path .sub_path_ul .sub_path_li:last-child{color:#000;}
#sub_div .sub_path .sub_search_box{position:absolute;top:50px;right:0;}
#sub_div .sub_path .sub_search_box .sch_wrap{display:flex;width:750px;height:60px;border-radius:60px;overflow:hidden;background:#fff;box-shadow:5px 5px 18px #ebebeb;}
#sub_div .sub_path .sub_search_box .sch_wrap .sch_ipt{width:calc(100% - 85px);height:100%;border:1px solid transparent;padding:0 38px;font-size:20px;font-weight:300;}
#sub_div .sub_path .sub_search_box .sch_wrap .sch_btn{width:85px;height:100%;border:0;background:none;}
#sub_div > .inner{}
#sub_div > .inner.inner_x{max-width:100%;}
#sub_div > .inner.inner_padding{padding:170px 0;}

#sub_div .sub_top.tech{background:url(../img/sub03_top_bg.png) no-repeat center/cover;}
#sub_div .sub_top.prcenter{background:url(../img/sub05_top_bg.png) no-repeat center/cover;}
#sub_div .sub_top.news{background:url(../img/sub05_top_bg1.png) no-repeat center/cover;}
#sub_div .sub_top.certification{background:url(../img/sub05_top_bg2.png) no-repeat center/cover;}
#sub_div .sub_top.activity{background:url(../img/sub05_top_bg3.png) no-repeat center/cover;}
#sub_div .sub_top.contact{background:url(../img/sub06_top_bg.png) no-repeat center/cover;}

.ft_contact_box{width:100%;height:300px;background:url(../img/sub05_qna_bg.png) no-repeat center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;}
.ft_contact_box .txt{font-size:32px;line-height:1.3;font-weight:300;margin-bottom:25px;}
.ft_contact_box .contact_btn{display:block;padding:0 55px;border:2px solid #fff;font-size:24px;font-weight:600;line-height:45px;color:#fff;border-radius:50px;}


/* about */
.about{padding:210px 0 150px;}
.ab_mid01{margin-bottom:130px;}
.ab_mid01 .ab_m1_tit01{font-size:32px;line-height:1.4;font-weight:500;margin-bottom:20px;}
.ab_mid01 .ab_m1_tit02{font-size:70px /*80px*/;line-height:1.4;font-weight:700;margin-bottom:150px;letter-spacing:-1px;}
.ab_mid01 .ab_m1_tit02 p{word-break:keep-all;}
.ab_mid01 .ab_m1_content{position:relative;}
.ab_mid01 .ab_m1_content .m1_atc{padding-bottom:100px;margin-top:-9px;}
.ab_mid01 .ab_m1_content .m1_atc .m1_atc_txt01{font-size:30px;line-height:48px;font-weight:500;margin-bottom:26px;}
.ab_mid01 .ab_m1_content .m1_atc .m1_atc_txt02{font-size:18px;line-height:32px;}
.ab_mid01 .ab_m1_content .m1_imgbox1{position:absolute;top:0;right:0;z-index:-1;}
.ab_mid01 .ab_m1_content .m1_imgbox1 .circle{position:absolute;top:-66px;left:-62px;z-index:10;}
.ab_mid01 .ab_m1_content .m1_imgbox1 .circle img{border-radius:100%;box-shadow:3px 7px 24px rgba(234,71,17,1);}
.ab_mid01 .ab_m1_content .m1_imgbox2{position:relative;text-align:center;}
.ab_mid02{margin-bottom:200px;}
.ab_mid02 .ab_m2_txt01{font-size:30px;line-height:48px;font-weight:500;margin-bottom:120px;}
.ab_mid02 .ab_m2_imgbox{position:relative;padding-left:385px;}
.ab_mid02 .ab_m2_imgbox .m2_imgbox_txt{font-size:48px;line-height:70px;font-weight:600;position:relative;z-index:20;}
.ab_mid02 .ab_m2_imgbox .m2_imgbox_txt p{word-break:keep-all;}
.ab_mid02 .ab_m2_imgbox .m2_imgbox_img_b{margin-top:-45px;}
.ab_mid02 .ab_m2_imgbox .m2_imgbox_img_l{position:absolute;top:110px;left:0;z-index:10;}
.ab_mid03{}
.ab_mid03 .ab_m3_tit01{font-size:32px;line-height:1.4;font-weight:500;margin-bottom:10px;}
.ab_mid03 .ab_m3_tit02{font-size:80px;line-height:1.4;font-weight:700;margin-bottom:55px;}
.ab_mid03 .ab_m3_tit02 p{word-break:keep-all;}
.ab_mid03 .ab_m3_swp{overflow:visible !important;padding-bottom:60px;}
.ab_mid03 .ab_m3_swp .swiper-scrollbar{bottom:5px;left:0;width:100%;height:2px;border-radius:0;background:#d7d7d7;}
.ab_mid03 .ab_m3_swp .swiper-scrollbar .swiper-scrollbar-drag{border-radius:0;background:#000;}
.ab_mid03 .ab_m3_swp .swiper-slide{height:770px;background:#000;color:#fff;padding-top:90px;cursor:pointer;}
.ab_mid03 .ab_m3_swp .swiper-slide.bg2021{background:url(../img/sub01_history_21.png) no-repeat center/cover;}
.ab_mid03 .ab_m3_swp .swiper-slide.bg2020{background:url(../img/sub01_history_20.png) no-repeat center/cover;}
.ab_mid03 .ab_m3_swp .swiper-slide.bg2019{background:url(../img/sub01_history_19.png) no-repeat center/cover;}
.ab_mid03 .ab_m3_swp .swiper-slide.bg2018{background:url(../img/sub01_history_18.png) no-repeat center/cover;}
.ab_mid03 .ab_m3_swp .swiper-slide::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:rgba(255,146,0,.8);opacity:0;transition:0.4s;}
.ab_mid03 .ab_m3_swp .swiper-slide .year{position:relative;z-index:10;font-size:100px;line-height:70px;font-weight:900;text-align:center;margin-bottom:60px;}
.ab_mid03 .ab_m3_swp .swiper-slide .plus{position:absolute;top:200px;left:50%;z-index:10;transform:translateX(-50%);text-align:center;transition:0.4s;}
.ab_mid03 .ab_m3_swp .swiper-slide .his_ul{position:relative;z-index:10;padding:0 50px;opacity:0;transition:0.4s;}
.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li{font-size:20px;line-height:32px;letter-spacing:-1px;position:relative;}
.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li:not(:first-child){margin-top:15px;}
.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li ._con{display:block;}
.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li ._con b{font-weight:600;}
.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li ._m{position:absolute;top:0;left:-30px;font-size:25px;font-weight:600;font-family:'Montserrat','noto-sans',sans-serif;}
.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li ._m + ._con{padding-left:24px;}

/*.ab_mid03 .ab_m3_swp .swiper-slide.bg2018 .year{margin-bottom:40px;}*/

.ab_mid03 .ab_m3_swp .swiper-slide.on::after{opacity:1;}
.ab_mid03 .ab_m3_swp .swiper-slide.on .plus{opacity:0;transform:translateX(-50%) rotate(180deg);}
.ab_mid03 .ab_m3_swp .swiper-slide.on .his_ul{opacity:1;}


/* product */
.product{padding-bottom:80px;}
.prd_top{width:100%;height:900px;background:url(../img/sub0201_m1_bg.png) no-repeat center/cover;}
.prd_top .inner{height:100%;display:flex;flex-direction:column;justify-content:center;}
.prd_top .prd_top_tit01{font-size:24px;font-weight:500;color:#999;margin-bottom:20px;}
.prd_top .prd_top_tit02{font-size:120px;font-weight:700;line-height:90px;margin-left:-8px;margin-bottom:85px;}
.prd_top .prd_top_atc01{font-size:30px;line-height:48px;font-weight:500;margin-bottom:20px;}
.prd_top .prd_top_atc02{font-size:20px;line-height:32px;font-weight:300;color:#999;margin-bottom:50px;}
.prd_top .prd_top_popbox{position:relative;}
.prd_top .prd_top_popbox .pop_trigger{position:relative;z-index:10;font-size:16px;font-weight:600;color:#8bc34a;letter-spacing:0px;cursor:pointer;}
.prd_top .prd_top_popbox .pop_trigger::before{content:'';display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:100%;background:#8bc34a;margin-right:8px;margin-top:-1px;}
.prd_top .prd_top_popbox .pop_content{position:absolute;top:-20px;left:-18px;z-index:5;padding:70px 18px 18px;background:#edf0e6;width:790px;display:none;}
.prd_top .prd_top_popbox .pop_content .pop_x{position:absolute;top:18px;right:18px;cursor:pointer;}
.prd_top .prd_top_popbox .pop_content .pop_tb{width:100%;border-collapse:collapse;text-align:left;border-top:1px solid #818181;font-size:16px;margin-bottom:12px;}
.prd_top .prd_top_popbox .pop_content .pop_tb th{border-bottom:1px solid #818181;padding:9px 6px;font-weight:600;}
.prd_top .prd_top_popbox .pop_content .pop_tb td{border-bottom:1px solid #818181;padding:9px 6px;}
.prd_top .prd_top_popbox .pop_content .pop_tb td.font_mt{width:110px;}
.prd_top .prd_top_popbox .pop_content .pop_txt{font-size:16px;line-height:28px;color:#333;white-space:nowrap;}
.prd_mid01{padding:150px 0;text-align:center;}
.prd_mid01 .prd_m1_tit{font-size:45px;font-weight:700;line-height:1;margin-bottom:30px;}
.prd_mid01 .prd_m1_desc{font-size:24px;line-height:1;color:#8bc34a;margin-bottom:90px;}
.prd_mid01 .prd_m1_wrap{display:flex;justify-content:space-between;}
/*.prd_mid01 .prd_m1_wrap .prd_m1_box{width:calc(33.333333% - 16px);}
.prd_mid01 .prd_m1_wrap .prd_m1_box .imgbox{width:100%;position:relative;}
.prd_mid01 .prd_m1_wrap .prd_m1_box .imgbox p{display:block;padding-bottom:100%;background:#f3f9fb;border-radius:8%;}*/
.prd_mid01 .prd_m1_wrap .prd_m1_box{width:calc(25% - 18px);}
.prd_mid01 .prd_m1_wrap .prd_m1_box .imgbox{width:100%;position:relative;}
.prd_mid01 .prd_m1_wrap .prd_m1_box .imgbox p{display:flex;justify-content:center;align-items:center;background:#f3f9fb;border-radius:8%;}
.prd_mid01 .prd_m1_wrap .prd_m1_box .imgbox p img{}
.prd_mid01 .prd_m1_wrap .prd_m1_box .subj{font-size:30px;line-height:1;font-weight:600;padding:20px 0;}
.prd_mid01 .prd_m1_wrap .prd_m1_box .que{display:inline-block;vertical-align:middle;width:200px;height:50px;background:#8bc34a;color:#fff;line-height:50px;font-size:16px;font-weight:600;border-radius:50px;box-shadow:4px 5px 15px rgba(144,190,91,.5);}
.prd_mid02{padding:0 0 150px;text-align:center;}
.prd_mid02 .prd_m2_tit{font-size:45px;font-weight:700;line-height:1;margin-bottom:100px;}
.prd_mid02 .prd_m2_wrap{display:flex;justify-content:space-between;}
.prd_mid02 .prd_m2_wrap .prd_m2_tab{width:258px;cursor:pointer;}
.prd_mid02 .prd_m2_wrap .prd_m2_tab .icon{width:100%;position:relative;margin-bottom:25px;}
.prd_mid02 .prd_m2_wrap .prd_m2_tab .icon p{display:block;padding-bottom:100%;background:linear-gradient(#fff,#fff) padding-box, linear-gradient(to bottom, #fff, #fff) border-box;border-radius:100%;box-shadow:4px 5px 15px rgba(0,0,0,.05);border:4px solid #fff;transition:0.4s;}
.prd_mid02 .prd_m2_wrap .prd_m2_tab .icon p::after{content:'';}
.prd_mid02 .prd_m2_wrap .prd_m2_tab .icon p img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;}
.prd_mid02 .prd_m2_wrap .prd_m2_tab .subj{position:relative;left:50%;transform:translateX(-50%);font-size:24px;line-height:1.2;white-space:nowrap;width:calc(100% + 70px);}
.prd_mid02 .prd_m2_wrap .prd_m2_tab:hover .icon p{border:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box, linear-gradient(to bottom, #f15a2f, #f68f1e) border-box;}
.prd_mid02 .prd_m2_wrap .prd_m2_tab.on .icon p{border:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box, linear-gradient(to bottom, #f15a2f, #f68f1e) border-box;}
.prd_mid03{position:relative;}
.prd_mid03 .tab_content{display:none;overflow:hidden;}
.prd_mid03 .tab_content.on{display:block;}

.prd_mid03 .tab_content .tab_box01{padding:120px 0;background:#f9f9f9;position:relative;overflow:hidden;}
.prd_mid03 .tab_content .tab_box01::after{content:"FEATURE";position:absolute;bottom:12px;left:-22px;font-size:240px;font-weight:600;line-height:170px;letter-spacing:0;z-index:0;color:#e8e8e8;font-family:'Noto Sans KR';}
.prd_mid03 .tab_content .tab_box01 .inner{display:flex;justify-content:space-between;z-index:10;}
.prd_mid03 .tab_content .tab_box01 .txtbox{width:calc(100% - 1040px);}
.prd_mid03 .tab_content .tab_box01 .txtbox::before{content:'';display:block;width:28px;height:28px;background:linear-gradient(to right, #f68f1e, #f15a2f);border-radius:100%;margin-bottom:35px;}
.prd_mid03 .tab_content .tab_box01 .txtbox .p01{font-size:60px;font-weight:600;line-height:1.1;color:#ff9800;margin-bottom:65px;}
.prd_mid03 .tab_content .tab_box01 .txtbox .p02{font-size:24px;line-height:34px;}
.prd_mid03 .tab_content .tab_box01 .imgbox img{box-shadow:4px 5px 17px rgba(0,0,0,.6);border-radius:50px;overflow:hidden;}
.prd_mid03 .tab_content .tab_box02{padding:120px 0;}
.prd_mid03 .tab_content .tab_box02 .txtbox .p01{font-size:32px;font-weight:600;line-height:1.1;margin-bottom:24px;}
.prd_mid03 .tab_content .tab_box02 .txtbox .p02{font-size:24px;line-height:1.5;}

.chartbox{}
.chartbox .ch_tit{font-size:18px;line-height:1;font-weight:500;margin-bottom:25px;}
.chartbox .ch_ul{}
.chartbox .ch_ul .ch_li{display:flex;align-items:center;margin-bottom:24px;}
.chartbox .ch_ul .ch_li .labels{display:block;width:200px;font-size:20px;line-height:20px;font-weight:600;color:#acacac;text-align:left;}
.chartbox .ch_ul .ch_li .bar{display:flex;width:calc(100% - 265px);height:20px;padding:5px 10px;background:#f4f4f4;border-radius:20px;}
.chartbox .ch_ul .ch_li .bar > p{width:0;height:100%;background:#989898;transition:0.6s;}
.chartbox .ch_ul .ch_li .bar > p:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.chartbox .ch_ul .ch_li .bar > p:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.chartbox .ch_ul .ch_li .bar > p.filled{}
.chartbox .ch_ul .ch_li .bar > p.filled.stack_gray{background:#acacac;}
.chartbox .ch_ul .ch_li .bar > p.filled.stack_dark{background:#676767;}
.chartbox .ch_ul .ch_li .bar > p.filled.stack_green{background:#8bc34a;}
.chartbox .ch_ul .ch_li .bar > p.filled.stack_orange{background:#f4dfc9;position:relative;}
.chartbox .ch_ul .ch_li .bar > p.filled.stack_orange span{display:block;width:100%;text-align:center;font-size:18px;line-height:22px;font-weight:600;color:#ff9800;white-space:nowrap;/*overflow:hidden;*/position:absolute;top:50%;left:0;transform:translateY(-50%);padding:0 5px;}
.chartbox .ch_ul .ch_li .percentage{display:block;width:65px;font-size:20px;line-height:20px;font-weight:700;color:#acacac;text-align:right;}
.chartbox .ch_ul .ch_step{}
.chartbox .ch_ul .ch_step .step_box{padding:0 65px 0 200px;display:flex;justify-content:space-between;align-items:center;}
.chartbox .ch_ul .ch_step .step_box span{font-family:'Montserrat','noto-sans',sans-serif;font-size:16px;font-weight:400;color:#acacac;}
.chartbox .ch_ul .ch_li.main .labels{color:#f15a2f;}
.chartbox .ch_ul .ch_li.main .bar .filled{background:linear-gradient(to right, #ff9800, #f15a2f);}
.chartbox .ch_ul .ch_li.main .percentage{color:#f15a2f;}

.prd_mid03 .tab_content#tab1 .tab_box02 .inner{display:flex;justify-content:space-between;}
.prd_mid03 .tab_content#tab1 .tab_box02 .txtbox{width:calc(100% - 910px);}
.prd_mid03 .tab_content#tab1 .tab_box02 .chartbox{width:880px;}
.prd_mid03 .tab_content#tab1 .tab_box02 .chartbox .ch_ul .ch_li .percentage{font-family:'Montserrat','noto-sans',sans-serif;}

.prd_mid03 .tab_content#tab2 .tab_box02 .inner{display:flex;justify-content:space-between;}
.prd_mid03 .tab_content#tab2 .tab_box02 .txtbox{width:calc(100% - 910px);}
.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox{width:880px;}
.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox .ch_ul .ch_li .labels{width:220px;}
.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox .ch_ul .ch_li .bar{width:calc(100% - 285px);}

.prd_mid03 .tab_content#tab3 .tab_box02 .inner{display:flex;justify-content:space-between;}
.prd_mid03 .tab_content#tab3 .tab_box02 .txtbox{width:calc(100% - 910px);}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox{width:880px;}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_li .labels{width:180px;}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_li .bar{width:calc(100% - 180px);}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend{text-align:right;}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend .lgd_p{display:inline-flex;align-items:center;vertical-align:middle;margin-left:30px;font-size:17px;font-weight:500;}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend .lgd_p:first-child{margin-left:0;}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend .lgd_p span{display:inline-block;width:9px;height:9px;border-radius:100%;margin-right:6px;}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend .lgd_p span.gray{background:#acacac;}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend .lgd_p span.dark{background:#676767;}
.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend .lgd_p span.green{background:#8bc34a;}

.prd_mid03 .tab_content#tab4 .tab_box02 .txtbox{margin-bottom:55px;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap{}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox{display:flex;justify-content:space-between;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox{width:calc(25% - 22.5px);}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table{width:100%;height:100%;border-collapse:collapse;text-align:left;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table th{width:50%;/*height:40px;*/border-bottom:1px solid #e7e7e7;padding:0 20px;font-size:16px;font-weight:500;text-align:left;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td{width:50%;/*height:40px;*/border-bottom:1px solid #e7e7e7;padding:0 20px;font-size:16px;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td b{font-weight:500;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td:first-child::after{content:'';display:block;clear:both;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td:first-child b{display:inline-block;vertical-align:middle;width:calc(100% - 25px);}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td:last-child{font-weight:600;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td .cir{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-right:8px;border-radius:100%;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td.org{color:#ff9800;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td.org .cir{background:#ff9800;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td .cir.gry1{background:#a1a1a1;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td .cir.gry2{background:#bec4cc;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td .cir.gry3{background:#d8d8d8;}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .imgbox{width:calc(25% - 22.5px);}
.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .note{text-align:right;font-size:16px;color:#888;margin-top:5px;}

.prd_mid03 .tab_content#tab5 .tab_box02 .txtbox{margin-bottom:55px;}
.prd_mid03 .tab_content#tab5 .tab_box02 .imgbox{display:flex;justify-content:space-between;}
.prd_mid03 .tab_content#tab5 .tab_box02 .imgbox p{width:calc(50% - 12px);}


.fertistar .prd_top {background: url(../img/sub0202_m1_bg.jpg) no-repeat center/cover;}
.fertistar .prd_top .prd_top_tit02 {font-size: 110px;line-height: 1;}
.fertistar .prd_top .tac{text-align:center;}
.fertistar .prd_mid02 .prd_m2_wrap{max-width:1266px;margin: auto;}
.fertistar strong.bd_txt{font-weight:600;}
.fertistar .prd_top .prd_top_atc02 .dot_ul > li{color: #252525;}
.fertistar .prd_top .prd_top_atc02 .dot_ul > li::before{background:#252525;}
.fertistar .dot_ul > li{position:relative;padding-left: 10px;}
.fertistar .dot_ul > li::before{content:'';position:absolute;top:15px;left:0;width:3px;height:3px;border-radius:3px;background:#000;}
.fertistar .prd_top .prd_top_popbox .pop_content .pop_txt {padding-left: 10px;}
.fertistar .prd_mid01 .prd_m1_wrap .prd_m1_box {width: calc(33.333333% - 18px);}
.fertistar .table_box{width:100%;max-width:751px;font-size:16px;border-top:1px solid #000;border-bottom:1px solid #000;}
.fertistar .tb_txt{line-height:40px;font-weight:700;color:#ff9800;text-align:center;}
.fertistar .table_box .tb_wrap{display:flex;}
.fertistar .table_box table{width:50%;padding:0;border:0;border-spacing:0px;border-collapse:collapse;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.fertistar .table_box table + table{border-left:1px solid #e7e7e7;}
.fertistar .table_box table th{height:40px;border-bottom:1px solid #e7e7e7;}
.fertistar .table_box table td {height:40px;text-align:center;border-bottom:1px solid #e7e7e7;}
.fertistar .table_box table th:first-child, .fertistar .table_box table td:first-child {padding-left: 30px;}
.fertistar .table_box table th:last-child, .fertistar .table_box table td:last-child {padding-right: 20px;}
.fertistar .table_box .rnd{transform: skew(-0.1deg);font-family: 'Noto Sans KR';}
.fertistar .tab_content#tab2 .tab_box02 .txtbox, .fertistar .prd_mid03 .tab_content#tab3 .tab_box02 .txtbox{width:auto;}
.fertistar #tab2 .dot_ul{margin-top: 45px;}
.fertistar #tab2 .dot_ul > li{padding-left: 10px;font-size: 26px;line-height:1.5;font-weight:500;letter-spacing: -0.02em;}
.fertistar #tab2 .dot_ul > li::before{top: 20px;}
.fertistar #tab2 .dot_ul > li.dot_n{padding-left: 0px;}
.fertistar #tab2 .dot_ul > li.dot_n .bd_txt{color:#ff9800;}
.fertistar #tab2 .dot_ul > li.dot_n .bd1{font-family: 'Noto Sans CJK KR';}
.fertistar #tab2 .dot_ul > li.dot_n::before{display:none;}
.fertistar #tab2 .dot_area .s_txt{margin-top: 50px;font-size:16px;color:#888;}
.fertistar #tab2 .txt_area{font-size:185px;font-weight:600;color:#ff9800;letter-spacing:-0.025em;}
.fertistar #tab2 .txt_area span{display:block;font-size:80px;font-weight:500;}
.fertistar #tab3 .tab3_wrap, .fertistar .tab3_wrap .img_area {display:flex;}
.fertistar #tab3 .tbbox{width:100%;max-width:234px;margin-top: 20px;}
.fertistar #tab3 .tbbox table{width:100%;height:100%;border-collapse:collapse;text-align:left;}
.fertistar #tab3 .tbbox table th{height:40px;border-bottom:1px solid #e7e7e7;font-size:18px;font-weight:600;text-align:left;}
.fertistar #tab3 .tbbox table td{height:45px;color:#acacac;border-bottom:1px solid #e7e7e7;font-size: 18px;letter-spacing: -1.6px;font-weight:600;}
.fertistar #tab3 .tbbox table th:last-child, .fertistar #tab3 .tbbox table td:last-child{text-align:center;}
.fertistar #tab3 .tbbox table td.org{color:#f15a2f;}
.fertistar #tab3 .tbbox table td:last-child{font-weight:800;font-size: 20px;letter-spacing: 0;}
.fertistar #tab3 .tbbox table tr:last-child td{border:0;}
.fertistar #tab3 .tab3_wrap{margin-top: 60px;}
.fertistar #tab3 .img_box + .img_box{margin-left: 25px;}
.fertistar #tab3 .img_tit{font-size:20px;font-weight:600;text-align:center;}
.fertistar #tab3 .img_txt{padding: 30px 0 10px;font-size:18px;font-weight:500;color:#959595;text-align:center;}
.fertistar #tab3 .imgbox.org{position:relative;margin-left:25px;}
.fertistar #tab3 .imgbox.org::before{content:'';position:absolute;top: 62%;transform:translateY(-50%);left: -18px;width:13px;aspect-ratio:13/17;background:url(../img/sub0202_m4_arr.png) no-repeat center/contain;}
.fertistar #tab3 .imgbox.org .img_txt{color:#ff9800;}
.fertistar #tab4 .tab_box02 > .inner{display:flex;justify-content:space-between;}
.fertistar #tab4 .crops_tit {font-size: 24px;font-weight: 500;margin-bottom: 30px;}
.fertistar #tab4 .crops_li{display: flex;border-top:1px solid #000;}
.fertistar #tab4 .crops_li .txt {width: 95.28px;margin-top: 10px;font-size: 18px;}
.fertistar #tab4 .crop_txt {margin-top: 5px;font-size: 16px;text-align: center;word-break: keep-all;letter-spacing: -1.72px;}
.fertistar #tab4 .img_wrp{display:flex;flex-wrap:wrap;}
.fertistar #tab4 .img_list {width: 96px;}
.fertistar #tab4 .img_list > div {margin: 10px 5px;}
.fertistar #tab4 .crop_img{position: relative;width:86px;aspect-ratio:1/1;overflow:hidden;border-radius: 86px;}
.fertistar #tab4 .crop_img img {max-width: fit-content;}
.fertistar #tab4 .crops_li1 img{position:absolute;top:0;}
.fertistar #tab4 .crops_li2 img{position:absolute;top:54%;transform:translateY(-50%);}
.fertistar #tab4 .crops_li3 img{position:absolute;bottom:0;}
.fertistar #tab4 .crops_li .img0 img{}
.fertistar #tab4 .crops_li .img1 img{left: -98px;}
.fertistar #tab4 .crops_li .img2 img{left: -196px;}
.fertistar #tab4 .crops_li .img3 img{left: -294px;}
.fertistar #tab4 .crops_li .img4 img{left: -392px;}
.fertistar #tab4 .crops_li .img5 img{left: -490px;}
.fertistar #tab4 .crops_li .img6 img{left: -588px;}
.fertistar #tab4 .crops_li .img7 img{left: -686px;}

@media screen and (max-width:1550px){
	.fertistar #tab2 .dot_ul > li {font-size: 26px;}
	.fertistar #tab2 .dot_area .s_txt {font-size: 14px;}
}
@media screen and (max-width:1200px){
	.fertistar #tab4 .tab_box02 > .inner {display:block;}
	.fertistar .prd_mid03 .tab_content#tab2 .tab_box02 .inner{flex-direction:column;}
	.fertistar .prd_mid03 .tab_content#tab3 .tab_box02 .txtbox .p02 br {display:none;}
}
@media screen and (max-width:1120px){
	.fertistar .dot_ul > li::before {top:12px;}
	.fertistar .prd_top .prd_top_tit02, .fertistar #tab2 .txt_area {font-size: 95px;}
	.fertistar #tab2 .txt_area span {font-size: 40px;}
	.fertistar #tab2 .dot_ul {margin-top: 0;}
	.fertistar #tab3 .tbbox {max-width: 80%;}
}
@media screen and (max-width:1300px){
	.fertistar .prd_mid03 .tab_content#tab2 .tab_box02 .txtbox {width: auto;}
	.fertistar #tab2 .txt_area {font-size: 150px;}
}
@media screen and (max-width:1000px){
	.fertistar #tab4 .crops_li {display: block;}
	.fertistar #tab4 .crops_li .txt {width:auto;}
	.fertistar #tab4 .crops_li .txt br {display:none;}
}
@media screen and (max-width:900px){
	.fertistar .prd_mid02 .prd_m2_wrap {padding-left: 75px;}
	.fertistar .prd_mid02 .prd_m2_wrap .prd_m2_tab:nth-child(3n), .fertistar .prd_mid02 .prd_m2_wrap .prd_m2_tab:last-child {margin-right: 75px;}
}
@media screen and (max-width:800px){
	.fertistar .dot_ul > li {padding-left: 10px;}
	.fertistar .prd_top .prd_top_tit02{font-size: 78px;}
}
@media screen and (max-width:750px){
	.fertistar #tab3 .tab3_wrap {flex-direction:column;}
	.fertistar #tab3 .img_box + .img_box {margin: 0;margin-top: 50px;}
	.fertistar .tab3_wrap .img_area {justify-content:center;}
	.fertistar #tab3 .tbbox {max-width: 100%;}
}
@media screen and (max-width:700px){
	.fertistar .prd_mid02 .prd_m2_wrap {padding-left: 20px;}
	.fertistar .prd_mid02 .prd_m2_wrap .prd_m2_tab:nth-child(3n), .fertistar .prd_mid02 .prd_m2_wrap .prd_m2_tab:last-child {margin-right: 20px;}
	.fertistar .table_box table th:first-child, .fertistar .table_box table td:first-child {padding-left: 0;}
	.fertistar .table_box table th:last-child, .fertistar .table_box table td:last-child {padding-right: 0;}
}
@media screen and (max-width:600px){
	.fertistar #tab2 .txt_area {font-size: 100px;}
	.fertistar #tab2 .txt_area span {font-size: 40px;}
	.fertistar .prd_mid03 .tab_content#tab2 .tab_box02 .txtbox {margin-bottom: 40px;}
	.fertistar #tab2 .dot_ul > li {font-size: 20px;}
	.fertistar #tab2 .dot_ul > li::before {top: 15px;width: 3px;height: 3px;border-radius: 3px;}
	.fertistar #tab2 .dot_area .s_txt {margin-top: 40px;font-size: 13px;word-break:keep-all;}
	.fertistar #tab4 .crops_tit {font-size: 20px;margin-bottom: 20px;}
	.fertistar #tab4 .crops_li .txt {font-size:16px;}
	.fertistar #tab4 .crop_txt {font-size:14px;}
}
@media screen and (max-width:560px){
	.fertistar .prd_mid01 .prd_m1_wrap .prd_m1_box {width: 70%;}
	.fertistar .table_box .tb_wrap {display: block;}
	.fertistar .table_box table {width:100%;background:#fff;}
	.fertistar .table_box table + table {border:0;margin-top:-40px;}
	.fertistar .table_box table + table thead {opacity:0;}
	.fertistar .table_box table + table td:last-child {padding-right: 10px;}
}
@media screen and (max-width:500px){
	.fertistar .dot_ul > li, .fertistar .prd_top .prd_top_atc01 p {word-break:keep-all;letter-spacing:-0.04em;}
	.fertistar .prd_top .prd_top_atc01 p br {display:none;}
	.fertistar .table_box {font-size:14px;}
}
@media screen and (max-width:460px){
	.fertistar .prd_top .prd_top_tit02 {font-size: 65px;}
	.fertistar .prd_mid02 .prd_m2_wrap {padding-left: 12px;}
	.fertistar .prd_mid02 .prd_m2_wrap .prd_m2_tab:nth-child(3n), .fertistar .prd_mid02 .prd_m2_wrap .prd_m2_tab:last-child {margin-right: 12px;}
}
@media screen and (max-width:400px){
	.fertistar #tab2 .txt_area {font-size: 80px;}
	.fertistar #tab2 .txt_area span {font-size: 30px;}
	.fertistar #tab3 .tbbox table th, .fertistar #tab3 .img_txt {font-size:16px;}
	.fertistar #tab3 .tbbox table td, .fertistar #tab3 .img_tit {font-size:18px;}
	.fertistar #tab4 .img_wrp {justify-content:center;}
}
@media screen and (max-width:320px){
	.fertistar .prd_top .prd_top_tit02 {font-size: 48px;letter-spacing: -1px;}
	.fertistar .prd_mid02 .prd_m2_wrap .prd_m2_tab .subj {letter-spacing:-1px;}
	.fertistar #tab2 .txt_area {font-size: 70px;}
	.fertistar #tab2 .txt_area span {font-size: 26px;}
}


.supplier{padding-top:170px;}
.supplier .supp_in{padding-bottom:510px;}
.supplier .supp_titbox{margin-bottom:130px;}
.supplier .supp_titbox .txt01{font-size:24px;line-height:1;color:#999;margin-bottom:5px;}
.supplier .supp_titbox .txt02{font-size:60px;font-weight:700;line-height:70px;}
.supplier .supp_con{position:relative;}
.supplier .supp_con .supp_nav{width:365px;position:relative;z-index:10;}
.supplier .supp_con .supp_nav .supp_nav_li{}
.supplier .supp_con .supp_nav .supp_nav_li .trigger{display:flex;align-items:center;padding:15.5px 10px;font-size:24px;line-height:22px;font-weight:600;color:#aba9a9;cursor:pointer;border-bottom:1px solid #d3d3d3;}
.supplier .supp_con .supp_nav .supp_nav_li .trigger::before{content:'';display:block;width:12px;height:12px;background:#b6b6b6;border-radius:100%;margin-right:12px;}
.supplier .supp_con .supp_nav .supp_nav_li.on .trigger{color:#ff9800;}
.supplier .supp_con .supp_nav .supp_nav_li.on .trigger::before{background:#ff9898;background:linear-gradient(to bottom, #f15a2f, #ff9800);}
.supplier .supp_con .supp_nav .supp_nav_li.on._nw .trigger{flex-direction:column;align-items:flex-start;}
.supplier .supp_con .supp_nav .supp_nav_li.on._nw .trigger::before{width:23px;height:23px;margin:0 0 24px;background:#ff9898;background:linear-gradient(to right, #ff9800, #f15a2f);}
.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide{display:none;padding:10px 10px 40px;}
.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide .all_supp > li{display:flex;align-items:flex-start;font-size:20px;line-height:34px;color:#484848;margin-bottom:6px;}
.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide .all_supp > li .p01{width:70px;font-weight:600;}
.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide .all_supp > li .p02{width:calc(100% - 70px);word-break:keep-all;}
.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide .all_supp > li .p02 span:not(:last-child)::after{content:'|';margin:0 2px 0 5px;}
.supplier .supp_con .supp_count{position:absolute;top:70px;right:0;z-index:10;width:361px;}
.supplier .supp_con .supp_count img{margin-bottom:16px;}
.supplier .supp_con .supp_count .txt{font-size:24px;white-space:nowrap;}
.supplier .supp_con .supp_count .txt strong{font-size:45px;font-weight:700}

.supp_map{position:absolute;top:0;left:53%;transform:translateX(-50%);}
.supp_map .map_bg{position:relative;width:870px;padding-top:calc(417 / 870 * 100%);background:url(../img/sub0202_map_en.png) no-repeat center/contain;}
.supp_map .map_content{position:absolute;width:1px;height:1px;display:none;}
.supp_map .map_content .map_marker{position:absolute;top:-47px;left:0;display:block;width:40px;height:47px;background:url(../img/sub0202_map_loca.png) no-repeat center;transform:translateX(-50%);}
.supp_map .map_content .map_txtbox{position:absolute;top:-40px;left:30px;width:420px;}
.supp_map .map_content .map_txtbox .txt01{font-size:32px;line-height:1;font-weight:700;margin-bottom:10px;}
.supp_map .map_content .map_txtbox .txt02{font-size:20px;line-height:36px;word-break:keep-all;}
.supp_map .map_content .map_txtbox .txt02 span:not(:last-child)::after{content:'|';margin:0 3px 0 6px;position:relative;top:-1px;}
.supp_map .map_content._asi{top:38.129496%;left:31.149425%;}
.supp_map .map_content._eur{top:33.333333%;left:14.367816%;}
.supp_map .map_content._ame{top:32.3741007%;left:75.402298%;}
.supp_map .map_content._ame .map_txtbox{top:20px;left:50%;transform:translateX(-50%);}

.supplier .supp_bottom{}
.supplier .supp_bottom .supp_btm_tit{display:flex;justify-content:space-between;margin-bottom:55px;}
.supplier .supp_bottom .supp_btm_tit .tit{font-size:60px;line-height:60px;font-weight:600;}
.supplier .supp_bottom .supp_btm_tit .link{position:relative;z-index:10;font-size:18px;font-weight:600;color:#8bc34a;letter-spacing:0px;cursor:pointer;}
.supplier .supp_bottom .supp_btm_tit .link::before{content:'';display:inline-block;vertical-align:middle;width:12px;height:12px;border-radius:100%;background:#8bc34a;margin-right:8px;margin-top:-1px;}
.supplier .supp_bottom .supp_btm_logobox{border-top:1px solid #bbb;padding:75px 0 80px;}
.supplier .supp_bottom .supp_btm_logobox .logobox_in{display:flex;justify-content:space-between;align-items:center;}


/* techn */
.technology{position:relative;padding:200px 0 350px;overflow:hidden;}
.technology .circle_anim1{position:absolute;top:-540px;right:-405px;z-index:-10;}
.technology .circle_anim1 svg{width:1070px;height:1070px;}
.technology .circle_anim1 .sml_circle{width:1070px;height:1070px;position:absolute;top:0;left:0;animation:16s linear infinite animRotating;}
.technology .circle_anim1 .sml_circle::before{content:'';position:absolute;top:-14px;left:50%;width:28px;height:28px;background:#ff9800;border-radius:100%;margin-right:-14px;}
.technology .circle_anim1 .sml_circle::after{content:'';position:absolute;bottom:-14px;left:50%;width:28px;height:28px;background:#ff9800;border-radius:100%;margin-right:-14px;}
.technology .circle_anim2{position:absolute;top:225px;left:0;z-index:-10;}
.technology .circle_anim2 .circle{position:absolute;width:590px;height:590px;border:2px solid #faf0e2;border-radius:100%;}
.technology .circle_anim2 .circle1{top:0;left:-120px;}
.technology .circle_anim2 .circle2{top:40px;left:-70px;}
.technology .circle_anim2 .circle3{top:75px;left:-20px;}
.technology .circle_anim2 .circle4{top:115px;left:25px;}
.tech_tit{text-align:center;margin-bottom:110px;}
.tech_tit .txt01{font-size:24px;font-weight:600;color:#999;margin-bottom:40px;}
.tech_tit .txt02{font-size:80px;line-height:90px;font-weight:600;color:#050505;}
.tech_mid01{position:relative;margin-bottom:350px;}
.tech_mid01 .img01{position:relative;display:inline-block;z-index:10;}
.tech_mid01 .img01 .img01_txtbox{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;}
.tech_mid01 .img01 .img01_txtbox .txt01{font-size:50px;font-weight:700;margin-bottom:30px;}
.tech_mid01 .img01 .img01_txtbox .txt02{font-size:24px;font-weight:500;padding:0 10px;}
.tech_mid01 .img02{position:absolute;z-index:0;top:120px;right:0;}
.tech_mid02{}
.tech_mid02 .m2_row{position:relative;}
.tech_mid02 .m2_row:not(:last-child){margin-bottom:350px;}
.tech_mid02 .m2_row .inner{display:flex;justify-content:space-between;align-items:flex-end;}
.tech_mid02 .m2_row .imgbox{width:calc(50% - 12px);}
/*.tech_mid02 .m2_row .imgbox video{display:block;max-width:100%;}*/
.tech_mid02 .m2_row .imgbox iframe{display:block;max-width:100%;width: 750px;height: 422px;}
.tech_mid02 .m2_row .txtbox{width:calc(50% - 12px);}
.tech_mid02 .m2_row .txtbox .num{display:inline-block;text-align:center;margin-bottom:65px;}
.tech_mid02 .m2_row .txtbox .num .num01{font-size:150px;line-height:110px;font-weight:500;margin-bottom:10px;}
.tech_mid02 .m2_row .txtbox .num .num02{font-size:32px;line-height:1;font-weight:500;}
.tech_mid02 .m2_row .txtbox .txt01{font-size:50px;line-height:1.2;font-weight:600;margin-bottom:30px;}
.tech_mid02 .m2_row .txtbox .txt02{font-size:18px;line-height:30px;}

.tech_mid02 .m2_row.img_left .imgbox{order:0;}
.tech_mid02 .m2_row.img_left .txtbox{order:1;padding-left:128px;text-align:left;}
.tech_mid02 .m2_row.img_right .imgbox{order:1;}
.tech_mid02 .m2_row.img_right .txtbox{order:0;padding-right:128px;text-align:right;}

.tech_mid02 .m2_row.m2_row1 .txtbox .num{color:#ff9800;}
.tech_mid02 .m2_row.m2_row1 .txtbox .txt01{color:#ff9800;}
.tech_mid02 .m2_row.m2_row2 .txtbox .num{color:#ff5722;}
.tech_mid02 .m2_row.m2_row2 .txtbox .txt01{color:#ff5722;}
.tech_mid02 .m2_row.m2_row2 .floattext{position:absolute;top:-180px;right:-10px;z-index:-10;font-size:255px;line-height:180px;font-weight:700;color:#fff8ed;white-space:nowrap;}
.tech_mid02 .m2_row.m2_row3 .txtbox .num{color:#8bc34a;}
.tech_mid02 .m2_row.m2_row3 .txtbox .txt01{color:#8bc34a;}
.tech_mid02 .m2_row.m2_row3 .floattext{position:absolute;top:-180px;left:-10px;z-index:-10;font-size:255px;line-height:180px;font-weight:700;color:#fff8ed;white-space:nowrap;}



/* sustainability */
.sustain{padding:210px 0 300px;}
.sst_mid01{margin-bottom:160px;}
.sst_mid01 .txt01{font-size:32px;font-weight:500;margin-bottom:24px;}
.sst_mid01 .txt02_wrap{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:155px;}
.sst_mid01 .txt02_wrap .t2_left{font-size:80px;line-height:1;font-weight:700;}
.sst_mid01 .txt02_wrap .t2_right{width:620px;}
.sst_mid01 .txt02_wrap .t2_right .t2r_atc{font-size:22px;line-height:34px;margin-bottom:14px;}
.sst_mid01 .m1_box_wrap{display:flex;justify-content:space-between;align-items:flex-start;}
.sst_mid01 .m1_box_wrap .m1_box{width:calc(33.333333% - 16px);background:#fff;box-shadow:7px 9px 32px rgba(174,174,174,1);border-radius:30px;overflow:hidden;}
.sst_mid01 .m1_box_wrap .m1_box .m1b_txt{padding:44px 28px;font-size:40px;font-weight:600;line-height:50px;height:188px;}
.sst_mid01 .m1_box_wrap .m1_box .m1b_img{}
.sustain .bar_anim{width:2px;height:600px;margin:0 auto;background:#d2d2d2;overflow:hidden;position:relative;}
.sustain .bar_anim .moving_bar{position:absolute;left:0;width:100%;height:90px;background:#000;animation: BarScrollingAnim 2s linear infinite;}
.sst_mid02{padding:190px 0;}
.sst_mid02 .m2_titbox{position:relative;display:table;margin:0 auto 80px;text-align:center;z-index:10;}
.sst_mid02 .m2_titbox::before{content:'';display:block;width:645px;height:645px;background:url(../img/sub04_blurcircle.png) no-repeat center;position:absolute;top:-280px;left:-430px;z-index:-10;transform:scale(0.8);}
.sst_mid02 .m2_titbox .txt01{font-size:140px;font-weight:700;line-height:124px;margin-bottom:40px;}
.sst_mid02 .m2_titbox .txt02{font-size:30px;line-height:45px;max-width:600px;}
.sst_mid02 .m2_wrap{display:flex;justify-content:center;align-items:center;}
.sst_mid02 .m2_wrap .img{position:relative;z-index:5;}
.sst_mid02 .m2_wrap .middlebar{width:155px;height:2px;background:#ff9800;}
.sst_mid02 .m2_wrap .img._shd img{border-radius:100%;box-shadow:0 0 25px rgba(234,71,17,.5);}
.sst_mid02 .m2_wrap .img._shd .bgcircle{position:absolute;bottom:-10px;left:30px;z-index:-10;width:0;height:0;transform:rotate(45deg);}
.sst_mid02 .m2_wrap .img._shd .bgcircle.on{animation:1s ease 0.9s both circleAppearSST;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > div{border:2px solid #fdf2e1;border-radius:100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle1{width:38.5%;height:38.5%;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle2{width:46.1875%;height:46.1875%;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle3{width:53.875%;height:53.875%;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle4{width:61.5625%;height:61.5625%;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle5{width:69.25%;height:69.25%;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle6{width:76.9375%;height:76.9375%;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle7{width:84.625%;height:84.625%;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle8{width:92.3125%;height:92.3125%;}
.sst_mid02 .m2_wrap .img._shd .bgcircle > .circle9{width:100%;height:100%;}
.sst_mid03{padding:20px 0 240px;background:url(../img/sub04_img7.png) no-repeat center/contain;}
.sst_mid03 .m3_titbox{text-align:left;}
.sst_mid03 .m3_titbox .circle{width:70px;height:70px;border-radius:100%;background:linear-gradient(to right, #ff9800, #f15a2f);margin-bottom:95px;box-shadow:5px 7px 27px rgba(234,71,17,1);}
.sst_mid03 .m3_titbox .tit{font-size:65px;line-height:87.35px;font-weight:500;}
.sst_mid03 .m3_titbox .tit span{color:#ff9800;}
.sst_mid03 .m3_wrap{width:100%;padding-top:60px;display:flex;justify-content:space-between;align-items:}
.sst_mid03 .m3_wrap .m3_stickybox{width:calc(33.333333% - 16px);/*height:1000px;*/padding:100px 0;}
.sst_mid03 .m3_wrap .m3_stickybox._2nd{/*padding-top:160px;*/}
.sst_mid03 .m3_wrap .m3_stickybox._3rd{/*padding-top:320px;*/}
.sst_mid03 .m3_wrap .m3_stickybox .scrollwrap{height:100%;}
.sst_mid03 .m3_wrap .m3_stickybox .m3_circle{width:100%;position:relative;}
.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_bg{display:block;width:100%;padding-bottom:100%;background:#ff9800;border-radius:100%;position:relative;z-index:0;opacity:1;mix-blend-mode:multiply;}
.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;mix-blend-mode:unset;}
.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01{font-size:55px;font-weight:500;margin-bottom:45px;}
.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01:not(.font_mt){font-size:50px;font-weight:600;}
.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt02{font-size:24px;line-height:34px;font-weight:500;padding:0 30px;}
.sst_mid04{padding-top:150px;}
.sst_mid04 .m4_usdbox{display:flex;justify-content:flex-end;margin-bottom:150px;}
.sst_mid04 .m4_usdbox .countbox{width:450px;margin-right:70px;color:#ff9800;}
.sst_mid04 .m4_usdbox .countbox .txt01{font-size:208px;font-weight:500;line-height:210px;}
.sst_mid04 .m4_usdbox .countbox .txt02{font-size:83px;font-weight:500;}
.sst_mid04 .m4_usdbox .txtbox{width:495px;}
.sst_mid04 .m4_usdbox .txtbox .txt01{font-size:30px;line-height:45px;font-weight:500;margin-bottom:20px;}
.sst_mid04 .m4_usdbox .txtbox .txt02{font-size:18px;line-height:1.3;color:#5b5b5b;}
.sst_mid04 .m4_imgbox{position:relative;text-align:right;}
.sst_mid04 .m4_imgbox .img_b{display:inline-block;position:relative;z-index:0;}
.sst_mid04 .m4_imgbox .img_m{position:absolute;bottom:-30px;left:125px;z-index:10;}
.sst_mid04 .m4_imgbox .img_s{position:absolute;top:-30px;left:0;z-index:10;}


@keyframes BarScrollingAnim{
	from { top: -100px; }
	to { top: 110%; }
}
@keyframes circleAppearSST{
	from { width:0;height:0;opacity: 0; }
	to { width:765px;height:765px;opacity: 1; }
}


/* PR Center */
.prcenter{padding:255px 0 160px;}
.prcenter_nav{position:relative;}
.prcenter_nav .bg_box{width:100%;height:100vh;min-height:700px;background:url(../img/sub05_category_bg1.png) no-repeat center/cover;transition:0.4s;}
.prcenter_nav .bg_box.bg1{background-image:url(../img/sub05_category_bg1.png);}
.prcenter_nav .bg_box.bg2{background-image:url(../img/sub05_category_bg2.png);}
.prcenter_nav .bg_box.bg3{background-image:url(../img/sub05_category_bg3.png);}
.prcenter_nav .nav_box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;}
.prcenter_nav .nav_box .nav_box_a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:33.333333%;height:100%;color:#fff;transition:0.4s;}
.prcenter_nav .nav_box .nav_box_a:not(:last-child){border-right:1px solid rgba(255,255,255,.5);}
.prcenter_nav .nav_box .nav_box_a .txt01{font-size:80px;font-weight:700;line-height:80px;}
.prcenter_nav .nav_box .nav_box_a .txt02{font-size:32px;line-height:1.4;margin-top:30px;display:none;white-space:nowrap;}
.prcenter_nav .nav_box .nav_box_a .plus{margin-top:75px;display:none;}
.prcenter_nav .nav_box .nav_box_a:hover{background:rgba(255,152,0,.7);}


.pr_bo_gall{padding:225px 0 180px;}
.pr_bo_gall .pr_gall_tit{margin-bottom:150px;}
.pr_bo_gall .pr_gall_tit .txt01{font-size:32px;font-weight:500;margin-bottom:20px;}
.pr_bo_gall .pr_gall_tit .txt02{font-size:80px;font-weight:600;line-height:95px;}
.pr_bo_gall .pr_gall_wrap{}
.pr_bo_gall .pr_gall_wrap .pr_gall_ul{display:flex;flex-wrap:wrap;align-content:flex-start;}
.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li{width: calc((100% - 64px)/4);margin-right: 21.333px;margin-bottom:150px;}
.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li:nth-child(4n){margin-right:0;}
.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a{display:block;}
.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .thum{margin-bottom:25px;}
.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .thum img{width:100%;} /* 397*330 > 365*270 */
.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .info{}
.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .info .date{font-size:18px;font-weight:500;margin-bottom:20px;}
.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .info .subj{font-size:20px;font-weight:500;line-height:1.4;word-break:keep-all;font-family:'Noto Sans KR','noto-sans',sans-serif;}
.pr_bo_gall .pr_gall_wrap .gall_more_btn{display:block;width:155px;height:44px;margin:0 auto;font-size:16px;font-weight:600;border:0;color:#fff;background:#8bc34a;border-radius:44px;box-shadow:4px 5px 17px #8bc34a;}

.pr_bo_v{padding:225px 0 150px;}
.pr_bo_v .pr_v_tit{border-bottom:1px solid #faf0e2;padding-bottom:20px;}
.pr_bo_v .pr_v_tit .txt01{font-size:32px;font-weight:500;}
.pr_bo_v .pr_v_box{border-bottom:1px solid #faf0e2;padding:95px 0 90px;}
.pr_bo_v .pr_v_box .v_tit{margin-bottom:35px;}
.pr_bo_v .pr_v_box .v_tit .date{font-size:18px;font-weight:500;margin-bottom:20px;}
.pr_bo_v .pr_v_box .v_tit .subj{font-size:40px;font-weight:600;line-height:1.5;word-break:keep-all;font-family:'Noto Sans KR','noto-sans',sans-serif;}
.pr_bo_v .pr_v_box .v_con{font-size:20px;line-height:34px;color:#4e4e4e;font-family:'Noto Sans KR','noto-sans',sans-serif;}
.pr_bo_v .pr_v_rel{padding-top:90px;}
.pr_bo_v .pr_v_rel .rel_tit{font-size:50px;font-weight:600;margin-bottom:65px;}
.pr_bo_v .pr_v_rel .rel_swp{overflow:visible;}
.pr_bo_v .pr_v_rel .rel_swp .swiper-slide{width:363px;}
.pr_bo_v .pr_v_rel .rel_swp .swiper-slide .thum{margin-bottom:15px;}
.pr_bo_v .pr_v_rel .rel_swp .swiper-slide .subj{font-size:28px;font-weight:500;line-height:44px;word-break:keep-all;font-family:'Noto Sans KR','noto-sans',sans-serif;}


.pr_certifi{padding:225px 0 180px;}
.pr_certifi .pr_crtf_tit{margin-bottom:80px;}
.pr_certifi .pr_crtf_tit .txt01{font-size:30px;font-weight:500;margin-bottom:20px;}
.pr_certifi .pr_crtf_tit .txt02{font-size:80px;font-weight:600;line-height:95px;}
.pr_certifi .pr_crtf_wrap{}
.pr_certifi .pr_crtf_wrap .crtf_cate_ul{display:flex;margin-bottom:55px;}
.pr_certifi .pr_crtf_wrap .crtf_cate_ul .cate_li:not(:last-child){margin-right:50px;}
.pr_certifi .pr_crtf_wrap .crtf_cate_ul .cate_li a{display:block;font-size:18px;line-height:1;padding-bottom:6px;border-bottom:3px solid transparent;}
.pr_certifi .pr_crtf_wrap .crtf_cate_ul .cate_li a.on{font-weight:700;border-color:#000;}
.pr_certifi .pr_crtf_wrap .crtf_gall{display:flex;flex-wrap:wrap;align-content:flex-start;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li{width:calc(25% - 18px);margin-right:24px;margin-bottom:70px;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li:nth-child(4n){margin-right:0;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum{position:relative;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .imgbox{width:100%;border:2px solid #faf0e2;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .imgbox img{width:100%;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.8);opacity:0;transition:0.4s;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover .down_btn{display:flex;justify-content:center;align-items:center;width:175px;height:40px;border:0;font-size:18px;line-height:40px;color:#fff;background:#8bc34a;border-radius:40px;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover .down_btn img{margin-left:24px;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .subj{text-align:center;padding-top:20px;font-size:24px;font-weight:500;line-height:1.3;}
.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li:hover .thum .hover{opacity:1;}
.pr_certifi .pr_crtf_wrap .gall_more_btn{display:block;width:155px;height:44px;margin:0 auto;font-size:16px;font-weight:600;border:0;color:#fff;background:#8bc34a;border-radius:44px;box-shadow:4px 5px 17px #8bc34a;}


.contact{padding:225px 0 200px;}
.contact .cnt_titbox{margin-bottom:160px;}
.contact .cnt_titbox .txt01{font-size:32px;font-weight:600;margin-bottom:20px;}
.contact .cnt_titbox .txt02{font-size:80px;font-weight:600;line-height:95px;}
.cnt_resbox{}
.cnt_resbox .res_cate{display:flex;margin-bottom:72px;}
.cnt_resbox .res_cate li{width:calc(20% - 19.2px);margin-right:24px;}
.cnt_resbox .res_cate li:last-child{margin-right:0;}
.cnt_resbox .res_cate li input[type=radio]{display:none;}
.cnt_resbox .res_cate li input[type=radio] + label{display:block;width:100%;height:72px;text-align:center;font-size:24px;font-weight:500;line-height:72px;background:#f5f5f5;border-radius:72px;cursor:pointer;}
.cnt_resbox .res_cate li input[type=radio]:checked + label{color:#fff;background:#8bc34a;box-shadow:4px 5px 17px #8bc34a;}
.cnt_resbox .res_email{margin-bottom:110px;}
.cnt_resbox .res_email .res_em_tit{font-size:32px;font-weight:700;margin-bottom:20px;}
.cnt_resbox .res_email .res_em_tit span{color:#f36f28;}
.cnt_resbox .res_email .res_em_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.cnt_resbox .res_email .res_em_box .res_em_radio{width:calc(50% - 12px);}
@media screen and (min-width: 650px){
	.cnt_resbox .res_email .res_em_box .res_em_radio:nth-child(n+3){margin-top:24px;}
}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio]{display:none;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label{display:flex;flex-direction:column;justify-content:center;position:relative;border:1px solid #dfdfdf;height:130px;border-radius:38px;padding:10px 10px 10px 78px;font-size:18px;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label::before{content:'';width:24px;height:24px;border-radius:100%;position:absolute;top:50%;left:30px;margin-top:-12px;border:2px solid #dfdfdf;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio]:checked + .res_em_label{border-color:#8bc34a;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio]:checked + .res_em_label::before{border:7px solid #8bc34a;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .name{font-weight:600;margin-bottom:12px;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .name span{font-weight:400;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .info{color:#666;word-break:keep-all;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .info span{display:inline-block;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .info b{font-weight:700;}
.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .info .dot{margin:0 5px;}
.cnt_resbox .res_writebox{}
.cnt_resbox .res_writebox .res_w_tit{font-size:32px;font-weight:700;margin-bottom:24px;}
.cnt_resbox .res_writebox .res_w_row{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:95px;}
.cnt_resbox .res_writebox .res_w_row._subj{margin-bottom:40px;}
.cnt_resbox .res_writebox .res_w_row .input_box{display:block;width:100%;position:relative;}
.cnt_resbox .res_writebox .res_w_row .input_box.width30{width:calc(30% - 16px);}
.cnt_resbox .res_writebox .res_w_row .input_box.width40{width:calc(40% - 16px);}
.cnt_resbox .res_writebox .res_w_row .input_box .ipt{display:block;width:100%;height:60px;border:0;border-bottom:1px solid #000;background:none;padding:0 18px;font-size:18px;font-weight:600;}
.cnt_resbox .res_writebox .res_w_row .input_box .ipt + label{position:absolute;top:50%;left:18px;font-size:18px;font-weight:600;transform:translateY(-50%);cursor:text;}
.cnt_resbox .res_writebox .res_w_row .input_box .ipt + label span.red{color:#f36f28;}
.cnt_resbox .res_writebox .res_w_row .textarea_box{width:100%;position:relative;margin:25px 0;}
.cnt_resbox .res_writebox .res_w_row .textarea_box textarea{display:block;width:100%;height:178px;border:1px solid #000;background:#fff;padding:12px 17px;font-size:18px;}
.cnt_resbox .res_writebox .res_w_row .textarea_box textarea + label{position:absolute;top:13px;left:18px;font-size:18px;}
.cnt_resbox .res_writebox .res_w_row .textarea_box textarea + label span.red{color:#f36f28;}
.cnt_resbox .res_writebox .res_w_row .file_box{display:flex;align-items:center;}
.cnt_resbox .res_writebox .res_w_row .file_box .txt{font-size:18px;width:130px;}
.cnt_resbox .res_writebox .res_w_row .file_box .file_name{width:388px;height:40px;border:1px solid #000;background:#fff;padding:0 18px;font-size:18px;margin-right:24px;}
.cnt_resbox .res_writebox .res_w_row .file_box .file_hidden{display:none;}
.cnt_resbox .res_writebox .res_w_row .file_box .file_hidden + .file_btn{display:block;height:40px;padding:0 32px;font-size:16px;line-height:40px;font-weight:500;color:#fff;background:#8bc34a;}
.cnt_resbox .res_agreebox{margin-bottom:100px;}
.cnt_resbox .res_agreebox .agree{margin-bottom:19px;}
.cnt_resbox .res_agreebox .agree input[type=checkbox]{display:none;}
.cnt_resbox .res_agreebox .agree input[type=checkbox] + label{display:block;font-size:16px;line-height:20px;font-weight:500;padding-left:30px;position:relative;}
.cnt_resbox .res_agreebox .agree input[type=checkbox] + label::before{content:'';display:block;width:20px;height:20px;position:absolute;top:0;left:0;border:1px solid #d5d5d5;}
.cnt_resbox .res_agreebox .agree input[type=checkbox]:checked + label::before{background:#8bc34a;border-color:#8bc34a;}
.cnt_resbox .res_agreebox .policy_wrap{width:100%;height:200px;background:#f5f5f5;padding:18px 40px;overflow:auto;font-size:16px;line-height:24px;}
.cnt_resbox .res_agreebox .policy_wrap .p01{font-weight:600;}
.cnt_resbox .res_submit{text-align:center;}
.cnt_resbox .res_submit button{padding:0 55px;height:43px;background:#8bc34a;border:0;border-radius:43px;font-size:16px;font-weight:600;color:#fff;box-shadow:4px 5px 17px #8bc34a;}

.contact_map{width:100%;padding-bottom:250px;}
.contact_map .map{width:100%;height:550px;margin-bottom:100px;}
.contact_map .map iframe{width:100%;height:100%;}
.contact_map .addr{display:flex;align-items:center;}
.contact_map .addr .p01{width:250px;font-size:34px;font-weight:600;}
.contact_map .addr .p02{width:calc(100% - 250px);font-size:32px;}


.recruit{padding:225px 0 200px;}
.recruit .rcrt_titbox{margin-bottom:90px;}
.recruit .rcrt_titbox .txt01{font-size:32px;margin-bottom:20px;}
.recruit .rcrt_titbox .txt02{font-size:80px;line-height:95px;font-weight:600;}
.recruit .rcrt_imgbox{position:relative;text-align:right;margin-bottom:130px;}
.recruit .rcrt_imgbox .img_b{display:inline-block;text-align:center;position:relative;z-index:0;}
.recruit .rcrt_imgbox .img_b img{border-radius:40px;}
.recruit .rcrt_imgbox .img_s{display:inline-block;text-align:center;position:absolute;top:150px;left:0;z-index:0;}
.recruit .rcrt_always{margin-bottom:140px;}
.recruit .rcrt_always .tit{text-align:center;font-size:40px;font-weight:600;margin-bottom:60px;}
.recruit .rcrt_always .alw_wrap{display:flex;justify-content:center;}
.recruit .rcrt_always .alw_wrap .alw_box{width:360px;padding:30px;background:#fff;border-radius:38px;box-shadow:6px 7px 17px #e1e1e1;margin:0 14px;font-size:24px;font-weight:600;line-height:35px;}
.recruit .rcrt_form{text-align:center;}
.recruit .rcrt_form .tit{font-size:40px;font-weight:600;margin-bottom:25px;}
.recruit .rcrt_form .desc{font-size:18px;line-height:30px;margin-bottom:22px;}
.recruit .rcrt_form .download{}
.recruit .rcrt_form .download .down_btn{display:inline-block;vertical-align:middle;padding:0 35px;height:43px;line-height:43px;font-size:16px;font-weight:500;color:#fff;background:#8bc34a;box-shadow:4px 5px 17px #8bc34a;border-radius:40px;}
.recruit .rcrt_form .file_ul{margin:80px 0 100px;}
.recruit .rcrt_form .file_ul .file_li{display:flex;justify-content:center;align-items:center;}
.recruit .rcrt_form .file_ul .file_li:not(:last-child){margin-bottom:30px;}
.recruit .rcrt_form .file_ul .file_li .txt{font-size:18px;width:130px;text-align:left;}
.recruit .rcrt_form .file_ul .file_li .file_name{width:388px;height:40px;border:1px solid #000;background:#fff;padding:0 18px;font-size:18px;margin-right:24px;}
.recruit .rcrt_form .file_ul .file_li .file_hidden{display:none;}
.recruit .rcrt_form .file_ul .file_li .file_hidden + .file_btn{display:block;height:40px;padding:0 32px;font-size:16px;line-height:40px;font-weight:500;color:#fff;background:#8bc34a;}
.recruit .rcrt_form .agreebox{margin-bottom:100px;text-align:left;}
.recruit .rcrt_form .agreebox .agree{margin-bottom:19px;}
.recruit .rcrt_form .agreebox .agree input[type=checkbox]{display:none;}
.recruit .rcrt_form .agreebox .agree input[type=checkbox] + label{display:block;font-size:16px;line-height:20px;font-weight:500;padding-left:30px;position:relative;}
.recruit .rcrt_form .agreebox .agree input[type=checkbox] + label::before{content:'';display:block;width:20px;height:20px;position:absolute;top:0;left:0;border:1px solid #d5d5d5;}
.recruit .rcrt_form .agreebox .agree input[type=checkbox]:checked + label::before{background:#8bc34a;border-color:#8bc34a;}
.recruit .rcrt_form .agreebox .policy_wrap{width:100%;height:200px;background:#f5f5f5;padding:18px 40px;overflow:auto;font-size:16px;line-height:24px;}
.recruit .rcrt_form .agreebox .policy_wrap .p01{font-weight:600;}
.recruit .rcrt_form .frm_submit{text-align:center;}
.recruit .rcrt_form .frm_submit button{padding:0 55px;height:43px;background:#8bc34a;border:0;border-radius:43px;font-size:16px;font-weight:600;color:#fff;box-shadow:4px 5px 17px #8bc34a;}


.v_res_atc{margin:50px 0;font-size:16px;line-height:1.6;}
.v_res_atc li{display:flex;margin-bottom:10px;}
.v_res_atc li .p01{width:200px;font-weight:600;}
.v_res_atc li .p02{width:calc(100% - 200px);}



#bo_list .inner{padding:0 !important;}
#bo_v .inner{padding:0 !important;}
#bo_w .inner{padding:0 !important;}

.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
	opacity: 0;
	pointer-events: none;
	width: 5px;
}


@media screen and (max-width:1700px){
	.header .hd_gnb .gnb_ul .gnb_li{margin:0 25px;}
}

@media screen and (max-width:1600px){
	.inner{padding-left:20px;padding-right:20px;}
	.inner_1266{padding-left:20px;padding-right:20px;}
	#sub_div > .inner.inner_x{padding-left:0 !important;padding-right:0 !important;}
	#sub_div > .inner.inner_padding{padding:170px 20px;}
	#sub_div .sub_path .sub_search_box{right:20px;}
	
	.header .hd_logo{left:24px;}
	.header .hd_right{right:32px;}
	.header .hd_r_menubtn{right:32px;}

	.floating_menu{right:22px;}
	
	.visual .vis_txtbox{display:flex;position:relative;padding:0 20px;}
	
	.footer .ft_logo{left:20px;}
	.footer .ft_con .ft_nav{position:relative;padding-right:10px;}

	.ab_mid02 .ab_m2_imgbox{padding-left:25.25%;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul{padding:0 30px;}

	.supplier .supp_con .supp_count{right:10px;}
}

@media screen and (max-width:1550px){
	#sub_div .sub_top .sub_top_video {position: absolute;top: 0;left: 0;width: 105%;height: 155%;transform: translate(0,0);}
	.prd_top .prd_top_popbox .pop_content{left:-10px;}
	
	.prd_mid02 .prd_m2_wrap .prd_m2_tab{width:calc(20% - 16px);}
	
	.prd_mid03 .tab_content .tab_box01::after{bottom:0px;left:-22px;font-size:180px;line-height:130px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox{width:32%;}
	.prd_mid03 .tab_content .tab_box01 .txtbox::before{width:28px;height:28px;margin-bottom:35px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox .p01{font-size:48px;margin-bottom:45px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox .p02{font-size:20px;line-height:30px;}
	.prd_mid03 .tab_content .tab_box01 .imgbox{width:66%;}
	.prd_mid03 .tab_content .tab_box02 .txtbox .p01{font-size:26px;margin-bottom:24px;}
	.prd_mid03 .tab_content .tab_box02 .txtbox .p02{font-size:20px;}
	.prd_mid03 .tab_content .tab_box02 .txtbox p{word-break:keep-all;}
	
	.tech_mid01 .img02{right:20px;}

	.tech_mid02 .m2_row:not(:last-child){margin-bottom:350px;}
	.tech_mid02 .m2_row .imgbox{width:calc(50% - 12px);}
	.tech_mid02 .m2_row .txtbox{width:calc(50% - 12px);}
	.tech_mid02 .m2_row .txtbox .num{margin-bottom:55px;}
	.tech_mid02 .m2_row .txtbox .num .num01{font-size:130px;line-height:100px;margin-bottom:10px;}
	.tech_mid02 .m2_row .txtbox .num .num02{font-size:27px;}
	.tech_mid02 .m2_row .txtbox .txt01{font-size:40px;margin-bottom:30px;}
	.tech_mid02 .m2_row .txtbox .txt02{font-size:18px;line-height:30px;}
	.tech_mid02 .m2_row.img_left .txtbox{padding-left:70px;}
	.tech_mid02 .m2_row.img_right .txtbox{padding-right:70px;}
	
	.sst_mid01 .txt02_wrap .t2_left{font-size:70px;line-height:1.2;font-weight:600;}
	.sst_mid01 .txt02_wrap .t2_left p{word-break:keep-all;}
	.sst_mid01 .txt02_wrap .t2_right{width:600px;}
	.sst_mid01 .txt02_wrap .t2_right .t2r_atc{font-size:20px;line-height:32px;margin-bottom:14px;}
	
	.sst_mid04 .m4_imgbox .img_b{width:74.6%;}
	.sst_mid04 .m4_imgbox .img_m{width:25.4%}
	.sst_mid04 .m4_imgbox .img_s{width:21%;}
	
	.recruit .rcrt_imgbox .img_b{width:74.5%;}
	.recruit .rcrt_imgbox .img_s{width:32.2%;}
}

@media screen and (max-width:1450px){
	.header .ham_menu.on .ham_imgbox{width:30%;}
	.header .ham_menu.on .ham_conbox{width:70%;}

	.mid01::before{left:-5%;}
	.mid01 .m1_circle_anim{right:-500px;}
	
	.footer .ft_con{width:calc(100% - 290px);}

	.ab_mid01 .ab_m1_content .m1_imgbox2 img{width:90%;}

	.prd_mid02 .prd_m2_wrap .prd_m2_tab .subj{width:100%;white-space:normal;word-break:keep-all;}

	.supplier .supp_con .supp_nav{width:310px;position:relative;z-index:10;}
	.supplier .supp_con .supp_nav .supp_nav_li .trigger{padding:15.5px 10px;font-size:20px;line-height:22px;}
	.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide{padding:10px 10px 40px;}
	.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide .all_supp > li{font-size:16px;line-height:28px;margin-bottom:6px;}
	.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide .all_supp > li .p01{width:65px;}
	.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide .all_supp > li .p02{width:calc(100% - 65px);}
	.supplier .supp_con .supp_nav .supp_nav_li._nw .nationwide .all_supp > li .p02 span:not(:last-child)::after{margin:0 2px 0 5px;}
	.supplier .supp_con .supp_count{top:auto;bottom:-360px;width:320px;}
	.supplier .supp_con .supp_count img{margin-bottom:16px;}
	.supplier .supp_con .supp_count .txt{font-size:20px;}
	.supplier .supp_con .supp_count .txt strong{font-size:36px;}
	.supp_map .map_bg{width:750px;}
	.supp_map .map_content .map_txtbox .txt01{font-size:27px;margin-bottom:10px;}
	.supp_map .map_content .map_txtbox .txt02{font-size:16px;line-height:28px;}

	.tech_tit .txt02{font-size:65px;line-height:75px;}
	.tech_mid01 .img01{width:75%;}
	.tech_mid01 .img02{width:30%;}
}

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

	.mid03 .m3_box{height:auto;}
	.mid03 .m3_box .m3b_txt{padding-top:115px;}
	.mid03 .m3_box .m3b_txt .txt01{font-size:28px;margin-bottom:20px;}
	.mid03 .m3_box .m3b_txt .txt02{font-size:75px;margin-bottom:40px;}
	.mid03 .m3_box .m3b_txt .txt02.font_mt{font-size:88px;}
	.mid03 .m3_box .m3b_txt .txt03{font-size:22px;line-height:36px;margin-bottom:80px;}
	.mid03 .m3_box .m3b_txt .viewmore a{font-size:16px;}
	.mid03 .m3_box .m3b_txt .viewmore a::before{width:8px;height:8px;margin-right:8px;margin-top:-1px;}
	.mid03 .m3_box .m3b_img{width:calc(100% - 387px);}
	.mid03 .m3_box .m3b_img .img_big{width:92%;}
	.mid03 .m3_box .m3b_img .img_sml{width:42%;}
	
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox{align-items:center;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox{width:calc(25% - 14px);}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table th{padding:0 10px;height:40px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td{padding:0 10px;height:40px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .imgbox{width:calc(25% - 14px);}

	.sst_mid01 .txt02_wrap{flex-direction:column;margin-bottom:100px;}
	.sst_mid01 .txt02_wrap .t2_left{margin-bottom:40px;}
	.sst_mid01 .txt02_wrap .t2_right{width:100%;}
	.sst_mid01 .txt02_wrap .t2_right .t2r_atc{font-size:22px;line-height:34px;margin-bottom:14px;}
	.sst_mid01 .txt02_wrap .t2_right .t2r_atc p{word-break:keep-all;}
	.sst_mid01 .txt02_wrap .t2_right .t2r_atc br{display:none;}
	.sst_mid01 .m1_box_wrap .m1_box .m1b_txt{padding:30px 20px;font-size:27px;line-height:40px;height:140px;word-break:keep-all;}
	
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01{font-size:45px;margin-bottom:35px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01:not(.font_mt){font-size:42px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt02{font-size:20px;line-height:30px;}
	
	.pr_bo_gall .pr_gall_tit{margin-bottom:120px;}
	.pr_bo_gall .pr_gall_tit .txt01{font-size:30px;margin-bottom:20px;}
	.pr_bo_gall .pr_gall_tit .txt02{font-size:68px;line-height:80px;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .info .subj{font-size:18px;}
	
	.pr_certifi .pr_crtf_tit{margin-bottom:80px;}
	.pr_certifi .pr_crtf_tit .txt01{font-size:30px;margin-bottom:20px;}
	.pr_certifi .pr_crtf_tit .txt02{font-size:68px;line-height:80px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .subj{font-size:20px;}
	
	.contact .cnt_titbox{margin-bottom:130px;}
	.contact .cnt_titbox .txt01{font-size:30px;margin-bottom:20px;}
	.contact .cnt_titbox .txt02{font-size:68px;line-height:80px;}
	
	.recruit .rcrt_titbox{margin-bottom:90px;}
	.recruit .rcrt_titbox .txt01{font-size:30px;margin-bottom:20px;}
	.recruit .rcrt_titbox .txt02{font-size:68px;line-height:80px;}
}

@media screen and (max-width:1300px){
	.header .hd_gnb .gnb_ul .gnb_li{margin:0 10px;}
	
	.visual .vis_txtbox .vis_txt{font-size:65px;line-height:65px;margin-right:20px;white-space:nowrap;}
	.visual .vis_txtbox .vis_circle_anim{left:90px;}

	.mid01 .m1_tit{font-size:48px;line-height:1.2;margin-bottom:80px;}
	.mid01 .m1_count_box .count_wrap{font-size:40px;line-height:65px;margin-bottom:15px;}
	.mid01 .m1_count_box .count_wrap strong{font-size:92px;}
	.mid01 .m1_count_box .count_wrap strong .num{width:65px;}
	.mid01 .m1_count_box .count_wrap strong .comma{width:24px;}
	.mid01 .m1_count_box .cb_p{font-size:24px;}
	.mid01 .m1_count_box._cb2{margin-bottom:50px;}


	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul{padding:0 20px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li{font-size:18px;line-height:28px;}
	
	.chartbox .ch_ul .ch_li .bar > p.filled.stack_orange span{font-size:16px;}
	.prd_mid03 .tab_content#tab1 .tab_box02 .txtbox{width:calc(100% - 750px);}
	.prd_mid03 .tab_content#tab1 .tab_box02 .chartbox{width:720px;}
	.prd_mid03 .tab_content#tab2 .tab_box02 .txtbox{width:calc(100% - 750px);}
	.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox{width:720px;}
	.prd_mid03 .tab_content#tab3 .tab_box02 .txtbox{width:calc(100% - 750px);}
	.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox{width:720px;}
	
	.supplier .supp_bottom .supp_btm_tit .tit{font-size:48px;line-height:48px;font-weight:600;}
	.supplier .supp_bottom .supp_btm_logobox .logobox_in > div{width:calc((100% - 240px) / 6);text-align:center;}

	.sustain .bar_anim{height:500px;}
	.sustain .bar_anim .moving_bar{height:75px;}
	
	.prcenter_nav .nav_box .nav_box_a .txt01{font-size:56px;line-height:66px;}
	.prcenter_nav .nav_box .nav_box_a .txt02{font-size:24px;margin-top:30px;}
	.prcenter_nav .nav_box .nav_box_a .plus{margin-top:55px;}


}

@media screen and (max-width:1200px){
	#sub_div .sub_top .sub_top_video {position: absolute;top: 0;left: 0;width: 110%;height: auto;transform: translate(0,0);}
	#sub_div .sub_path .sub_path_ul{position:relative;z-index:10;}
	#sub_div .sub_path .sub_search_box{width:100%;}
	#sub_div .sub_path .sub_search_box .sch_wrap{margin-left:auto;width:calc(100% - 450px);height:60px;}
	#sub_div .sub_path .sub_search_box .sch_wrap .sch_btn{width:85px;height:100%;}

	.ab_mid01 .ab_m1_content .m1_atc{width:50%;}
	.ab_mid01 .ab_m1_content .m1_atc p{word-break:keep-all;}
	.ab_mid01 .ab_m1_content .m1_atc br{display:none;}
	.ab_mid01 .ab_m1_content .m1_imgbox1{width:44%;}
	.ab_mid01 .ab_m1_content .m1_imgbox1 .circle{width:31%;}
	
	.ab_mid02 .ab_m2_imgbox .m2_imgbox_img_l{width:40%;}
	.ab_mid03 .ab_m3_swp .swiper-slide{padding-top:60px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .year{font-size:85px;line-height:60px;margin-bottom:45px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .plus{top:150px;}
	
	
	.technology{padding:160px 0 270px;}
	.technology .circle_anim1{top:-550px;right:-605px;}
	.technology .circle_anim2{top:225px;left:-80px;}
	.tech_tit{margin-bottom:80px;}
	.tech_tit .txt01{font-size:24px;margin-bottom:40px;}
	.tech_tit .txt02{font-size:50px;line-height:62px;}
	.tech_mid01{margin-bottom:250px;}
	.tech_mid01 .img01 .img01_txtbox .txt01{font-size:42px;margin-bottom:24px;}
	.tech_mid01 .img01 .img01_txtbox .txt02{font-size:20px;}
	
	.tech_mid02 .m2_row:not(:last-child){margin-bottom:250px;}
	.tech_mid02 .m2_row .txtbox .num{margin-bottom:40px;}
	.tech_mid02 .m2_row .txtbox .num .num01{font-size:100px;line-height:75px;margin-bottom:10px;}
	.tech_mid02 .m2_row .txtbox .num .num02{font-size:24px;}
	.tech_mid02 .m2_row .txtbox .txt01{font-size:32px;margin-bottom:20px;}
	.tech_mid02 .m2_row .txtbox .txt02{font-size:16px;line-height:24px;}
	.tech_mid02 .m2_row.img_left .txtbox{padding-left:45px;}
	.tech_mid02 .m2_row.img_right .txtbox{padding-right:45px;}
	.tech_mid02 .m2_row.m2_row2 .floattext{font-size:190px;line-height:140px;top:-140px;}
	.tech_mid02 .m2_row.m2_row3 .floattext{font-size:190px;line-height:140px;top:-140px;}
	
	.sst_mid03 .m3_titbox .circle{width:50px;height:50px;margin-bottom:70px;}
	.sst_mid03 .m3_titbox .tit{font-size:54px;line-height:65px;}
	.sst_mid03 .m3_wrap{padding-top:60px;}
	.sst_mid03 .m3_wrap .m3_stickybox{width:calc(33.333333% - 16px);padding:100px 0;}
	
	.sst_mid04{padding-top:90px;}
	.sst_mid04 .m4_usdbox{margin-bottom:150px;}
	.sst_mid04 .m4_usdbox .countbox{width:auto;margin-right:5%;}
	.sst_mid04 .m4_usdbox .countbox .txt01{font-size:160px;line-height:130px;}
	.sst_mid04 .m4_usdbox .countbox .txt02{font-size:60px;}
	.sst_mid04 .m4_usdbox .txtbox{width:38%;}
	.sst_mid04 .m4_usdbox .txtbox .txt01{font-size:24px;line-height:32px;margin-bottom:20px;}
	.sst_mid04 .m4_usdbox .txtbox .txt02{font-size:18px;}
	
	.pr_bo_v .pr_v_rel .rel_tit{font-size:48px;margin-bottom:50px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide{width:310px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide .thum{margin-bottom:15px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide .subj{font-size:22px;line-height:34px;}

	.cnt_resbox .res_cate li{width:calc(20% - 14.4px);}
	.cnt_resbox .res_cate li input[type=radio] + label{height:64px;font-size:20px;line-height:64px;}
}

@media screen and (max-width:1120px){
	.header{height:80px;}
	.header .hd_gnb{display:none;}
	.header .hd_r_menubtn{top:40px;}
	
	.footer .ft_con .ft_info{display:flex;flex-wrap:wrap;}
	.footer .ft_con .ft_info li{width:50%;flex-direction:column;line-height:20px;}
	.footer .ft_con .ft_info li.addr{width:100%;}
	.footer .ft_con .ft_info li strong{margin-right:0;margin-bottom:5px;}
	.footer .ft_con .ft_info li span{word-break:keep-all;}
	
	.floating_menu li{margin:10px 0;}
	.floating_menu li a{width:50px;height:50px;background:#8bc34a;}
	.floating_menu li a img{transform:scale(0.75);}
	
	.ab_mid02 .ab_m2_txt01 p{word-break:keep-all;}
	.ab_mid02 .ab_m2_txt01 br{display:none;}

	#sub_div .sub_top {height:600px;} /* fertistar 영상조정 */ 

	.prd_top{height:780px;}
	.prd_top .prd_top_tit02{font-size:95px;line-height:70px;margin-bottom:55px;}
	.prd_top .prd_top_atc01{font-size:26px;line-height:38px;margin-bottom:20px;}
	.prd_top .prd_top_atc02{font-size:17px;line-height:27px;width:60%;}
	.prd_top .prd_top_atc02 br{display:none;}
	.prd_top .prd_top_atc02 p{word-break:keep-all;}
	.prd_mid01 .prd_m1_desc{margin-bottom:70px;}
	.prd_mid01 .prd_m1_wrap .prd_m1_box .subj{font-size:24px;padding:20px 0;}
	.prd_mid01 .prd_m1_wrap .prd_m1_box .que{width:140px;height:40px;line-height:40px;font-size:13px;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab .icon p img{transform:translate(-50%,-50%) scale(0.8);}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab .subj{font-size:20px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox{width:40%;}
	.prd_mid03 .tab_content .tab_box01 .txtbox::before{width:28px;height:28px;margin-bottom:25px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox .p01{font-size:42px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox .p02{font-size:17px;line-height:26px;}
	.prd_mid03 .tab_content .tab_box01 .imgbox{width:58%;}
	.prd_mid03 .tab_content .tab_box02 .txtbox .p02 br{display:none;}
	
	.prd_mid03 .tab_content#tab1 .tab_box02 .inner{flex-direction:column;}
	.prd_mid03 .tab_content#tab1 .tab_box02 .txtbox{width:100%;margin-bottom:60px;}
	.prd_mid03 .tab_content#tab1 .tab_box02 .chartbox{width:100%;}
	.prd_mid03 .tab_content#tab2 .tab_box02 .inner{flex-direction:column;}
	.prd_mid03 .tab_content#tab2 .tab_box02 .txtbox{width:100%;margin-bottom:60px;}
	.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox{width:100%;}
	.prd_mid03 .tab_content#tab3 .tab_box02 .inner{flex-direction:column;}
	.prd_mid03 .tab_content#tab3 .tab_box02 .txtbox{width:100%;margin-bottom:30px;}
	.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox{width:100%;}
	
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox{flex-wrap:wrap;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox{width:100%;padding-right:60%;margin-bottom:24px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .imgbox{width:calc(33.333333% - 20px);}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .note{font-size:15px;margin-top:10px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .note p{word-break:keep-all;}
	
	
	.supplier .supp_in{padding-bottom:380px;}
	.supplier .supp_titbox{margin-bottom:80px;}
	.supplier .supp_titbox .txt01{font-size:20px;line-height:1.2;}
	.supplier .supp_titbox .txt02{font-size:46px;line-height:1.5;}
	.supplier .supp_con .supp_count{bottom:-270px;left:0;right:auto;width:280px;}
	.supplier .supp_con .supp_count .txt{font-size:17px;}
	.supplier .supp_con .supp_count .txt strong{}
	.supp_map{top:0;left:auto;right:0;transform:none;}
	.supp_map .map_bg{width:700px;}
	.supp_map .map_content .map_txtbox .txt01{font-size:27px;margin-bottom:10px;}
	.supp_map .map_content .map_txtbox .txt02{font-size:16px;line-height:28px;}
	
	.sst_mid02 .m2_titbox::before{transform:scale(0.65);}
	.sst_mid02 .m2_titbox .txt01{font-size:110px;line-height:95px;margin-bottom:40px;}
	.sst_mid02 .m2_titbox .txt02{font-size:24px;line-height:36px;}
	.sst_mid02 .m2_wrap .middlebar{width:155px;}

	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01{font-size:36px;margin-bottom:20px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01:not(.font_mt){font-size:32px;}
	
	.contact_map{padding-bottom:200px;}
	.contact_map .map{height:550px;margin-bottom:100px;}
	.contact_map .addr .p01{width:200px;font-size:26px;}
	.contact_map .addr .p02{width:calc(100% - 200px);font-size:24px;word-break:keep-all;}
	
	.recruit .rcrt_titbox .txt02{font-size:55px;line-height:64px;}
	.recruit .rcrt_imgbox .img_s{top:70px;}
	.recruit .rcrt_always .alw_wrap{justify-content:space-between;}
	.recruit .rcrt_always .alw_wrap .alw_box{width:calc(33.333333% - 10px);padding:24px;border-radius:38px;margin:0;font-size:24px;line-height:35px;}
	.recruit .rcrt_always .alw_wrap .alw_box p{word-break:keep-all;}
	.recruit .rcrt_always .alw_wrap .alw_box br{display:none;}
}

@media screen and (max-width:1000px){
	.header .ham_menu .ham_conbox{padding:140px 100px 0;position:relative;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li{padding:12px 0;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a{font-size:45px;line-height:36px;}
	.header .ham_menu .ham_conbox .ham_btm{position:absolute;bottom:50px;right:100px;}
	.header .ham_menu .ham_conbox .ham_btm .ham_btm_family{position:relative;width:100%;height:38px;}

	.mid01{padding:120px 0 160px;}
	.mid01::before{left:-15%;}
	.mid01 .m1_circle_anim{right:-200px;}
	.mid01 .m1_circle_anim svg{width:700px;height:700px;}
	.mid01 .m1_circle_anim .sml_circle1{width:700px;height:700px;}
	.mid01 .m1_circle_anim .sml_circle2{width:700px;height:700px;}
	.mid01 .m1_tit{font-size:36px;line-height:1.2;margin-bottom:80px;}
	.mid01 .m1_count_box .count_wrap{font-size:30px;line-height:65px;margin-bottom:15px;}
	.mid01 .m1_count_box .count_wrap strong{font-size:75px;}
	.mid01 .m1_count_box .count_wrap strong .num{width:50px;}
	.mid01 .m1_count_box .count_wrap strong .comma{width:24px;}
	.mid01 .m1_count_box._cb2{margin-bottom:80px;}

	.mid03 .m3_box .m3b_txt{padding-top:90px;}
	.mid03 .m3_box .m3b_txt .txt01{font-size:24px;margin-bottom:20px;}
	.mid03 .m3_box .m3b_txt .txt02{font-size:64px;margin-bottom:40px;}
	.mid03 .m3_box .m3b_txt .txt02.font_mt{font-size:74px;}
	.mid03 .m3_box .m3b_txt .txt03{font-size:18px;line-height:28px;margin-bottom:80px;}
	.mid03 .m3_box .m3b_txt .viewmore a::before{width:6px;height:6px;margin-right:8px;margin-top:-1px;}
	.mid03 .m3_box .m3b_img{position:absolute;top:0;z-index:-1;width:calc(100% - 250px);height:100%;}

	.footer{padding:50px 30px 60px;}
	.footer .ft_logo{position:relative;left:0;margin-bottom:50px;}
	.footer .ft_con{width:100%;margin-left:0;}
	.footer .ft_con .ft_info{width:65%;margin-bottom:50px;}
	.footer .ft_con .ft_info li{font-size:13px;line-height:16px;}
	.footer .ft_con .ft_info li.provi{display:none;}
	.footer .ft_con .ft_nav .ft_nav_ul{margin-bottom:35px;}
	.footer .ft_con .ft_nav .mob_ft_provi{display:block;margin-bottom:35px;}
	.footer .ft_con .ft_nav .mob_ft_provi a{color:#fff;font-size:15px;}
	
	.ft_contact_box{height:240px;}
	.ft_contact_box .txt{font-size:26px;margin-bottom:25px;}
	.ft_contact_box .contact_btn{display:block;padding:0 40px;border:2px solid #fff;font-size:20px;font-weight:600;line-height:45px;color:#fff;border-radius:50px;}

	#sub_div .sub_top{height:560px;}
	#sub_div .sub_top .sub_top_tit{font-size:70px;}
	#sub_div .sub_path .sub_path_ul{padding:35px 0;}
	#sub_div .sub_path .sub_search_box{top:35px;}
	#sub_div .sub_path .sub_search_box .sch_wrap{width:calc(100% - 450px);height:50px;}
	#sub_div .sub_path .sub_search_box .sch_wrap .sch_ipt{width:calc(100% - 65px);padding:0 20px;font-size:16px;}
	#sub_div .sub_path .sub_search_box .sch_wrap .sch_btn{width:65px;}
	#sub_div > .inner.inner_padding{padding:120px 20px;}

	.about{padding:160px 0 120px;}
	.ab_mid01{margin-bottom:130px;}
	.ab_mid01 .ab_m1_tit01{font-size:26px;}
	.ab_mid01 .ab_m1_tit02{font-size:60px;margin-bottom:110px;}
	.ab_mid01 .ab_m1_content .m1_atc{width:85%;padding-bottom:300px;}
	.ab_mid01 .ab_m1_content .m1_imgbox1{position:absolute;top:auto;bottom:80px;right:0;z-index:-1;width:50%;}
	.ab_mid01 .ab_m1_content .m1_imgbox1 .circle{top:0;left:0;width:31%;}
	.ab_mid01 .ab_m1_content .m1_imgbox1 .circle img{transform:translate(-50%,-50%);}
	.ab_mid01 .ab_m1_content .m1_imgbox2{text-align:left;}
	.ab_mid02{margin-bottom:160px;}
	.ab_mid02 .ab_m2_imgbox .m2_imgbox_txt{font-size:38px;line-height:56px;}
	.ab_mid03 .ab_m1_tit03{font-size:26px;}
	.ab_mid03 .ab_m1_tit03{font-size:60px;}
	
	.supplier .supp_bottom .supp_btm_logobox .logobox_in > div{width:calc((100% - 120px) / 6);text-align:center;}

	.tech_mid02 .m2_row .txtbox .txt01{font-size:26px;margin-bottom:20px;}
	.tech_mid02 .m2_row .txtbox .txt02{font-size:16px;line-height:24px;}
	.tech_mid02 .m2_row .txtbox .txt02 p{word-break:keep-all;}
	.tech_mid02 .m2_row .txtbox .txt02 br{display:none;}
	.tech_mid02 .m2_row.img_left .txtbox{padding-left:0;}
	.tech_mid02 .m2_row.img_right .txtbox{padding-right:0;}
	.tech_mid02 .m2_row.m2_row2 .floattext{font-size:150px;line-height:124px;top:-124px;}
	.tech_mid02 .m2_row.m2_row3 .floattext{font-size:150px;line-height:124px;top:-124px;}
	
	.sst_mid01 .m1_box_wrap .m1_box{width:calc(33.333333% - 10px);border-radius:20px;}
	.sst_mid01 .m1_box_wrap .m1_box .m1b_txt{padding:24px 18px;font-size:22px;line-height:35px;height:118px;}
	.sst_mid03{padding:20px 0 120px;}
	.sst_mid03 .m3_titbox .circle{margin-bottom:50px;}
	.sst_mid03 .m3_titbox .tit{font-size:42px;line-height:52px;}
	.sst_mid03 .m3_wrap{padding-top:40px;}
	.sst_mid03 .m3_wrap .m3_stickybox{width:calc(33.333333% - 8px);padding:50px 0;}
	
	.sst_mid04 .m4_usdbox .countbox{width:40%;margin-right:0;}
	.sst_mid04 .m4_usdbox .countbox .txt01{font-size:130px;line-height:100px;}
	.sst_mid04 .m4_usdbox .countbox .txt02{font-size:50px;}
	.sst_mid04 .m4_usdbox .txtbox{width:45%;}
	.sst_mid04 .m4_usdbox .txtbox .txt01{font-size:22px;line-height:28px;margin-bottom:15px;}
	.sst_mid04 .m4_usdbox .txtbox .txt02{font-size:16px;}
	.sst_mid04 .m4_imgbox .img_b{width:77%;}
	.sst_mid04 .m4_imgbox .img_m{width:28%;left:80px;}
	.sst_mid04 .m4_imgbox .img_s{width:24%;}
	
	.prcenter{padding:200px 0 120px;}
	.prcenter_nav .nav_box .nav_box_a .txt01{font-size:48px;line-height:1;}
	.prcenter_nav .nav_box .nav_box_a .txt02{font-size:20px;margin-top:30px;white-space:normal;padding:0 15px;}
	.prcenter_nav .nav_box .nav_box_a .txt02 p{word-break:keep-all;}
	.prcenter_nav .nav_box .nav_box_a .plus{margin-top:55px;}
	
	
	.pr_bo_gall{padding-bottom:130px;}
	.pr_bo_gall .pr_gall_tit .txt02{font-size:55px;line-height:64px;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li{width:calc(33.333333% - 10px);margin-right:15px;margin-bottom:100px;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li:nth-child(3n){margin-right:0;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li:nth-child(4n){margin-right:15px;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .info .subj{font-size:16px;}
	
	.pr_certifi{padding-bottom:130px;}
	.pr_certifi .pr_crtf_tit .txt02{font-size:55px;line-height:64px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li{width:calc(25% - 9px);margin-right:12px;margin-bottom:50px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover{top:auto;bottom:0;height:auto;padding:13px;opacity:1;background:rgba(0,0,0,.6);}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover .down_btn{width:100%;font-size:17px;line-height:40px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover .down_btn img{margin-left:24px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .subj{font-size:18px;}
	
	.contact{padding:200px 0 150px;}
	.contact .cnt_titbox .txt02{font-size:55px;line-height:64px;}
	.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .name{margin-bottom:12px;}
	.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .info span{display:block;}
	.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .info .dot{display:none;}
	
	.recruit{padding:200px 0 150px;}
}



@media screen and (max-width:900px){
	#sub_div .sub_top .sub_top_video {position: absolute;top: 0;left: 0;width: 150%;height: auto;transform: translate(0,0);}
	.visual .vis_txtbox{flex-direction:column;}
	.visual .vis_txtbox .vis_txt{margin-right:0;}
	
	.mid02{height:320px;}
	.mid02 .txt01{font-size:18px;margin-bottom:30px;}
	.mid02 .txt02{font-size:45px;line-height:58px;}
	
	.ab_mid02 .ab_m2_txt01{font-size:23px;line-height:36px;margin-bottom:70px;}
	.ab_mid02 .ab_m2_imgbox .m2_imgbox_txt{font-size:32px;line-height:50px;}

	.prd_top .prd_top_popbox .pop_content{top:-14px;left:-10px;padding:60px 10px 14px;width:calc(100% + 10px);}
	.prd_top .prd_top_popbox .pop_content .pop_x{position:absolute;top:14px;right:14px;cursor:pointer;}
	.prd_mid02 .prd_m2_tit{font-size:38px;margin-bottom:70px;}
	.prd_mid02 .prd_m2_wrap{flex-wrap:wrap;justify-content:center;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab{width:calc(33.333333% - 50px);margin-right:75px;margin-bottom:55px;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab:nth-child(3n),
	.prd_mid02 .prd_m2_wrap .prd_m2_tab:last-child{margin-right:0;}
	.prd_mid03 .tab_content .tab_box01{padding:80px 0;}
	.prd_mid03 .tab_content .tab_box01::after{bottom:auto;left:auto;top:-2px;right:-10px;font-size:130px;line-height:90px;}
	.prd_mid03 .tab_content .tab_box01 .inner{flex-direction:column;justify-content:flex-start;}
	.prd_mid03 .tab_content .tab_box01 .txtbox{width:100%;margin-bottom:40px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox::before{width:20px;height:20px;margin-bottom:20px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox .p01{font-size:37px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox .p02{font-size:17px;line-height:26px;}
	.prd_mid03 .tab_content .tab_box01 .txtbox .p02 br{display:none;}
	.prd_mid03 .tab_content .tab_box01 .imgbox{width:100%;}

	.supplier .supp_in{padding-bottom:180px;}
	.supplier .supp_titbox{margin-bottom:50px;}
	.supplier .supp_con .supp_nav{width:100%;display:flex;flex-wrap:wrap;}
	.supplier .supp_con .supp_nav .supp_nav_li{width:calc(33.333333% - 6.666666px);}
	.supplier .supp_con .supp_nav .supp_nav_li:not(:nth-child(3n+1)){margin-right:10px;}
	.supplier .supp_con .supp_nav .supp_nav_li._nw{width:100%;}
	.supplier .supp_con .supp_count{position:relative;top:0;bottom:0;right:0;margin:0 auto;text-align:center;}
	.supp_map{position:relative;top:0;left:0;transform:none;width:100%;margin:40px auto 90px;}
	.supp_map .map_bg{width:100%;}
	
	.technology .circle_anim1{top:-650px;right:-765px;}
	.technology .circle_anim2{top:225px;left:-220px;}
	.tech_mid01 .img01{width:74%;}
	.tech_mid01 .img01 .img01_txtbox .txt01{font-size:36px;margin-bottom:15px;}
	.tech_mid01 .img01 .img01_txtbox .txt02{font-size:17px;}
	.tech_mid01 .img02{width:35%;top:60px;}
	
	.tech_mid02 .m2_row .inner{flex-wrap:wrap;width:90%;}
	.tech_mid02 .m2_row .imgbox{width:100%;margin-bottom:35px;text-align:center;}
	.tech_mid02 .m2_row .txtbox{width:100%;position:relative;}
	.tech_mid02 .m2_row .txtbox .num{vertical-align:baseline;}
	.tech_mid02 .m2_row .txtbox .txt01{display:inline-block;vertical-align:baseline;margin-bottom:0;margin-left:20px;}
	.tech_mid02 .m2_row.img_left .imgbox{order:0;}
	.tech_mid02 .m2_row.img_left .txtbox{order:1;text-align:left;}
	.tech_mid02 .m2_row.img_right .imgbox{order:0;}
	.tech_mid02 .m2_row.img_right .txtbox{order:1;text-align:left;}
	
	.sustain .bar_anim{height:380px;}
	.sustain .bar_anim .moving_bar{height:75px;}
	.sst_mid01 .txt01{font-size:26px;}
	.sst_mid01 .txt02_wrap .t2_left{font-size:50px;}
	.sst_mid01 .txt02_wrap .t2_right .t2r_atc{font-size:18px;line-height:30px;margin-bottom:14px;}
	.sst_mid02 .m2_wrap .middlebar{width:110px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01{font-size:30px;margin-bottom:15px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01:not(.font_mt){font-size:26px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt02{font-size:17px;line-height:1.4;}

	
	.pr_bo_v .pr_v_rel .rel_tit{font-size:40px;margin-bottom:50px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide{width:260px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide .thum{margin-bottom:15px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide .subj{font-size:20px;line-height:30px;}

	.cnt_resbox .res_cate li{width:calc(20% - 10px);}
	.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label .name span{display:block;word-break:keep-all;font-size:0.9em;}
	.cnt_resbox .res_agreebox .policy_wrap{height:200px;padding:18px 25px;}
	
	.recruit .rcrt_titbox .txt02{font-size:46px;line-height:50px;}

	.recruit .rcrt_always .tit{font-size:30px;margin-bottom:50px;}
	.recruit .rcrt_always .alw_wrap{justify-content:space-between;}
	.recruit .rcrt_always .alw_wrap .alw_box{padding:20px;border-radius:26px;font-size:20px;line-height:30px;}
	
	.recruit .rcrt_form .tit{font-size:30px;margin-bottom:20px;}
	.recruit .rcrt_form .desc{font-size:16px;line-height:28px;}
	.recruit .rcrt_form .desc p{word-break:keep-all;}
	.recruit .rcrt_form .agreebox .policy_wrap{height:200px;padding:18px 25px;}
}

@media screen and (max-width:800px){
	.header .ham_menu .ham_conbox{padding:100px 70px 0;position:relative;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li{padding:12px 0;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a{font-size:38px;line-height:30px;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt{cursor:default;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt:active{}
	/*.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt::after{content:'';position:absolute;bottom:0;right:0;border-left:7px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;transition:0.4s;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt::before{content:'';position:absolute;bottom:-2px;right:-1px;border-left:9px solid transparent;border-top:7px solid transparent;border-bottom:7px solid transparent;transition:0.4s;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt:hover::after{border-left-color:#ff9800;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a.hv_dpt:hover::before{border-left-color:#fff;}*/
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth{display:flex !important;flex-wrap:wrap;align-items:center;width:100% !important;padding:0 !important;position:relative;top:0;left:0;transform:none;background:none;box-shadow:none;margin-top:10px;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth li{padding:0;margin-right:10px;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth li a{font-size:16px;}
	.header .ham_menu .ham_conbox .ham_btm{position:absolute;bottom:50px;right:70px;}

	.mid01 .m1_tit{font-size:31px;line-height:1.2;margin-bottom:80px;}
	.mid01 .m1_count_box .count_wrap{font-size:24px;line-height:48px;margin-bottom:15px;}
	.mid01 .m1_count_box .count_wrap strong{font-size:65px;}
	.mid01 .m1_count_box .count_wrap strong .num{width:42px;}
	.mid01 .m1_count_box .count_wrap strong .comma{width:16px;}
	.mid01 .m1_count_box .cb_p{font-size:20px;}
	
	.mid03{padding:140px 0 180px;}
	.mid03 .m3_box{margin-bottom:180px;}
	.mid03 .m3_box .m3b_txt{margin-bottom:75px;padding-top:0;}
	.mid03 .m3_box .m3b_txt .txt03{margin-bottom:35px;}
	.mid03 .m3_box .m3b_img{position:relative;z-index:-1;width:100%;height:auto;}
	.mid03 .m3_box .m3b_img .img_big{position:relative;margin-right:auto;width:85%;}
	.mid03 .m3_box .m3b_img .img_sml{position:absolute;left:auto !important;right:0 !important;top:-70px;}
	.mid03 .m3_box.m3_box_ltxt .m3b_txt{text-align:left;}
	.mid03 .m3_box.m3_box_rtxt .m3b_txt{text-align:left;}

	.footer{padding:50px 10px 60px;}
	.footer .ft_con .ft_info li{font-size:13px;}

	
	#sub_div .sub_top{height:450px;}
	#sub_div .sub_top .sub_top_tit{font-size:55px;}
	#sub_div .sub_path .sub_search_box{top:90px;}
	#sub_div .sub_path .sub_search_box .sch_wrap{width:calc(100% - 40px);}

	.ab_mid01 .ab_m1_content .m1_atc .m1_atc_txt02{font-size:15px;line-height:26px;}
	.ab_mid02 .ab_m2_imgbox{padding-left:18%;}
	.ab_mid02 .ab_m2_imgbox .m2_imgbox_img_l{width:45%;}
	
	.prd_top .prd_top_tit02{font-size:78px;line-height:58px;margin-bottom:55px;}
	.prd_top .prd_top_atc01{font-size:21px;line-height:30px;margin-bottom:16px;}
	.prd_top .prd_top_atc02{font-size:15px;line-height:27px;width:80%;color:#777}
	.prd_mid01 .prd_m1_tit{font-size:36px;margin-bottom:24px;}
	.prd_mid01 .prd_m1_desc{font-size:20px;color:#8bc34a;}
	.prd_mid01 .prd_m1_wrap{flex-wrap:wrap;}
	.prd_mid01 .prd_m1_wrap .prd_m1_box{width:calc(50% - 10px);margin-bottom:30px;}
	.prd_mid01 .prd_m1_wrap .prd_m1_box .subj{font-size:20px;word-break: keep-all;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox{width:100%;padding-right:50%;margin-bottom:24px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .imgbox{width:calc(33.333333% - 10px);}
	.prd_mid03 .tab_content#tab5 .tab_box02 .imgbox p{width:calc(50% - 8px);}
	
	.supp_map .map_content .map_txtbox{top:10px !important;left:-50px !important;width:320px !important;}
	.supp_map .map_content .map_txtbox .txt01{font-size:22px;margin-bottom:10px;}
	.supp_map .map_content .map_txtbox .txt02{font-size:15px;line-height:26px;}
	.supp_map .map_content._ame .map_txtbox{transform:none;}
	
	.supplier .supp_bottom .supp_btm_logobox{padding:55px 0 60px;}
	.supplier .supp_bottom .supp_btm_logobox .logobox_in{flex-wrap:wrap;justify-content:space-around;}
	.supplier .supp_bottom .supp_btm_logobox .logobox_in > div{width:calc(33.333333% - 20px);margin-bottom:40px;}
	
	.tech_tit{margin-bottom:50px;}
	.tech_tit .txt01{font-size:18px;margin-bottom:24px;}
	.tech_tit .txt02{font-size:40px;line-height:48px;}
	.tech_mid02 .m2_row .inner{width:100%;}
	.tech_mid02 .m2_row.m2_row2 .floattext{font-size:110px;line-height:90px;top:-90px;}
	.tech_mid02 .m2_row.m2_row3 .floattext{font-size:110px;line-height:90px;top:-90px;}
	
	.sst_mid01 .m1_box_wrap .m1_box{width:calc(33.333333% - 6.666666px);}
	.sst_mid01 .m1_box_wrap .m1_box .m1b_txt{padding:19px;font-size:20px;line-height:30px;height:auto;min-height:98px;}
	.sst_mid02 .m2_titbox{margin:0 auto 60px;}
	.sst_mid02 .m2_titbox::before{transform:scale(0.45);left:-330px;}
	.sst_mid02 .m2_titbox .txt01{font-size:80px;line-height:70px;margin-bottom:25px;}
	.sst_mid02 .m2_titbox .txt02{font-size:18px;line-height:30px;}
	.sst_mid02 .m2_wrap .middlebar{width:80px;}
	.sst_mid02 .m2_wrap .img._shd .bgcircle{transform:rotate(45deg) scale(0.75);left:-50px;bottom:-50px;}
	.sst_mid03 .m3_titbox .tit{font-size:36px;line-height:44px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01{font-size:24px;margin-bottom:15px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01:not(.font_mt){font-size:20px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt02{width:100%;padding:0 20px;word-break:keep-all;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt02 br{display:none;}
	
	
	.sustain{padding:180px 0 240px;}
	.sst_mid04 .m4_usdbox .countbox{width:40%;margin-right:0;}
	.sst_mid04 .m4_usdbox .countbox .txt01{font-size:100px;line-height:80px;}
	.sst_mid04 .m4_usdbox .countbox .txt02{font-size:40px;}
	.sst_mid04 .m4_usdbox .txtbox{width:50%;}
	.sst_mid04 .m4_usdbox .txtbox .txt01{font-size:18px;}
	.sst_mid04 .m4_usdbox .txtbox .txt02{font-size:15px;}
	
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover{padding:10px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover .down_btn{width:100%;height:36px;font-size:15px;line-height:36px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .thum .hover .down_btn img{margin-left:12px;}

	.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label{height:150px;border-radius:24px;padding:50px 20px 20px;font-size:16.5px;}
	.cnt_resbox .res_email .res_em_box .res_em_radio input[type=radio] + .res_em_label::before{width:20px;height:20px;top:20px;left:20px;margin-top:0;}
}

@media screen and (max-width:750px){
	.prcenter_nav .nav_box .nav_box_a .txt01{font-size:41px;line-height:1;}
	.prcenter_nav .nav_box .nav_box_a .txt02{font-size:17px;margin-top:20px;}
	
	.cnt_resbox .res_cate{flex-wrap:wrap;justify-content:center;}
	.cnt_resbox .res_cate li{width:calc(33.333333% - 6.66666px);margin-right:10px;margin-bottom:10px;}
	.cnt_resbox .res_cate li:nth-child(3n){margin-right:0;}
	.cnt_resbox .res_writebox .res_w_row .file_box{width:100%;}
	.cnt_resbox .res_writebox .res_w_row .file_box .txt{font-size:18px;width:130px;}
	.cnt_resbox .res_writebox .res_w_row .file_box .file_name{width:calc(100% - 274px);height:40px;font-size:16.5px;}
	.cnt_resbox .res_writebox .res_w_row .file_box .file_hidden + .file_btn{width:120px;height:40px;padding:0;font-size:16px;line-height:40px;text-align:center;}
	
	.recruit .rcrt_form .file_ul .file_li{width:100%;}
	.recruit .rcrt_form .file_ul .file_li .txt{font-size:18px;width:130px;}
	.recruit .rcrt_form .file_ul .file_li .file_name{width:calc(100% - 274px);height:40px;font-size:16.5px;}
	.recruit .rcrt_form .file_ul .file_li .file_hidden + .file_btn{width:120px;height:40px;padding:0;font-size:16px;line-height:40px;text-align:center;}
}

@media screen and (max-width:700px){
	.mid01::before{left:-25%;}
	.mid01 .m1_circle_anim{top:-10px;right:-260px;}
	.mid01 .m1_circle_anim svg{width:550px;height:550px;}
	.mid01 .m1_circle_anim .sml_circle1{width:550px;height:550px;}
	.mid01 .m1_circle_anim .sml_circle2{width:550px;height:550px;}
	.mid01 .m1_count_box .count_wrap{font-size:19px;line-height:40px;margin-bottom:15px;}
	.mid01 .m1_count_box .count_wrap strong{font-size:52px;}
	.mid01 .m1_count_box .count_wrap strong .num{width:36px;}
	.mid01 .m1_count_box .count_wrap strong .comma{width:12px;}

	.footer .ft_con{flex-direction:column;justify-content:flex-start;}
	.footer .ft_con .ft_info{width:100%;}
	.footer .ft_con .ft_nav{width:100%;}
	.footer .ft_con .ft_nav .ft_nav_ul{display:flex;flex-wrap:wrap;margin-bottom:20px;}
	.footer .ft_con .ft_nav .ft_nav_ul li{width:33.333333%;}
	.footer .ft_con .ft_nav .mob_ft_provi a{font-size:14px;}

	.ab_mid01 .ab_m1_tit02{font-size:50px;margin-bottom:70px;}
	.ab_mid01 .ab_m1_content .m1_atc{width:95%;padding-bottom:230px;}
	.ab_mid03 .ab_m3_tit02{font-size:50px;}
	.ab_mid03 .ab_m3_swp .swiper-slide{padding-top:60px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .year{font-size:70px;line-height:50px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .plus{top:140px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li{font-size:17px;line-height:26px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li:not(:first-child){margin-top:10px;}
	
	.prd_top .prd_top_popbox .pop_content .pop_tb{font-size:14px;margin-bottom:12px;}
	.prd_top .prd_top_popbox .pop_content .pop_tb th{padding:8px 6px;white-space:normal;word-break:keep-all;}
	.prd_top .prd_top_popbox .pop_content .pop_tb td{padding:8px 6px;white-space:normal;word-break:keep-all;}
	.prd_top .prd_top_popbox .pop_content .pop_tb td.font_mt{width:100px;}
	.prd_top .prd_top_popbox .pop_content .pop_txt{font-size:14px;line-height:25px;white-space:normal;word-break:keep-all;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab{width:calc(33.333333% - 13.333333px);margin-right:20px;margin-bottom:20px;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab .icon p img{transform:translate(-50%,-50%) scale(0.65);}
	
	.chartbox .ch_tit{font-size:16px;margin-bottom:25px;}
	.chartbox .ch_ul .ch_li{margin-bottom:24px;}
	.chartbox .ch_ul .ch_li .labels{width:180px;font-size:17px;}
	.chartbox .ch_ul .ch_li .bar{width:calc(100% - 245px);}
	.chartbox .ch_ul .ch_li .bar > p.filled.stack_orange span{font-size:16px;line-height:16px;}
	.chartbox .ch_ul .ch_li .percentage{width:55px;font-size:17px;}
	.chartbox .ch_ul .ch_step .step_box{padding:0 55px 0 105px;}
	.chartbox .ch_ul .ch_step .step_box span{font-size:14px;}
	.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox .ch_ul .ch_li .labels{width:200px;}
	.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox .ch_ul .ch_li .bar{width:calc(100% - 265px);}
	.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_li .labels{width:160px;}
	.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_li .bar{width:calc(100% - 160px);}
	.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend .lgd_p{margin-left:30px;font-size:15px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox{align-items:stretch;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox{width:calc(50% - 10px);padding-right:0;margin-bottom:20px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table th{height:auto;font-size:14.5px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td{height:auto;font-size:14.5px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .imgbox{width:calc(50% - 10px);margin-bottom:20px;}
	
	.supplier .supp_bottom .supp_btm_tit .tit{font-size:37px;line-height:40px;}
	.supplier .supp_bottom .supp_btm_tit .link{font-size:16px;}

	.sst_mid01 .txt02_wrap{margin-bottom:70px;}
	.sst_mid01 .txt02_wrap .t2_left{font-size:40px;}
	.sst_mid01 .m1_box_wrap{justify-content:center;flex-wrap:wrap;}
	.sst_mid01 .m1_box_wrap .m1_box{width:calc(50% - 10px);margin-bottom:20px;}
	.sst_mid01 .m1_box_wrap .m1_box:nth-child(2n){margin-left:20px;}
	.sst_mid03 .m3_wrap{position:relative; /**/flex-direction:column;justify-content:flex-start;align-items:center;}
	.sst_mid03 .m3_wrap .m3_stickybox{width:50%;padding:0;margin-bottom:20px;}
	/*.sst_mid03 .m3_wrap .m3_stickybox._2nd{position:absolute;top:32.5%;left:50%;transform:translateX(-50%);}
	.sst_mid03 .m3_wrap .m3_stickybox._3rd{padding-top:65%;}*/
	
	.prcenter_nav .bg_box{height:700px;min-height:auto;}
	.prcenter_nav .nav_box{flex-direction:column;}
	.prcenter_nav .nav_box .nav_box_a{width:100%;height:33.333333%;padding:0 50px;text-align:left;align-items:flex-start;position:relative;}
	.prcenter_nav .nav_box .nav_box_a:not(:last-child){border-right:0;border-bottom:1px solid rgba(255,255,255,.5);}
	.prcenter_nav .nav_box .nav_box_a .txt02{display:block !important;height:auto !important;margin-top:20px !important;padding:0;}
	.prcenter_nav .nav_box .nav_box_a .plus{display:block !important;height:auto !important;margin-top:0 !important;position:absolute;top:50%;right:50px;transform:translateY(-50%);}
	
	.cnt_resbox .res_email{margin-bottom:70px;}
	.cnt_resbox .res_email .res_em_tit{font-size:26px;}
	.cnt_resbox .res_writebox .res_w_tit{font-size:26px;}
	.cnt_resbox .res_writebox .res_w_row .input_box.width30{width:calc(33.333333% - 6px);}
	.cnt_resbox .res_writebox .res_w_row .input_box.width40{width:calc(33.333333% - 6px);}
	.cnt_resbox .res_writebox .res_w_row .input_box .ipt{padding:0 10px;font-size:16.5px;}
	.cnt_resbox .res_writebox .res_w_row .input_box .ipt + label{left:10px;font-size:16.5px;}
	.cnt_resbox .res_writebox .res_w_row .textarea_box{width:100%;position:relative;margin:25px 0;}
	.cnt_resbox .res_writebox .res_w_row .textarea_box textarea{padding:12px 15px;font-size:16.5px;}
	.cnt_resbox .res_writebox .res_w_row .textarea_box textarea + label{top:13px;left:15px;font-size:16.5px;}
	.contact_map{padding-bottom:180px;}
	.contact_map .map{height:400px;margin-bottom:70px;}
	.contact_map .addr .p01{width:160px;font-size:20px;}
	.contact_map .addr .p02{width:calc(100% - 160px);font-size:18px;word-break:keep-all;}
	
	.recruit .rcrt_titbox .txt02{font-size:36px;line-height:42px;}
}

@media screen and (max-width:650px){
	#sub_div .sub_path .sub_path_ul .sub_path_li{min-width:100px;padding-right:30px;font-size:14px;}
	#sub_div .sub_path .sub_path_ul .sub_path_li:not(:last-child)::after{right:10px;}
	
	.tech_tit .txt02{font-size:32px;line-height:40px;}

	.sst_mid04 .m4_usdbox{flex-wrap:wrap;padding:0 15px;}
	.sst_mid04 .m4_usdbox .countbox{width:100%;margin-bottom:25px;}
	.sst_mid04 .m4_usdbox .countbox .txt01{font-size:110px;line-height:100px;}
	.sst_mid04 .m4_usdbox .countbox .txt02{font-size:40px;}
	.sst_mid04 .m4_usdbox .txtbox{width:100%;}
	.sst_mid04 .m4_usdbox .txtbox .txt01{font-size:22px;line-height:28px;margin-bottom:15px;}
	.sst_mid04 .m4_usdbox .txtbox  p{word-break:keep-all;}
	.sst_mid04 .m4_usdbox .txtbox .txt01 br{display:none;}
	.sst_mid04 .m4_usdbox .txtbox .txt02{font-size:16px;}
	
	.pr_bo_gall .pr_gall_tit{margin-bottom:80px;}
	.pr_bo_gall .pr_gall_tit .txt01{font-size:24px;margin-bottom:14px;}
	.pr_bo_gall .pr_gall_tit .txt02{font-size:42px;line-height:50px;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li{width:calc(50% - 8px);margin-right:16px;margin-bottom:60px;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li:nth-child(3n){margin-right:16px;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li:nth-child(2n){margin-right:0;}
	.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .info .date{font-size:15px;margin-bottom:15px;}
	/*.pr_bo_gall .pr_gall_wrap .pr_gall_ul .gall_li .gall_li_a .info .subj{font-size:16px;}*/

	.pr_certifi .pr_crtf_tit{margin-bottom:80px;}
	.pr_certifi .pr_crtf_tit .txt01{font-size:24px;margin-bottom:14px;}
	.pr_certifi .pr_crtf_tit .txt02{font-size:42px;line-height:50px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li{width:calc(33.333333% - 8px);margin-right:12px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li:nth-child(4n){margin-right:12px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li:nth-child(3n){margin-right:0;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .subj{font-size:16px;}
	
	.pr_bo_v .pr_v_box .v_tit .date{font-size:16px;margin-bottom:20px;}
	.pr_bo_v .pr_v_box .v_tit .subj{font-size:30px;}
	.pr_bo_v .pr_v_box .v_con{font-size:17px;line-height:1.7;}
	.pr_bo_v .pr_v_rel{padding-top:65px;}
	.pr_bo_v .pr_v_rel .rel_tit{font-size:32px;margin-bottom:40px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide{width:230px;margin-right:12px !important;}


	.contact .cnt_titbox{margin-bottom:60px;}
	.contact .cnt_titbox .txt01{font-size:24px;margin-bottom:14px;}
	.contact .cnt_titbox .txt02{font-size:42px;line-height:50px;}
	.cnt_resbox .res_cate{margin-bottom:50px;}
	.cnt_resbox .res_cate li input[type=radio] + label{height:56px;font-size:17px;line-height:56px;}
	.cnt_resbox .res_email .res_em_box{flex-wrap:wrap;}
	.cnt_resbox .res_email .res_em_box .res_em_radio{width:100%;margin-bottom:14px;}
	.cnt_resbox .res_agreebox{margin-bottom:60px;}
	.cnt_resbox .res_agreebox .agree input[type=checkbox] + label{font-size:15px;}
	.cnt_resbox .res_agreebox .policy_wrap{padding:15px 20px;font-size:14.5px;line-height:22px;}
	
	.recruit .rcrt_titbox{margin-bottom:60px;}
	.recruit .rcrt_titbox .txt01{font-size:24px;margin-bottom:14px;}
	.recruit .rcrt_imgbox{margin-bottom:240px;}
	.recruit .rcrt_imgbox .img_b{width:85%;}
	.recruit .rcrt_imgbox .img_s{width:42%;top:58%;}
	.recruit .rcrt_always .alw_wrap{flex-wrap:wrap;}
	.recruit .rcrt_always .alw_wrap .alw_box{width:100%;font-size:18px;line-height:28px;margin:8px 0;}
	.recruit .rcrt_form .agreebox{margin-bottom:60px;}
	.recruit .rcrt_form .agreebox .agree input[type=checkbox] + label{font-size:15px;}
	.recruit .rcrt_form .agreebox .policy_wrap{padding:15px 20px;font-size:14.5px;line-height:22px;}

}

@media screen and (max-width:600px){
	.inner{padding-left:10px;padding-right:10px;}
	.inner_1266{padding-left:10px;padding-right:10px;}

	.header .hd_logo{left:10px;}
	.header .hd_logo a{width:110px;height:26px;background-size:contain;}
	.header .hd_right{right:15px;}
	.header .hd_r_menubtn{right:15px;}
	.floating_menu{right:9px;}
	
	.header .ham_menu.on .ham_imgbox{width:0%;}
	.header .ham_menu.on .ham_conbox{width:100%;}

	.visual{height:660px;}
	.visual .vis_txtbox .vis_txt{font-size:52px;line-height:58px;}
	.visual .vis_txtbox .vis_circle_anim{left:auto;right:10px;margin-top:-160px;}
	.visual .vis_txtbox .vis_circle_anim svg{width:320px;height:320px;}
	.visual .vis_txtbox .vis_circle_anim .sml_circle{width:320px;height:320px;margin:-160px 0 0 -160px;}

	.mid01 .m1_tit{font-size:24px;line-height:1.2;margin-bottom:50px;}
	.mid01 .m1_count_box .count_wrap{line-height:30px;margin-bottom:15px;}
	.mid01 .m1_count_box .count_wrap strong{font-size:40px;}
	.mid01 .m1_count_box .count_wrap strong .num{width:28px;}
	.mid01 .m1_count_box .count_wrap strong .comma{width:12px;}
	
	.mid02{height:260px;background-position:65% center;}
	.mid02 .txt01{font-size:18px;margin-bottom:30px;}
	.mid02 .txt02{font-size:35px;line-height:50px;}
	
	.mid03 .m3_box .m3b_txt .txt02{font-size:51px;margin-bottom:20px;}
	.mid03 .m3_box .m3b_txt .txt02.font_mt{font-size:60px;}

	#sub_div .sub_top{height:380px;}
	#sub_div .sub_top .sub_top_tit{font-size:45px;}
	#sub_div > .inner.inner_padding{padding:120px 10px;}
	
	.ab_mid01 .ab_m1_tit01{font-size:20px;}
	.ab_mid01 .ab_m1_tit02{font-size:42px;}
	.ab_mid01 .ab_m1_content .m1_atc{width:100%;padding-bottom:200px;}
	.ab_mid01 .ab_m1_content .m1_atc .m1_atc_txt01{font-size:26px;line-height:44px;margin-bottom:26px;}
	.ab_mid01 .ab_m1_content .m1_atc .m1_atc_txt02{font-size:15px;line-height:26px;}
	.ab_mid02 .ab_m2_txt01{font-size:20px;line-height:32px;}
	.ab_mid02 .ab_m2_imgbox{padding-left:10%;}
	.ab_mid02 .ab_m2_imgbox .m2_imgbox_img_l{width:45%;}
	.ab_mid02 .ab_m2_imgbox .m2_imgbox_img_b{margin-top:60px;}
	.ab_mid03 .ab_m3_tit01{font-size:20px;}
	.ab_mid03 .ab_m3_tit02{font-size:42px;}

	.prd_top .prd_top_popbox .pop_content{left:-5px;}
	.prd_top .prd_top_popbox .pop_content .pop_tb{font-size:13px;margin-bottom:10px;}
	.prd_top .prd_top_popbox .pop_content .pop_tb th{font-size:12px;}
	.prd_top .prd_top_popbox .pop_content .pop_tb td:first-child{width:160px;}
	.prd_top .prd_top_popbox .pop_content .pop_tb td.font_mt{width:auto;}
	.prd_mid02{padding-bottom:100px;}
	.prd_mid03 .tab_content .tab_box01::after {top:-4px;right:-10px;font-size:90px;line-height:70px;}
	.prd_mid03 .tab_content .tab_box02{padding:70px 0;}
	.prd_mid03 .tab_content .tab_box02 .txtbox .p01{font-size:22px;margin-bottom:24px;}
	.prd_mid03 .tab_content .tab_box02 .txtbox .p02{font-size:16px;}
	
	.supplier .supp_con .supp_nav .supp_nav_li .trigger{padding:12px 10px;font-size:17px;line-height:20px;}
	.supplier .supp_con .supp_nav .supp_nav_li .trigger::before{width:9px;height:9px;margin-right:7px;}
	.supplier .supp_con .supp_nav .supp_nav_li.on._nw .trigger::before{width:18px;height:18px;margin:0 0 10px;}
	.supp_map .map_content .map_txtbox{left:-30px !important;width:270px !important;}
	.supp_map .map_content .map_txtbox .txt01{font-size:18px;}
	.supp_map .map_content .map_txtbox .txt02{font-size:13px;line-height:24px;}
	.supp_map .map_content._ame .map_txtbox{left:-100px !important;width:220px !important;}
	
	.technology{padding:160px 0 180px;}
	.tech_mid01{margin-bottom:400px;}
	.tech_mid01 .img01{width:92%;}
	.tech_mid01 .img02{width:45%;top:210px;}
	
	.sst_mid02 .m2_titbox .txt01{font-size:60px;line-height:52px;}
	.sst_mid02 .m2_wrap .middlebar{width:30px;}
	/*.sst_mid04 .m4_imgbox .img_b{width:95%;}*/
	.sst_mid04 .m4_usdbox{margin-bottom:80px;}
	.sst_mid04 .m4_imgbox .img_b{width:100%;overflow:hidden;border-radius:5%;}
	.sst_mid04 .m4_imgbox .img_b img{position:relative;left:50%;transform:translateX(-50%);max-width:none;width:800px;}
	.sst_mid04 .m4_imgbox .img_m{position:relative;width:48%;left:5%;top:0;margin-top:-70px;}
	.sst_mid04 .m4_imgbox .img_s{width:35%;top:auto;bottom:30px;left:40%;}
	.sustain {padding: 160px 0 180px;}
	
	.prcenter_nav .bg_box{height:500px;min-height:auto;}
	.prcenter_nav .nav_box .nav_box_a{padding:0 20px;}
	.prcenter_nav .nav_box .nav_box_a .txt01{font-size:36px;line-height:1;}
	.prcenter_nav .nav_box .nav_box_a .txt01 p.font_mt{font-size:42px;}
	.prcenter_nav .nav_box .nav_box_a .plus{right:20px;}
	
	.cnt_resbox .res_writebox .res_w_row{flex-wrap:wrap;}
	.cnt_resbox .res_writebox .res_w_row .input_box.width30{width:100%;}
	.cnt_resbox .res_writebox .res_w_row .input_box.width40{width:100%;}
}

@media screen and (max-width:560px){
	.mid03 .m3_box .m3b_txt .txt01 p{word-break:keep-all;}
	.mid03 .m3_box .m3b_txt .txt03 p{word-break:keep-all;}
	.mid03 .m3_box .m3b_txt .txt03 br{display:none;}

	.ab_mid02 .ab_m2_imgbox .m2_imgbox_img_l{width:42%;top:130px;}
	.ab_mid02 .ab_m2_imgbox .m2_imgbox_txt{font-size:26px;line-height:40px;}
	.ab_mid03 .ab_m3_swp .swiper-slide{height:700px;padding-top:45px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .year{font-size:50px;line-height:35px;margin-bottom:55px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .plus{top:100px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .plus img{width:24px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul{padding:0 20px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li{font-size:16px;line-height:22px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li:not(:first-child){margin-top:10px;}
	
	.prd_mid01 .prd_m1_tit{font-size:28px;margin-bottom:20px;}
	.prd_mid01 .prd_m1_desc{font-size:17px;color:#8bc34a;}
	.prd_mid01 .prd_m1_wrap{flex-direction:column;align-items:center;}
	.prd_mid01 .prd_m1_wrap .prd_m1_box{width:70%;}
	.prd_mid01 .prd_m1_wrap .prd_m1_box:not(:last-child){margin-bottom:40px;}
	/*.prd_mid01 .prd_m1_wrap .prd_m1_box{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:200px;margin-bottom:10px;padding-left:220px;}
	.prd_mid01 .prd_m1_wrap .prd_m1_box .imgbox{position:absolute;top:50%;left:0;width:200px;transform:translateY(-50%);}
	.prd_mid01 .prd_m1_wrap .prd_m1_box .subj{text-align:left;padding-top:0;}*/
	.prd_mid02 .prd_m2_tit{font-size:30px;margin-bottom:55px;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab .icon{margin-bottom:14px;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab .subj{font-size:16px;}
	.chartbox .ch_ul .ch_li{margin-bottom:24px;flex-wrap:wrap;}
	.chartbox .ch_ul .ch_li .labels{width:100%;margin-bottom:8px;}
	.chartbox .ch_ul .ch_li .bar{width:calc(100% - 55px);}
	.chartbox .ch_ul .ch_step .step_box{padding:0 55px 0 0;}
	.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox .ch_ul .ch_li .labels{width:100%;}
	.prd_mid03 .tab_content#tab2 .tab_box02 .chartbox .ch_ul .ch_li .bar{width:calc(100% - 55px);}
	.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_li .bar{width:100%;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox{align-items:stretch;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox{width:100%;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table th{height:40px;font-size:14.5px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .tbbox table td{height:40px;font-size:14.5px;}
	.prd_mid03 .tab_content#tab4 .tab_box02 .tab4_wrap .flexbox .imgbox{width:100%;text-align:center;}
	
	.supplier .supp_con .supp_nav .supp_nav_li{width:calc(50% - 5px);}
	.supplier .supp_con .supp_nav .supp_nav_li:not(:nth-child(3n+1)){margin-right:0;}
	.supplier .supp_con .supp_nav .supp_nav_li:not(:nth-child(2n-1)){margin-right:10px;}
	
	.tech_tit .txt02{font-size:27px;line-height:36px;}

	.tech_mid01{margin-bottom:100px;}
	.tech_mid01 .img01 .img01_txtbox .txt01{font-size:28px;margin-bottom:10px;}
	.tech_mid01 .img01 .img01_txtbox .txt02{font-size:15px;word-break:keep-all;}
	.tech_mid01 .img02{position:relative;top:-50px;right:0;margin-left:auto;}
	
	.tech_mid02 .m2_row .txtbox .num{margin-bottom:30px;}
	.tech_mid02 .m2_row .txtbox .num .num01{font-size:76px;line-height:62px;margin-bottom:10px;}
	.tech_mid02 .m2_row .txtbox .num .num02{font-size:20px;}
	.tech_mid02 .m2_row.m2_row2 .floattext{font-size:80px;line-height:70px;top:-70px;}
	.tech_mid02 .m2_row.m2_row3 .floattext{font-size:80px;line-height:70px;top:-70px;}
	
	.sst_mid01 .txt01{font-size:20px;}
	.sst_mid01 .txt02_wrap .t2_left{font-size:34px;}
	.sst_mid01 .txt02_wrap .t2_right .t2r_atc{font-size:16px;line-height:26px;margin-bottom:14px;}
	.sst_mid01 .m1_box_wrap .m1_box{width:calc(50% - 5px);margin-bottom:10px;}
	.sst_mid01 .m1_box_wrap .m1_box:nth-child(2n){margin-left:10px;}
	.sst_mid03 .m3_titbox .tit{font-size:29px;line-height:36px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01{font-size:20px;margin-bottom:15px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt01:not(.font_mt){font-size:18px;}
	.sst_mid03 .m3_wrap .m3_stickybox .m3_circle .cir_txt .txt02{font-size:14px;}
	
	.pr_bo_gall .pr_gall_tit{margin-bottom:60px;}
	.pr_bo_gall .pr_gall_tit .txt01{font-size:20px;margin-bottom:14px;}
	.pr_bo_gall .pr_gall_tit .txt02{font-size:36px;line-height:45px;}
	.pr_bo_gall .pr_gall_tit .txt02 p{word-break:keep-all;}
	.pr_bo_gall .pr_gall_tit .txt02 br{display:none;}
	
	.pr_certifi .pr_crtf_tit{margin-bottom:60px;}
	.pr_certifi .pr_crtf_tit .txt01{font-size:20px;margin-bottom:14px;}
	.pr_certifi .pr_crtf_tit .txt02{font-size:36px;line-height:45px;}
	.pr_certifi .pr_crtf_wrap .crtf_cate_ul .cate_li:not(:last-child){margin-right:30px;}
	.pr_certifi .pr_crtf_wrap .crtf_cate_ul .cate_li a{font-size:16px;padding-bottom:4px;}
	
	.contact .cnt_titbox{margin-bottom:60px;}
	.contact .cnt_titbox .txt01{font-size:20px;}
	.contact .cnt_titbox .txt02{font-size:36px;line-height:45px;}
	.cnt_resbox .res_writebox .res_w_row .file_box .txt{font-size:15px;width:110px;}
	.cnt_resbox .res_writebox .res_w_row .file_box .file_name{width:calc(100% - 210px);font-size:15px;margin-right:10px;}
	.cnt_resbox .res_writebox .res_w_row .file_box .file_hidden + .file_btn{width:100px;font-size:15px;}
	.contact_map .addr{flex-wrap:wrap;}
	.contact_map .addr .p01{width:100%;margin-bottom:14px;}
	.contact_map .addr .p02{width:100%;font-size:17px;}
	
	.recruit .rcrt_titbox{margin-bottom:40px;}
	.recruit .rcrt_titbox .txt01{font-size:20px;}
	.recruit .rcrt_titbox .txt02{font-size:27px;line-height:40px;}
	.recruit .rcrt_imgbox{margin-bottom:390px;}
	.recruit .rcrt_imgbox .img_b{width:95%;}
	.recruit .rcrt_imgbox .img_s{width:58%;top:68%;}
	.recruit .rcrt_form .file_ul .file_li .txt{font-size:15px;width:110px;}
	.recruit .rcrt_form .file_ul .file_li .file_name{width:calc(100% - 210px);font-size:15px;margin-right:10px;}
	.recruit .rcrt_form .file_ul .file_li .file_hidden + .file_btn{width:100px;font-size:15px;}
}

@media screen and (max-width:500px){
	.sst_mid03 .m3_titbox .tit{font-size:24px;line-height:32px;}
	
	.prd_top .prd_top_popbox .pop_content .pop_tb td:first-child{width:120px;}
}

@media screen and (max-width:460px){
	.header .ham_menu .ham_conbox{padding:80px 40px 0;position:relative;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li{padding:12px 0;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_li_a{font-size:30px;line-height:24px;}
	.header .ham_menu .ham_conbox .ham_btm{position:absolute;bottom:30px;right:40px;}
	/*.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth{width:100px;padding:5px 10px;}
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth li{padding:5px 0;}*/
	.header .ham_menu .ham_conbox .ham_gnb .gnb_li .gnb_depth li a{font-size:14.5px;}

	.visual .vis_txtbox .vis_txt{font-size:40px;line-height:48px;}
	
	.mid01 .m1_count_box .count_wrap{font-size:15px;line-height:24px;margin-bottom:15px;}
	.mid01 .m1_count_box .count_wrap strong{font-size:31px;}
	.mid01 .m1_count_box .count_wrap strong .num{width:20px;}
	.mid01 .m1_count_box .count_wrap strong .comma{width:10px;}
	.mid01 .m1_count_box .cb_p{font-size:16px;}
	
	.mid02{height:220px;}
	.mid02 .txt01{font-size:15px;margin-bottom:24px;}
	.mid02 .txt02{font-size:30px;line-height:40px;}
	
	.mid03 .m3_box .m3b_txt{margin-bottom:40px;}
	.mid03 .m3_box .m3b_txt .txt02{font-size:42px;margin-bottom:20px;}
	.mid03 .m3_box .m3b_txt .txt02.font_mt{font-size:48px;}
	.mid03 .m3_box .m3b_txt .txt03{font-size:16px;}
	
	.footer{padding:50px 10px 60px;}
	/*.footer .ft_con .ft_info li{width:100%;}*/
	.footer .ft_con .ft_nav .ft_nav_ul li{width:50%;}

	.ab_mid01 .ab_m1_tit01{font-size:18px;}
	.ab_mid01 .ab_m1_tit02{font-size:35px;}
	.ab_mid01 .ab_m1_content .m1_atc{padding-bottom:250px;}
	.ab_mid01 .ab_m1_content .m1_atc .m1_atc_txt01{font-size:22px;line-height:36px;}
	.ab_mid01 .ab_m1_content .m1_imgbox1{width:55%;}
	.ab_mid01 .ab_m1_content .m1_imgbox2 img{width:95%;}
	.ab_mid02 .ab_m2_txt01{font-size:17px;line-height:28px;margin-bottom:60px;}
	.ab_mid02 .ab_m2_imgbox{padding-left:5%;}
	.ab_mid02 .ab_m2_imgbox .m2_imgbox_txt{font-size:22px;line-height:36px;}
	.ab_mid03 .ab_m3_tit01{font-size:18px;}
	.ab_mid03 .ab_m3_tit02{font-size:35px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li{font-size:15px;}
	
	.prd_top .prd_top_tit02{font-size:65px;line-height:48px;margin-bottom:35px;}
	.prd_top .prd_top_atc02{width:90%;}
	.prd_top .prd_top_popbox .pop_content .pop_tb{font-size:12px}
	.prd_top .prd_top_popbox .pop_content .pop_tb td:first-child{width:60px;}
	.prd_top .prd_top_popbox .pop_content .pop_txt{font-size:12.5px;line-height:20px;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab{width:calc(33.333333% - 8px);margin-right:12px;}
	.prd_mid02 .prd_m2_wrap .prd_m2_tab .subj{font-size:14px;}
	.prd_mid03 .tab_content .tab_box01::after {right:-4px;font-size:70px;line-height:70px;}
	.chartbox .ch_ul .ch_li .bar{padding:5px;}
	.chartbox .ch_ul .ch_li .bar > p.filled.stack_orange span{font-size:13px;line-height:15px;}
	.prd_mid03 .tab_content#tab3 .tab_box02 .chartbox .ch_ul .ch_legend .lgd_p{margin-left:17px;font-size:13px;}
	.prd_mid03 .tab_content#tab5 .tab_box02 .imgbox{flex-wrap:wrap;}
	.prd_mid03 .tab_content#tab5 .tab_box02 .imgbox p{width:100%;margin-bottom:15px;}
	
	.supplier .supp_bottom .supp_btm_tit .tit{font-size:30px;line-height:32px;}

	.tech_tit .txt02{font-size:22px;line-height:32px;}
	.tech_mid02 .m2_row .txtbox .txt01{display:block;margin-bottom:15px;margin-left:0;font-size:25px;}
	.tech_mid02 .m2_row.m2_row2 .floattext{font-size:68px;line-height:58px;top:-58px;right:-5px;}
	.tech_mid02 .m2_row.m2_row3 .floattext{font-size:68px;line-height:58px;top:-58px;left:-5px;}
	
	.sst_mid01 .m1_box_wrap .m1_box .m1b_txt{padding:14px;font-size:18px;line-height:28px;min-height:86px;}
	.sst_mid03 .m3_wrap{position:relative;}
	.sst_mid03 .m3_wrap .m3_stickybox{width:60%;}
	/*.sst_mid03 .m3_wrap .m3_stickybox._2nd{top:37.5%;}
	.sst_mid03 .m3_wrap .m3_stickybox._3rd{padding-top:91%;}*/
	
	.pr_bo_v .pr_v_box .v_tit .subj{font-size:23px;}
	.pr_bo_v .pr_v_box .v_con{font-size:15px;}
	.pr_bo_v .pr_v_rel .rel_tit{font-size:23px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide{width:215px;}
	.pr_bo_v .pr_v_rel .rel_swp .swiper-slide .subj{font-size:17px;line-height:26px;}
	
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li{width:calc(50% - 4px);margin-right:8px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li:nth-child(4n){margin-right:8px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li:nth-child(3n){margin-right:8px;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li:nth-child(2n){margin-right:0;}
	.pr_certifi .pr_crtf_wrap .crtf_gall .gall_li .subj{font-size:14px;}
	
	.cnt_resbox .res_writebox .res_w_row .input_box .ipt{height:50px;font-size:14.5px;}
	.cnt_resbox .res_writebox .res_w_row .input_box .ipt + label{font-size:14.5px;}
	.cnt_resbox .res_writebox .res_w_row .textarea_box{margin:15px 0;}
	.cnt_resbox .res_writebox .res_w_row .textarea_box textarea{padding:12px 10px;font-size:14.5px;}
	.cnt_resbox .res_writebox .res_w_row .textarea_box textarea + label{top:13px;left:10px;font-size:14.5px;}
	
	.v_res_atc li .p01{width:140px;font-weight:600;}
	.v_res_atc li .p02{width:calc(100% - 140px);}
	
	.recruit .rcrt_titbox .txt01{font-size:20px;}
	.recruit .rcrt_titbox .txt02{font-size:23px;line-height:34px;}
}

@media screen and (max-width:400px){
	#sub_div .sub_top .sub_top_video {position: absolute;top: 0;left: 0;width: 200%;height: auto;transform: translate(0,0);}
	.footer .ft_logo{/*text-align:center;margin-bottom:70px;*/}
	.footer .ft_logo img{width:190px;}
	/*.footer .ft_con .ft_info li.provi{top:78px;right:50%;transform:translateX(50%);}*/

	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul{padding:0 10px;}
	.ab_mid03 .ab_m3_swp .swiper-slide .his_ul .his_li{font-size:14px;line-height:20px;}
	
	.prd_mid01 .prd_m1_wrap .prd_m1_box{width:85%;}
	
	.sst_mid03 .m3_wrap .m3_stickybox{width:75%;}
	.sst_mid04 .m4_usdbox .countbox .txt01{font-size:78px;line-height:75px;}
	.sst_mid04 .m4_usdbox .countbox .txt02{font-size:32px;}
	
	.cnt_resbox .res_cate li input[type=radio] + label{height:50px;font-size:15px;line-height:50px;}
	.cnt_resbox .res_writebox .res_w_row .file_box{flex-wrap:wrap;}
	.cnt_resbox .res_writebox .res_w_row .file_box .txt{width:100%;margin-bottom:10px;}
	.cnt_resbox .res_writebox .res_w_row .file_box .file_name{width:calc(100% - 100px);}
	.cnt_resbox .res_writebox .res_w_row .file_box .file_hidden + .file_btn{width:90px;}

	.recruit .rcrt_form .file_ul .file_li{flex-wrap:wrap;}
	.recruit .rcrt_form .file_ul .file_li .txt{width:100%;margin-bottom:10px;}
	.recruit .rcrt_form .file_ul .file_li .file_name{width:calc(100% - 100px);}
	.recruit .rcrt_form .file_ul .file_li .file_hidden + .file_btn{width:90px;}
}

@media screen and (max-width:320px){
	#sub_div .sub_top .sub_top_video {position: absolute;top: 0;left: 0;width: 250%;height: auto;transform: translate(0,0);}
}