@charset "utf-8";

/*****************************************************************/
/* 공통 */
/*****************************************************************/
html, body { height:100%; border:0 none }
table { text-align: left; border:0 none }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,button { font-weight:normal; font-Family:"Poppins","Pretendard","sans-serif"; -webkit-font-smoothing: antialiased; }
body,div,form,fieldset,button,ul,li { margin:0;padding:0; }
ul,li {list-style: none;}
img,fieldset{ border:0 none; }

input, select, textarea {
    scrollbar-face-color:#616769;
    scrollbar-highlisht-color:#ffffff;
    scrollbar-face-color: #FFFFFf;
    scrollbar-shadow-color: #cccccc;
    scrollbar-highlight-color: #cccccc;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #F6F6F6;
    scrollbar-arrow-color: #cccccc;
}

/*****************************************************************/
/* 롤오버 */
/*****************************************************************/
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }

/*****************************************************************/
/* link blur */
/*****************************************************************/
a, area, { behavior:expression(this.hideFocus=true); }
a:active, a:focus, area:active, area:focus { outline:none; }

/*****************************************************************/
/* 링크 */
/*****************************************************************/
a { text-decoration:none; }
/* a:link {font-size:12px; color:#4b4b4b; font-Family:"돋움","dotum","AppleGothic","Albatross","arial","helvetica","sans-serif"; text-decoration:none;}
a:visited {font-size:12px; color:#4b4b4b; font-Family:"돋움","dotum","AppleGothic","Albatross","arial","helvetica","sans-serif"; text-decoration:none;}
a:active {font-size:12px; color:#4b4b4b; font-Family:"돋움","dotum","AppleGothic","Albatross","arial","helvetica","sans-serif"; text-decoration:none;}
a:hover {font-size:12px; color:#4b4b4b; font-Family:"돋움","dotum","AppleGothic","Albatross","arial","helvetica","sans-serif"; text-decoration:underline;}
*/
/*****************************************************************/
/* 업로드 파일 리스트 */
/*****************************************************************/
#file_btn { height:25px; }
#file_list { margin:0 0 0 0; }

#file_list ul {list-style:none; padding:0; margin:0;}
#file_list ul li {list-style:none;}

#file_list li { margin:5px 0 5px 0;position: relative; }
#file_list li .file_txt { position: relative;width:300px;height:22px;border:1px solid #CCCCCC; }
#file_list li .file_txt .file_name { position: absolute;top:4px;left:4px; }
#file_list li .file_txt .file_size { top:4px;right:20px;position: absolute; }
#file_list li .file_btn { top:0;left:305px;position: absolute; }
#file_list li .file_msg { width:100%;}

/* swfuplod */
.swfupload {vertical-align: middle;}

#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#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}


html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%;  font-size:62.5% }
body,code { font-size:1.6rem; overflow-x: hidden; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:middle; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background-color: inherit; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
table.nneditor-table { width:auto !important; }

.max, .row { width:100%; max-width:1208px; margin:0 auto; }


::-webkit-scrollbar { width: 1px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(66,66,66,0.1) }
::-webkit-scrollbar-track { background: transparent; }

:root {
--normal: 2.1rem;
--normal-height: 3.5rem;    

}

@media only screen and (max-width: 500px) {
    
:root {
--normal: 1.6rem;
--normal-height: 3rem;    

}
}


body.ov { overflow: hidden; }

#hd_pop {z-index:99;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_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}

#container { width: 100%; zoom: 1; position: relative; margin: 0 auto; }
#contents { margin: 0 auto; float: none; padding: 0; }


.new-Sub-container * { line-height: 2.8rem; color: #343434; font-size: 1.8rem; }



.s { all: unset; background-repeat: no-repeat; background-size: 0% 100%;
  transition: color calc(1s / 4) cubic-bezier(0.25, 1, 0.5, 1), background-color calc(1s / 4) cubic-bezier(0.25, 1, 0.5, 1), background-size 1s cubic-bezier(0.25, 1, 0.5, 1);
}
.s.active { color: #000; background-size: 100% 100%; background-image: linear-gradient(transparent calc(100% - 0.5em), #ffc9c2 0.5em); }
[data-highlight=background] .s { background-image: linear-gradient(#ff3366, #ff3366); }
[data-highlight=half] .s { background-image: linear-gradient(transparent calc(100% - 0.5em), #ff3366 0.5em); }
[data-highlight=underline] .s { background-image: linear-gradient(transparent calc(100% - 0.15em), #fff 0.15em); }

.s::before, .s::after { position: absolute; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px;
  overflow: hidden; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.dp { display:none !important; }
.cl { *zoom:1;}
.cl:before,.cl:after { content: ''; display:block; line-height: 0; }
.cl:after { clear:both;}

*, ::after, ::before { box-sizing: border-box; }
ul { margin:0; padding:0; }
li { list-style: none; }
.flexBox { display: -webkit-flex;  display: -ms-flex;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.overflow-auto { overflow-x: auto; }
.only-mobile { display: none; }
.cont { max-width: 1520px; margin: 0 auto; }



/* 메뉴 */
header { width: 100%; padding: 30px 0; position: relative; z-index: 1000; }
header h1 { margin-right: 7.29vw; }
header h1 img { max-width: 100%; }
.header-content { display: flex; width: 100%; }

nav { display: inline-block; vertical-align: middle; position: relative;  box-sizing: border-box; width: 85%; }

.header_nav { position: relative; }
.main_nav, .main_nav_sub { display: block; list-style: none; margin: 0; padding: 0; font-size: 0; }

.main_nav > li { display: inline-block; position: relative; vertical-align: middle; }
.main_nav > li.active > .main_nav_sub { opacity: 1; pointer-events: auto; margin-top: 0; z-index: 20; }
.main_nav > li a { display: block; font-size: 18px; padding: 12px 0; color: #222; text-decoration: none; }
.main_nav > li+li { margin-left: 80px; }


.main_nav .expand, .main_nav_sub .expand { color: #fff; font-size: 16px; }
.main_nav .expand { display: none; }

.main_nav_sub { opacity: 0; pointer-events: none; margin-top: 20px; transition: 200ms all; position: absolute; top: 100%; left: 0; right: auto; min-width: 200px; }
.main_nav_sub li a { display: block; font-size: 16px; padding: 10px 21px; color: #fff; }



.toggle-menu { display: none; color: #222; padding-right: 1rem; float: right; }
.toggle-menu span { display: inline-block; vertical-align: middle; padding-left: 0.3rem; font-size: 0; line-height: 0; display: none; }
.toggle-menu svg { display: inline-block; vertical-align: middle; }
.toggle-menu path { fill:#000; }
.main_nav_sub { background: #203537; }

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#5cc0bb;background:#5cc0bb;color:#fff}


.gnb_1dli_on { font-weight: bold; }


footer { margin: 7.5rem 0 0; padding: 60px 30px; background: #222222; color: #999999; }
#footer_cont { width: 1520px; margin: 0 auto; transition: all 0.2s ease; }
.footer_box { display: flex; align-items: stretch; padding-bottom: 60px; }
footer .tel { font-size: 1.8rem; }

footer .foot_left { flex-basis: 33.33%; border-right: 1px solid #444444; padding-right: 30px;}
footer .foot_center { flex-basis: 33.33%; border-right: 1px solid #444444; padding-right: 30px; padding-left: 30px;}
footer .foot_right { flex-basis: 33.33%; padding-left: 30px;}

footer .footer_section h3 { margin: 0; margin-bottom: 30px; font-size: 12pt;}
footer #footer-logo img { width: 100%;}
footer .footer_company p { margin-top: 0.2rem;}
footer .footer_company p:first-child { margin-bottom: 30px; font-size: 2.2rem; font-weight: bold; }
footer .footer_company p:last-child { margin-bottom: 0;}
footer .footer_company p img { margin-right: 0.75em;}
footer .footer_section ul { margin-top: 15px; padding: 0;}
footer .footer_section.foot_left ul { margin-top: 2rem; }
footer .footer_section.foot_left ul > li {  }
footer .footer_section.foot_left ul > li~li { }
footer .footer_section.foot_left ul > li a { color: #999; font-size: 1.4rem; }


footer .footer_menu ul li, footer .footer_menu ul li a  { list-style: none; color: #999999; line-height: 1.38em; margin-bottom: 1.3rem;}
footer .footer_menu ul li:last-child, footer .footer_menu ul li a:last-child  { margin-bottom: 0;}
footer .footer_section ul li a:hover { color:#5cc0bb; transition: all 0.2s ease;}
footer #copy { border-top: 1px solid #444444; padding: 30px 0 0 0; text-align: center; display: flex; align-items: center;}



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

 #footer_cont { width: 100%; margin: 0; padding: 0; }
 .footer_box { flex-direction: column; width: 480px; margin: 0 auto; padding-bottom: 60px; }
 footer .foot_left { border-right: 0; padding-bottom: 30px; }
 footer .foot_center { border-right: none; padding-left: 0; padding-right: 0; padding-bottom: 30px; }
 footer .footer_section { padding-top: 30px; }
 footer .footer_section h3 { text-align: center; }
 footer .footer_section:first-child { padding-top: 0; padding-bottom: 0; }
 footer .foot_right { padding-left: 0; padding-right: 0; }
 footer .foot_center ul, footer .foot_right ul { margin: 0; padding: 0; font-size: 11pt; text-align: center; }
 footer .footer_menu ul li { margin: 0; }
 footer .footer_menu ul li a { margin: 0; display: block; padding: 15px; background: #2a2a2a; border-bottom: 1px solid #444444; text-decoration: none; }
 footer .footer_menu ul li:last-child a { border-bottom: none; }

 footer #copy { display: block; width: 480px; margin: 0 auto; }
 footer #copy .copy_text { display: block; text-align: center; padding: 15px 0; }

}

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

 .footer_box { width: 100%; }

 footer .footer_company { margin: 0 auto; }
 footer #copy { width: 100%; margin: 0 auto; }

}


@media (max-width: 1600px) { 
    .cont { padding: 0 60px; }
}


@media (min-width:1281px) { 
    .main_nav > li:hover .main_nav_sub { opacity: 1; pointer-events: auto; margin-top: 0; z-index: 20; }
}

@media only screen and (max-width:1280px) { 
    .cont { padding: 0 20px; }
    .main_nav { opacity: 0; pointer-events: none; margin-top: 20px; transition: 200ms all; position: absolute; top: 100%; left: 0; right: auto; min-width: 200px; width: 100%; left: 0; }
    .main_nav li { display: block; background: #434343; }
    .main_nav li a,.main_nav > li:first-child > a { color: #fff; padding: 12px 18px; }
    .main_nav .expand { display: block; position: absolute; top: 0; right: 0; padding: 12px 18px; z-index: 15; transform-origin: 50%; transition: 200ms all; }
    .main_nav .expand.active { transform: rotate(45deg); }
    .main_nav_sub { display: block; z-index: 20; width: 100%; }
    .main_nav_sub > li { background: #203537; }
    .toggle-menu { display: inline-block; }
    .main_nav > li+li { margin: 0; }
    .main_nav.active { opacity: 1; pointer-events: auto; margin-top: 0;  z-index: 20; }

}

@media (max-width:768px) { 
    footer .foot_info > img { width: 100%; max-width: 150px; padding-bottom:15px; }
    footer .foot_info dl { font-size: 12px; column-gap: 15px; }
}