@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* 초기화 */
body {margin:0;padding:0;font-size:0.75em;font-family: 'Pretendard', sans-serif;background:#fff; width:100%}
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', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Pretendard', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
.more_opt{font-size:14px}
textarea, select {font-family: 'Pretendard', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

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

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

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

.placeholdersjs {color:#aaa !important}

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

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:100%}

/* 공통*/
.bgwhite{background:white !important; position:sticky !important; top:0}
.sitemap .depth4{ padding:8px 12px 20px 12px}
.sitemap .wrap_depth4{margin-top:20px}
.wrap_ft_wr{width:83%; margin:0 auto; display:flex; justify-content:space-between; padding:56px 0}
.wrap_ft_wr .partition{height:30px}
.wrap_ft_wr .wrap_bt{display:flex; align-items:center; margin-bottom:30px}
.wrap_ft_wr .sec_right{text-align:right}
.lang2, .member{position:relative}
#hd:hover .dropdown .dropbtn, #hd:hover .column, #hd:hover .column h3, #hd:hover .column a, #hd:hover .row a,
.bgwhite:hover .dropdown .dropbtn, .bgwhite:hover .column, .bgwhite:hover .column h3, .bgwhite:hover .column a, .bgwhite:hover .row a {
    color: #1e1e1e !important;
}
#hd:hover .column a:hover, #hd:hover .row a:hover, #hd:hover .dropdown .dropbtn:hover,
.bgwhite:hover .column a:hover, .bgwhite:hover .row a:hover, .bgwhite:hover .dropdown .dropbtn:hover {
    color: #004994 !important;
}
.is-hidden { display: none !important; }
.is-visible { display: block !important; }
.bt_search .hd_sch_wr{ display:none}
.bt_search .show{display:flex; position:fixed; left:0; top:0; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(0,0,0,.5); margin-left:0; color:white}
#popular{display:none}
.bt_search .show .fa-times{font-size: 20px;
    position: absolute;
    transform: translate(195px, -50px); cursor:pointer}

.navbar {
 
  
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar a {
  float: left;
  font-size: 18px;
  color: white;
  text-align: center;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 22px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 30px;
  background-color: inherit;

  margin: 0;
}
.pc-only { display: none; }
.sitemap .menu > li {
    margin-bottom: 8px;
  }

.sitemap   .toggle, .sitemap button {
    width: 100%;
    text-align: left;
    padding: 8px 12px;
    background: #f2f2f2;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 15px;
  }
.sitemap   .toggle span{width:50%; display:block; cursor:pointer}

.sitemap   .toggle:hover, .sitemap  button:hover {
    background: var(--main-color); color:white
  }

.sitemap   .submenu {
   
  
    margin-top: 4px;
  }

.sitemap   .submenu.open {
    display: block;
  }

.sitemap   .submenu .toggle, .sitemap   .submenu button {
    background: #fafafa;
    font-size: 14px;
  }

.sitemap   .submenu .submenu .toggle, .sitemap   .submenu .submenu button {
    background: #fff;
    font-size: 13px;
	margin-bottom:5px
  }
.sitemap .submenu .toggle:hover, .sitemap   .submenu button:hover , .sitemap   .submenu button:hover a , .sitemap   .submenu button a:hover{background:var(--main-color); color:white}
/*외국어*/
.translated-ltr .dropdown .dropbtn{ line-height:1}
@media (min-width: 769px) { .pc-only { display: block !important; }}
.mobile-only { display: block; }
@media (min-width: 769px) { .mobile-only { display: none !important; }}

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

/* 상단 레이아웃 */
#hd { position:absolute; width:100%; z-index:10001; background:linear-gradient(
180deg, rgba(0,0,0,.5), transparent)}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

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

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

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


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


/* 메인메뉴 */
#gnb {position:relative; width:100%; margin:15px auto; display:flex; align-items:center; justify-content:space-between; padding:0 8.5%; margin:0 auto}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative; width:calc(56% + 30px)}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.7em;padding:0;zoom:1; width:100%; 
    display: flex;
    justify-content: space-between;}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#004994;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#fff;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:#004994;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:#004994;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; display:none}

#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:#004994}
#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}

/*이메일무단수집거부*/
.noemail{display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); justify-content:center; align-items:center; left:0; top:0; z-index:100000}
		.noemail .noemail_con{background:white; width:50%; padding:50px; border-radius:20px; text-align:center; position:relative}
		.noemail .noemail_con button{position:absolute; right:20px; top:20px; width:50px; height:50px; font-size:24px; border:0; background:transparent}
		.noemail h2{font-size:24px; margin:0 0 20px 0}
/* 중간 레이아웃 */
#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; display:none}

#container {position:relative;float:left;min-height:500px;height:auto !important;height:500px;font-size:1em;width:100%;zoom:1; max-width:100% !important}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold; display:none}
#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 h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;display: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 {margin:0 auto;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn, #bottom_btn {position:fixed !important;bottom:75px;left:20px;width:50px;height:50px;line-height:46px;border:2px solid #333 !important;color:#333 !important;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover, #bottom_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff !important}
#bottom_btn{bottom:20px}

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

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

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

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

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

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

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

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

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

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

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

.btn_submit {border:0;background:#004994;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.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}
.frm_info.add_info { margin-top: 10px !important; padding: 8px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; line-height: 1.6; }
.btn_info_toggle { display: block; margin: 5px 0 0 21px; font-size: 12px; color: #3f51b5; background: none; border: none; cursor: pointer; text-decoration: underline; }

/*기본 리스트*/
.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:#004994;border-color:#004994;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:#004994;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:var(--color1);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;display:block; text-align:center}
.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:#004994;border:1px solid #004994;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}

/*공통*/
:root{
--main-color:#1b3659;
--sub-color:#c33c3a;
--color1:#eb7534;	
--color2:#2b284d;	
--color3:#fff;	
--color4:#1d1d1d;	
--color5:#6e6e6e;	
--max-width:1600px;
--subtitle:36px;
--subtitle-margin:30px;
--fontsize:18px
	}
.contact_con .info_txt{    display: flex;
    justify-content: space-between;}	
.wrap_agree{font-size:var(--fontcontent); width:100%}	
#bt_search, .bt_mem, .bt_lang, .bt_menu{ display:inline-flex; width:44px; height:44px; justify-content:center; align-items:center; overflow:hidden; text-indent:-100px; cursor:pointer}	
.bt_menu{ text-indent:0; font-size:24px; color:white}
#bt_search{background:url(/img/icon1.png) 50% 50% no-repeat}
.bt_mem{background:url(/img/icon2.png) 50% 50% no-repeat}
.bt_lang{background:url(/img/icon3.png) 50% 50% no-repeat}
.bgwhite #bt_search, #hd:hover #bt_search, #bt_search:hover{background:url(/img/icon1_b.png) 50% 50% no-repeat}
.bgwhite .bt_mem, #hd:hover .bt_mem, .bt_mem:hover{background:url(/img/icon2_b.png) 50% 50% no-repeat}
.bgwhite .bt_lang, #hd:hover .bt_lang, .bt_lang:hover{background:url(/img/icon3_b.png) 50% 50% no-repeat}
.bgwhite .bt_menu, #hd:hover .bt_menu{color:black}
.bgwhite .bt_menu:hover, #hd:hover .bt_menu:hover{color:var(--main-color)}
.lang2 a, .member a{color:white; font-size:14px; margin-bottom:10px; white-space:nowrap; display:block; text-align:center}	
.bgwhite .logo, #hd:hover .logo{background:url(/img/logo_b.png) 0 50% no-repeat; background-size:100% auto} 
.logo{ width:155px; position:relative; display:block; height:107px; background:url(/img/logo.png) 0 50% no-repeat; background-size:100% auto}
.logo img{width:100%}
.tnb{display:flex; align-items:center; 
    justify-content: space-between;}
.fix_kakao{position: fixed;
    bottom: 340px;
    z-index: 21;
    right: 10px;
    width: 70px;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);}
#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}
.quick2 {
	position: fixed;
	right: 0;
	bottom: 0;
	background: #fff;
	padding: 20px 30px 90px 30px;
	border-radius: 10px 0 0 10px;
	z-index: 1000;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); width:94px; height:250px; overflow:hidden; transition:all 0.3s ease 0s; z-index:21000;      width: 89px;
    height: 280px; font-size:18px;

bottom: 50px
}	
.bt_search, .lang2 img{cursor:pointer}
.lang2 ul, .member ul {
    position: absolute;
    background: var(--color1);
    padding: 20px;
    border-radius: 10px;
    left: 50%; display:none; transform:translate(-50%, 0)
}
.lang2:hover a, .lang2:hover ul, .member:hover ul{display:block}
.quick2 .contact_con{display:none}
.open_quick .contact_con .quick_close{display:flex}
.open_quick .contact_con{display:block}
.open_quick .contact_con .wrap_flex{display:flex; align-items:center; width:100%; margin:20px 0 0 0; gap:10px}
.open_quick .contact_con .wrap_flex a, .open_quick .contact_con .wrap_flex .bt_contact{width:calc(50% - 5px);
    font-size: 18px;
    text-align: center;
    padding: 10px 30px;
    border-radius: 10px;
    
    display: block; border:1px solid #1d1d1d}
.open_quick{width:500px; height:518px; padding:30px}

.open_quick .contact_con .wrap_flex .bt_contact{    color: white;
    background: var(--color1); border:1px solid var(--color1)}
.open_quick input[type=text], .open_quick textarea{width:100%; margin-bottom:10px}	
.open_quick input[type=text]{height:40px; padding:5px}
.open_quick textarea{height:100px}
.ul_mark{flex-wrap:wrap}
.ul_mark, .ul_mark li{display:flex; gap:10px}
.ul_mark li:last-child{width:100%}
div{box-sizing:border-box}
.navbar {
  overflow: hidden;
}

.navbar a {
  float: left;
  font-size: 16px;
  
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1;
}

.dropdown-content .header {
  background: var(--color1);
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  padding: 10px;
}

.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.navbar {
  overflow: hidden;
}

.navbar a {
  
  font-size: 16px;
  
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 1.7em;  
  border: none;
  outline: none;
  color: white;
  padding: 10px 35px;
  background-color: inherit;
 
  margin: 0; font-weight:bold; line-height:87px; position:relative; height:107px; box-sizing:border-box 
}
.bgwhite .dropdown .dropbtn{color:#1e1e1e}
.column h3, .column h3 a, #hd:hover .column h3, #hd:hover .column h3 a, .dropdown-content h3 a{ position:relative; display:inline-block; font-weight:500; font-size:18px; color:var(--color4) !important; margin-bottom:10px}
.dropdown-content h3 a{margin-bottom:0}
.column h3 a, #hd:hover .column h3 a{padding-bottom:10px}
.dropdown .dropbtn::before, .column h3 a::before, .vis .left a::before, .dropdown-content h3 a::before {content:''; position:absolute; left:50%; bottom:0px; width:0px; height:3px; background:#004994; transition:.3s; opacity:0; visibility:hidden; transform: translateX(-50%);}
.dropdown .dropbtn:hover::before, .column h3 a:hover::before, .vis .left a:hover::before, .vis .left .on::before, .dropdown-content h3 a:hover::before {visibility:visible; opacity:1; width:50%;}

.dropdown-content {
  display: none;
  position:absolute;
  
  width: 100%;
  left: 0;
  background:white; border-bottom:1px solid var(--color5); padding:30px 0; border-top:1px solid rgba(0,0,0,.2); 
}
.dropdown-content .row{display:flex; justify-content:center; align-items:flex-start }
.dropdown-content .header {
  
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block
}

.column {
 text-align:center; padding:10px 100px
}

.column a, #hd:hover .column a {
 
  text-decoration: none;
  display: block; text-align:center; color:#6e6e6e !important; font-weight:500; padding:0 0
  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100000; /* Sit on top */
  
  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 */
  padding:20px; box-sizing:border-box; justify-content:center; align-items:center
}

/* 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; border-radius:10px; width:100%; height:calc(100% - 40px);     overflow: hidden;
    overflow-y: auto;
}
.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}

/*contactus의 개인정보처리방침*/
#myModal2 .modal-content{width:auto; align-content:center; padding:50px; height:auto}
#myModal2 .modal-content h2{display:block; text-align:center; width:100%}
#myModal2 .modal-content p{font-size:16px}
#myModal2 .modal-content .wrap_agree{width:100%}
#myModal2 .modal-content .wrap_agree h2{text-align:left; margin:30px 0 10px 0}

/* 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;
}
.sitemap .close_sitemap{ width:50px; height:50px; color:white !important; background:var(--main-color); position:absolute; right:50px; top:50px; display:flex; 
justify-content:center; align-items:center; font-size:24px; z-index:1}

#myModal2 .modal-content p{text-align:left}
#myModal2 .modal-content .wrap_agree h2{font-size:18px}	

/*메인*/
.section1{width:100%; height:100vh; position:relative; color:white; overflow:hidden}	
.section1 .vis1 .wrap_txt{position:absolute; z-index:1; width:83%; transform:translate(-50%, -50%); left:50%; top:50%; font-size:6.1em; line-height:1.1; word-break:keep-all; text-align:center}
.section1 .vis1::after{z-index:0; width:100%; height:100%; position:absolute; transform:translate(-50%, -50%); left:50%; top:50%; content:''; background:radial-gradient(rgba(0,0,0,.4), transparent)}
.section1 h2 span{font-size:0.74em; font-weight:300}
.section1 .slide-inner, .section1 .slide-area, .section1 .slide-area li{height:100%}
.section1 .slide-area li{position:relative; overflow:hidden}
.section1 .vis1 .vis, .section1 .vis2 .vis{ width:100%; height:100%; position:absolute; z-index:-1; left:50%; top:50%; transform:translate(-50%, -50%) scale(1.3)}
.section1 .vis1 .vis{background:url(/img/vis1.png) 50% 50% no-repeat; background-size:cover; }
.section1 .vis2 .vis{background:url(/img/vis2.png) 50% 50% no-repeat; background-size:cover;}
.section1 .show .vis{animation:mtdi 4s forwards}
.section1 .show h2{  animation: fadeUp 2s ease-out forwards;}
.section1 .show p{  animation: fadeUp 2s ease-out forwards; animation-delay:1s}


.section1 .vis2 .bg{width:100%; height:200px;     background: linear-gradient(180deg, rgba(0, 0, 0, .3), transparent); }
.section1 .vis2 .slogan{color:var(--color4); text-align:center; position:absolute; left:50%; top:55%; transform:translate(-50%, 0); width:100%}
.section1 .vis2 .slogan h2{position:relative; font-size:3.6em; margin:40px 0; opacity:0}
.section1 .vis2 .slogan p{ font-size:2.2em;    display: block;
    max-width: 83%;
    margin: 0 auto; opacity:0}
.section1 .slide-area{position:relative}
.section1 .slide-inner{width:100%}
.jd-slider,.jd-slider .slide-inner{overflow:hidden;position:relative;width:100%}
.jd-slider{margin:0 auto;padding:0}.jd-slider .slide-area{width:100%;margin:0;padding:0}.jd-slider .slide-area:after{display:block;content:'';clear:both}.jd-slider .slide-area li{display:none;float:left;width:100%}.jd-slider .slide-area li:first-child{display:block}.jd-slider .slide-area li img{display:block;width:100%}.jd-slider .next,.jd-slider .prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#000}
.jd-slider .hidden.next,.jd-slider .hidden.prev{display:none}.jd-slider .prev{left:0}.jd-slider .next{right:0}
.jd-slider .controller{width:100%;text-align:center; position:absolute; bottom:0}
.jd-slider .controller .auto{display:inline-block;vertical-align:middle}.jd-slider .controller .auto i{display:none;color:#333}
.jd-slider .controller .auto.pause .fa-pause,.jd-slider .controller .auto.play .fa-play{display:block}.jd-slider .controller .indicate-area{display:inline-block}
.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}
.jd-slider .controller .indicate-area a:after{content:''; display:none;position:absolute;top:0;left:0;width:inherit;height:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #333;border-radius:50%}.jd-slider .controller .indicate-area a.on:after{background-color:#333}.jd-slider a{font-size:1.5rem}.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}
.section1 .controller .indicate-area a:after, .section3 .controller .indicate-area a:after{display:block}


.section1 .controller{bottom:50px}
.section1 .prev{left:50px}
.section1 .next{right:50px}

.section2{padding: 120px 0;
    box-sizing: border-box}
.section2 h2{ font-size:4.4em}
.section2 .con{width:100%; margin:0 auto; max-width:83%}
.section2 .wrap_bt{width:100%; display:flex; justify-content:space-between; margin:60px 0 0 0; gap:20px}
.section2 .wrap_bt a{width:33.33%; 
    box-sizing: border-box; height:60vh; border-radius:40px; color:white; background:#666; transition: all 0.3s ease; overflow:hidden}
.section2 .wrap_bt a:hover{width:66.66%}	
.section2 .wrap_bt a div{font-size:2.7em; width:100%; height:100%;display:flex; align-content:flex-end;padding:70px 50px; box-sizing:border-box; background:rgba(0,40,81,.2); flex-wrap:wrap; gap:30px }
.section2 .wrap_bt a div h2{font-weight:700; font-size:30px; font-weight:bold }
.section2 .wrap_bt a div p{font-weight:500; font-size:25px; word-break:keep-all; display:none}
.section2 .wrap_bt a:hover div p{display:block}
.section2 .wrap_bt a:first-child{ background:url(/img/equip.png) 50% 50% no-repeat; background-size:cover}
.section2 .wrap_bt a:nth-child(2){ background:url(/img/equip2.png) 50% 50% no-repeat; background-size:cover}
.section2 .wrap_bt a:nth-child(3){ background:url(/img/equip3.png) 50% 50% no-repeat; background-size:cover}

.section3{padding: 120px 0;
    box-sizing: border-box; text-align:center; background:rgba(0,73,148,.1); width:100%; overflow:hidden; position:relative 
	}
.section3 .tab{    display: flex;
    justify-content: center;
    gap: 5px; align-items:center}	
.section3 h2{ font-size:4.4em; font-weight:600}
.section3 .con{width:100%; margin:0 auto; max-width:83%; margin:0 auto}
.section3 .slider3{width:100%; margin-top:30px; padding:0 8.5%}
.section3 .slider3 .slide-area li{padding:0 10px; box-sizing:border-box}
.section3 .wrap_bt{width:100%; display:flex; justify-content:space-between; margin:60px 0 0 0; gap:20px}
.section3 .wrap_bt a, .section3 .slide-area li a{width:33.33%; padding:30px;
    box-sizing: border-box; height:55vh; border-radius:40px; display:flex; align-items:flex-end; background:#fff; flex-wrap:wrap;     align-content: space-between; position:relative}
.section3 .slide-area li a{width:auto}	
.section3 .wrap_slide-area{width:100%; margin:0 auto; overflow:hidden}
.section3 .wrap_bt a h2,  .section3 .slide-area li a h2{font-size:39px; text-align:left;     white-space: nowrap;
    width: 100%;
    display: block;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;}
.section3 .wrap_bt a h2 span,  .section3 .slide-area li h2 span{display:block; font-size:27px}
.section3 .wrap_bt a .img,  .section3 .slide-area li a .img{width:100%; height:80%; border-radius:20px;display: flex;
    justify-content: center;
    align-items: center; border:1px solid rgba(0,0,0,.2)}
.section3 .wrap_bt a .img img,  .section3 .slide-area li a .img img{max-width:95%; max-height:95%; width:auto}
.section3 .wrap_wrap_bt{position:relative}
.section3 .slider3 .slide-inner{overflow:visible; margin-bottom:50px; min-height:60px}
.section3 .wrap_wrap_bt .prev, .section3 .wrap_wrap_bt .next, .section3 .slider3 .slide-inner .prev, .section3 .slider3 .slide-inner .next{ position:absolute; top:50%; transform:translate(0, -50%); width:60px; height:60px; background:white; display:flex; justify-content:center; align-items:center; border-radius:100%}
.section3 .wrap_wrap_bt .prev, .section3 .slider3 .slide-inner .prev{left:-94px}
.section3 .wrap_wrap_bt .next, .section3 .slider3 .slide-inner .next{right:-94px}
.section3 .jd-slider .controller{width:auto; left:50%; transform:translate(-50%, 0)}

.section4{ display:flex; justify-content:center; align-items:center; padding:120px 0}
.section4 .con{display:flex; justify-content:center; align-items: stretch; width:83%; gap:50px; height:100%}
.section4 .txt, .section4 .img{ width:calc(47% - 50px); position:relative}
.section4 .txt h2{    font-size: 50px;
    font-weight: 600;
    color: #222; word-break:keep-all}
.section4 .accordion{font-size:2.5em; width:100%; margin:50px 0 0 0}
.section4 .accordion div{    background: #e5ecf4;
    color: #6e6e6e;
    border-radius: 10px;
    padding: 20px 50px; margin:30px 0 0 0;     display: flex;
    align-items: center;
    justify-content: space-between; flex-wrap:wrap; transition: all 0.3s ease; cursor:pointer}
.section4 .accordion div img{    transform: rotate(270deg);}	
.section4 .accordion div .sub{display:none; width:100%; transition: all 0.3s ease; background:none; padding:0 0}	
.section4 .accordion div:hover, .section4 .accordion .on{transition: all 0.3s ease; background:#1B3659; color:white}
.section4 .accordion div:hover .sub{display:block; transition: all 0.3s ease}
.section4 .accordion div .sub a{width:100%; margin:0 0 5px 0; background:rgba(110,110,110,.5); display:block; padding:20px 20px; color:white; font-size:0.8em}
.section4 .img{background:url(/img/bg_jae.png) 50% 50% no-repeat; border-radius:30px; width:53%; background-size:cover}
.section4 .txt{display:flex; flex-wrap:wrap; align-content:space-between}

.section5{ color:white; background:url(/img/bg_section5.png) 50% 50% no-repeat; background-size:cover; display:flex; justify-content:center; align-items:flex-start; 
background-attachment:fixed; width:100%; 
 position:relative }

.section5 .con{display:flex; justify-content:center; align-items:flex-start; gap:50px; position:relative}
.section5 .txt, .section5 .con{width:41.5%; }
.section5 li .img2{background:white; width:100%; background:white; height:400px; border-radius:30px; margin:40px 0; color:#333; padding:30px; text-align:center; font-size:18px}
.section5 li .img2 p{word-break:keep-all}
.section5 .txt, .section5 .img{ position:relative}
.section5 .txt{ position: sticky;
  top: 0;
  z-index: 10; height:auto}
.section5 .txt h2{    font-size: 50px;
    display: block;
    line-height: 1.2;
    font-weight: 500; display:block; margin:300px auto; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5) }
.section5 .img h3{    font-size: 2em;
    font-weight: 900; margin:0 0 10px 0}
.section5 .img h2{    font-size: 4em;
    font-weight: 900;
    margin: 0 0 20px 0;}
.section5 .img h2 img{height:192px}	
.section5 ul{display:flex; gap:50px; width:100%; height:100%; align-items:flex-start}
.section5 li{margin:200px 0 0 0; width:calc(50% - 25px)}
.section5 li:first-child{margin:70px 0 0 0}

.section6{margin:120px 50px; width:calc(100% - 100px); border-radius:30px; display:flex; color:white; justify-content:space-between; padding:50px; align-items:center; overflow:hidden; position:relative; background:linear-gradient(
0deg, var(--color4), transparent)}
.section6 .txt h2{font-size: 4.5em;
    line-height: 1.3;}
.section6 .txt p{font-size:1.5em; margin:22px 0 0 0}	
.section6 .banner{ width:60%; color:white; text-align:center; color:white}
.section6 .banner a{color:white; font-size:1.5em}
.section6 .wrap_bt{ width:100%; border-radius:30px; background:rgba(256,256,256, .3); display:flex; gap:30px; padding:50px; justify-content: space-between; color:#666; font-size:1.5em}
.section6 .wrap_bt a{background:white; color:#666; border-radius:30px}
.section6 .wrap_bt .part{width:calc(33.33% - 20px); background:white; border-radius:20px; display:flex; justify-content:center; align-items:center; cursor:pointer; transition: all 0.3s ease;}
.section6 .wrap_bt .part:hover, .section6 .wrap_bt .part:hover .icon_left:hover{ color:#1B3659; border-radius:50px; font-weight:800}
.section6 .wrap_bt .part:last-child{ background:none; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px}
.section6 .wrap_bt .part:last-child div{background:white; border-radius:20px; width:100%}
.section6 .banner p{ display:flex; justify-content:center; gap:20px}
.section6 .icon_left{display:flex; align-items:center; justify-content:space-between; text-align:center; padding:30px 50px}
.section6 .icon_top img{margin:0 0 25px 0}
.section6 video, .section6 .bg_section6{position:absolute; z-index:-1; left:0; width:100%; height:100%; background:url(../img/bg_section6.png) 50% 50% no-repeat; background-size:cover}
.section6 .wrap_bt .part:hover .icon_left{color:#666; transition: all 0.3s ease;}

.sitemap{display:none; justify-content:space-between; color:white; border-top:1px solid rgba(256,256,256,.2); position:relative; position:fixed; left:50%; top:50%; width:100%; 
transform:translate(-50%, -50%); z-index:100000; height:100%; backdrop-filter:blur(15px); padding:50px; }
.sitemap a{color:#222; display:block}
.sitemap a img{border-radius:5px}
.sitemap .navbar{background:white}
.sitemap .menu, .sitemap .navbar, .sitemap .wrap_dl{width:100%; height:100%; display:flex; justify-content:space-between; border:5px solid var(--main-color)}
.sitemap .wrap_dl{display:none}
.sitemap dl, .sitemap .dropdown, .sitemap .menu > li{padding:40px; border-right:1px solid rgba(0,0,0,.2); width:16.67%; background:white; height:100%; overflow:hidden; overflow-y:auto; box-sizing:border-box}
.sitemap .dl1{padding-top:50px !important}
.sitemap .dropdown .dropbtn{padding:0 0; height:auto}
.sitemap .dropdown .dropdown-content{ position:relative; display:block; border-top:0; border-bottom:0; padding:0 0}
.sitemap .dropdown .dropdown-content .column{padding:0 0; text-align:left}
.sitemap .dropdown .dropdown-content .column a{text-align:left}
.sitemap .dropdown .dropdown-content .row{display:block}
.sitemap dl dt{font-size:24px; padding-bottom:10px}
.sitemap dl dd{font-size:14px; padding:5px 0; display:flex; width:100%; gap:10px}
.sitemap dl dd dd{display:block; padding:0 0}
.sitemap dl dd h2{font-size:18px; width:85px; word-break:keep-all}
.sitemap dl dl{padding:0; border-right:0; width:100%; background:none; margin:0 0 10px 0; height:auto;}
.sitemap dl dl dt{padding-bottom:0px}
.sitemap dl dl dt, .sitemap dl dl dt a{font-size:16px; color:var(--color1); margin:0 0 5px 0}
.sitemap .part{ position:absolute; bottom:0; left:16.67%; padding:50px; width:83.33%; box-sizing:border-box; font-size:1em; display:flex; gap:30px; align-items:center; text-align:center}
.sitemap .part .partners{    width: calc(100% - 500px);
    position:relative; height:133px
}
#ft_wr .part{display:flex; gap:30px; align-items:center; text-align:center; justify-content:center; margin:20px 0 0 0}
.sitemap .part img, #ft_wr img{height:49px}
#ft_wr img{height:auto; width:155px}
.sitemap .part .partners h2{ font-size:120px; line-height:0.7; position:absolute; text-align:right; right:0; opacity:.3}
.sitemap .part .partners .owl-stage{display:flex; position:absolute; z-index:1; width: 100%;
    position: absolute;
   
    overflow: hidden; bottom:0; gap:10px}
.sitemap .part .partners .owl-stage::after{ position:absolute; right:0; z-index:2; height:50px; width:50px; content:''; background:linear-gradient(
270deg, black, transparent)}
footer{background:#515151; color:white; text-align:center; padding-bottom:30px}
footer a:link, footer a:hover, footer a:active, footer a:visited{color:white}
footer p{text-align:left; background:url(img/f_logo.gif) left top no-repeat; padding-left:284px; width:753px; margin:0 auto}
#ft{background:#e5ecf4}
#ft a:link, #ft a:hover, #ft a:active, #ft a:visited{padding:5px }
#ft p{   display: block; word-break:keep-all; font-weight:400; line-height:1.5}
#ft p .loca{width:207px; display:inline-flex; gap:13px; align-items:center; justify-content:space-between; margin-right:13px}
#ft p .loca span{width:3px; height:3px; border-radius:100%; background:#6e6e6e}
#ft a:link, #ft a:hover, #ft a:active, #ft a:visited{color:#1d1d1d; position:relative; display:block}
#ft_copy {
  
    margin: 0 auto;
   
    color: #5b5b5b;
    border-top: 0; margin-top:17px
}
#ft p, #ft_copy, #ft a:link, #ft a:hover, #ft a:active, #ft a:visited{font-size:16px}
#ft_wr {
    font-size: 14px;
  
    padding-bottom: 0;
}	
.open_quick .contact_con dd{display:flex; gap:10px; align-items:center}
#hd:hover{background:white}
.active_sitemap{display:flex}

section3 .tab {
  overflow: hidden; margin-top:30px
}

.tab button {
  background-color: white;
 
  border: none;
  outline: none;
  cursor: pointer;
 
    transition: 0.3s;
    font-size: 18px;
   
    margin: 20px 0;
	
	display: block;
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 30px;
	border:1px solid var(--main-color);
    color: var(--main-color);
}

.tab button:hover, .tab button.active {
color:white; background:var(--main-color) 
}

.tabcontent {
  border-top: none; position:absolute; z-index:-1; opacity:0
}
.section3 .active1{z-index:1; opacity:1; position:relative}

/*견적문의*/
.wrap_sub, #bo_w, #bo_v, #bo_gall, .wrap_m0101{width:83% !important; margin:0 auto; font-size:1.5em}
.wrap_m0401 .bt_more,  .wrap_m0302 .bt_more{margin:0 auto}
.wrap_m0401 dd, .wrap_m0401 dt{border-bottom:1px solid #ccc; padding:30px 0}
.wrap_m0401 dl{display:flex; flex-wrap:wrap; margin-top:50px}
.wrap_m0401 dt{width:25%; padding-right:20px}
.wrap_m0401 dd{width:75%}
.wrap_m0401 .info_txt{display:flex; align-items:center; justify-content:space-between; padding:50px 0}
.wrap_m0401 input[type=text], .wrap_m0401 .wrap_num05 input[type=password]{ width:100%; height:50px; border-radius:10px; border:1px solid #666; padding:5px}
.wrap_m0401 input[type=checkbox]{width:20px; height:20px; margin:0 10px 0 0}
.wrap_m0401 input[type=file], .wrap_m0401 textarea{width:100%}
.wrap_m0401 textarea{height:150px; border-radius:10px; padding:5px}
.wrap_m0401 .wrap_num01, .wrap_m0401 .wrap_num03, .wrap_m0401 .wrap_num05{ display:flex; flex-wrap:wrap; gap:10px}
.wrap_m0401 .wrap_num01{gap:50px}
.wrap_m0401 .wrap_num03 input[type=text], .wrap_m0401 .wrap_num05 input[type=password]{width:calc(33.33% - 7px)}
/*게시판*/
#bo_list, .register{width:83% !important; margin:0 auto}

@keyframes mtdi {
 0% {
 

    -webkit-transform: translate(-50%, -50%) scale(1.3) ;
    transform: translate(-50%, -50%) scale(1.3) ;
  }

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

  100% {
	
	  -webkit-transform: translate(-50%, -50%) scale(1) ;
    transform: translate(-50%, -50%) scale(1) ;
  }
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*외국어*/
.translated-ltr .section5 li .img2{height:auto}
@media(max-width:1900px){
.sitemap dl dd{flex-wrap:wrap}	
.sitemap dl dd dd, .sitemap dl dd h2{width:100%}}
@media(max-width:1700px){
/*공통*/	
.sitemap .menu > li{padding:30px}
.section5 li .img2{padding:40px 20px}	
.section5 li .img2 p{word-break:keep-all}
.section5 .txt h2{word-break:keep-all}	
.section5 .txt h2 br{display:none}		
.section6 .banner {
    width: 65%;}
.sitemap dl {
    padding: 15px;}	
	}
@media(max-width:1600px){
/*공통*/	
#gnb{padding:0 50px}
.sitemap .menu > li{padding:15px}
.section1 .vis2 .slogan h2{font-size:3.2em}	
.section1 .vis2 .slogan p{font-size:1.8em}
.section4 .txt h2 br{display:none}

.section5{padding:0 50px; box-sizing:border-box}
.section5 .txt, .section5 .con
 {
    width: 50%;
}

.section6{width:calc(100% - 40px); margin:50px 20px; flex-wrap:wrap; position:relative; background:rgba(0,0,0,.5)}
.section6 video{width:auto; height:100%}
.section6 .banner, .section6 .txt{width:100%}
.section6 .txt br{display:none}
.section6 .txt h2{ word-break:keep-all; font-size:3.5em}
.section6 .txt p{margin:20px 0; word-break:keep-all}
.section6 .banner p{flex-wrap:wrap; text-align:left; gap:10px}
.section6 .banner a{display:block; width:100%}	

	}

@media(max-width:1400px){
/*공통*/	
.sitemap .menu > li{padding:10px}
.section5 .img h3{font-size:28px}	
	}
@media(max-width:1280px){
/*공통*/	
.navbar{gap:20px}	
.dropdown .dropbtn{padding:10px 0}
#gnb{width:100%; padding:0 20px}
.sitemap{flex-wrap:wrap; display:none; padding:20px}	
.active_sitemap{display:flex}
.sitemap dl{width:100%}
.sitemap .toggle span{width:100%}
#hd, #wrapper, #ft{min-width:100%}
#wrapper{width:100%}
#ft_wr{max-width:100%}
#ft p .loca{width:140px; display:inline-flex}
#ft_wr .loca span{display:none}
#ft_wr p{display:flex; align-items:flex-start}
#ft_copy{width:100%}
.sitemap .close_sitemap{right:20px; top:20px}
.sitemap .depth4 {
    padding: 8px 5px 20px 5px;
}
.sitemap .menu > li{padding-top:60px}
.sitemap .toggle{
    padding: 8px 5px;}



.section3 .slider3 .slide-inner .prev{left:-7%}
.section3 .slider3 .slide-inner .next{right:-7%}

.tnb{gap:0; width:auto}

.section1 .vis2 .slogan h2{font-size:3.2em; margin:40px auto}
.section1 .vis2 .slogan p, .section1 .vis2 .slogan h2{width:calc(100% - 188px); word-break:keep-all}
.section1 .vis2 .slogan p br{display:none}
.section1 .next{right:20px}
.section1 .prev{left:20px}

.section2 .wrap_bt a h2{padding:30px 0; font-size:2em}
.section2 .wrap_bt a div{ padding:70px 20px; gap:10px}
.section2 h2 {
    font-size: 4.3em;
}

.section3 .slide-area li a{height:50vh; padding:20px 20px 20px 20px}
.section3 .slide-area li a h2{font-size:1em}
.section3 .slide-area li h2 span{font-size:0.5em}

.section4 .txt h2{font-size:3em; word-break:keep-all}
.section4 .con{width:calc(100% - 40px); gap:20px}
.section4 .accordion{margin:0 0 0 0; font-size:2.2em}
.section4 .accordion div{padding:20px 20px}
.section4 .accordion div .sub a{font-size:0.5em}

.section5 .img h2 img {
    height: 100px;
}
.section5 li {
  
    width: calc(50% - 10px);
}
.section5 li .img2{height:auto; padding:30px 10px}
.section5 ul{gap:20px}
.section5 .txt{box-sizing:border-box; padding:0 20px 0 0}
.section5 .txt h2{font-size:50px}

.section6{padding:50px 20px}

/*이메일무단수집거부*/
.noemail .noemail_con{width:80%}
	}
@media(max-width:1024px){
/*공통*/
.dropdown .dropbtn {
        font-size: 18px;
    }	
#ft p .loca{color: var(--main-color);
        font-weight: 800;}	
#ft_wr img{position:absolute;}
#hd_pops_1{left:auto !important; right:0}
.hd_pops_con{width:auto !important; height:auto !important; max-width:100%}
.sitemap .menu{align-content: flex-start; background:white; flex-wrap:wrap; padding-top:60px; overflow-y:auto}
.sitemap .menu > li {
        border-right:0; padding:0 10px;padding-top: 10px; width:100%; height:auto;
    }
.sitemap .submenu li{margin-top:4px}
.sitemap .submenu li a{font-size:14px; padding:5px}
.sitemap .submenu li button a{padding:0}
.sitemap .toggle span {
        width: 50%;
    }	
.sitemap .wrap_depth4 {
    margin-top: 0;
}	
.wrap_ft_wr{flex-direction:column-reverse; padding:20px 0; position:relative}
.wrap_ft_wr .partition {
    height: 105px;
}
.wrap_ft_wr .sec_right {
   align-items:center;
    display: flex;
    flex-direction: row-reverse; position:absolute;        right: 0;
        top: 20px;
}
.wrap_ft_wr .wrap_bt{margin-bottom:0}
	
	 .section5 .img h3 {
        font-size: 24px;
    }
	.section5 li .img2{    font-size: var(--contentfont);}
	
	.sitemap{padding:20px}
	.sitemap .close_sitemap{right:20px; top:20px}
	.sitemap dl{height:auto}
	.sitemap .dl1 {
    padding-top: 0 !important;
}
	.sitemap .wrap_dl{display:block; background:white; padding-top:50px}
	.sitemap dl{border-bottom:1px solid #ddd}
	.sitemap dl dl{border-bottom:0}
	.sitemap dl dt{padding-top:10px; position:relative}
	.sitemap dl dt::after, .sitemap .toggle::after{    content: "\f054"; position:absolute; right:20px; top:50%;transform: translate(0, -50%) rotate(90deg);
        font: normal normal normal 18px / 1 FontAwesome;
        color: #666;}
	.sitemap .toggle:hover::after{color:white}	
	.sitemap dl dt a{width:50%; display:block}
	.sitemap dl dd div{width:100%}
	.sitemap .wrap_dl{overflow:hidden; overflow-y:auto}
	.sitemap dl dl dt::after{display:none}
	.sitemap dl dd h2, .sitemap dl dl dt, .sitemap dl dl dd{height:44px}
	.sitemap dl dd h2 a{width:50%}
	.sitemap dl dl dd{display:none}
	.sitemap .toggle{position:relative}
	
	.section1 .vis1 h2{text-align:center}
	.section2 h2, .section3 h2, .section4 .txt h2, .section5 .txt h2{font-size:3.2em}
	.section2 .con{width:calc(100% - 40px); max-width:100%}
	.tab button{padding:20px 20px}
	
	.section3 .slide-area li a{align-content:flex-start}
	.section3 .slide-area li a h2{margin-top:20px}
	.section4 .txt h2 br{display:none}
	.section5 .img h2{font-size:3em}
	.section5 .img h3{font-size:1.5em}
	.section6 .icon_left{padding:30px 20px}
	}
@media(max-width:912px){
/*공통*/
#gnb{padding:10px 20px}	
.navbar{display:none}
.quick2{bottom:90px; height:240px} 
.open_quick{height:550px}
#open_con{height:180px; background-size: auto 100%;}
#ft{padding:0 90px; box-sizing:border-box; padding-right:94px}
#ft p, #ft_copy, #ft a:link, #ft a:hover, #ft a:active, #ft a:visited {
    font-size: 14px;
}
#ft p .loca {
        width: 120px;}
#hd:hover .bt_menu{ color:#1e1e1e}
.wrap_ft_wr {
    width:100%}
#ft_wr img{ width:100px}
.wrap_ft_wr .partition {
        height: 80px;
    }	
.wrap_ft_wr .wrap_bt img{max-width:30px}	

.section1 .vis1 h2{word-break:keep-all}
	
.section2 .wrap_bt{flex-wrap:wrap}
.section2 .wrap_bt a, .section2 .wrap_bt a:hover{height:auto; width:100%; transition:all 0.3s ease}
.section2 .wrap_bt a div p{display:block}

.section3 .tab{display:flex;gap:2px; justify-content:center}
.section3 .tab button{padding:20px 20px}
    .section3 .slide-area li a {
        height: 340px;
        border-radius: 20px;
    }


.section4 .con{justify-content:flex-end; flex-wrap:wrap}
.section4 .txt, .section4 .img{width:100%}
.section4 .img{height:200px}

.section5{align-content:center;}
.section5 li .img2{padding:30px 20px; word-break:keep-all; height:auto}
.section5 li .img2 p{word-break:keep-all}
.section5 li .img2 p br{display:none}
.section5 .img h2 img {
    height: 100px;
}
	}
@media(max-width:820px){
.section1 .vis2 {
    background: url(/img/vis2.png) 50% 0 no-repeat;
    background-size: 150% auto;
}
.section1 .vis2 .slogan{transform:translate(-50%, -50%)}	
	}	
@media(max-width:768px){
/*공통*/	
#captcha.m_captcha #captcha_key{height:40px; line-height:40px}	
#ft {
        padding: 0 20px;
       
        padding-right: 94px;
    }
.logo { height:70px; background-size:auto 100% !important}
.new_win .win_btn{margin-top:30px}
#ft a{display:inline-block; margin-bottom:5px}
#ft #top_btn, #ft #bottom_btn{width:20px; height:20px; padding:0 !important; line-height:1; display:flex; justify-content:center; align-items:center; font-size:11px}
#ft #bottom_btn{ left:auto; right:5px; top:50%; transform:translate(0, -50%); bottom:auto}
#ft #top_btn{left:5px; top:50%; transform:translate(0, -50%); bottom:auto; border:1px solid #666}
#ft_wr .part{gap:10px; font-size:12px}
.wrap_ft_wr .sec_right{flex-wrap:wrap}
.wrap_ft_wr .sec_right .wrap_bt{width:100%;         justify-content: flex-end;}

.section1 .vis2 .slogan p, .section1 .vis2 .slogan h2 {
        width: calc(100% - 40px);
    }
.section1 .vis2 .slogan h2{margin-top:0}
.section1 .vis1 h2{font-size:0.8em}

.section2 h2{word-break:keep-all}
.section2 h2 br{display:none}
.section3 .tab {display:flex; width:calc(100% - 40px); flex-wrap:wrap; margin:0 auto}
    .section3 .tab button {
        width: calc(33.33% - 2px); margin-bottom:0; margin-top:10px
    }
	
.section4 .accordion div{margin:20px 0 0 0}
	
.section5{height:auto; padding:70px 20px; flex-wrap:wrap}	
.section5 ul{gap:0}
.section5 li{flex-wrap:wrap; margin:0 0 0 0}
.section5 li:first-child{margin:0 0 0 0}
.section5 li .img2{width:100%; margin:20px 0; margin-bottom:0; height:275px}
.section5 .txt{position:relative; padding:0 0 0 0}
.section5 .txt, .section5 .con {
        width: 100%;
    }
.section5 .txt h2{font-size:30px; margin:40px 0; margin-bottom:0}

.section6 .wrap_bt{gap:20px; padding:20px; flex-wrap:wrap}
.section6 .wrap_bt .part{width:100%}
.section6 .wrap_bt .part .icon_top br, .section6 .wrap_bt .part .icon_left br{display:none;}
.section6 .wrap_bt .part .icon_top, .section6 .wrap_bt .part .icon_left{display:flex; justify-content:center; align-items:center; gap:20px; width:100%; padding:30px 20px}
.section6 .icon_top img{margin:0 0 0 0}
.section6 .txt h2{line-height:1.2}

	
	}	
@media(max-width:540px){
:root{
--subtitle:18px;
--contentfont:14px
}	
	
#ft_wr .part{gap:5px; font-size:10px}
#ft{padding-right:20px}	
#ft_wr{ padding-bottom:40px; text-align:left}
#ft a:link, #ft a:hover, #ft a:active, #ft a:visited, #ft p{font-size:11px}
#ft p{padding-right:50px}
.quick2 {
        height: 60px;
        width: 100%;
        padding: 15px 0 0 20px; bottom:0; border-radius:10px 0 0 0
    }
.fix_kakao{bottom:80px} 	
#top_btn{z-index:9000}	
.contact_con .info_txt{font-size:12px}	
.logo { height:50px; background-size:auto 100% !important}
    .open_quick {
        height: auto;
        padding: 20px;
    }
    #open_con {
        width: 160px;
        height: 34px;
        background: url(/img/bt_quick3.png) no-repeat;
    }
#hd_sch #sch_stx{width:250px}
/*contactus의 개인정보처리방침*/
#myModal2 .modal-content{padding:50px 20px}	
/*개인정보처리방침*/
.wrap_agree{width:100%}
/*사이트맵*/
.sitemap a{height:44px}
.sitemap .part{flex-wrap:wrap; gap:20px}

.bt_search .show .fa-times{transform:translate(140px, -50px)}
    .sitemap .part img {
        height: 30px;
    }
.section1{height:600px}
.section1 .vis2 .slogan h2{margin:20px auto; font-size:2.5em}	
.section1 h2 span {
    font-size: 0.6em;
}
.section1 .vis1 h2{font-size:0.5em}
    .section1 .vis2 .slogan p {
        font-size: 1em;
    }	
   .section1 .vis2 {
        background: url(/img/vis2.png) 50% 0 no-repeat;
        background-size: 190%;
    }	
    .section1 .prev {
        left: 5px;
    }
	    .section1 .next {
        right: 5px;
    }
.section1 .controller {
    bottom: 20px;
}		
.section1 .prev img, .section1 .next img{width:10px}

.section2 .wrap_bt{margin:40px 0 0 0}
.section2 .wrap_bt a div h2{font-size:18px; padding:20px 0}
.section2 .wrap_bt a div p{font-size:14px}

.section3 .jd-slider .controller .auto{font-size:14px}
.section3 .jd-slider .controller .indicate-area a{width:10px; height:10px}
.section3 .tab button {
        width: calc(50% - 2px);}		
.section3 .tab button{font-size:14px; padding:10px 10px}		

.section4 .accordion div {
        padding: 10px 20px; margin:10px 0 0 0
    }
.section4, .section3, .section2{padding:50px 0}	
.section4 .accordion{font-size:18px}
    .section4 .accordion div .sub a {
        font-size: 0.6em;
    }

.section5 {
        padding: 10px 20px; padding-bottom:50px
    }	
.section5 ul{flex-wrap:wrap}	
.section5 .img h3, .section6 .wrap_bt{font-size:var(--subtitle)}
.section5 li{width:100%}
.section5 li .img2 {
        width: 100%; height:auto
    }
.section5 li .img2 p, .section6 .txt p, .section6 .banner a, .wrap_m0201_new .applications .tttxt, .wrap_m0201_new .txt, .wrap_sub, #bo_w, #bo_v, #bo_gall, .newsection1 .product .bt_more, .newsection3 .bt_more, .newsection4 .bt_more, .bt_more{ font-size:var(--contentfont)}	
	
.section6{padding:20px}	
.section6 .txt h2, .section2 h2, .section3 h2, .section4 .txt h2, .section5 .txt h2{font-size:24px; word-break:keep-all}
.section6 .txt h2 br, .section2 h2 br, .section3 h2 br, .section4 .txt h2 br, .section5 .txt h2 br{display:none}
.section6 .wrap_bt .part .icon_top, .section6 .wrap_bt .part .icon_left{padding:20px 20px}
/*이메일무단수집거부*/
.noemail .noemail_con{ padding:20px}	
		.noemail .noemail_con button{ top:0; right:0}
		.noemail h2{font-size:18px;}
		#ft .noemail .noemail_con p{ padding-right:0}
	}