@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('pretendard.css');

/* 초기화 */
html {overflow-y:scroll}
/*body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}*/
body {
	margin: 0;
	font-family: 'Pretendard';
	font-size: 18px
}
html, body {
	height: 100%;
}
.logo{z-index:22}
.switch_field{font-size:14px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard'}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
.lang{margin-top:-15px}
.lang a{display:block; width:100%}
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:'Malgun Gothic', dotum, sans-serif;font-size:1em; font-family:'Pretendard';}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
.bt_lang{position:relative}
.bt_lang:after{ position:absolute; right:0; content:'▼'}
.switch_field input:checked + label{    background-color: #e95504;
    border: 1px solid #e95504}
textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em; font-family:'Pretendard';}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

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

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

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

.placeholdersjs {color:#aaa !important}

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

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {}

/* 팝업레이어 */
#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_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {border-bottom:1px solid #383838;margin:0 auto; display:none}
#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; display:none}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

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

.hd_sch_wr {width: 228px;
    margin: 0 22px 0 0;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {overflow:hidden; border-bottom:2px solid #fff}
#hd_sch form{display:flex; justify-content:space-between}
#hd_sch #sch_stx {float:left;width:calc(100% - 80px);height:45px;background:transparent;background-color:transparent !important;border:0 !important;border-right:0;font-size:16px;color:#fff; background-color:transparent; outline:none !important; box-shadow:none !important}
#hd_sch #sch_stx::placeholder{color:white}
/* IE9 이하를 위한 css */
#hd_sch #sch_stx .placeholder {
  color: #fff !important;
}

/* IE10 이상을 위한 css */
#hd_sch #sch_stx input::placeholder {
  color: #fff !important;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
#hd_sch #sch_stx input::-webkit-input-placeholder {
  color: #fff !important;
}
/* IE */
#hd_sch #sch_stx input:-ms-input-placeholder {
  color: #fff !important;
}
/* Firefox */
#hd_sch #sch_stx input:-mos-input-placeholder {
  color: #fff !important;
}

#hd_sch #sch_submit {float:left;width:38px;height:45px;border:0;background:transparent;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px; justify-content:flex-end; margin:0 0 0 0 !important}
#popular{display:none}
#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}

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


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


/* 메인메뉴 */
#gnb {position:relative;margin:0 0 0 63px; background:none; z-index:1001}
#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;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:#e95504;
-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:none;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#333;text-decoration:none; line-height:1}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none !important;top:54px;min-width:140px;padding-top:2px;    
    position: fixed;
    background: #fff;
   
    left: 0;
    width: 100%;
    padding: 10px;
    margin-left: 0;
    height: 330px;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1); transition:all 0.3s ease 0s; z-index:21}
.gnb_2dul .gnb_2dul_box {display:flex; width:100%; justify-content:center}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#666;text-align:left;text-decoration:none; font-size:16px !important}
a.gnb_2da:hover {color:#e95504;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:flex;left:0; justify-content:center; align-items:center}
.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:#e95504;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:transparent;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px; justify-content:center; right:50px; margin:0 0 0 0 !important; display:none}
#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:fixed;width:100%;background:#fff;z-index:1000; z-index:10; left:0; padding:35px 0 0 0; height:0; transition:all 0.3s ease 0s; animation:longlong .3s forwards; overflow:hidden; box-shadow:15px 15px 20px rgba(0, 0, 0, 0.2)}
#gnb_all:before{ position:absolute; width:100%; height:1px; top:25px; left:0; background:#ddd; content:''}
@keyframes longlong{
	0%{ height:auto}
	100%{ height:auto}
	}
#gnb:hover #gnb_all{display:flex; height:250px; transition:all 0.3s ease 0s; align-items:center; justify-content:center}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef; display:none}
#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:auto;min-height:150px;padding:20px; width:147px; padding-left:0}
#gnb_all .gnb_al_li:nth-child(4){ width:129px}
#gnb_all .gnb_al_li ul{margin:0 0 0 0}
#gnb_all .gnb_al_li .gnb_al_a {font-size:18px;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#e95504; display:none}
#gnb_all .gnb_al_li li {line-height:2; font-size:16px !important}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all .gnb_al_li li a:hover {color:#e95504}
#gnb_all_bg {display:none !important;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;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;min-height:750px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold; padding:150px 0 0 0}
#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; display:none}
#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;left: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:#e95504;color:#e95504}

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

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

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

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

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

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

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

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

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

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


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

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

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

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

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

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

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

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

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

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

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#e95504;border-color:#e95504;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:#e95504;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

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

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

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

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

.pg_current {display:inline-block;background:#e95504;border:1px solid #e95504;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}

#wrapper, #container_wr, #container{height:100%}
div {
	box-sizing: border-box
}/*
#hd{display:none}*/
header {
	position:fixed;
	padding: 10px 100px;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 150px;
	background: white;
	box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.2); z-index:22; align-items:center;
top: 0
}
.is_iphone{top: env(safe-area-inset-top);
top: constant(safe-area-inset-top);}
.vis, .section1, .section2, .section3, .section4, .section5 {
	height: 100%;
	padding: 100px 200px;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
.vis .slogan, .section1 .title, .section2 .title, .section3 .title, .section4 .title, .section5 .title {
	display: block;
	width: 100%;
	font-weight: 700
}
.section1 .title, .section2 .title, .section3 .title, .section4 .title, .section5 .title {
	font-size: 48px;
	font-weight: 800;
	font-family: 'Pretendard'
}
.vis .slogan {
	font-size: 70px;
	text-align: center;
	font-weight: 800;
	color: white
}
.vis .slogan span{ color:#e95504}
.vis p {
	font-size: 28px;
	display: inline-block;
	color: white; margin:0 0 20px 0
}
.quick {
	position: fixed;
	right: 0;
	top: 0;
	background: #e95504;
	padding: 30px 30px 30px 30px;
	border-radius: 0 0 0 30px;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	z-index: 11;
	height: 100px
}
.quick button {
	border: 0;
	background: transparent;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-content: center;
	margin: 0 10px 0 0
}
.quick button span {
	height: 0px;
	width: 100%;
	background: #fff
}
.quick a {
	color: white; font-weight:normal; font-size:16px
}
.logo img, footer img {
	max-width: 150px
}
nav ul {
	display: flex;
	align-items: center;
	gap: 50px;
	font-size: 20px; margin:0 0 0 -50px
}
#gnb #gnb_all .gnb_al_ul ul{display:block}
#gnb #gnb_all .gnb_al_ul{display:block; gap:0; 
    display: flex;
    justify-content: space-between;
    align-items: flex-start; width:900px; margin-left:-64px}
nav, nav ul li{position:relative}
nav a {
	font-weight: 600;
	color: #333
}
.vis {
	
	padding: 0; position:relative; width:100%; overflow:hidden
}
.vis .wrap_txt {
	width: 100%;
	height: 100%;
	align-content: center;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	background: rgba(0,0,0,.3);
	background: linear-gradient(165deg, rgba(0,0,0,.3), rgba(0,0,0,.7))
}
.vis .wrap_txt .page {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
	gap: 10px
}
.vis .wrap_txt .page span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: white
}
.vis .wrap_txt .page .active {
	width: 20px;
	height: 20px;
	background: none;
	border: 3px solid white;
	box-sizing: border-box
}
.vis .sdown {
	color: white;
	padding-bottom: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	padding-top: 50px;
	width: 100%;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
	z-index:1
}
.vis .sdown img {
	width: 25px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px
}
.section1 {
	background: #eee;
	align-content: space-between;
	background: url(/img/bg_section1.png) no-repeat;
	background-size: cover;
	align-content: center; background:#eee; gap:50px; flex-wrap:nowrap
}
.section1 .wrap_img, .section1 .wrap_txt{width:50%; height:100%}
.section1 .wrap_img{display:flex; justify-content:center; align-items:center; 
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.1);
    padding: 50px;
    border: 1px solid #ccc;
    border-radius: 20px; position:relative; flex-wrap:wrap; background:#fff}
.section1 .wrap_img img{max-width:100%; max-height:calc(100% - 250px)}
.section1 .txt p {
	color: #999
}
.section1 .txt {
	margin-bottom: 50px
}
.ul_product {
	display: flex;
	width: 100%;
	gap: 10px
}
.section1 .ul_product3{display:flex; margin:30px 0 0 0; gap:20px; position:absolute; z-index:1}
.section1 .ul_product3 li{width:150px; height:150px; border-radius:100%; border:1px solid #999; display:flex; justify-content:center; align-items:center; background:white; box-shadow:15px 15px 20px rgba(0, 0, 0, 0.2)}
.section1 .ul_product3 img{ max-height:70%; max-width:70%}
.section1 .ul_product3 .active{border:3px solid #e95504}
.section1 .wrap_img .plus{width:50px; height:50px; border-radius:100%; border:1px solid #999; position:absolute; right:20px; top:20px; color:#ccc; display:flex; justify-content:center; align-items:center; font-size:40px; line-height:1}
.section1 .wrap_img .script{text-align:right; width:calc(100% - 40px); padding:20px 40px; max-height:200px; background:#eee}
.section1 .wrap_img .script h2{font-size:20px; margin:0 0 10px 0}
.section1 .wrap_img .script h2 span{font-size:14px; color:white; background:#e95504; padding:5px 10px; margin:0 10px 0 0}
.section1 .wrap_img .script p{word-break:keep-all}
.ul_product li {
	display: flex;
	width: 25%;
	justify-content: center;
	align-items: center;
	height: 200px;
	background: #666;
	font-size: 24px;
	font-weight: 600;
	box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.2);
	position: relative
}
.ul_product li a{font-size:20px; color:white; font-weight:500}
.ul_product .active {
	background: #e95504
}
.ul_product li:nth-child(1) {
	border-radius: 0 100px 0 0
}
.ul_product li:nth-child(2) {
	border-radius: 0 0 100px 0
}
.ul_product li:nth-child(3) {
	border-radius: 0 0 0 100px
}
.ul_product li:nth-child(4) {
	border-radius: 100px 0 0 0
}
.ul_product .active:after {
	content: '';
	width: 50px;
	height: 50px;
	background: #e95504;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: rotate(45deg);
	margin-left: -20px
}
.section1 .ul_product2 {
	display: flex;
	width: 100%;
	gap: 10px;
	margin-top: 50px
}
.section1 .ul_product2 li a {
	padding: 10px 30px;
	border: 1px solid white;
	background: rgba(0,0,0,.5);
	color: white
}
.section1 .ul_product2 .active a{ background:#e95504}
.section2 {
	position: relative
}
.section2 .wrap_area {
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.section2 .wrap_area div {
	width: 33.33%;
	word-break: keep-all
}
.section2 .wrap_area div a {
	color: white;
	position: absolute;
	bottom: 200px;
	border-bottom: 1px solid white;
	left: 50%;
	transform: translate(-50%, 0);
}
.section2 .wrap_area div div {
	padding: 200px 100px;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)) !important;
	height: 100%;
	color: white;
	position: relative;
	border-left: 1px solid rgba(256,256,256,.2)
}
.section2 .wrap_area div:nth-child(1) {
	background: url(/img/bg_biz1.png) 50% 50% no-repeat;
	background-size: cover;
}
.section2 .wrap_area div:nth-child(1) div {
	border-left: 0
}
.section2 .wrap_area .biz2 div {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1)) !important;
}
.section2 .wrap_area div:nth-child(2) {
	background: url(/img/bg_biz2.png) 50% 50% no-repeat;
	background-size: cover;
}
.section2 .wrap_area .biz3 div {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1)) !important;
}
.section2 .wrap_area div:nth-child(3) {
	background: url(/img/bg_biz3.png) 50% bottom no-repeat;
}
.section2 .wrap_area h2 {
	font-size: 36px;
	font-weight: 800;
	margin: 0 0 50px 0;
	text-align: center
}
.section3 {
	position: relative;
	align-content: flex-start;
	background: url(/img/bg_section3.png)70% 50% no-repeat #eee
}
.section3 .ul_section3 {
	display: flex;
	gap: 50px;
	position: absolute;
	width: calc(100% - 400px);
	height: calc(100% - 200px);
	top: 100px;
	left: 200px;
	align-items: flex-end
}
.section3 .ul_section3 li {
	width: 33.33%;
	height: 50%;
	border: 2px solid #fff;
	padding: 50px 30px;
	background: #eee;
	box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.1);
	border-radius: 0 100px 0 0;
	position: relative;
	background: linear-gradient(180deg, #e95504, #e95504, transparent);
	background: linear-gradient(-360deg, black, #e95504);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section3 .ul_section3 li:last-child {
	height: 100%;
	border-radius: 0 0 100px 0;
	background: linear-gradient(-360deg, #e95504, #e95504, transparent);
	background: linear-gradient(-360deg, #e95504, black)
}
.section3 .ul_section3 li h2 {
	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	position: absolute;
	right: 30px;
	top: 30px;
	background: #eee;
	border: 1px solid #fff;
	color: #333;
	padding: 20px;
	word-break: keep-all;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center
}
.section3 .ul_section3 li:last-child h2 {
	top: auto;
	bottom: 30px
}
.section4 {
	background: url(/img/bg_world_map.png) 50% bottom no-repeat;
	background-size: cover;
	align-content: center;
	overflow: hidden;
	width: 100%;
	position: relative
}
.section4 .title, .section3 .title, .section1 .title, .section5 .title {
	margin: 0 0 20px 0;
	display: block
}
.section4 .title span {
	display: inline-block;
	font-size: 24px;
	background: linear-gradient(90deg, #e95504, #e95504);
	color: transparent;
	-webkit-background-clip: text;
}
.section4 .script {
	width: 50%
}
.section4 .script p {
	font-weight: 700;
	font-size: 24px;
	margin: 0 0 50px 0
}
.section4 .script span {
	border: 1px solid rgba(0,0,0,.3);
	margin: 5px 5px 5px 0;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 30px;
	background: rgba(256,256,256,.7)
}
.section4 .map {
	position: absolute;
	right: -550px;
	transform: translate(0, -50%);
	top: 50%
}
.section5 {
	background: url(/img/bg_section5.png) 50% 50% no-repeat;
	background-size: cover;
	font-size: 24px;
	justify-content: space-between;
	position: relative;
	color: #333
}
.section5 .quick_close{display:none}
.section5 .txt {
	color: white;
}
.section5 .title {
	color: white
}
.section5 .txt p, .section1 .txt p, .section3 .txt p {
	font-size: 24px; word-break:keep-all
}
.section5 .txt .txt_info {
	font-size: 50px;
	font-weight: 900;
	color: rgba(256, 256, 256, .3);
	margin: 50px 0 0 0;
}
.section5 .txt .txt_info span {
	display: inline-block;
	padding: 0 0 0 120px;
	line-height: 90px;
	vertical-align: middle
}
.section5 .txt .txt_info .icon1 {
	background: url(/img/icon1.png) 0 50% no-repeat;
	background-size: 80px
}
.section5 .txt .txt_info .icon2 {
	background: url(/img/icon2.png) 0 50% no-repeat;
	background-size: 80px
}
.section5 .txt .txt_info .icon3 {
	background: url(/img/icon3.png) 0 50% no-repeat;
	background-size: 80px
}
.section5 .contact_con {
	width: 50%;
	background: white;
	border-radius: 0 100px 0 0;
	padding: 50px 100px;
	box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.1);
	background: linear-gradient(45deg, rgba(256,256,256,.8), white)
}
.section5 .bt_contact {
	color: white;
	background: #e95504;
	padding: 15px 30px;
	border-radius: 10px 30px 10px 10px;
	width: 100%;
	display: block;
	font-size: 24px;
	text-align: center
}
.section5 dl {
	margin: 0 0 30px 0
}
.section5 dd {
	margin: 0 0 20px 0
}
.section5 dt {
	margin: 0 0 10px 0
}
.section5 input {
	width: 100%;
	height: 50px;
	padding: 20px;
	border: 1px solid #ccc
}
.section5 textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #ccc
}
.section5 input, .section5 textarea {
	background: transparent;
	border: 1px solid #999
}
footer {
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size:14px
	
}
footer .link_set{font-size:14px; text-align:right}
footer .link_set a{display:inline-block}
footer .link_set .nofa{ border:0; padding-right:0}
footer .link_set .family, footer .link_set .nofa{width:121px; height:38px; overflow:hidden; border:1px solid #ccc; overflow:hidden; display:flex; justify-content:center; align-items:center; position:relative; float:right; cursor:pointer; margin-bottom:5px}
footer .link_set .nofa{padding:10px 0}
footer .link_set .family a{position:absolute; right:0; top:-40px; width:100%; background:white; text-align:center}
footer .link_set .family:hover{overflow:visible}
footer .left {
	display: flex;
	align-items: center;
	gap: 30px
}
footer .wrap_bt {
	display: flex;
	align-items:flex-end;
	gap: 10px
}
footer .wrap_bt a {
	border: 1px solid #999;
	padding: 10px 20px
}
footer .wrap_bt .sns {
	border: 0;
	padding: 0 0
}
.quick2 {
	position: fixed;
	right: 0;
	bottom: 0;
	background: #fff;
	padding: 20px 30px 90px 30px;
	border-radius: 30px 0 0 0;
	z-index: 1000;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5); width:94px; height:250px; overflow:hidden; transition:all 0.3s ease 0s; z-index:21;  

bottom: 0
}
.is_iphone_bottom{bottom: env(safe-area-inset-bottom);
bottom: constant(safe-area-inset-bottom);}
.quick2 .contact_con{display:none}
.quick2 .contact_con .quick_close{display:none; position:absolute; right:30px; top:30px; border:1px solid #333; width:34px; height:34px; border-radius:100%; justify-content:center; align-items:center; opacity:.8 }
.open_quick .contact_con .quick_close{display:flex}
.open_quick .contact_con{display:block}/*
.open_quick{width:500px; height:550px; padding:30px 30px 90px 30px}*/

.open_quick .bt_contact{    color: white;
    background: #e95504;
    padding: 10px 30px;
    border-radius: 10px;
    width: 100%;
    display: block;
    font-size: 18px;
    text-align: center;}
.open_quick input[type=text], .open_quick textarea{width:100%; margin-bottom:10px}	
.open_quick input[type=text]{height:40px}
.open_quick textarea{height:100px}
footer .bt_location {
	margin-left: 9px
}
.contact_con .info_txt{font-size:14px; display:flex; gap:5px; align-items:center; margin:0 0 20px 0; width:100%; justify-content:space-between}
.contact_con .info_txt input{width:15px; height:15px}
#ctt header{display:none}

.s_slogan{display:flex; flex-wrap:wrap; gap:10px; text-align:center}
.wrap_m0201{display:flex; justify-content:center; flex-wrap:wrap; padding:0 45px; max-width:1500px; margin:0 auto}
.s_slogan h2, .wrap_m0201_new .s_slogan h2{font-size:40px }
.s_slogan h2, .s_slogan p, .s_slogan span{width:100%}
.s_slogan p{font-size:24px; line-height:1.5; opacity:.7; word-break:keep-all}
.s_slogan span{font-size:15px; margin:0 0 15px 0; color:#666}
.s_slogan span strong{ color:#e95504}
.wrap_m0201 .s_slogan{color:#333}
.wrap_m0201 .ul_biz{width:100%; display:flex; justify-content:space-between; align-items:center; margin:50px 0 0 0; color:#222}
.wrap_m0201 .ul_biz li{width:257px; text-align:center}
.wrap_m0201 .ul_biz li .wrap_img{width:100%; aspect-ratio:1/1; border-radius:100%; background:#eee; margin:0 0 20px 0; transition:transform 0.6s}
.wrap_m0201 .ul_biz li:hover .wrap_img{transform: rotateY(180deg)}
.wrap_m0201 .ul_biz li:nth-child(1) .wrap_img{background:url(/img/biz0.png) 50% 50%; background-size:cover}
.wrap_m0201 .ul_biz li:nth-child(2) .wrap_img{background:url(/img/biz1.png) 50% 50%; background-size:cover}
.wrap_m0201 .ul_biz li:nth-child(3) .wrap_img{background:url(/img/biz2.png) 50% 50%; background-size:cover}
.wrap_m0201 .ul_biz li:nth-child(4) .wrap_img{background:url(/img/biz3.png) 50% 50%; background-size:cover}
.wrap_m0201 .ul_biz li:nth-child(5) .wrap_img{background:url(/img/biz4.png) 50% 50%; background-size:cover}

.wrap_mission{word-break:keep-all; text-align:center; line-height:1.5}
.wrap_mission .section1, .wrap_mission .section2, .wrap_mission .section3{background:none; justify-content:center}
.wrap_mission h2, .wrap_mission h3, .wrap_mission .section3{display:block}
.wrap_mission .section1 h3{font-size:24px; color:#333; margin:0 auto 30px auto; letter-spacing:-1px}
.wrap_mission .section1 h2, .wrap_mission .section3 h2, .wrap_mission .section2 h2{font-size:40px; color:#222; margin:0 auto 30px auto; letter-spacing:-1px; width:100%}
.wrap_mission .section1 p, .wrap_mission .section3 p{font-size:18px; color:#666; word-break:keep-all}
.wrap_mission .section2{color:#fff; background:url(/img/bg_m0501.png) right 30% no-repeat; background-size:cover; height:400px}
.wrap_mission .section2 p{opacity:0.5}
.wrap_mission .section2 h2{color:#fff}
.wrap_mission .section1, .wrap_mission .section2, .wrap_mission .section3{padding:100px 0; flex-wrap:wrap; max-width:1500px; margin:0 auto}
.wrap_mission .section2{max-width:100%}
.wrap_mission .section1 h2 span{ color:#e95504}
.wrap_mission .section3 li p{margin:0 0 0 0}
.wrap_mission .section3 p{margin:0 0 50px 0}
.wrap_mission .section2 li h2, .wrap_mission .section3 li h2{font-size:28px; margin:0 0 10px 0}
.wrap_mission .section2 ul, .wrap_mission .section3 ul{    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;}
.wrap_mission .section2 li{width:calc(25% - 20px); 
    padding: 20px;
    border: 1px solid rgba(256, 256, 256, .4);}	
.wrap_mission .section3 ul{margin:0 auto 50px auto}	
.wrap_mission .section3 ul li{text-align:center;     
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
  
   width:33%; padding:50px 0; position:relative; overflow:hidden; border:1px solid #ccc; padding-top:0
}
.wrap_mission .section3 ul li img{width:100%; margin:0 0 50px 0}
.wrap_mission .section3 ul li h2, .wrap_mission .section3 ul li p{width:100%}
.section1 .bt_down{    font-size: 16px;
    color: #333;
    border: 1px solid #333;
    padding: 10px 20px; 
    display: flex
;
    align-items: center; gap:10px}
.section1 .bt_down:hover{color:white; background:#e95504; border:1px solid #e95504}	
.history_area {
	position: relative; width:100%; overflow:hidden
}
.history_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 70px;
	width: 1px;
	background-color: #ddd
}
.history_area .round_txt {
	position: relative;
	width: 120px;
	height: 120px;
	padding-top: 27px;
	margin: 70px auto 60px auto;
	line-height: 22px;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #253981;
	border-radius: 50%
}
.history > li {
	position: relative
}
.history > li + li {
	margin-top: 10px
}
.history > li:before {
	content: '';
	position: absolute;
	top: 11px;
	left: 50%;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: -7px;
	background-color: #e95504;
	border-radius: 100%
}
.history > li.type1 {
	padding-right: 54%;
	text-align: right
}
.history > li.type2 {
	padding-left: 54%;
	text-align: left
}
.history .year {
	font-size: 28px;
	font-weight: 600; color:#e95504
}
.history > li > ul {
	margin-top: 20px
}
.history > li > ul > li {
	position: relative;
	font-size: 18px;
	line-height: 35px
}
.history > li > ul > li span {
	padding-right: 13px
}
.history > li.type1 > ul > li {
	padding-right: 0
}
.history > li.type1 > ul > li span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0
}
.goog-te-gadget-simple{ background-color:transparent !important; border-top:0 !important; border-bottom:0 !important; border-left:0 !important; border-right:0 !important}
.goog-te-gadget-simple img{display:none !important}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed, .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span{color: #fff !important}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span{border-left:0 !important}
.lang2{position:absolute; color:white; width:66px; text-align:center; padding:5px; margin-left:-5px; border-radius:10px}
.lang2 a{display:none}
.lang2 a:hover{ color:#e95504}
.lang2 .on{display:block}
.lang2 .fa{position:absolute; left:5px}
.lang2 .fa-angle-down{right:5px; left:auto; top:6px}
.lang2:hover{background:rgba(0,0,0,.5)}
.lang2:hover a{display:block}
.quick .gnb_menu_btn{display:none}

.vis .jd-slider, .vis .jd-slider .slide-inner{overflow:hidden;position:relative;width:100%; height:100%}
.vis .jd-slider{margin:0 auto;padding:0}.jd-slider .slide-area{width:100%;margin:0;padding:0; height:100%}
.vis .jd-slider .slide-area:after{display:block;content:'';clear:both}
.vis .jd-slider .slide-area li{float:left;width:100%}
.vis .jd-slider .slide-area li img{display:block; max-width:100%; max-height:100%}
.vis .jd-slider .next, .vis .jd-slider .prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#333}
.vis .jd-slider .hidden.next, .vis .jd-slider .hidden.prev{display:none}
.vis .jd-slider .prev{left:50px}
.vis .jd-slider .next{right:50px}
.vis .jd-slider .controller{width:100%;text-align:center}
.vis .jd-slider .controller a{color:#fff}
.vis .jd-slider .controller .auto{display:inline-block;vertical-align:middle; margin-top:-5px}
.vis .jd-slider .controller .auto i{display:none;color:#4d4330}
.vis .jd-slider .controller .auto.pause .fa-pause, .vis .jd-slider .controller .auto.play .fa-play{display:block}
.vis .jd-slider .controller .indicate-area{display:inline-block}
.vis .jd-slider .controller .indicate-area a{display:inline-block;position:relative;width:16px;height:16px;margin:0 5px;font-size:0;color:transparent;vertical-align:middle; border:3px solid #fff; border-radius:100%}
.vis .jd-slider .controller .indicate-area .on{background:#fff}
.vis .jd-slider a{font-size:1.5rem}
.vis .jd-slider.fade .slide-area li{display:block;position:absolute;top:0;left:0;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.jd-slider.fade .slide-area li:first-child{position:static;opacity:1}.jd-slider.slider--none .controller,.jd-slider.slider--none .next,.jd-slider.slider--none .prev{display:none}
.vis .jd-slider .slide-area > li {
            border-left: 0;
            box-sizing: border-box;
            text-align: center; height:100%; position:relative; overflow:hidden
        }
.vis .jd-slider .slide-area > li > a {
            display: flex;
            height: 100%;
            line-height: 100%;            outline: 0; text-align:center;
        	justify-content:center; align-items:center
		}
.vis .jd-slider .controller {
            margin: 10px 0 0;
			position:absolute; bottom:50px; z-index:2 
        }
.vis .jd-slider .controller .fas{     display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.vis .jd-slider .controller .pause:before{ content:"\f04c"; font:normal normal normal 14px/1 FontAwesome}
.vis .jd-slider .controller .play:before{ content:"\f04b"; font:normal normal normal 14px/1 FontAwesome}
.div_vis, .div_vis2{background:url(/img/vis2.png) right 10%; background-size:cover; width:100%; height:100%; position:absolute; z-index:-1; top:0; left:0; transform: scale(1.3)}
.div_vis2{background:url(/img/vis1.png) 50% 50% no-repeat; background-size:cover;}
.div_vis3{background:url(/img/vis3.png) 50% 50% no-repeat; background-size:cover;}
.div_vis4{background:url(/img/vis4.png) 50% 50% no-repeat; background-size:cover;}
.div_vis5{background:url(/img/vis5.png) 50% 50% no-repeat; background-size:cover;}
.div_vis6{background:url(/img/vis6.png) 50% 50% no-repeat; background-size:cover;}
.div_vis7{background:url(/img/vis7.png) 50% 50% no-repeat; background-size:cover;}
.show .div_vis, .show .div_vis2{animation: mtdi 5s forwards}
@keyframes mtdi {
 0% {
    opacity: 1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

.newsection1, .newsection2, .newsection3, .newsection4 {
	min-height: 100%;
	padding: 200px 162px;
	display: flex;
	align-items: center; overflow:hidden; justify-content:center
}
.newsection1{flex-wrap:wrap; position:relative; padding:200px 0; max-width:1500px; margin:0 auto}
.newsection1 .product {
	display: flex;
	justify-content: space-between;
	width: 100%
}
.newsection1 .product .txt, .newsection1 .product .img {
	width: 45%
}
.newsection1 .product .img .wrap_img {

	width: 100%;
	height: 500px; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.newsection1 .product .img .page {
	text-align: right;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	padding: 20px 0 0 0
}
.newsection1 .product .img .page a, .newsection1 .owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: 2px solid #ddd;
	display: inline-block;
	color: #ddd; background:transparent
}
.newsection1 .product .img .page .on, .newsection1 .owl-dots .active {
	background: #ddd
}
.newsection1 .owl-dots{gap:20px; display:flex; justify-content:flex-end; margin:15px 0 0 0}
.newsection1 .product .txt {
	display: flex;
	flex-wrap: wrap;
	align-content: end;
	padding: 0 0 35px 0; position:relative
}
.newsection1 .product .txt div {
	position:absolute; width:auto; top:50%; transform:translate(0, -50%); margin-top:-41px; width:99%
}
.newsection1 .product .txt h2{    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;}
.newsection1 .product .txt h2, .newsection2 .title, .newsection3 .title, .newsection4 .title {
	font-size: 60px;
	margin: 0 0 10px 0;
	font-weight: 800;
	color: #222
}
.newsection1 .product .txt h2{font-size:40px}
.newsection1 .product .controll {
	display: flex;
	gap: 10px;
	align-items: center; transform:none !important; margin-top:0 !important; position:relative !important
}
.newsection1 .product .controll a {
	padding: 10px 0;
	font-weight: 700;
	display: inline-block
}
.newsection1 .product .controll a .fa {
	font-weight: 800
}
.newsection1 .product .bt_more, .newsection3 .bt_more, .newsection4 .bt_more, .bt_more {
	font-size: 16px;
	color: #333;
	border: 1px solid #333;
	padding: 10px;
	padding-right: 40px;
	position: relative;
	display: flex;
	align-items: center;
	width: 170px; background:none
}
#bo_v_con .wrap_bt .bt_more:hover, #bo_v_con .wrap_bt2 .bt_more:hover { color:white; background:#e95504}
.wrap_m0301 .bt_more,  .wrap_m0302 .bt_more{margin:0 auto}
.wrap_m0301 dd, .wrap_m0301 dt{border-bottom:1px solid #ccc; padding:30px 0}
.wrap_m0301 dl{display:flex; flex-wrap:wrap; margin-top:50px}
.wrap_m0301 dt{width:25%; padding-right:20px}
.wrap_m0301 dd{width:75%}
.wrap_m0301 .info_txt{display:flex; align-items:center; justify-content:space-between; padding:50px 0}
.wrap_m0301 input[type=text]{ width:100%; height:50px; border-radius:10px; border:1px solid #666; padding:5px}
.wrap_m0301 input[type=checkbox]{width:20px; height:20px; margin:0 10px 0 0}
.wrap_m0301 input[type=file], .wrap_m0301 textarea{width:100%}
.wrap_m0301 textarea{height:150px; border-radius:10px; padding:5px}
.wrap_m0301 .wrap_num01, .wrap_m0301 .wrap_num03, .wrap_m0301 .wrap_num05{ display:flex; flex-wrap:wrap; gap:10px}
.wrap_m0301 .wrap_num01{gap:50px}
.wrap_m0301 .wrap_num03 input[type=text]{width:calc(50% - 10px)}
.newsection1 div{width:100%}
.newsection1 .product .bt_more:after, .newsection3 .bt_more:after, .newsection4 .bt_more:after, .bt_more:after {
	position: absolute;
	right: 10px;
	content: "\f178";
	font: normal normal normal 14px/1 FontAwesome
}
.newsection1 .btn_wr{display:flex; gap:10px; justify-content:flex-start;     position: absolute;
    width: auto;
    top: 50%;
    margin: 80px 0 0 0; z-index:1}
.newsection1 .btn_wr div{width:auto}
.newsection1 .category {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	font-weight: 700; width:100%; top:200px; position:absolute; width:auto; z-index:10; 
    width: 450px;
  
    left:0
}
.newsection1 .category .on {
	color: #e95504
}
.newsection1 .category a {
	position: relative;
	color: #222; cursor:pointer
}
.newsection1 .main_image_area{max-width:1579px; margin:0 auto}
.newsection1 .category a:after {
	content: '';
	position: absolute;
	right: -10px;
	width: 1px;
	height: 15px;
	background: #666;
	top: 5px
}
.newsection1 .category a:last-child:after {
	display: none
}
.newsection1 p, .newsection2 p {
	font-size: 18px;
	color: #333;
	opacity: 1
}
.newsection2 {
	padding:200px 0; padding-top: 0; margin:0 auto; max-width:1500px
}
.max_con{ margin:0 auto; max-width:1500px; width:100%}
.newsection3 .title, .newsection4 .title {
	color: white
}
.newsection3, .newsection4, .newsection3 a, .newsection4 a {
	color: white
}
.newsection3 {
	display: flex;
	justify-content: space-between;
	background:url(/img/bg_newsection3.png); background-size:cover; padding:200px 0

	gap: 50px; justify-content:center
}
.newsection3 .max_con{display:flex; justify-content:space-between; align-items:center}
.newsection3 .ul_section3 {
	border-top: 2px solid white;
	width: 60%;
}
.newsection3 .ul_section3 li {
	border-bottom: 2px solid white;
	padding: 50px 0;
}
.newsection3 .ul_section3 li a {
	display: flex;
	align-items: center;
	gap: 50px
}
.newsection3 .ul_section3 li a .txt {
	height: 100%;
	height: 200px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between
}
.newsection3 .ul_section3 li a .txt div {
	width: 100%
}
.newsection3 .bt_more, .newsection4 .bt_more {
	color: white;
	border: 1px solid #fff
}
.newsection3 .img {
	width: 300px;
	height: 200px;
	background: #999
}
.newsection3 .img img{width:100%; height:100%}
.newsection3 .ul_section3 li a .txt h2, .newsection3 .ul_section3 li a .txt p {
	font-size: 18px
}
.newsection3 .ul_section3 li a .txt h2 {
	margin: 0 0 10px 0
}
.newsection4 {
	flex-wrap: wrap; 
    background: url(/img/bg_section4.png);
    background-size: cover;
}
.newsection4 .txt {
	width: 100%; max-width:1579px; margin:0 auto;
}
.newsection4 .con {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; margin:0 auto; margin-top:133px; max-width:1579px
}
.newsection4 .wrap_news {
	width: 1002px
}
.newsection4 .news_title {
	border-left: 2px solid white;
	padding: 0 50px;
	
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: calc(100% - 1002px); align-content:space-between
}
.newsection4 .news_title div{width:100%}
.newsection4 .wrap_news .ul_section3 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	gap: 20px;
}
.newsection4 .wrap_news .ul_section3 li{width:calc(33.33% - 20px)}
.newsection4 .wrap_news .ul_section3 p{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.newsection4 .wrap_news {
	padding: 0 50px;
	border-left: 2px solid white;
	border-right: 2px solid white
}
.newsection4 .wrap_img {
	width: 280px;
	height: 225px;
	background: #999;
	margin: 0 0 25px 0
}
.newsection4 .wrap_news h2, .newsection4 .news_title h2 {
	font-size: 28px;
	margin-bottom: 25px
}
.newsection3 p{word-break:keep-all}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%; min-height:400px; display:flex; justify-content:center; flex-wrap:wrap; position:relative; align-content:center; gap:50px; border-radius:10px
}
.modal-content p{word-break:keep-all; text-align:center; color:#666; line-height:1.5}
.modal-content h2{font-size:24px}
.modal-content .close{position:absolute; right:10px; top:10px}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.left{width:100%; margin-top:50px}
.left h2{display:none}
#myModal2 .modal-content p{text-align:left}
#myModal2 .modal-content .wrap_agree h2{font-size:18px}
.wrap_mission .section4{background:none; max-width:1500px; width:100%; margin:0 auto; padding:100px 0; display:flex; justify-content:center; align-items:center; text-align:left; gap:50px; padding-bottom:0}
.wrap_mission .section4 .con{width:33.33%}
.wrap_mission .section4 .con h2{font-size:24px; margin:10px 0}
.wrap_mission .section4 img{width:100%; margin:0 0 20px 0}
.wrap_mission .section4 .con p{padding:0 0 0 15px; position:relative}
.wrap_mission .section4 .con p:before{content:''; position:absolute; width:5px; height:5px; border-radius:100%; background:#666; left:0; top:8px}
.wrap_m0503 .section3{padding-top:0}
.wrap_m0503 .section3 ul li{ padding-top:0; align-content:flex-start}
.wrap_m0503 .section3 ul li .txt{padding:0 20px}
.wrap_m0503 .section3 ul li .txt p{text-align:left; padding:0 0 0 15px; position:relative}
.wrap_m0503 .section3 ul li .txt p:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #666;
    left: 0;
    top: 8px;
}

.wrap_m0201_new .img{ width:60.66%; background:#ddd; height:400px}
.wrap_m0201_new .applications{display:flex; margin:0 0 100px 0; gap:50px}
.wrap_m0201_new .txt{width:calc(39.33% - 50px); display:flex; flex-wrap:wrap; align-content:space-between}
.wrap_m0201_new h2{font-size:40px}
.wrap_m0201_new .bt_more{width:auto; margin-top:10px; display:flex; justify-content:space-between; gap:50px}
.wrap_m0201_new .bt_more span{color:#999}
.wrap_m0201_new .slogans{text-align:right; width:100%}
.wrap_m0201_new .sloganl{width:100%}
.wrap_m0201_new .a_r .txt{justify-content:flex-end}
.wrap_m0201_new .sloganl, .wrap_m0201_new .slogans{margin-top:100px}
.wrap_m0201_new .div_vis{display:flex; justify-content:center; align-items:center; background:#fff}
.wrap_m0201_new .vis{border:1px solid #999; box-shadow:15px 15px 20px rgba(0, 0, 0, 0.2)}
.wrap_m0201_new .vis .jd-slider .controller a{color:#333}
.wrap_m0201_new .vis .jd-slider .controller .indicate-area a{border:3px solid #333}
.wrap_m0201_new .vis .jd-slider .controller .indicate-area .on{background:#333}
.fix_kakao{position: fixed;
    bottom: 261px;
    z-index: 21;
    right: 12px;
    width: 70px;
    text-align: center;
    background: white;
    border-radius: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);}
#open_con{
    text-align: center;
    vertical-align: middle;
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; gap:5px; color:#999; width:34px; height:210px; background:url(/img/bt_quick1.png) no-repeat;}	
#open_con img{display:none}
/*.open_quick #open_con{background:url(/img/bt_quick2.png) no-repeat; width:162px; height:34px; margin:0 0 20px 0}*/
#tab-menu .menu_panel{z-index:1 !important; border-bottom:1px solid #ccc; margin-bottom:50px }
#tab-menu .menu_panel span{font-family: 'Pretendard' !important;}
#tab-menu .menu_panel img{max-width:100%}
.f_wrap_bt{white-space:nowrap}
#gnb #gnb_1dul .m_only{display:none}
.wrap_m0503 .sticky_zone{position:relative}
.wrap_m0503 .sticky_slogan{position:sticky; left:0; top:0}
.wrap_m0503{width:1300px; margin:0 auto}
.wrap_mission .section3 .sticky_slogan{width:50% !important; position:sticky !important; text-align:left; padding:300px 0 0 0; left:0; margin:0 0 0 0 !important; float:left; font-size:70px; color:#999}
.wrap_mission .section3 ul{width:50%; flex-wrap:wrap; display:inline-block; margin:150px 0 0 0}
.wrap_mission .section3 ul li{width:100%; margin:0 0 50px 0}

.wrap_m0501 .section3 ul{width:100%; margin:0 auto; display:flex; justify-content:space-between}
.wrap_m0501 .section3 ul li{width:calc(33% - 20px)}
.wrap_m0501 .section4{gap:37px; padding-bottom:100px}
.wrap_m0501 .section4 .con{width:calc(50% - 20px)}

.wrap_m0503 .sticky_zone{text-align:right; margin:-150px 0 0 0}
.more_opt{z-index:21 !important}
.more_opt li{font-size:14px}
.wrap_m0201_new{padding:150px 0}
.wrap_m0201_new .left{ margin-bottom:50px}
.fix{ position:fixed !important; top:89px; width:100%; z-index:10; background:white; left:0}
article header{gap:0}
.wrap_map2{width:100%; border-top:1px solid #ddd; height:715px; display:flex; justify-content:center; overflow:hidden; background:url(/img/map2.png) 50% 50% no-repeat #f5f4f2; border-bottom:1px solid #ddd}
.wrap_map2 ul{position:absolute; left:50px; bottom:50px; background:#fff; box-shadow:15px 15px 20px rgba(0, 0, 0, 0.2)}
.wrap_map2 .pop_map img{width:auto}
.wrap_map2 .pop_map {position:absolute; left:50px; bottom:50px}
#tab-menu .menu_panel .panel video{width:100%}
iframe{width:100% !important; height:auto !important; aspect-ratio:560/315}

@media(min-width:769px){
.quick, header, .logo{ z-index:1002}	
	}
@media(min-width:1921px){
	#gnb{margin:0 auto}
	#gnb .gnb_wrap{margin-left:-400px}
	}
@media(max-width:1920px){
.root_daum_roughmap_landing{width:100% !important}	
	}
@media(max-width:1903px){
.wrap_m0201 .ul_biz li{width:calc(20% - 50px)}	
	}
@media(max-width:1800px){
header{gap:0}
#gnb{margin:0 0 0 50px}
.gnb_1da{padding:0 0}
#gnb:hover #gnb_all{justify-content:flex-start}
#gnb #gnb_all .gnb_al_ul{margin-left:331px}
#gnb #gnb_1dul{width:900px; justify-content:space-between}
#gnb ul:after{display:none}
	}
@media(max-width:1600px){

header{padding:10px 50px}	
#gnb #gnb_all .gnb_al_ul{margin-left:240px}
#gnb #gnb_1dul{width:auto; gap:40px}
#gnb_all .gnb_al_li .gnb_al_a{display:block}
.wrap_mission .section1, .wrap_mission .section2, .wrap_mission .section3{padding:100px 50px}
.wrap_m0503 .section3{padding:0 50px}
.newsection1, .wrap_m0201, .max_con{max-width:1200px}
.newsection4 .wrap_news{width:75%}
.newsection4 .news_title{width:25%}
#gnb{width:calc(100% - 604px); gap:0; }
#gnb .gnb_mnal{display:none}
#gnb #gnb_1dul{margin:0 0 0 0}
#gnb_all .gnb_al_li li{line-height:1.5}
	}
@media(max-width:1500px){
header{padding:10px 20px}
nav ul{gap:30px}	
footer{padding:50px 60px}
footer .wrap_bt{width:100%; justify-content:flex-end}
.wrap_mission .section2 li h2, .wrap_mission .section3 li h2{font-size:24px}
.newsection1, .newsection2, .newsection3, .newsection4{padding:200px 50px}
.newsection1{padding:200px 0}
.left_m{flex-wrap:wrap; justify-content:center}
#gnb{width:calc(100% - 634px) }
#gnb #gnb_1dul{font-size:18px}
#bo_btn_top{width:99%}
	}
@media(max-width:1400px){
.wrap_m0503{width:100%}	
	}	
@media(max-width:1280px){
    header {
        padding: 50px 20px 10px 20px;
    }	
footer{padding:50px 90px}
.quick{padding:0 100px 0 20px; border-radius:0 0 0 0; height:40px; width:100%; justify-content:flex-end}	
.lang2{ margin-left:0; right:20px; top:5px}
.lang{margin-top:0}
#gnb{width:calc(100% - 240px)}
nav ul{margin:0 0 0 0}
#gnb #gnb_1dul{justify-content:space-between}
#hd, #wrapper, #ft{min-width:100%}
.newsection4 .wrap_news{width:75%}
.newsection4 .news_title{width:25%}
.newsection4 .wrap_img{width:100%; height:auto}
.newsection4 .wrap_img img{max-width:100%}
#gnb .gnb_close_btn{display:none}
#gnb #gnb_all .gnb_al_ul{margin-left:0; justify-content:flex-end; width:100%}
#gnb_all .gnb_al_li{width:151px}
.modal-content{width:90%; height:90%; overflow-y:auto; min-height:inherit; align-content:flex-start}
.wrap_mission .section4 .con{width:calc(40% - 50px)}
.wrap_mission .section4{align-items:flex-start}
.wrap_mission .section3 ul{margin:0 0 0 0}
.wrap_mission .section3 .sticky_slogan{font-size:60px}

.fix{top:128px}
	}
@media(max-width:1200px){
    .newsection1{
        max-width: 100%; padding:200px 50px
    }
	.newsection1 .category{left:50px}
.wrap_map2{height:600px; background-size:auto 100%}	
	}	
@media(max-width:1024px){
.wrap_map2{height:500px}	
.wrap_mission .section3 .sticky_slogan{font-size:40px; padding:200px 0 0 0}
.wrap_mission .section3 h2 br{display:none}	
footer{flex-wrap:wrap}
#gnb{margin:0 0 0 50px; width:calc(100% - 20px)}
#gnb #gnb_1dul{font-size:18px !important}	
.vis .slogan{font-size:60px; text-align:center !important}
.vis .jd-slider .controller{bottom:170px}
.vis .wrap_txt{justify-content:center !important; padding:0 50px !important}
.newsection1, .newsection2, .newsection3, .newsection4{padding:100px 50px}
.newsection1 .product .txt h2, .newsection2 .title, .newsection3 .title, .newsection4 .title{font-size:40px}
.newsection2, .newsection3, .newsection4{min-height:inherit}

.newsection1{min-height:0; padding-bottom:0}/**/
.newsection1 .category{position:relative; margin-bottom:40px; top:auto; left:auto; width:100%}/**/
.newsection1 p{margin:0 0 30px 0}/**/
.newsection1 .product .txt{padding:0 0 0 0; align-content:center}
.newsection1 .product .img .wrap_img{height:auto}
.newsection1 .product .txt, .newsection1 .product .img{width:47%}
.newsection1 .category a{font-size:16px}
.newsection1 .btn_wr{margin:30px 0 0 0; position:relative }
.newsection1 .product .txt h2 br{display:none}
.newsection1 p br{display:none}
.newsection1 .product .txt div{position:relative; transform:none; top:auto; margin-top:0}
.newsection1 .owl-carousel .owl-stage-outer{height:auto !important}
.newsection1 .product .newimg, .newsection1 .product .img .wrap_img{
        aspect-ratio: 1 / 1;
        vertical-align: middle;
        display: flex
;
        align-items: center;}


.newsection3{flex-wrap:wrap}
.newsection3 .ul_section3{width:100%}
.newsection4 .con{margin-top:50px}
.newsection3 .max_con{flex-wrap:wrap}
.newsection3 .txt{padding-bottom:50px}
.open_quick textarea{height:50px}
/*.open_quick{height:450px}*/
.wrap_m0201_new .vis .jd-slider .controller{bottom:50px}

.left{margin-top:10px}

.fix{top:116px}
	}
@media(max-width:912px){
.wrap_m0503 .sticky_zone{margin:0 0 0 0}	
.wrap_mission .section3 ul{margin:20px 0 0 0; width:100%}
.wrap_mission .section3 .sticky_slogan{padding:0 0 0 0; position:relative !important; width:100% !important; text-align:center; font-size:24px}
	.section1 .bt_down{margin-top:20px}
.logo img, footer img{max-width:100px}
footer{font-size:14px}
#gnb #gnb_1dul{font-size:14px !important}
.wrap_mission .section1 h2, .wrap_mission .section3 h2, .wrap_mission .section2 h2{font-size:30px}	
.wrap_mission .section1, .wrap_mission .section2, .wrap_mission .section3{padding:50px}
.wrap_mission .section1{gap:0}
.wrap_mission .section2 li h2, .wrap_mission .section3 li h2{font-size:18px}
.newsection1{padding:100px 50px 0 50px}
.newsection2{padding:0 50px 100px 50px}
.newsection1 .product .txt{padding:0 0 0 0}
.newsection2, .newsection3, .newsection4{min-height:inherit}

.newsection2 .wrap_m0201{padding:0 0}
.wrap_m0101{padding:150px 0}
#gnb #gnb_all .gnb_al_ul{padding:20px}
#gnb_all .gnb_al_li{width:16.66%}
.wrap_m0503 .section3 ul{flex-wrap:wrap}
.wrap_m0503 .section3 ul li{width:100%}
.wrap_m0201_new .applications{gap:10px; margin:0 0 50px 0; justify-content:space-between}
.wrap_m0201_new .txt{width:calc(39.33% - 10px)}
.wrap_map2{height:400px}	
	}
@media(max-width:768px){
#gnb_all .gnb_al_li li{line-height:2}
footer{padding:50px 100px}	
footer .link_set br{display:none}	
footer .link_set .family, footer .link_set .nofa{margin:0 5px}
.wrap_m0201_new .bt_more span{display:none}	
.wrap_mission .section1, .wrap_mission .section2, .wrap_mission .section3{padding:50px 20px}
.wrap_mission .section1 h2, .wrap_mission .section3 h2, .wrap_mission .section2 h2{font-size:25px}	
.wrap_mission .section1 h3{font-size:18px}
#gnb #gnb_1dul{display:none}
.quick .gnb_menu_btn{display:block; position:absolute; right:20px; top:60px}
#gnb_all{position:fixed; height:100% !important; overflow-y:auto; top:0; left:0; 
top: env(safe-area-inset-top);
top: constant(safe-area-inset-top); }
#gnb{position:absolute}
#gnb #gnb_all .gnb_al_ul{flex-wrap:wrap}
#gnb_all .gnb_al_li{min-height:inherit; width:100%; border-bottom:1px solid #ccc; padding-right:0}
#gnb_all .gnb_al_li ul{display:none !important; margin-top:10px; background:#eee; padding:10px}
#gnb_all .gnb_al_li:hover ul{display:block !important}
#gnb_all .gnb_al_li .gnb_al_a{color:#333; margin-bottom:0}
#gnb_all .gnb_al_li .gnb_al_a:after{ content:"\f067"; right:0; position:absolute; font:normal normal normal 14px/1 FontAwesome}
#gnb_all .gnb_al_li:hover .gnb_al_a:after{ content:"\f068"}
footer .wrap_bt{flex-wrap:wrap; justify-content:center; gap:5px}
.wrap_m0201 .ul_biz{flex-wrap:wrap; justify-content:center; gap:20px}
.wrap_m0201 .ul_biz li{width:calc(33.33% - 20px); margin-bottom:50px}
.history > li > ul > li{font-size:16px}	
.history_area{padding:0 20px; word-break:keep-all}
.wrap_mission .section2 p, .wrap_mission .section3 ul li p{font-size:14px}
.wrap_m0201{padding:0 0}
.newsection1{align-items:flex-start; min-height:inherit; padding:100px 50px}
    .newsection1 .category {
        top: auto;
        position: relative;
        left: 0;
		width:100%
    }
#gnb_all .gnb_al_li li a{width:100%; display:block}	
.newsection1 .product .txt h2{font-size:30px}	
.newsection1 .product{ padding:320px 0 0 0; margin:50px 0 0 0}
.newsection1 .product .img{width:100%; position:absolute; height:300px; top:50px}
.newsection1 .product .img .wrap_img{height:100%}
.newsection1 .btn_wr{top:440px; margin:0 0 0 10px}
.newsection1 .main_owl_pager{width:50%; position:absolute; top:430px; right:60px; z-index:1}
.newsection1 .product .img .page .on, .newsection1 .owl-dots .active{background:#333}
.newsection1 .product .img .page a, .newsection1 .owl-dot{border:2px solid #333}
.newsection1 .product .txt, .newsection1 .product .img{width:100%}
.newsection1 .product .txt div{position:relative; top:auto; transform:none; margin-top:0; width:100%; margin-bottom:20px}
.newsection4 .news_title{width:100%; border-left:0; margin-bottom:50px}
.newsection4 .wrap_news{width:100%}
.newsection4 .bt_more{margin-top:30px}
#gnb_all, #gnb:hover #gnb_all{animation:none}
#gnb_all:before, #gnb_all_bg{display:none}
#gnb_all_bg{background:none}
#gnb_all{padding:0 0 0 0; z-index:1000}
#gnb .gnb_close_btn{display:block; background:transparent}
#gnb_all .gnb_al_li:nth-child(4){width:100%}
.wrap_mission .section4 .con{width:calc(50% - 20px)}
.wrap_mission .section4{gap:20px; padding:100px 20px}
.wrap_mission .section4 .con h2{font-size:18px}
.wrap_mission .section4 .con p{font-size:14px}
.wrap_m0201_new .applications{position:relative; padding:180px 0 0 0}
.wrap_m0201_new .sloganl, .wrap_m0201_new .slogans{margin-top:0}
.wrap_m0201_new .txt{width:100%; position:absolute; top:0; left:0}
.wrap_m0201_new .img{width:100%; height:300px}
.wrap_m0201_new h2{font-size:24px}
.wrap_m0201_new .vis .jd-slider .controller{bottom:20px}
.wrap_m0201_new .wrap_bt{display:flex; flex-wrap:wrap; width:100%}
.wrap_m0201_new .bt_more{margin-left:-1px; padding-right:10px; width:50%}
.wrap_m0201_new .bt_more:after{display:none}
#gnb #gnb_1dul .m_only{display:block}
#gnb #gnb_1dul .top_pc_only{display:none}

.fix{top:105px}
.wrap_map2{height:300px}	
.wrap_mission .section1 p, .wrap_mission .section3 p, .wrap_mission .section1 h2, .wrap_mission .section3 h2, .wrap_mission .section2 h2{word-break:break-all}
	}
@media(max-width:540px){
/*공통*/
body{font-size:14px}
h1, h2, h3, h4, h5, h6{font-size:16px}
#top_btn{ left:auto; right:20px}	
footer .link_set .family a{top:-45px}	
.quick2 .contact_con .quick_close{width:25px; height:25px; right:20px}
.fix_kakao{display:none}	
.hd_pops{left:0 !important; top:0 !important}	
.hd_pops_con{width:100% !important; height:auto !important}
.left  h2{display:block; font-size:18px !important; padding:20px; border:3px solid #e95504; color:#e95504; position:relative}
.left  h2:after{ content:'\f078'; position:absolute; right:20px; color:#e95504; font:normal normal normal 18px/1 FontAwesome}
.left_m .on a{color:#333; border-color:#333}
.left_m{display:none}	
.left:hover .left_m{display:block}
#hd_sch #sch_submit{width:45px; justify-content:center}	
.quick .gnb_menu_btn{right:10px}	
.hd_sch_wr{position:absolute; top:50px; right:25px; width:180px}	
#hd_sch #sch_submit, #hd_sch #sch_stx{color:#333}
#hd_sch{border:1px solid #333; border-radius:50px}
#hd_sch #sch_stx::placeholder{color:#333}
#hd_sch #sch_stx{padding:5px; width:calc(100% - 30px); font-size:11px}
.mbskin{margin:50px auto 0 !important}
footer .left{flex-wrap:wrap; justify-content:center}
.s_slogan h2{font-size:40px}
.s_slogan p{font-size:14px}
.ul_biz h2{font-size:16px; word-break:keep-all}	
.history{padding:0 0 0 20px}
.history > li.type2{padding-left:0}
.history > li.type1{padding-right:0; text-align:left}
.history > li:before{left:0; margin-left:-27px}
.history_area:before{left:20px}
.history > li > ul{margin-bottom:40px}
.wrap_mission .section1{padding-top:0}
.wrap_mission .section2 ul, .wrap_mission .section3 ul{flex-wrap:wrap}
.wrap_mission .section2 li{width:100%}
.wrap_mission .section3 ul li{width:100%; border-radius:0; aspect-ratio:auto; padding:10px}
.open_quick{width:100%; padding:90px 30px 90px 30px}
#container_title span{font-size:30px}
.bo_sch{margin-left:-165px !important}
    #open_con {
        width: 160px;
        height: 34px;
		background:url(/img/bt_quick3.png) no-repeat
    }
	.open_quick #open_con {
       
		background:url(/img/bt_quick4.png) no-repeat
    }
#sch_res_detail .frm_input, #sch_res_detail select, #sch_res_detail .btn_submit{width:100% !important; margin-bottom:5px}
.quick a{font-size:12px}
.quick2{height:60px; width:100%; padding:15px 0 0 20px}
.quick2 img{transform:rotate(270deg); margin:-20px 0 0 70px; width:25px}
.open_quick{height:auto; padding:20px}
.open_quick img{transform:none; margin:0 0 0 0}
.open_quick #open_con{left:60px}
.contact_con .info_txt{flex-wrap:wrap; font-size:12px}
.newsection1 .product .txt h2, .newsection2 .title, .newsection3 .title, .newsection4 .title{font-size:30px}
.newsection1, .newsection2, .newsection3, .newsection4 {
        padding: 50px 20px; min-height:auto
    }
.wrap_m0201 .ul_biz li{margin-bottom:20px}	
.vis .wrap_txt{font:50px}
.vis p{font-size:18px; word-break:keep-all}
.vis .slogan{margin-bottom:20px; font-size:40px}
.newsection1 .category{top:0; position:relative; margin-bottom:0}
.newsection1 .main_owl_pager{right:40px; top:430px}
.newsection1 .btn_wr{top:440px}
.newsection1 .product{margin:0 0 0 0}
.newsection1 .product .img{top:0}
.newsection1 .product .txt h2{font-size:24px}

#section2 .wrap_m0201 .ul_biz{align-items:flex-start}

.newsection3 .ul_section3 li a{gap:20px; flex-wrap:wrap}
.newsection3 .img{width:100%}
.newsection3 .ul_section3 li a .txt{height:auto; gap:20px}
.newsection3 .ul_section3 li{padding-bottom:0}
.newsection4 .news_title{padding:0 0}
.newsection4 .wrap_news h2, .newsection4 .news_title h2{margin-bottom:10px; font-size:22px}
.newsection4 .wrap_news{padding:0 0; border-left:0; border-right:0}
.newsection4 .wrap_news .ul_section3{gap:10px}
.newsection4 .wrap_news .ul_section3 li {
    width: calc(33.33% - 10px);
}
footer{padding:20px 20px; padding-bottom:70px}
footer .wrap_bt{margin-top:20px; justify-content:center}

.wrap_m0301 dt{width:100%; padding-right:0}
.wrap_m0301 dd{width:100%}
.wrap_m0301 .wrap_num03 input[type=text]{width:100%}
.wrap_m0301 .info_txt{font-size:14px;flex-wrap:wrap}
.wrap_m0301 .info_txt #myBtn3{  margin:20px 0 0 0; }

.wrap_mission .section4 .con{width:100%; margin-bottom:50px}
.wrap_mission .section4{gap:0; flex-wrap:wrap; padding:50px 20px; padding-bottom:0}
.wrap_mission .section3 ul li img{margin:0 0 20px 0}
.wrap_m0503 .section3 ul li{width:100%; padding-bottom:50px}
.wrap_m0503 .section3{padding:0 0}
/*tnb*/
.lang2{ font-size:12px; top:7px}
.lang2:hover{display:flex; flex-wrap:wrap; gap:20px}
.lang2 .fa{font-size:15px}
.lang2 a{padding-top:1px}
.lang2 .fa-angle-down{top:4px}

/*응용분야 > 재료분야*/
.wrap_m0201_new{padding-bottom:0}

/*로그인*/
.mbskin{width:100% !important}
#login_info, #mb_login #sns_login .txt{font-size:14px}
footer .txt{text-align:center}
footer .link_set .family{margin:0 auto; float:none}
.txt p{word-break:keep-all}
.empty_table{height:auto !important}
.bo_v_nb li{display:flex; font-size:12px; justify-content:space-between; gap:10px}
.bo_v_nb li .nb_tit{padding-right:0 !important}
.bo_v_nb li a{white-space:nowrap; width:calc(100% - 110px); overflow:hidden; text-overflow:ellipsis}

.wrap_m0101{padding:0 0}
.newsection3 .txt p, .newsection3 .ul_section3 li a .txt p, .newsection4 .txt p{font-size:16px}
.newsection4 .wrap_news .ul_section3 p{font-size:12px}
.newsection4 .wrap_img{margin:0 0 10px 0}

/*개인정보처리방침*/
#ctt{padding:0 !important}
#container_title span{font-size:30px !important}
.wrap_map2{ height:225px}
footer .link_set{display:flex; gap:5px; justify-content:center}
footer .link_set .family, footer .link_set .nofa{margin:0 0; font-size:12px; width:110px}
	}