#content{ width: 100%; background-color: #fff;}
#header{ background-color: #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, .1); }
#header .logo img { width: 100%; -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); }
#header:hover{}
.hd_gnb_wrap .hd_gnb_a{ color: #141414;}
.hd_gnb_li:nth-child(3) .hd_gnb_a_wrap a {width:137px; }
.section-sub{padding: 16rem 0 16rem;}
.section-sub._introduction .page_visual .page_visual_item{ background-image: url('../img_dong/sub/visual_01.jpg');}
.section-sub._business .page_visual .page_visual_item{ background-image: url('../img_dong/sub/visual_02.jpg');}
.section-sub._business .page_visual .page_visual_item._visual_item_01{ background-image: url('../img_dong/sub/visual_02_business01.jpg');}
.section-sub._business .page_visual .page_visual_item._visual_item_02{ background-image: url('../img_dong/sub/visual_02_business02.jpg');}
.section-sub._business .page_visual .page_visual_item._visual_item_03{ background-image: url('../img_dong/sub/visual_02_business03.jpg');}
.section-sub._business .page_visual .page_visual_item._visual_item_04{ background-image: url('../img_dong/sub/visual_02_business04.jpg');}
.section-sub._business .page_visual .page_visual_item._visual_item_05{ background-image: url('../img_dong/sub/visual_02_business05.jpg');}
.section-sub._quality_assurance .page_visual .page_visual_item{ background-image: url('../img_dong/sub/visual_03.jpg');}
.section-sub._customer_service .page_visual .page_visual_item{ background-image: url('../img_dong/sub/visual_04.jpg');}
.section-sub._career .page_visual .page_visual_item{ background-image: url('../img_dong/sub/visual_05.jpg');}

.page_title,
.page_map{width: calc(100% - 12vw);margin:  0 auto;}
.page_title{font-family: 'NSKB';font-size: 6rem;color: #141414;text-transform: uppercase;}
.page_map{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
.page_map_item{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
.page_map_item + .page_map_item:before{content:'';display: block;width: 5px;height: 5px;border-radius: 5px;background-color: #767676;margin: 0 3rem;padding: 0;}
.page_map_link{ font-family: 'NSKR'; font-size: 2rem; color: #767676;text-transform: uppercase;}
.page_map_link.active{ font-family: 'NSKM'; font-size: 2rem; color: #0077b6;}

.page_visual{ height: 20rem; margin: 6rem 0;}
.page_visual_item{ width: calc(100% - 6vw); height: 100%; margin-left: 6vw; border-radius: 3rem 0 0 0;}

.page_content{}
.page_content strong,
.page_content b{ font-weight: normal; font-style: normal;}
.page_inner{ width: 100%;max-width: calc(100% - 12.2vw);margin:  0 auto;}
.page_inner._min{ width: 100%;max-width: 1520px;margin:  0 auto;}
.page_inner.left,
.page_inner.start{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.page_inner.right,
.page_inner.end{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.page_inner.center{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
.page_inner.between{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content:  space-between;}
.btn_wrap.left,
.btn_wrap.start{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.btn_wrap.right,
.btn_wrap.end{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.btn_wrap.center{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
.btn_wrap.between{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content:  space-between;}

.content_title{font-family: 'NSKR';font-size: 3.8rem;color: #141414;text-transform: uppercase;}
.content_title.between{display: flex;justify-content: space-between;align-items: center;}
.content_title b{}
.content_title .btn_item{}

.txt_box{}
.txt_box .txt{font-family: 'NSKL';font-size: 2rem;color: #585858;letter-spacing: -0.015rem;}
.txt_box .txt b{ font-family: 'NSKM'; font-size: 2rem; color: #141414;}
.txt_box.txt_box_info .txt {padding-top: 59px; width: 47.5%;margin: 0 auto;line-height: 43px;}
@media (max-width: 1420px) { /* START 1420 pc */
}/* END 1420 pc */
@media (max-width: 1160px){/* START 1160px pc */
    .txt_box.txt_box_info .txt {width: 100%;}
}/* END 1160px pc */
@media (max-width: 1024px){/* START 1024px */
.section-sub{ padding: 13rem 0;}

.page_title{ font-size: 4rem;}
.page_visual{ margin: 4rem 0;}
.business_info_block .thum_box {gap: 0 !important;}
}/* END 1024px */
@media (max-width: 767px) { /* START 767px */
}/* END 767px */
@media (max-width: 717px) { /* START 717px */
}/* END 717px */
@media (max-width: 540px) { /* START 540px */
.section-sub{ padding: 10rem 0;}

.page_title{ font-size: 3rem;}
.page_visual{ margin: 3.5rem 0;}
}/* END 540px */
@media (max-width: 480px) { /* START 480px */
.page_visual{ margin: 2.5rem 0;}

.page_title{ font-size: 3rem;}

.page_map_item + .page_map_item:before{  margin: 0 1rem;}
.page_map_link,
.page_map_link.active,
.txt_box .txt,
.txt_box .txt b,
.section-sub._introduction .txt_box .txt{ font-size: 1.6rem;}

.content_title{ font-size: 2.5rem;}
}/* END 1024px */
@media (max-width: 414px) { /* START 414px */
}/* END 414px */
@media (max-width: 280px) { /* START 280px */
}/* END 280px */



/* Introduction > CEO Greeting */
.section-sub._introduction .content_title{margin-bottom: 6rem;}
.section-sub._introduction .img_box{ width: 100%;}
.section-sub._introduction .img_box img{ width: 100%;}
.introduction_last_txt{font-family: 'NSKR';font-size: 3rem;color: #585858;text-align: right;margin: 1rem 0 0;}
.introduction_last_txt b{ font-family: 'NSKB'; font-size: 3rem; color: #141414;}

/* Introduction > Vision > 아직 디자인 없음 */
.section-sub._introduction{}
.section-sub._introduction .content_title{}
.section-sub._introduction .tag_style{ font-family: 'NSKM'; font-size: 3rem; color: #fff; display: flex; justify-content: center; align-items: center; width: 25rem; line-height: 6rem; height: initial; background-color: #03045e; border-radius: 3rem; }
.section-sub._introduction .tag_style._long{width: auto;max-width: 50rem;padding: 0 2rem;}
.section-sub._introduction .txt_box + .content_title{ margin-top: 12rem;}
.section-sub._introduction .txt_box.between{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.section-sub._introduction .txt_box.center{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;gap: 6rem;}
.section-sub._introduction .txt_box.start,
.section-sub._introduction .txt_box.left{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;gap: 6rem;padding: 0 0 0 3.5vw;}
.section-sub._introduction .txt_box.end,
.section-sub._introduction .txt_box.right{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6rem;}
.section-sub._introduction .txt_box .txt{ font-family: 'NSKL'; font-size: 2rem; color: #585858; }
.section-sub._introduction .txt_box .txt ._b{ font-family: 'NSKB'; font-size: 2.4rem; color: #141414;}
.section-sub._introduction .txt_box .txt ._m{ font-family: 'NSKM'; font-size: 2.2rem; color: #141414;}
.section-sub._introduction .img{}
.section-sub._introduction .img img{ width: 100%; }

/* Introduction > 사업장 안내 */
.page_map_content{background-image: url('../img_dong/sub/introduction03_map.png');background-repeat: no-repeat;background-position: center;background-size: 713px;height: 100%;}
.page_map_content .page_inner{height: 100%;display: flex;flex-direction: column;justify-content: space-between;gap: 10rem;}
.map_content{ display: flex; justify-content: space-between;}
.map_content .map_block{width: 100%;max-width: 45rem;display: flex;flex-direction: column;align-items: center;gap: 3rem;}
.map_content01 .map_block01 .map_txt_block{ display: none;}
.map_content01 .map_block01 .map_area_block{position: absolute;top: -100vh;opacity:  0;}
.map_content01 .map_block01 .map_area_block.active{position: relative;top: initial;opacity: 1;}
.map_content .map_btn_wrap{ display: flex; justify-content: center; align-items: center; gap: 2rem;}
.map_content .btn_item,
.map_content .btn_item_map{ font-family: 'NSKB'; font-size: 2rem; color: #fff; display: inline-block; width: 20rem; line-height: 5rem; height: 5rem; border-radius: 5rem; background-color: #0077b6; text-align: center;}
.map_content .btn_item{background-color: #03045e;text-transform: uppercase;}
.map_content .btn_item_map:hover,
.map_content .btn_item_map.active{ background-color: #03045e;}
.map_content .map_txt_wrap{}
.map_content .map_txt_block{}
.map_content .map_txt_block p{ letter-spacing: -0.095rem;}
.map_content .map_txt_block p + p{}
.map_content .map_txt_block .tit{ font-family: 'NSKL'; font-size: 1.8rem; color: #585858;}
.map_content .map_txt_block .txt{ font-family: 'NSKM'; font-size: 1.8rem; color: #585858;}
.map_content .map_txt_block01{}
.map_content .map_txt_block02{}
.map_content .map_area_wrap{ width: 100%;}
.map_content .map_area_block{ position: relative; width: 100%; height: 35rem; border-radius: 3rem; overflow: hidden;}
.map_content .map_area_block .root_daum_roughmap .wrap_map{/* height: calc( 100% - 32px ); */ height: 100%;}
.map_content .map_area_block .root_daum_roughmap .border1,
.map_content .map_area_block .root_daum_roughmap .border2,
.map_content .map_area_block .root_daum_roughmap .border3,
.map_content .map_area_block .root_daum_roughmap .border4,
.map_content .map_area_block .root_daum_roughmap .wrap_controllers{ display: none;}
.map_content .map_area_block .map_area_content{ width: 100%; height: 100%;}
.map_content .map_area_block .map_area_content._half{ width: 50%; height: 100%;}
.map_content .map_area_block .map_area_img_box{position: absolute;top: 0;right: 0;bottom: 0;width: calc( 50% + 5px );z-index: 1;border-left: 10px solid #fff;}
.map_content .map_area_block .map_area_img_box img{ width: 100%;}
.map_content .map_area_block01{}
.map_content .map_area_block02{}

.map_content .map_content01{}
.map_content .map_content02{}

/* Introduction > History */
.history_box{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.history_box + .history_box{ margin: 6vw 0 0;}
.history_block{
}
.history_block + .history_block{}
.history_block._thum{position: relative;display: flex;justify-content: center;align-items: center;width: 52%;max-width: 800px;border-radius: 20px;overflow: hidden;}
.history_block._thum img{ width: 100%;}
.history_block._thum .year_box{font-family: 'NSKB';font-size: 7rem;color: #fefefe;text-shadow: 8px 8px 10px rgba(0, 0, 0, .2);position: absolute;width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.history_block._thum .year{}
.history_block._thum .bar{ margin: -5rem 0;}
.history_block._list{ width: 41%; margin-left: 7%;}
.history_block._list dt{ font-family: 'NSKM'; font-size: 2.4rem; color: #000000;}
.history_block._list dd{ font-family: 'NSKL'; font-size: 2rem; color: #585858;}
.history_block._list dd + dt{ margin-top: 3.1rem;}
@media (max-width: 1780px) { /* START 1780px pc */
.page_map_content{background: none;}
.page_map_content .page_inner{width: 100%;max-width: 940px;}
}/* END 1780px pc */
@media (max-width: 1640px) { /* START 1640px pc */
.section-sub._introduction .txt_box.start,
.section-sub._introduction .txt_box.left{width: 100%;padding: 0;gap: 2rem;}
.section-sub._introduction .txt_box.start .txt, 
.section-sub._introduction .txt_box.left .txt{width: calc( 30% - 1rem);}
.section-sub._introduction .img{ width: calc( 70% - 1rem);}
}/* END 1640px pc */
@media (max-width: 1420px) { /* START 1420 pc */
.section-sub._introduction .txt_box.start,
.section-sub._introduction .txt_box.left{ gap: 1rem;}
.section-sub._introduction .txt_box.start .txt, 
.section-sub._introduction .txt_box.left .txt,
.section-sub._introduction .txt_box .txt ._m{ font-size: 1.7rem;}
.section-sub._introduction .txt_box.start .txt, 
.section-sub._introduction .txt_box.left .txt{width: calc( 30% - .5rem);}
.section-sub._introduction .img{ width: calc( 70% - .5rem);}
}/* END 1420 pc */
@media (max-width: 1160px){/* START 1160px pc */
.section-sub._introduction .txt_box.start,
.section-sub._introduction .txt_box.left{display: flex;flex-direction: column;align-content: space-between;align-items: flex-start;}
.section-sub._introduction .txt_box.start .txt,
.section-sub._introduction .txt_box.left .txt,
.section-sub._introduction .img{ width: 100%;}
.section-sub._introduction .txt_box.start .txt .pc_item,
.section-sub._introduction .txt_box.left .txt .pc_item{ display: none !important;}
}/* END 1160px pc */
@media (max-width: 1024px){/* START 1024px */
.section-sub._introduction .content_title{ display: flex; flex-direction: column; text-align: left; align-items: flex-end; }

.section-sub._introduction .page_vision_content .content_title{display: flex;align-items: flex-start;margin-bottom: 2.5rem;}
.section-sub._introduction .page_vision_content .content_title .tag_style{font-size: 2.5rem;width: 20rem;line-height: 5rem;}
.section-sub._introduction .page_vision_content .content_title .tag_style._long{ width: auto; max-width: 44rem;}
.section-sub._introduction .txt_box.start, .section-sub._introduction .txt_box.left{ padding:0;}

.page_map_content .page_inner{width: calc(100% - 12vw); gap: 0;}
.map_content{display: flex;flex-direction: column;gap: 0;align-items: center;}
.map_content .map_block{ gap: 2rem; }
.map_content + .map_content,
.map_content .map_block + .map_block{ margin-top: 8rem;}

.history_box{display: flex;flex-direction: column;align-items: center;}
.history_block._thum{ width: 100%; max-width: 60vw;}
.history_block._list{ width: 100%; margin-top: 5%; margin-left: initial;}
.history_block + .history_block{}
.history_block._thum .year_box{font-size: 8vw;}
.history_block._thum .bar{margin: -6vw 0;}

}/* END 1024px */
@media (max-width: 767px) { /* START 767px */
}/* END 767px */
@media (max-width: 717px) { /* START 717px */
}/* END 717px */
@media (max-width: 540px) { /* START 540px */
}/* END 540px */
@media (max-width: 480px) { /* START 480px */
.introduction_last_txt,
.introduction_last_txt b{ font-size: 2rem;}

.map_content .map_btn_wrap{width: 100%;gap:0;}
.map_content .btn_item, .map_content .btn_item_map{width: 100%;max-width: 120px;font-family: 'NSKM';font-size: 1.8rem;margin: 0 .5rem;}
.map_content .map_area_block{ height: 30rem;}
.map_content .map_area_block .map_area_content._half{ width: 100%;}
.map_content .map_area_block .map_area_img_box{ display: none;}

.history_box + .history_box { margin: 8rem 0 0; }
.history_block._list dt{ font-size: 2rem;}
.history_block._list dd{ font-size: 1.6rem;}

}/* END 1024px */
@media (max-width: 414px) { /* START 414px */
}/* END 414px */
@media (max-width: 280px) { /* START 280px */
}/* END 280px */



/* Business */
.page_business00_content{ padding: 10rem 0;}
.business_menu_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 0;}
.business_menu{background-position: center;background-repeat: no-repeat;background-size: cover;width: 19%;max-width: 317px;min-height: 60rem;padding: 3rem;transition: .3s;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;}
.business_menu:nth-child(odd){ margin-top: -5rem;}
.business_menu:nth-child(even){ margin-bottom: -5rem;}
.business_menu:nth-child(1){ background-image: url('../img_dong/sub/business00_thum01.jpg');}
.business_menu:nth-child(2){ background-image: url('../img_dong/sub/business00_thum02.jpg');}
.business_menu:nth-child(3){ background-image: url('../img_dong/sub/business00_thum03.jpg');}
.business_menu:nth-child(4){ background-image: url('../img_dong/sub/business00_thum04.jpg');}
.business_menu:nth-child(5){ background-image: url('../img_dong/sub/business00_thum05.jpg');}
.business_menu_txt{position: relative;bottom: -18rem;transition: .3s;}
.business_menu .tit{ font-family: 'NSKB'; font-size: 3.6rem; color: #fefefe; text-shadow: 8px 8px 10px rgba(0, 0, 0, .2);}
.business_menu .hover_box{ }
.business_menu .hover_box .txt{font-family: 'NSKR';font-size: 2.4rem;color: #fefefe;text-transform: uppercase;letter-spacing: -0.2rem;margin: 3rem 0 4rem;}
.business_menu .hover_box .btn_item{font-family: 'NSKR';font-size: 1.6rem;color: #fefefe;width: 90%;max-width: 20rem;line-height: 4rem;height: 4rem;border-radius: 4rem;border: 2px solid #fefefe;background-color: transparent;box-shadow: initial;gap: .5rem;}
.business_menu .hover_box .arrow_txt{}
.business_menu .hover_box .arrow_ico{}
.business_menu .hover_box .arrow_ico i{}
.business_menu:hover{ border-radius: 3rem 0 0 0; box-shadow: 8px 8px 10px rgba(0, 0, 0, .2);}
.business_menu:hover .tit{ text-shadow: initial;}
.business_menu:hover .business_menu_txt{ bottom: 0;}
.business_menu:hover .hover_box .txt{}
.business_menu:hover .hover_box .btn_item{}
.business_menu:hover .hover_box .arrow_txt{}
.business_menu:hover .hover_box .arrow_ico{border: 1px solid #fff;width: 22px;height: 22px;border-radius: 22px;display: flex;justify-content: center;align-items: center;}
.business_menu:hover .hover_box .arrow_ico i{ font-size: 1rem;}
.business_menu .hover_box .btn_item:hover{
    background-color: #fff;
    color: #585858;
}
.business_menu .hover_box .btn_item:hover .arrow_txt{}
.business_menu .hover_box .btn_item:hover .arrow_ico{
    border: 1px solid #585858;
}

.bn_main_wrap{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content:  space-between;}
.bn_main_content{ width: 100%;}
.bn_main_content01{ max-width: 500px; display: flex; flex-direction: column; gap: 4rem;}
.bn_main_content02{max-width: 814px;display: flex;justify-content: center;align-items: center;margin: 1rem;background-size: cover;background-repeat: no-repeat;background-position: center;}
.bn_main_content .bn_menu_tit{ font-family: 'NSKB'; font-size: 4.8rem; color: #585858; text-transform: uppercase; letter-spacing: -0.25rem;}
.bn_main_content .bn_menu_wrap{ display: flex; flex-direction: column; justify-content: center; gap: 3rem;}
.bn_main_content .bn_menu_item{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 3rem; background-color: #f5f5f5; transition: .3s;}
.bn_main_content .bn_menu_item .tit{ font-family: 'NSKM'; font-size: 2.4rem; color: #141414;}
.bn_main_content .btn_item._arrow{width: initial;height: initial;background: initial;box-shadow: initial;font-family: 'NSKR';font-size: 1.6rem;color: #585858;gap: 1rem;}
.bn_main_content .btn_item._arrow .arrow_txt{ font-family: 'NSKR'; font-size: 1.6rem; color: #585858;}
.bn_main_content .btn_item._arrow .arrow_ico{width: 22px;height: 22px;border-radius: 22px;display: flex;justify-content: center;align-items: center;border: 1px solid #585858;}
.bn_main_content .btn_item._arrow .arrow_ico i{font-size: 1.2rem;}
.bn_main_content .bn_menu_item:hover{border-radius: 3rem 0 0 0;box-shadow: 10px 8px 5px rgba(0, 0, 0, .5);}
.bn_main_content .bn_menu_item:hover .tit{ color: #0077b6;}
.bn_main_content .bn_menu_item:hover .btn_item._arrow .arrow_txt{ color: #0077b6;}
.bn_main_content .bn_menu_item:hover .btn_item._arrow .arrow_ico{background-color: #0077b6;border-color: #0077b6;}
.bn_main_content .bn_menu_item:hover .btn_item._arrow .arrow_ico i{ color: #fff;}
.bn_main_content .bn_txt_box{ margin: 0.8rem; padding: 3rem 1.2rem; background-color: rgba(255, 255, 255, .8); display: flex; flex-direction: column; align-items: center; gap: 2.5rem;}
.bn_main_content .bn_txt_box .title{ font-family: 'NSKB'; font-size: 3rem; color: #0077b6;}
.bn_main_content .bn_txt_box .txt_box{}
.bn_main_content .bn_txt_box .txt{ font-family: 'NSKR'; font-size: 1.8rem; color: #585858; word-break: keep-all;}
.page_business01_content .bn_main_content02{ background-image: url('../img_dong/sub/business01_txt_bg.jpg');}
.page_business02_content .bn_main_content02{ background-image: url('../img_dong/sub/business02_txt_bg.jpg');}
.page_business03_content .bn_main_content02{ background-image: url('../img_dong/sub/business03_txt_bg.jpg');}
.page_business04_content .bn_main_content02{ background-image: url('../img_dong/sub/business04_txt_bg.jpg');}
.page_business05_content .bn_main_content02{ background-image: url('../img_dong/sub/business05_txt_bg.jpg');}

/* Business > 제품공정 */
.business_youtube._full{display: block;position: relative;width: 100%;max-width: 1280px;heigth: auto;padding-top: 47%;margin: 3rem auto;}
.business_youtube_item._full{width: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.business_youtube_item._full:last-child{ margin-top:0;}

.page_business_content .content_input{ display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; width: 100%; max-width: 1280px; margin: 0 auto; }
.page_business_content .content_input_infobox{}
.page_business_content .content_input_infobox .txt{ font-family: 'NSKR'; font-size: 2rem; color: #03045eeb;}
.page_business_content .textarea_item{ width: 100%; min-height: 10rem; border: 1px solid #03045eeb; border-radius: 2rem; padding: 1rem 1.5rem; font-family: 'NSKR'; font-size: 1.8rem; color: #333; }
.page_business_content .btn_item.video_write{ font-family: 'NSKR'; font-size: 1.8rem; line-height: 1.4; height: auto; position: relative; text-transform: uppercase; background-color: #03045eeb; border-radius: 2rem; padding: 1rem 1rem; }
.page_business_content .btn_item.video_write:hover{ background-color: #0077b6;}

/* Business > PC 강연선 */
.business_info_box{display: flex;margin: 4.5rem 0 0;justify-content: space-between;}
.business_info_box + .business_info_box{ margin-top: 1.5rem;}
.business_info_block{display: flex;flex-direction: column;flex-wrap: wrap;width: 100%;max-width: 50%;overflow: hidden;}
.business_info_block01{}
.business_info_block02{}
.business_info_block .thum_box{display: flex;flex-direction: column;gap: 4.8rem;}
.business_info_block .thum{}
.business_info_block .thum img{ width: 100%;}
.business_info_block .txt_box{padding: 3rem;line-height: 1.5;}
.business_info_block01 .txt_box{padding: 5rem 3rem 5rem 5rem;}
.business_info_block02 .txt_box{padding: 5rem 5rem 5rem 3rem;}
.business_info_block .txt{ font-family: 'NSKL'; font-size: 2rem; color: #585858;}
.business_info_block .txt b{ font-family: 'NSKM'; font-size: 2rem; color: #141414;}

/* Business > PC 강연선 */
.page_business01_content .business_info_block01{max-width: 47%;}
.page_business01_content .business_info_block02{max-width: 50%;}

/* Business > 경강선 */
.page_business02_content .business_info_block00{ width: 100%; max-width: 100%; }/* 231128 추가된 레이아웃 */
.page_business02_content .business_info_block00 .thum_box{display: flex;flex-direction: row;justify-content: space-between;gap: initial;}/* 231128 추가된 레이아웃 */
.page_business02_content .business_info_block00 .thum{ width: 32.5%; }/* 231128 추가된 레이아웃 */

.page_business02_content .business_info_block01{max-width: 49.5%;}
.page_business02_content .business_info_block02{max-width: 49.5%;}

/* Business > 아연도강선 */
.page_business03_content .business_info_block01{max-width: 49.5%;}
.page_business03_content .business_info_block02{max-width: 49.5%;}
.page_business03_content .business_info_block02 .txt_box{padding: 7rem;display: flex;flex-direction: column;gap: 1rem;justify-content: center;}

/* Business > CD Bar */
.page_business04_content .business_info_box{display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;width: 100%;}/* 231128 추가된 레이아웃 */
.page_business04_content .business_info_block01{max-width: 100%;display: flex;flex-direction: row;justify-content: space-between;}/* 231128 추가된 레이아웃 */
.page_business04_content .business_info_block02{max-width: 100%;display: flex;flex-direction: row;justify-content: space-between; margin-top: 1.5rem;}/* 231128 추가된 레이아웃 */
.page_business04_content .business_info_block .thum_box{ display: flex; flex-direction: row; }/* 231128 추가된 레이아웃 */

/* Business > 경량소재 > 아직 디자인이 없음 -> 231109 디자인 받음. */
.page_business05_content .business_info_block01{max-width: 48.5%;}
.page_business05_content .business_info_block02{max-width: 48.5%;}

.page_business05_content .txt_box{ width: 100%; }
.page_business05_content .txt_box_tit{ font-family: 'NSKM'; font-size: 2rem; color: #fff; display: flex; justify-content: center; align-items: center; margin: 0 auto 4rem; width: 20rem; line-height: 4rem; background-color: #03045e; border-radius: 2rem; }
.page_business05_content .txt_block{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;gap: 4rem;}
.page_business05_content .txt_group{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.page_business05_content .tit{ font-family: 'NSKB'; font-size: 2.4rem; color: #585858; }
.page_business05_content .txt{}

.page_productprocess_content .productprocess_input {display: flex;gap: 100px;flex-direction: column;align-items: center;margin-top: 50px;}
.page_productprocess_content h4 {font-size: 24px;color: #141414;font-weight: 600;display: flex;gap: 5px;align-items: center;padding: 31px 0 32px;}
.page_productprocess_content h4 span {position: relative;width: 20px;height: 20px;border: 1px solid #0077b6;text-indent: -99999px;border-radius: 50px;display: block;}
.page_productprocess_content h4 span::before{content:"";position: absolute;width: 12px;height: 12px;background: #0077b6;border-radius: 50px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.page_productprocess_content .productprocess_right {display: flex;gap: 50px;}
.page_productprocess_content .productprocess_left {display: flex;gap: 50px;}
.page_productprocess_content .animation {width: 100%;height: 520px;}

.productspecife_content {width: 815px;margin: 0 auto;}
.productequipment_content {width: 80%;margin: 0 auto;}
.page_productspecife_content h4 {font-size: 21px;color: #141414;font-weight: 600;display: flex;gap: 5px;align-items: center;padding: 31px 0 10px;}
.page_productspecife_content h4 span {position: relative;width: 20px;height: 20px;border: 1px solid #0077b6;text-indent: -99999px;border-radius: 50px;display: block;}
.page_productspecife_content h4 span::before{content:"";position: absolute;width: 12px;height: 12px;background: #0077b6;border-radius: 50px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.productspecife_content table thead {color: #fff;background: #0077b6;text-align: center;height: 39px;font-size: 15px;}
.productspecife_content table tbody {text-align: center;font-size: 14px;}
.productspecife_content table tbody .gray {background: #eee;width: 24%;}
.productspecife_content .fafafa {background: #fafafa;}
.productspecife_content table tbody tr {border-bottom: 1px solid #c0c0c0;height: 40px;}
.productspecife_content table tbody tr td {padding: 0 5px;}

.productequipment_content table tbody .gray {width: 16%;}
.productequipment_content table tbody tr td:last-child {width: 20%;}

.rnd_inn {width: 80%; margin: 0 auto;}
.rnd_content h4 {font-size: 21px;color: #141414;font-weight: 600;display: flex;gap: 5px;align-items: center;padding: 31px 0 10px;}
.rnd_content h4 span {position: relative;width: 20px;height: 20px;border: 1px solid #0077b6;text-indent: -99999px;border-radius: 50px;display: block;}
.rnd_content h4 span::before{content:"";position: absolute;width: 12px;height: 12px;background: #0077b6;border-radius: 50px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.rnd_content table {margin-top: 40px;}
.rnd_content table tbody {font-size: 15px;border-top: 1px solid #c0c0c0;}
.rnd_content table tbody .gray {background: #eee;width: 20%;font-size: 17px;text-align: center;}
.rnd_content table tbody tr {border-bottom: 1px solid #c0c0c0;height: 44px;}
.rnd_content table tbody tr td {padding: 0 20px;}
.rnd_content .rnd_inn > p {font-size: 22px;margin: 33px 0 50px;padding-left: 20px;}




@media (max-width: 1878px) { /* START 1878px pc */
.business_menu .hover_box .txt{ font-size: 1.8rem;}
}/* END 1878px pc */
@media (max-width: 1620px) { /* START 1620px pc */
.business_menu{ min-height: 30rem;}
.business_menu .tit{ font-size: 2.5rem;}
.business_menu .hover_box .txt{ font-size: 1.6rem;}

.bn_main_wrap{display: flex;justify-content: center;gap: 2rem;}

.page_productprocess_content .productprocess_input {flex-direction: column;align-items: center;}
}/* END 1620px pc */
@media (max-width: 1420px) { /* START 1420 pc */
.business_menu_wrap{ display: flex; flex-direction: column;}
.business_menu:nth-child(odd){ margin-top: initial;}
.business_menu:nth-child(even){ margin-bottom: initial;}
.business_menu{width: 100%;max-width: initial;min-height: initial;}
.business_menu + .business_menu{ margin-top: 1%;}
.business_menu_txt{ bottom: -7rem;}
.business_menu .hover_box .txt{ margin: 3rem auto 0;}
.business_menu .hover_box .btn_item{position: absolute;top: 0;right: 0;}


.bn_main_content01{width: 100%;max-width: initial;margin-left: 6vw;display: flex;}
.bn_main_content .bn_menu_wrap{display: flex;flex-direction: row;width: 100%;justify-content: flex-start;}
.bn_main_content .bn_menu_item{padding: 2rem 1.5rem;gap: 1.5rem;}
.bn_main_content02{width: calc(100% - 12vw);max-width: initial;margin: 0 auto;}

.bn_main_content .bn_menu_item .tit{ font-size: 2rem;}
.bn_main_content .bn_menu_wrap{ gap:0;}
.bn_main_content .bn_menu_item{margin-right: 1rem;gap: 1rem;padding: 1.5rem 3rem 1.5rem .5rem;position: relative;}
.bn_main_content .btn_item._arrow{position: absolute;top:0;left:0;right:0;bottom:0;display: flex;justify-content: flex-end;padding: 0 .5rem 0 0;}
.bn_main_content .btn_item._arrow .arrow_txt{ display: none;}
}/* END 1420 pc */
@media (max-width: 1160px){/* START 1160px pc */
}/* END 1160px pc */
@media (max-width: 1024px){/* START 1024px */
/* .bn_main_content .bn_menu_wrap{display: flex;flex-direction: row;max-width: 100%;} */
.bn_main_content .bn_menu_tit{ font-size: 4rem;}
.bn_main_content .bn_menu_wrap{display: flex;flex-direction: column;gap: 1rem;}
/* .bn_main_content .bn_menu_item{ margin-right:0;} */



.business_info_box{display: flex;flex-direction: column;}
/* Business > PC 강연선 */
.page_business01_content .business_info_block01,
.page_business01_content .business_info_block02{max-width: 100%;}
/* Business > 경강선 */
.page_business02_content .business_info_block01,
.page_business02_content .business_info_block02{max-width: 100%;}
/* Business > 아연도강선 */
.page_business03_content .business_info_block01,
.page_business03_content .business_info_block02{max-width: 100%;}
/* Business > 경량소재 > 아직 디자인이 없음 -> 231109 디자인 받음. */
.page_business05_content .business_info_box{display: flex;justify-content: space-between;flex-direction: column;gap: 4rem;}
.page_business05_content .business_info_block01,
.page_business05_content .business_info_block02{width: 100%;max-width: initial;display: flex;flex-direction: row;}
.page_business05_content .business_info_block .thum_box{max-width: 80vw;margin: 0 auto;}

.business_info_block .txt_box{padding: 2rem;}
.business_info_block01 .txt_box{padding: 2rem;}
.business_info_block02 .txt_box{padding: 2rem;}
.page_business03_content .business_info_block02 .txt_box{padding: 2rem;}

.business_menu{ padding: 2rem;}
.business_menu .tit{ font-size: 2rem;}
.business_menu .hover_box .btn_item{width: 15rem;line-height: 3rem;height: 3rem;}

.page_productprocess_content .productprocess_right,
.page_productprocess_content .productprocess_left {flex-direction: column;gap: 40px;align-items: center;}
.page_productprocess_content .animation {width: 100%;height: auto;}
.productspecife_content, .productequipment_content,.rnd_inn {width: 100%;}

}/* END 1024px */
@media (max-width: 767px) { /* START 767px */
}/* END 767px */
@media (max-width: 717px) { /* START 717px */
}/* END 717px */
@media (max-width: 540px) { /* START 540px */
.bn_main_content01{width: calc(100% - 12vw);margin: 0;gap: 1rem;}
.bn_main_content .bn_menu_tit{ font-size: 3rem;}
.bn_main_content .bn_menu_item .tit{ font-size: 1.8rem;}

.business_info_block .txt,
.business_info_block .txt b{ font-size: 1.8rem;}

.business_info_block .txt_box{padding: 1.5rem;}
.business_info_block01 .txt_box{padding: 1.5rem;}
.business_info_block02 .txt_box{padding: 1.5rem;}
.page_business03_content .business_info_block02 .txt_box{padding: 1.5rem;}

/* Business > 경강선 */
.page_business02_content .business_info_block00 .thum_box{display: flex;flex-direction: row;flex-wrap: wrap; gap: 1.5rem;}
.page_business02_content .business_info_block00 .thum{width: 100%;}
/* Business > CD Bar */
.page_business04_content .business_info_block .thum_box{display: flex;flex-direction: row;flex-wrap: wrap;}
.page_business04_content .business_info_block01 .thum{width: 48%;}
.page_business04_content .business_info_block02 .thum{width: 100%;}
}/* END 540px */
@media (max-width: 480px) { /* START 480px */

.business_info_block .txt,
.business_info_block .txt b{ font-size: 1.6rem;}

.business_info_block .txt_box{padding: 1rem;}
.business_info_block01 .txt_box{padding: 1rem;}
.business_info_block02 .txt_box{padding: 1rem;}
.page_business03_content .business_info_block02 .txt_box{padding: 1rem;}
}/* END 1024px */
@media (max-width: 414px) { /* START 414px */
}/* END 414px */
@media (max-width: 280px) { /* START 280px */
}/* END 280px */



/* Quality Assurance > 시험설비 */
.qa_content{ display: flex; flex-direction: row; flex-wrap: wrap; }
.qa_content .qa_item{position: relative;width: 19%;margin: .5%;}
.qa_content .qa_item:first-child,
.qa_content .qa_item:nth-child(6){ margin-left:0;}
.qa_content .qa_item:nth_child(5),
.qa_content .qa_item:last-child{ margin-right:0;}
.qa_content .qa_item .thum{position: relative;display: flex;justify-content: center;align-items: center;background-color: #000;}
.qa_content .qa_item .thum img{width: 100%;opacity: .5;}
.qa_content .qa_item .tit{font-family: 'NSKB';font-size: 4rem;color: #fefefe;text-align: center;text-shadow: 8px 8px 10px rgba(0, 0, 0, .2);position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.qa_content .qa_item .tit ._s{font-family: 'NSKM';font-size: 2.2rem;}
.qa_content + .content_title{margin: 7rem 0 0;}

/* Quality Assurance > 인증현황 */
.gallery_wrap{ margin: 4.5rem 0 0; }
.gallery_ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.gallery_li{width: 23%;margin: 0 1.33% 5rem;padding: 1rem 1rem 0;background-color: #eee;transition: .3s;}
.gallery_li:first-child,
.gallery_li:nth-child(4n+1){ margin-left:0;}
.gallery_li:nth-child(4n),
.gallery_li:last-child{ margin-right:0;}
.gallery_a{ display: block; width: 100%; }
.gallery_li .gallery_item{}
.gallery_li .gallery_item img{}
.gallery_li .gallery_item._thum{ width: 100%; }
.gallery_li .gallery_item._thum img{ width: 100%; }
.gallery_li .gallery_item._title{font-family: 'NSKM';font-size: 1.8rem;color: #141414;line-height: 5rem;text-align: center;}
.gallery_li:hover{box-shadow: 8px 8px 10px rgba(0, 0, 0, .4);}

.gallery_li._empty{}
.gallery_li._empty .gallery_item._thum{ background-color: #000;}
.gallery_li._empty .gallery_item._thum img{ opacity: .5;}

.gallery_wrap .btn_item{width: 25rem;height: 5rem;background: #fff;box-shadow: initial;font-family: 'NSKR';font-size: 1.6rem;color: #585858;gap: 1rem;border: 2px solid #0077b6;border-radius: 5rem; transition: .3s;}
.gallery_wrap .btn_item .arrow_txt{ font-family: 'NSKR'; font-size: 1.6rem; color: #585858; transition: .3s;}
.gallery_wrap .btn_item:hover{ background-color: #0077b6;}
.gallery_wrap .btn_item:hover .arrow_txt{ color: #fff;}

.gallery_wrap .btn_item._arrow{width: 25rem;height: 5rem;background: #fff;box-shadow: initial;font-family: 'NSKR';font-size: 1.6rem;color: #585858;gap: 1rem;border: 2px solid #0077b6;border-radius: 5rem; transition: .3s;}
.gallery_wrap .btn_item._arrow .arrow_txt{ font-family: 'NSKR'; font-size: 1.6rem; color: #585858; transition: .3s;}
.gallery_wrap .btn_item._arrow .arrow_ico{width: 22px;height: 22px;border-radius: 22px;display: flex;justify-content: center;align-items: center;border: 1px solid #585858; transition: .3s;}
.gallery_wrap .btn_item._arrow .arrow_ico i{font-size: 1.2rem;color: #585858;transition: .3s;}
.gallery_wrap .btn_item._arrow:hover{ background-color: #0077b6;}
.gallery_wrap .btn_item._arrow:hover .arrow_txt{ color: #fff;}
.gallery_wrap .btn_item._arrow:hover .arrow_ico{ border-color: #fff;}
.gallery_wrap .btn_item._arrow:hover .arrow_ico i{ color: #fff;}
.gallery_wrap .btn_item._arrow._nomore{background-color: #c0c0c0;border: 1px solid #585858;cursor: initial;}
.gallery_wrap .btn_item._arrow._nomore .arrow_txt{ color: #fff;}
.gallery_wrap .btn_item._arrow._nomore .arrow_ico{ border-color: #fff;}
.gallery_wrap .btn_item._arrow._nomore .arrow_ico i{ color: #fff;}

.gallery_pop{position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 99;display: none;opacity:0;}
.gallery_pop_wrap{display: flex;justify-content: center;align-items: center;width: 100%;}
.gallery_pop_inner{position: relative;min-width: 260px;max-height: 82vh;max-width: 96vw;background-color: #eeeeee;z-index: 1;padding: 2rem 1rem 4rem;}
.gallery_pop_inner .btn_wrap{width: calc(100% - 2.5rem);display: flex;justify-content: space-between;align-items: center;margin: 0 auto 2rem;}
.gallery_pop_inner .tit_wrap{width: 100%;display: flex;justify-content: flex-start;align-items: center;gap: 1rem;}
.gallery_pop_inner .tit_wrap .ico_edit i{font-size: 2rem;color: #03045eeb;}
.gallery_pop_inner .btn_item{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    max-width: 300px;
    padding: 0 1rem;
}
.gallery_pop_inner .btn_gallery_pop_close{}
.gallery_pop_inner .btn_gallery_pop_close i{ font-size: 2.5rem;}
.gallery_pop_content{ height: 67vh; max-height: 800px; display: flex; justify-content: center; align-items: center; }
.gallery_pop_content .gallery_item{}
.gallery_pop_content .gallery_item img{}
.gallery_pop_content .gallery_item._thum{height: 100%;display: flex;justify-content: center;align-items: center;}
.gallery_pop_content .gallery_item._thum img{max-height: 100%;max-width: 100%;}

.gallery_pop_dim{ position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .7); }

/* Quality Assurance > 유해물질성적서 */
.qa_tab_head{display: flex;flex-direction: row;flex-wrap: wrap;margin: 4.5rem 0 3rem;}
.qa_tab_item{width: 19%;height: 20rem;margin: 0 .62%;padding: 1.59vw;display: flex;justify-content: flex-start;align-items: flex-end;transition: .3s;cursor: pointer;}
.qa_tab_item:nth-child(1){ background-image: url('../img_dong/sub/quality_assurance03_thum01.jpg'); margin-left:0;}
.qa_tab_item:nth-child(2){ background-image: url('../img_dong/sub/quality_assurance03_thum02.jpg');}
.qa_tab_item:nth-child(3){ background-image: url('../img_dong/sub/quality_assurance03_thum03.jpg');}
.qa_tab_item:nth-child(4){ background-image: url('../img_dong/sub/quality_assurance03_thum04.jpg');}
.qa_tab_item:nth-child(5){ background-image: url('../img_dong/sub/quality_assurance03_thum05.jpg'); margin-right:0;}
.qa_tab_item:hover,
.qa_tab_item.active{border-radius: 3rem 0 0 0;box-shadow: 8px 8px 10px rgba(0, 0, 0, .2);border: 1px solid #00a7ff;box-shadow: 0px 0px 10px #0077b6;}
.qa_tab_tit{font-family: 'NSKB';font-size: 3rem;font-size: 1.59vw;color: #fefefe;/* text-shadow: 8px 8px 10px rgba(0, 0, 0, .2); */line-height: 1.1;}
.qa_tab_body{}
.qa_tab_content{display: none;}
.qa_tab_content .tit{font-family: 'NSKM';font-size: 2rem;color: #585858;line-height: 5rem;text-align: center;border: 1px solid #585858;}
.qa_tab_content .txt_box{background-color: #eee;padding: 1rem;min-height: 30rem;}
@media (max-width: 1620px) { /* START 1420 pc */
.qa_content .qa_item .tit{font-size: 3rem;}
.qa_content .qa_item .tit ._s{font-size: 1.8rem;}

.qa_tab_item{ }
}/* END 1420 pc */
@media (max-width: 1420px) { /* START 1420 pc */
.qa_content .qa_item .tit{ font-size: 2.5rem;}
.qa_content .qa_item .tit ._s{font-size: 1.7rem;}
}/* END 1420 pc */
@media (max-width: 1160px){/* START 1160px pc */
}/* END 1160px pc */
@media (max-width: 1024px){/* START 1024px */
.page_qa01_content .blue_table_box.center,
.page_qa01_content .blue_table_box.between{display: flex;flex-direction: column;}

.qa_content .qa_item .tit{ font-size: 2rem;}
.qa_content .qa_item .tit ._s{font-size: 1.6rem;}

.qa_tab_item:nth-child(1),
.qa_tab_item:nth-child(5),
.qa_tab_item{margin-left: initial;margin-right: initial;height: 15rem;width: 31.33%;margin: 1%;}
.qa_tab_tit{font-size: 2.8vw;}

.gallery_li:first-child,
.gallery_li:nth-child(5n),
.gallery_li:nth-child(4n),
.gallery_li:last-child,
.gallery_li{ margin-left:initial; margin-right:initial; width: 48%; margin: 0 1% 5rem;}

.gallery_pop_inner{width: 100%;max-width: 90vw;height: auto;}
.gallery_pop_content{height:auto;max-height: 66vh;overflow: scroll;}
.gallery_pop_content .gallery_item._thum img{height: initial;width: 100%;max-height: 100%;}
}/* END 1024px */
@media (max-width: 767px) { /* START 767px */
.qa_content .qa_item:first-child,
.qa_content .qa_item:nth-child(6){ margin-left: initial; margin-right: initial;}
.qa_content .qa_item:nth_child(5),
.qa_content .qa_item:last-child{ margin-left: initial; margin-right: initial;}

.qa_content .qa_item{width: 23%;margin: 1% !important;}
.qa_content .qa_item .tit{font-family: 'NSKM';font-size: 1.8rem;}
.qa_content .qa_item .tit ._s{font-size: 1.4rem;}

}/* END 767px */
@media (max-width: 717px) { /* START 717px */
}/* END 717px */
@media (max-width: 540px) { /* START 540px */
.qa_content .qa_item{width: 31.33%;margin: 1% !important;}
.rnd_content .rnd_inn > p {font-size: 16px;margin: 4px 0 10px;}
.rnd_content table tbody .gray, .productspecife_content table thead {font-size: 14px;}
.rnd_content table tbody, .productspecife_content table tbody {font-size: 13px;}
 
}/* END 540px */
@media (max-width: 480px) { /* START 480px */
.gallery_li:first-child,
.gallery_li:nth-child(5n),
.gallery_li:nth-child(4n),
.gallery_li:last-child,
.gallery_li{ margin-left:initial; margin-right:initial; width: 98%; margin: 0 1% 5rem;}
.gallery_li .gallery_item._title{ font-size: 1.4rem;}

.qa_content .qa_item .tit{font-size: 3vw;}
.qa_content .qa_item .tit ._s{font-size: 2vw;}
}/* END 1024px */
@media (max-width: 414px) { /* START 414px */
}/* END 414px */
@media (max-width: 280px) { /* START 280px */
}/* END 280px */



/* Customer service > 고객문의 */
.page_cs01_content .btn_wrap{}
.page_cs01_content .btn_item{font-family: 'NSKR';font-size: 2.4rem;color: #585858;width: 50rem;height: 8rem;line-height: 8rem;border-radius: 8rem;border: 1px solid #0077b6;background-color: #fff;box-shadow: none;transition: .3s;}
.page_cs01_content .btn_item:hover{background-color: #0077b6;color: #fff;}

.cs_map_wrap{margin:4.5rem 0 0;display: flex;justify-content: space-between;align-items: flex-start;}
.cs_map_box{ width: 100%; max-width: 800px; }
.cs_map_box + .cs_map_box{}
.cs_map_box .tit{ font-family: 'NSKB'; font-size: 3.6rem; color: #fefefe; text-align: center; width: 25rem; line-height: 8rem; border-radius: 8rem; background-color: #03045e; margin: 0 auto 5rem; }
.cs_map_box .txt_box{}
.cs_map_box .txt{ display: flex; justify-content: center; letter-spacing: -0.1rem; gap: 1rem; }
.cs_map_box .txt b{ font-family: 'NSKM'; font-size: 2.2rem; color: #585858; display: flex; justify-content: flex-end; width: 30%; }
.cs_map_box .txt span{ font-family: 'NSKML'; font-size: 2.2rem; color: #585858; display: flex; justify-content: flex-start; width: 70%; }
.cs_map_box .map_area{width: 100%; height: 400px; margin: 5rem auto 0;border-radius: 3rem;overflow: hidden;}
.cs_map_box .map_area .root_daum_roughmap .border1,
.cs_map_box .map_area .root_daum_roughmap .border2,
.cs_map_box .map_area .root_daum_roughmap .border3,
.cs_map_box .map_area .root_daum_roughmap .border4,
.cs_map_box .map_area .root_daum_roughmap .wrap_controllers{ display: none;}
.cs_map_box .map_area .root_daum_roughmap .wrap_map{ height: 100%;}
.cs_map_box .map_area_content{ width: 100%; height: 100%;}
/* Customer service > 기업소식 
목록 : 테이블 css 적용
*/

/* Customer service > E-Brochure */
.cs_brochure_wrap{}
.cs_brochure_ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.cs_brochure_li{width: 32%;margin: 0 1% 5rem;display: flex;flex-direction: column;align-items: center;gap: 5rem;}
.cs_brochure_li:first-child,
.cs_brochure_li:nth-child(3n+1){ margin-left:0;}
.cs_brochure_li:nth-child(3n),
.cs_brochure_li:last-child{ margin-right:0;}
.cs_brochure_thum{width: 100%;border: 1px solid #585858; position: relative;}
.cs_brochure_thum img{ width: 100%; }
.cs_brochure_thum .ico_edit{position: absolute;top: 1rem;right: 1rem;z-index: 1;}
.cs_brochure_thum .ico_edit i{font-size: 2rem;color: #0077b6;}
.cs_brochure_thum .ico_del{position: absolute;top: 1rem;right: 4rem;z-index: 1;}
.cs_brochure_thum .ico_del i{font-size: 2rem;color: #0077b6;}
.cs_brochure_content{ width: 100%; display: flex; justify-content: center; align-items: center; gap: 3rem; }
.cs_brochure_content .txt{ font-family: 'NSKM'; font-size: 1.8rem; color: #141414;}
.cs_brochure_content .btn_item{min-width: 150px;width: 50%;max-width: 25rem;height: 5rem;background: #fff;box-shadow: initial;font-family: 'NSKR';font-size: 1.6rem;color: #585858;gap: 1rem;border: 2px solid #0077b6;border-radius: 5rem;transition: .3s;}
.cs_brochure_content .btn_item .btn_txt{font-family: 'NSKR';font-size: 1.6rem;color: #585858;text-transform: uppercase;transition: .3s;}
.cs_brochure_content .btn_item .btn_ico{width: 14px;height: 14px;border-radius: 14px;display: flex;justify-content: center;align-items: center;transition: .3s;}
.cs_brochure_content .btn_item .ico{width:100%; transition: .3s;}
.cs_brochure_content .btn_item:hover{ background-color: #0077b6;}
.cs_brochure_content .btn_item:hover .btn_txt{ color: #fff;}
.cs_brochure_content .btn_item:hover .btn_ico{ border-color: #fff;}
.cs_brochure_content .btn_item:hover .ico{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.cs_brochure_li._empty{}
.cs_brochure_li._empty .cs_brochure_thum{ background-color: #000;}
.cs_brochure_li._empty .cs_brochure_thum img{ opacity: .5;}
@media (max-width: 1870px) { /* START 1870px pc */
.cs_map_wrap{ display: flex; flex-direction: column; align-items: center;}
.cs_map_box + .cs_map_box{ margin-top: 8rem;}
}/* END 1870px pc */
@media (max-width: 1420px) { /* START 1420 pc */
.cs_map_box .tit{font-size: 3rem;line-height: 6rem;height: 6rem;border-radius: 6rem;}
}/* END 1420 pc */
@media (max-width: 1160px){/* START 1160px pc */
}/* END 1160px pc */
@media (max-width: 1024px){/* START 1024px */
.cs_map_wrap{display: flex;flex-direction: column;}
.cs_map_box .tit{font-size: 2.5rem;line-height: 5.5rem;height: 5.5rem;border-radius: 5.5rem;}
.cs_map_box .txt{display: flex;justify-content: flex-start;}
.cs_map_box .txt b{display: flex;justify-content: flex-start;min-width: 94px;width: initial;font-size: 2rem;}
.cs_map_box .txt span{display: flex;font-size: 2rem;}

.cs_brochure_li:first-child{ margin-left:initial;}
.cs_brochure_li:last-child{ margin-right:initial;}
.cs_brochure_li:first-child,
.cs_brochure_li:last-child,
.cs_brochure_li{width: 48%;margin: 0 1% 5rem;}
}/* END 1024px */
@media (max-width: 767px) { /* START 767px */
}/* END 767px */
@media (max-width: 717px) { /* START 717px */
}/* END 717px */
@media (max-width: 540px) { /* START 540px */
.cs_map_box .tit{font-size: 2rem;line-height: 4rem;height: 4rem;border-radius: 4rem;margin: 0 auto 2rem;}
.cs_map_box .txt b{font-size: 1.8rem;}
.cs_map_box .txt span{font-size: 1.8rem;}
.cs_map_box .map_area{margin: 2rem auto 0;height: 30rem;}

.cs_brochure_li:first-child,
.cs_brochure_li:last-child,
.cs_brochure_li{width: 98%;margin: 0 1% 5rem;gap: 2rem;}
}/* END 540px */
@media (max-width: 480px) { /* START 480px */
.cs_brochure_content{ display: flex; gap: 1rem;}
.cs_brochure_content .txt{ font-size: 1.6rem;}
.cs_brochure_content .btn_item{ line-height: 3rem; height: 3rem;}
.cs_brochure_content .btn_item .btn_txt{ font-size: 1.3rem;}
}/* END 1024px */
@media (max-width: 414px) { /* START 414px */
}/* END 414px */
@media (max-width: 280px) { /* START 280px */
}/* END 280px */


/* Career */
.career_wrap{}
.career_wrap .btn_wrap{}
.career_wrap .btn_item{font-family: 'NSKR';font-size: 2.4rem;color: #585858;width: 50rem;height: 8rem;line-height: 8rem;border-radius: 8rem;border: 1px solid #0077b6;background-color: #fff;box-shadow: none;transition: .3s;}
.career_wrap .btn_item:hover{background-color: #0077b6;color: #fff;}
/* Career > 인재상 */
.page_career01_content{}
.page_career01_content .txt_box{}
.page_career01_content .txt{font-family: 'NSKL';font-size: 3rem;color: #585858;letter-spacing: -0.1rem;}
.page_career01_content .txt b{font-family: 'NSKM';font-size: 3rem;color: #141414;}
.page_career01_content .txt + .txt{}
.career_info_ul{display: flex;justify-content: space-between;margin: 8rem auto;}
.career_info_li{width: 32%;margin: 0 1%;padding: 3rem;border: 1px solid #767676;border-radius: 5rem 0 0 0;}
.career_info_li:first-child{ margin-left: 0;}
.career_info_li:last-child{ margin-right: 0;}
.career_info_li .career_info_top{display: flex;justify-content: space-between;align-items: center;gap: 1rem;}
.career_info_li .career_info_top .ico{ width: 50%; max-width: 20rem;}
.career_info_li .career_info_top .ico img{ width: 100%;}
.career_info_li .career_info_top .info_txt{ font-family: 'NSKM'; font-size: 3rem; color: #141414;}
.career_info_li .career_info_bot{width: 100%;margin: 5rem auto 0;display: flex;justify-content: center;align-items: center;}
.career_info_li .career_info_bot .txt{ font-family: 'NSKL'; font-size: 1.8rem; color: #585858;}
.career_info_li .career_info_bot .txt b{ font-family: 'NSKM'; font-size: 2rem; color: #141414;}

/* Career > 인재상 type2 (리뉴얼 231108) */
.page_career01_content .txt_box._type2{
    text-align: center;
}
.page_career01_content .txt._type2{font-family: 'NSKL';font-size: 3rem;color: #585858;letter-spacing: -0.1rem;}
.page_career01_content .txt._type2 b{font-family: 'NSKM';font-size: 3rem;color: #141414;}
.career_info_ul._type2{display: flex;justify-content: center;margin: 8rem auto;flex-wrap: wrap;align-items: center;gap: 2rem;}
.career_info_li._type2{min-width: 38rem;width: 24%;max-width: 40rem;min-height: 40rem;margin: 0;padding: 0;border: 1px solid #767676;border-radius: 5rem 0 0 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.career_info_li._type2:first-child{ margin-left: 0;}
.career_info_li._type2:last-child{ margin-right: 0;}
.career_info_li .career_info_top._type2{display: flex;justify-content: space-between;align-items: center;gap: 1rem;width: 100%;}
.career_info_li .career_info_top .info_tit._type2{font-family: 'NSKB';font-size: 4.8rem;color: #03045e;line-height: 1;position: relative;width: 100%;margin-left: 4vw;margin-bottom: 3rem;}
.career_info_li .career_info_top .info_tit._type2:after{content:'';display: block;position: absolute;bottom:0;left: 0;right:0;height: 5px;background-color: #caf0f8;z-index: 1;}
.career_info_li .career_info_top .info_tit._type2 span{display: block;position: relative;z-index: 2;width: 100%;}

.career_info_li .career_info_bot._type2{width: 100%;margin: 3rem auto 0;display: flex;justify-content: center;align-items: center;}
.career_info_li .career_info_bot .txt._type2{font-family: 'NSKL';font-size: 1.8rem;color: #585858;text-align: center;padding: 0;}
.career_info_li .career_info_bot .txt._type2 b{ font-family: 'NSKM'; font-size: 2rem; color: #141414;}

/* Career > 채용절차 */
.page_career02_content{}
.career_process{ display: flex; justify-content: space-between; align-items: center; }
.career_process_item{ display: flex; flex-direction: column; align-items: center; }
.career_process_item p{ font-family: 'NSKM'; font-size: 3rem; color: #141414; }
.career_process_item:last-child p{ font-family: 'NSKM'; font-size: 4.8rem;}
.career_process_item span{ font-family: 'NSKL'; font-size: 1.8rem; color: #141414; }
.career_process_arrow{}
.career_process_arrow:nth-child(1){ color: #caf0f8;}
.career_process_arrow:nth-child(2){ color: #90e0ef;}
.career_process_arrow:nth-child(3){ color: #00b4d8;}
.career_process_arrow:nth-child(4){ color: #0077b6;}
.career_process_arrow:nth-child(5){ color: #03045e;}
.career_process_arrow i{
    font-size: 3.5rem;
}

.career_information_content{}
.career_information_content .title{display: flex;justify-content: space-between;align-items: flex-end;margin: 8rem auto 2rem;}
.career_information_content .title b{ font-family: 'NSKM'; font-size: 3rem; color: #141414; }
.career_information_content .title span{ font-family: 'NSKL'; font-size: 1.8rem; color: #da0202; }
.career_info_tap_head{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin-bottom: -1px;}
.career_info_tap_item{font-family: 'NSKL';font-size: 2rem;color: #585858;border: 1px solid #0077b6;width: 20%;max-width: 170px;line-height: 8rem;letter-spacing: -0.1rem;text-align: center;margin: 0 -1px 0 0;cursor: pointer;transition: .3s;}
.career_info_tap_item:hover,
.career_info_tap_item.active{ background-color: #0077b6; color: #fefefe; border-radius: 3rem 0 0 0; }
.career_info_tap_body{border: 2px solid #0077b6;}
.career_info_tap_content{ display: none; padding: 3%; }
.career_info_tap_content .tit{ font-family: 'NSKM'; font-size: 2.4rem; color: #141414; line-height: 1.5; }
.career_info_tap_content .tit .ico{ color: #0077b6; }
.career_info_tap_content .txt_box{}
.career_info_tap_content .txt_box + .tit{margin-top: 2.5rem;display: inline-block;}
.career_info_tap_content .txt{ font-family: 'NSKL'; font-size: 1.8rem; color: #585858; line-height: 1.5; }
.career_info_tap_content .txt + .txt{}

/* Career > 인사제도 */
.page_career03_content{}
.page_career03_content .career_info_ul{}
.page_career03_content .career_info_li{ padding: 5rem; }
.career_info_li .career_tit{ font-family: 'NSKB'; font-size: 3.6rem; color: #141414; line-height: 1; margin-bottom: 5rem; position: relative;}
.career_info_li .career_tit:after{content:'';display: block;position: absolute;bottom:0;left: 0;right:0;height: 5px;background-color: #caf0f8;z-index: 1;}
.career_info_li .career_tit span{ position: relative; z-index: 2; }

.career_info_li .txt_box{}
.career_info_li .txt_box + .txt_box{ margin-top: 2.5rem; }
.career_info_li .txt_box .tit{ font-family: 'NSKM'; font-size: 2.4rem; color: #141414; display: block; }
.career_info_li .txt_box .tit._s{ font-family: 'NSKB'; font-size: 2rem; color: #141414; margin: 2rem 0 .5rem; }
.career_info_li .txt_box .tit._s .ico{ color: #0077b6;}
.career_info_li .txt{ font-family: 'NSKL'; font-size: 1.8rem; color: #141414; line-height: 1.63; }

.career_info_li .table_content{}
.career_info_li .table_content td span{ display: block;}

.career_info_li .list_box{ margin: 5rem auto 0; }
.career_info_li .list_item{ font-family: 'NSKL'; font-size: 1.8rem; color: #141414; line-height: 1.5; }
.career_info_li .list_item .ico{ font-family: 'NSKB'; font-size: 2rem; color: #0077b6; }
@media (max-width: 1800px) { /* START 1800px pc */
.page_career01_content .txt,
.page_career01_content .txt b,
.page_career01_content .txt._type2,
.page_career01_content .txt._type2 b{font-size: 2.8rem;}

.career_info_li .career_info_top .info_txt{ font-size: 2rem;}
.career_info_li .career_info_top .info_txt .pc_item,
.career_info_li .career_info_bot .txt .pc_item{ display: none; }

.career_info_li._type2{min-width: initial;width: 48%;max-width: 52rem;}

}/* END 1800px pc */
@media (max-width: 1420px) { /* START 1420 pc */
}/* END 1420 pc */
@media (max-width: 1160px){/* START 1160px pc */

.career_info_ul{ display: flex; flex-direction: column;}
.career_info_li:first-child{ margin-left: initial;margin: 1% auto;}
.career_info_li:last-child{ margin-right: initial;margin: 1% auto;}
.career_info_li{width: 100%;max-width: 50rem;margin: 1% auto;}

.career_info_ul._type2{ display: flex; flex-direction: column;}
.career_info_li._type2:first-child{ margin-left: initial;margin: 0;}
.career_info_li._type2:last-child{ margin-right: initial;margin: 0;}
.career_info_li._type2{width: 100%;max-width: 50rem;margin: 1% auto;}

.page_career03_content .career_info_li{ width: 70vw; max-width: 90%;}
}/* END 1160px pc */
@media (max-width: 1024px){/* START 1024px */
.page_career01_content .txt,
.page_career01_content .txt b,
.page_career01_content .txt._type2,
.page_career01_content .txt._type2 b{font-size: 2.5rem;}

.career_process{ display: none;}

.career_information_content .title{display: flex;flex-direction: column;align-items: stretch;}
.career_info_tap_item{font-size: 2vw;}

.page_career03_content .career_info_li{padding: 3rem;margin: 0 auto 6rem;}
}/* END 1024px */
@media (max-width: 767px) { /* START 767px */
.career_info_tap_item{font-size: 2.5vw;width: auto;padding: 0 3vw;line-height: 6rem;}

.career_info_li .career_info_top .info_tit._type2{ font-size: 3rem;}
.career_info_li .career_info_bot._type2{ padding: 0 1rem;}
}/* END 767px */
@media (max-width: 717px) { /* START 717px */
}/* END 717px */
@media (max-width: 540px) { /* START 540px */
.career_information_content .title b,
.career_info_li .career_tit{ font-size: 2.8rem;}

.career_wrap .btn_item{font-size: 2.4rem;line-height: 6rem;height: 6rem;}

.page_career01_content .txt,
.page_career01_content .txt b,
.page_career01_content .txt._type2,
.page_career01_content .txt._type2 b,
.career_info_tap_content .tit,
.career_info_li .txt_box .tit{font-size: 2.2rem;}

.career_info_li .txt_box .tit._s{ font-family: 'NSKM'; font-size: 2rem;}

.career_info_li .career_info_top .info_txt,
.career_info_li .career_info_bot .txt b,
.career_info_tap_content .txt,
.career_info_li .txt,
.career_info_li .list_item{ font-size: 1.8rem;}

.career_information_content .title span{ font-size: 1.6rem;}

.career_info_tap_item{font-size: 1.4rem;line-height: 3;letter-spacing: -0.15rem;}


.page_career03_content .career_info_li{ width: 100%; max-width: initial;}
}/* END 540px */
@media (max-width: 480px) { /* START 480px */
}/* END 1024px */
@media (max-width: 414px) { /* START 414px */
.career_information_content .title b,
.career_info_li .career_tit{font-size: 2.4rem;}

.career_wrap .btn_item{font-size: 2rem;line-height: 5rem;height: 5rem;}

.page_career01_content .txt,
.page_career01_content .txt b,
.page_career01_content .txt._type2,
.page_career01_content .txt._type2 b,
.career_info_tap_content .tit,
.career_info_li .txt_box .tit{font-size: 1.8rem;}

.career_info_li .txt_box .tit._s{ font-family: 'NSKM'; font-size: 1.7rem;}

.career_info_li .career_info_top .info_txt,
.career_info_li .career_info_bot .txt b,
.career_info_tap_content .txt,
.career_info_li .txt,
.career_info_li .list_item{ font-size: 1.6rem;}

.career_information_content .title span{ font-size: 1.4rem;}
}/* END 414px */
@media (max-width: 280px) { /* START 280px */
}/* END 280px */







.board_view_wrap{ font-family: 'NSKR'; font-size: 2rem; color: #585858;}
.board_view_inner{}

.board_view_info{}
.board_view_info .title{font-family: 'NSKM';font-size: 3.6rem;color: #141414;line-height: 6rem;text-align: center;border-top: 2px solid #141414;border-bottom: 1px solid #c0c0c0;background-color: #f5f5f5;}
.board_view_info .info{font-family: 'NSKR';font-size: 2rem;color: #585858;line-height: 5rem;border-bottom: 1px solid #c0c0c0;padding: 0 3rem;}
.board_view_info .info.gap1{ gap: 1rem;}
.board_view_info .info.gap2{ gap: 2rem;}
.board_view_info .info.gap3{ gap: 3rem;}
.board_view_info .info.left,
.board_view_info .info.start{}
.board_view_info .info.center{}
.board_view_info .info.between{}
.board_view_info .info.left,
.board_view_info .info.start{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.board_view_info .info.right,
.board_view_info .info.end{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.board_view_info .info.center{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
.board_view_info .info.between{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content:  space-between;}
.board_view_info .info .name{}
.board_view_info .info .date{}
.board_file_box{border-bottom: 1px solid #c0c0c0;min-height: 5rem;line-height: 5rem;padding: 0;}
.board_file_box .ico_file{display: inline-block;width: 22px;margin: 0 1rem;}
.board_file_box .ico_file img{ width: 100%;}
.board_file_box .file_name{ }
.board_file_box .file_name i{ font-size: 1.5rem;}
.board_content{font-family: 'NSKL';font-size: 1.8rem;color: #141414;border-bottom: 2px solid #141414;min-height: 5rem;padding: 3rem 0;}

.board_view_wrap .btn_wrap{}
.board_view_wrap .btn_item{}
.board_view_wrap .btn_item{width: 25rem;height: 5rem;background: #fff;box-shadow: initial;font-family: 'NSKR';font-size: 1.6rem;color: #585858;gap: 1rem;border: 2px solid #0077b6;border-radius: 5rem; transition: .3s;}
.board_view_wrap .btn_item:hover{ background-color: #0077b6; color: #fff;}

.board_location_wrap{display: flex;justify-content: space-between;border-bottom: 2px solid #141414;}
.board_location_wrap .next_block,
.board_location_wrap .prev_block{display: flex;justify-content: center;align-items: center;gap: 1rem;padding: 0 1rem;width: 50%;line-height: 3;}
.board_location_wrap .next_block{ display: flex; flex-direction: row; justify-content: flex-start;}
.board_location_wrap .prev_block{ display: flex; flex-direction: row-reverse; justify-content: flex-start;}
.board_location_wrap i{}
.board_location_wrap .tit{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 100px); }
.board_location_wrap .next_block .tit{ text-align: left;}
.board_location_wrap .prev_block .tit{ text-align: right;}

.table_content .btn_wrap{}
.table_content .btn_item{}
.table_content .btn_item{width: 25rem;height: 5rem;background: #fff;box-shadow: initial;font-family: 'NSKR';font-size: 1.6rem;color: #585858;gap: 1rem;border: 2px solid #0077b6;border-radius: 5rem; transition: .3s;}
.table_content .btn_item:hover{ background-color: #0077b6; color: #fff;}

.board_write_wrap{ font-family: 'NSKR'; font-size: 2rem; color: #585858;}
.board_write_inner{}
.board_write_inner .board_write_block{display: flex;width: 100%;align-items: center;}
.board_write_info .title{font-family: 'NSKM';font-size: 3.6rem;color: #141414;line-height: 6rem;text-align: center;border-top: 2px solid #141414;border-bottom: 1px solid #c0c0c0;background-color: #f5f5f5;}
.board_write_box{ width: 100%; display: flex;}
.board_write_box > .board_write_block{ width: 50%;}

.board_write_block{ padding: 1rem; border-bottom: 1px solid #c0c0c0;}
.board_write_block label{ display: inline-block; min-width: 64px;}
.board_write_block .input_item,
.board_write_block .textarea_item{font-size: 1.8rem;border: 1px solid #c0c0c0;text-indent: 1rem;line-height: 2.5;}
.board_write_block .input_item{}
.board_write_block .input_item.full{ width: 100%;}
.board_write_block .input_item[readonly]{ background-color: #f5f5f5;}
.board_write_block .textarea_item{}

.board_write_wrap .btn_item{width: 25rem;height: 5rem;background: #fff;box-shadow: initial;font-family: 'NSKR';font-size: 1.6rem;color: #585858;gap: 1rem;border: 2px solid #0077b6;border-radius: 5rem; transition: .3s;}
.board_write_wrap .btn_item:hover{ background-color: #0077b6; color: #fff;}

.category_wrap{ width:  100%; max-width: 1280px; margin: 0 auto 2rem; padding: 2rem; border-radius: 2rem; background-color:  #f5f5f5; }
.category_wrap .category{ text-align: center; }
.category_wrap .cate_btn{ padding: .5rem 1rem; border-radius: 5px; background-color: #869edb; margin: .5rem; color: #fff; transition: .3s; }
.category_wrap .cate_btn:hover{ box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .15);}
.category_wrap .cate_btn.active{ background-color: #1e4998;}

.select_wrap{ width: 100%; max-width: 1280px; margin: 0 auto 2rem; padding: 2rem; border-radius: 2rem; background-color: #f5f5f5;}
.select_box{ text-align: center;}
.select_box select{line-height: 3.8rem;padding: 0 4rem 0 1rem;margin:0 1rem;border: 1px solid #bbbbbb;font-family: 'NSKR';font-size: 1.4rem;color: #000000;background: url(../img/ico/ico_select_arrow.png) #fff no-repeat 92% center;}

.file_attach_block{ position: relative;}
.file_attach_block .title_underline{ margin: 0 10px; padding: 0 10px; width: 12rem; position: absolute; top: 0; right: 0;}
.file_attach_block .title{ display: none;}
.file_attach_block .file_block{display: flex;justify-content: flex-start;align-items: center;gap: 10px;margin: 10px 0;padding: 10px;background-color: #f5f5f5;width: 100%;max-width: calc(100% - 20rem);}
.file_attach_block .file_block .file_divide{ display: none;}
.file_attach_block .file_block label{ display: flex; justify-content: center; max-width: 120px; border: 1px solid #0077b6; color: #0077b6; cursor: pointer; background-color: #fff; font-size: 1.4rem; padding: 7px; border-radius: 5px; height: 3rem;}
.file_attach_block .file_block span.checkbox{ display: flex;}
.file_attach_block .file_block .file_box{ display: flex; width: 100%; max-width: 100%;}
.file_attach_block .file_block input[type=file]{ display: none;}
.file_attach_block .file_block input[type=text]{ display: inline-block; height: 30px; padding: 0 1.5%; vertical-align: middle; border: 0; width: 100%; color: #999;}
.file_attach_block .file_add{font-size: 1.4rem;padding: 5px;border-radius: 5px;width: 100%;}

.board_write_wrap .custom_label{display: inline-block;position: relative;cursor: pointer;font-size: 1rem;-webkit-user-select: none;-moz-user-select: none;user-select: none;height: auto;line-height: 1.15;color: #333;padding: 0rem 0 0rem 2.5rem !important;margin: 0;}
.board_write_wrap .custom_label + .custom_label{ margin-left: 3rem;}
.board_write_wrap .custom_label .check_mark{position: absolute;top: 0px;left: 0;height: 20px;width: 20px;border: 2px solid #c0c0c0;border-radius: 0px;background-color: #fff;}
.board_write_wrap .custom_label .check_mark:after{ content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 11px; border: solid #88e1ff; border-width: 0 3px 3px 0; transform: rotate(45deg);}
.board_write_wrap .custom_label input{ position: absolute; opacity: 0; cursor: pointer;}
.board_write_wrap .custom_label input:checked ~ .check_mark:after{ display: block;}
.board_write_wrap .custom_label input:checked + .check_mark{ background-color: #0077b6; border: 1px solid #0077b6;}
.board_write_wrap .custom_label input:checked + .check_mark:after{ border: solid #fff; border-width: 0 2px 2px 0;}
.board_write_wrap .custom_label .check_txt{ font-family: "NSKM"; font-size: 1.8rem; color: #000000;}
.board_write_wrap .custom_label.round .check_mark{ border-radius: 5px;}
.board_write_wrap .custom_label.rounder .check_mark{ border-radius: 15px;}
.board_write_wrap .custom_label.rounder .check_mark:after{ left: 5px; top: 5px; width: 5px; height: 5px;}
.board_write_wrap .custom_label.rounder input:checked + .check_mark:after{ border-width: 4px 4px 4px 4px;}
@media (max-width: 1024px){/* START 1024px */
.board_view_info .title,
.board_write_info .title{ font-size: 2.5rem;}
.board_write_box{display: flex;flex-direction: column;}
.board_write_box > .board_write_block{ width: 100%;}
.table_content .btn_item,
.board_view_wrap .btn_item,
.board_write_wrap .btn_item{ min-width: 80px; max-width: 120px;}
.file_attach_block .file_block{ max-width: calc(100% - 10rem);}
.file_attach_block .title_underline{width: 8rem;margin: 0;padding: 0;}
}/* END 1024px */
@media (max-width: 767px) { /* START 767px */
}/* END 767px */
@media (max-width: 717px) { /* START 717px */
}/* END 717px */
@media (max-width: 540px) { /* START 540px */
}/* END 540px */
@media (max-width: 480px) { /* START 480px */
}/* END 1024px */
@media (max-width: 414px) { /* START 414px */
}/* END 414px */
@media (max-width: 280px) { /* START 280px */
}/* END 280px */

.characteristics_inn img {width: 100%;height: 100%;transition: ease-in-out 0.3s;}
.characteristics_inn {margin-top: 43px;}
.characteristics_inn .characteristics_sec01 {position: relative; display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.characteristics_inn .characteristics_text {margin-top:-72px;position: relative;font-size: 36px;font-weight: 500;text-align: center;background-color: #fff;line-height: 45px;border-radius: 124px;display: flex;justify-content: center;align-items: center;width: 394px;height: 180px; box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 30%)}
.characteristics_inn .characteristics_text, .characteristics_inn .characteristics_img {z-index: 1;text-align: center;}
.characteristics_inn .characteristics_sec01 .line01 {content: "";position: absolute;width: 80%;border: none;
    border-top: 2px dashed #767676;left: 50%;top: 50%;transform: translate(-50%, -30px);text-indent: -999999999999px;height: 1px;}
.characteristics_inn .characteristics_sec01 .line02 {content: "";position: absolute;width: 1px;border: none;
    border-right: 2px dashed #767676;left: 50%;transform: translate(-50%);text-indent: -999999999999px;height: 25%;bottom: 24%;}
.characteristics_inn .characteristics_img .txt {font-size: 24px;color: #141414;font-weight: 700;margin-top: 11px;}
.characteristics_inn .characteristics_sec02 {display: flex;flex-direction: column;align-items: center;}
.characteristics_inn .characteristics_sec02 h3{color: #0077b6;font-size: 30px;font-weight: 700;}
.characteristics_inn .characteristics_sec02 h4{color: #141414;font-size: 20px;line-height: 26px;padding: 3px 0 9px;}
.characteristics_inn .characteristics_sec02 li{font-size: 20px;color: #585858;font-weight: 300;position: relative;padding-left: 0px;line-height: 36px;}
/* .characteristics_inn .characteristics_sec02 li::before{content: "";position: absolute;width: 6px;height: 6px;background: #0077b6;border-radius: 50px;left: 0;top: 13px;} */
.characteristics_sec02_inn {margin-top: -123px;}

.application_container{width: 73%;height: fit-content;margin: 0 auto;padding-top: 30px;}
.for_all_container{ display: flex;flex-direction: row;justify-content: space-around;gap: 300px;}
.for_all_container2{margin-top: 210px;display: flex;justify-content: space-around;gap: 300px;}
.container_1{border-radius: 30px;background-color: rgb(253, 253, 253);box-shadow: -2.034px -4.568px 4.75px 0.25px rgba(238, 238, 238, 0.3),2.046px 2.194px 4.75px 0.25px rgba(0, 0, 0, 0.3); width: 350px; height: 300px;z-index: 56;align-items: center;display: flex;flex-direction: column;justify-content: center;padding: 20px 5px;}
.container_1 .cap_1{font-size: 20px;font-family: 'Noto Sans CJK KR'; color: rgb(20, 20, 20);font-weight: 700;line-height: 1.2;text-align: center;z-index: 61;letter-spacing: -1px;}
.image_container_1{align-items: center;display: flex;flex-direction: row; gap: 20px;justify-content: center;padding: 30px 5px;}
.image_container_1 img{width: 120px;height: 120px;object-fit: contain;}
.for_all_container2 .sub_container{position: absolute;width: 300px;height: 100px;padding: 10px;}
.for_all_container2 .for_img10{position: absolute;left: 55px;top: 20px;width: 102px;height: 100px;z-index: 66;}
.for_all_container2 .for_img11{position: absolute;width: 75px;height: 75px;z-index: 66;left: 20px;}
.for_all_container2 .for_img12{position: relative;margin-left: 140px;padding-top: 10px;}
.image_container_2{width: 64%;position: absolute;display: flex; flex-direction: column;justify-content: center;align-items: center;height: 200px;}
.image_container_2 img{position: absolute;width: 190px;height: 190px;}
.for_text{border-radius: 50%;background-color: rgb(253, 253, 253);box-shadow: -2.034px -4.568px 4.75px 0.25px rgba(238, 238, 238, 0.3),2.046px 2.194px 4.75px 0.25px rgba(0, 0, 0, 0.3);position: absolute;width: 170px;height: 170px;z-index: 90;}
.image_container_2 .cap_2{font-size: 20px;font-family: 'Noto Sans CJK KR'; color: rgb(0, 0, 0);line-height: 1.25;text-align: center;font-weight: 600;margin-top: 75px;z-index: 91;}
.for_line_1{border-width: 2px; border-color: rgb(118, 118, 118);border-style: dashed;position: absolute;transform: rotate(30deg);top: 100px;width: 1000px;z-index: 54;}
.for_line_2{border-width: 2px;border-color: rgb(118, 118, 118);border-style: dashed;position: absolute;transform: rotate(-30deg);top: 100px;width: 1000px;z-index: 54;}

@media screen and (max-width: 1620.98px) {
    .characteristics_inn .characteristics_img .img {width: 300px;}
    .characteristics_inn .characteristics_text {font-size: 25px;width: 320px;height: 130px;line-height: 36px;}
    .characteristics_sec02_inn {margin-top: 50px;}
    .characteristics_inn .characteristics_sec01 .line02 {height: 45%;bottom: 0;}
}
@media screen and (max-width: 1470.98px) {
    .application_container{ margin-top: 50px;}
    .for_all_container{ gap: 50px;}
    .for_all_container2{gap: 50px;}
    .image_container_2 img{width: 150px;height: 150px;}
    .for_text{width: 130px;height: 130px;}
    .image_container_2 img{width: 150px;height: 150px;}
    .image_container_2 .cap_2{text-align: center;margin-top: 50px;}
    .for_text{ width: 130px;height: 130px;}
    .for_text .cap_2{ font-size: 19px;margin-top: 55px;}
    .for_line_1{transform: rotate(60deg);width: 800px;}
    .for_line_2{transform: rotate(-60deg);width: 800px;}
}
@media screen and (max-width: 1000.98px) {
    .characteristics_inn .characteristics_sec01 {flex-direction: column;gap: 80px;}
    .characteristics_inn .characteristics_text {margin-top: 0;}
    .characteristics_inn .characteristics_sec01 .line01 {display: none;}
    .characteristics_inn .characteristics_sec01 .line02 {height: 20%;bottom: 0;top: 50%;transform: translate(-50%, -50%);}
    .characteristics_inn .characteristics_sec02 {margin-top: 50px;}
    .characteristics_sec02_inn {margin-top: 0;}

    .for_all_container{ display: flex;margin-bottom: 100px;justify-content: center;align-items: center;flex-direction: column;}
    .for_all_container2{display: flex;margin-top: 400px;justify-content: center;align-items: center;flex-direction: column;}
    .container_1{width: 400px;height: 350px;padding: 10px 5px;}
    .image_container_1 img{width: 150px;height: 150px;}
    .for_all_container2 .for_img10{ width: 120px;height: 120px;left: 20px;top: 10px;}
    .for_all_container2 .for_img11{width: 75px; height: 75px;left: 0;}
    .for_all_container2 .for_img12{margin-left: 180px;padding-top: 10px;}
    .image_container_2 img{ width: 190px;height: 190px;}
    .for_text{ width: 170px; height: 170px;}
    .for_text .cap_2{font-size: 24px; margin-top: 75px; }
    .image_container_2 .for_line_1{ transform: rotate(90deg);width: 1500px;}
    .image_container_2 .for_line_2{display: none;}
}

@media screen and (max-width: 575.98px) {
    .characteristics_inn .characteristics_img .txt {font-size: 18px;}
    .characteristics_inn .characteristics_text {font-size: 18px;padding: 20px 43px;line-height: 26px;}
    .characteristics_inn .characteristics_img .img {width: 250px;}
    .characteristics_inn .characteristics_sec02 li {font-size: 15px;line-height: 26px;}
    .characteristics_inn .characteristics_sec02 h4 {font-size: 16px;line-height: 22px;}
    .characteristics_inn .characteristics_sec02 h3 {font-size: 24px;}
    .characteristics_inn .characteristics_text {width: 250px;height: 90px;}
    .characteristics_inn .characteristics_sec01 {gap: 60px;}

    .container_1{width: 350px;height: 300px;padding: 10px 5px;}
    .image_container_1 img{ width: 100px;height: 100px;}
    .for_all_container2 .for_img10{ width: 100px;height: 100px;left: 40px;top: 15px;}
    .for_all_container2 .for_img11{width: 65px;height: 65px;left: 20px;}
    .for_all_container2 .for_img12{margin-left: 120px;padding-top: 10px;}
    .container_1 .cap_1{ font-size: 16px;}
    .for_text .cap_2{font-size: 18px;margin-top: 75px;}
}
@media screen and (max-width: 483px) {
    .container_1{width: 300px;height: 200px;padding: 10px 5px;}
    .image_container_1 img{width: 80px;height: 70px;}
    .for_all_container2 .for_img10{width: 70px;height: 70px; left: 60px;top: 25px;}
    .for_all_container2 .for_img11{ width: 45px;height: 45px;z-index: 66; left: 50px;top: 20px;}
    .for_all_container2 .for_img12{margin-left: 100px;padding-top: 10px;}
    /* .image_container_2 img{width: 150px;height: 150px;}
    .for_text{width: 140px;height: 140px;} */
    /* .image_container_2 .cap_2{margin-top: 60px;} */
    .image_container_2 .for_line_1{transform: rotate(90deg);width: 1200px;}
    .image_container_2 .for_line_2{display: none;}
}

/* 문의 답변상태 버튼 */
.status_complete,
.status_ing{font-family: 'NSNM';font-size: 1.3rem;padding: .2rem .5rem;margin: 0 1rem;border-radius: 1rem;display: inline-block;}
.status_complete{background-color: #0077b6;color: #fff;}
.status_ing{ background-color: #eee; color: #000;}


/* 문의 글작성 페이지 개인정보수집 동의 */
._customer_service .agree_wrap{padding: 1rem 0;}
._customer_service .agree{}
._customer_service .agree_title{font-family: 'NSKM';font-size: 2.2rem;color: #585858;line-height: 2;}
._customer_service .agree_content{height: 200px;font-family: 'NSKR';font-size: 1.8rem;color: #585858;border: 1px solid #585858;border-radius: 1rem;padding: .5rem 1rem;}
._customer_service .agree .chk_box{ position: relative;}
._customer_service .agree .chk_box:after{}
._customer_service .agree .custom-control-input{}


.comment_list{ padding: 2rem 0; }
.comment_list .comment_list_wrap{}
.comment_list .comment_list_box{}
.comment_list .comment_list_block{ font-family: 'NSKR'; font-size: 1.8rem; color: #585858; border: 1px solid #585858; border-radius: 1rem; padding: 0.5rem 1rem; }
.comment_list .comment_list_block p{ font-family: 'NSKM'; font-size: 2.2rem; color: #585858; }
.comment_list .comment_list_block p + p{ font-family: 'NSKR'; font-size: 1.8rem; color: #585858; }
.comment_list .comment_list_block p + p span{}


/* 커스펌 스크롤바 */
._customer_service .agree_content{ overflow-x: hidden; overflow-y: scroll; width: 100%;}
._customer_service .agree_content::-webkit-scrollbar { width: 10px; }
._customer_service .agree_content::-webkit-scrollbar-thumb { background-color: #eee; border-radius: 0; background-clip: padding-box; border: 1px solid transparent;}
._customer_service .agree_content::-webkit-scrollbar-thumb:active{ background-color: #111; background-clip: padding-box; border: 1px solid transparent; }
._customer_service .agree_content::-webkit-scrollbar-track { background-color: #767676; }
/*  스크롤의 화살표가 포함된 영역   */
._customer_service .agree_content::-webkit-scrollbar-button:start:decrement, 
._customer_service .agree_content::-webkit-scrollbar-button:end:increment { display:block; height:10px; background-color: #767676; }
/* 상하 방향 스크롤바 화살표 버튼 */
._customer_service .agree_content::-webkit-scrollbar-button:vertical:increment { background-color: #767676; padding:1rem 0;}
._customer_service .agree_content::-webkit-scrollbar-button:vertical:decrement { background-color: #767676; padding:1rem 0;}

/* 좌우 방향 스크롤바 화살표 버튼 */
._customer_service .agree_content::-webkit-scrollbar-button:horizontal:increment,
._customer_service .agree_content::-webkit-scrollbar-button:horizontal:decrement {}

/* Vertical Scrollbar button (BOTTOM-LEFT START) */
._customer_service .agree_content::-webkit-scrollbar-button:vertical:single-button:start {
	position: absolute; content: ''; 
	height: 5px; background-image: url('../img_dong/ico/ico_scroll_arrow_up.png'); background-repeat: no-repeat; background-size: contain; background-size: cover; 
}
/* Vertical Scrollbar button (BOTTOM-RIGHT END) */
._customer_service .agree_content::-webkit-scrollbar-button:vertical:single-button:end {
	position: absolute; content: ''; 
	height: 5px; background-image: url('../img_dong/ico/ico_scroll_arrow_down.png'); background-repeat: no-repeat; background-size: contain; background-size: cover; 
}

/* Horiontal Scrollbar button (TOP-RIGHT START) */
._customer_service .agree_content::-webkit-scrollbar-button:horizontal:single-button:start {
	position: absolute; content: ''; 
	width: 5px; height: 15px; background-image: url('../img_dong/ico/ico_scroll_arrow_up.png'); background-repeat: no-repeat; background-size: contain; background-size: cover; 
}
/* Horiontal Scrollbar button (BOTTOM-RIGHT END) */
._customer_service .agree_content::-webkit-scrollbar-button:horizontal:single-button:end {
	position: absolute; content: '';
	width: 5px; height: 15px; background-image: url('../img_dong/ico/ico_scroll_arrow_down.png'); background-repeat: no-repeat; background-size: contain; background-size: cover; 
}
/* Scrollbar corner which is totally at bottom-right */
._customer_service .agree_content::-webkit-scrollbar-corner { background-color: #767676; }