@charset "utf-8";
.input_ie { height: 50px; }
.ac { text-align: center; }
.clearfix:after { display: block; content: ''; clear: both; }
.inner:after { display: block; content: ''; clear: both; }
/* 하단 슬라이드 */
.familySlide .item { border: 1px solid #ddd; margin-left: 10px; height: 52px; text-align: center; }
.familySlide .item img { display: inline; vertical-align: -19px; height: 20px; }
/* 검색영역 */
.srch_bar .btn_close { position: absolute; top: 28px; right: 0; }
.srch_bar h1 { color: #fff; display: inline-block; font-size: 20px; margin-right: 20px; }
.srch_bar { position: absolute; top: 100px; left: 0; background: #b13130; width: 100%; z-index: 9999999999; }
.search { -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 1px 30px; padding-right: 50px; width: 860px; display: inline-block; border-radius: 30px; background: #fff; margin: 17px 0; }
.search input[type='text'] { width: 90%; padding-left: 10px; padding-right: 45px; height: 46px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; }
.search .btn_find { position: absolute; top: 16px; right: 100px; width: 48px; height: 48px; }
/* 투뎁스 */
.depth02 { margin-left: 25px; margin-top: 20px; height: 630px; }
.depth02 > li:not(:last-child) { margin-bottom: 20px; }
.depth02 a { line-height: 1.4em; -ms-word-break: keep-all; word-break: keep-all; }
.depth02 .depth03 a { line-height: 25px; letter-spacing: -1px; }
.search .btn_close { position: absolute; top: 28px; right: 0; }
/* 사이트맵 */
.map_view .inner > ul > li { float: left; border-right: 1px solid #ebebeb; padding-top: 30px; width: 14.1%; }
.map_view .inner > ul > li:first-child { border-left: 1px solid #ebebeb; }
.map_view .inner > ul > li > a { padding-left: 25px; font-size: 22px; color: #333; font-weight: bold; letter-spacing: -1px; }
.map_view { display: none; position: absolute; top: 160px; background: #fff; width: 100%; left: 0; border-top: 1px solid #ebebeb; }
.map_view.on { display: block; z-index: 999999999; }
.btn_wrap { position: absolute; top: 120px; left: 50%; margin-left: 510px; display: block; background: url(/image/common/sam02.png) no-repeat 0 0; width: 82px; height: 22px; }
.srch { position: absolute; top: 119px; display: block; background: url(/image/common/sam02.png) no-repeat 0 0; width: 20px; height: 22px; z-index: 9999; right: 76px; }
.srch02 { position: absolute; top: 120px; display: block; background: url(/image/common/sam02.png) no-repeat 0 0; width: 20px; height: 22px; z-index: 9999; right: 75px; display: none; }
.sitemap { position: absolute; top: 100px; z-index: 9999; display: block; background: url(/image/common/sam02.png) no-repeat -39px 19px; width: 60px; height: 60px; right: 0; }
.bar { width: 1px; height: 22px; background: rgba(255, 255, 255, 0.5); display: block; position: absolute; top: 120px; right: 63px; }
/* header */
.layout_type2 .map_wrap { display: none; }
.layout_type2 .srch { top: 19px; background: url(/image/common/sam.png) no-repeat 0 0; }
.layout_type2 .bar { top: 19px; background: rgba(0, 0, 0, 0.2); }
.layout_type2 .sitemap { top: 0; background: url(/image/common/sam.png) no-repeat -39px 19px; }
.h_filled .gsnb_bg { display: block; }
.h_filled .btn_wrap { background: url(/image/common/sam.png) no-repeat 0 0; }
.h_filled .srch { background: url(/image/common/sam.png) no-repeat 0 0; }
.h_filled .sitemap { background: url(/image/common/sam.png) no-repeat -39px 19px; }
.h_filled .sitemap.on { background: url(/image/common/map_close.png) no-repeat center center; }
.h_filled .bar { background: rgba(0, 0, 0, 0.2); }
.snb { z-index: 999; position: absolute; right: 0; top: 30px; overflow: hidden; }
.snb li { float: left; }
.h_wrap .snb {
  top: 109px;
  right: 126px;
}
.h_wrap .snb a {
  color: #111;
  border-color: #fff;
  background-color: #fff;
}
.h_wrap .snb a:hover, .h_wrap .snb a:focus {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.h_filled .h_wrap .snb {
  top: 11px;
}
#wrap:not(.layout_type2) .h_filled .h_wrap .snb {
  display: none;
}
.h_filled .h_wrap .snb a {
  border-color: #b03131;
  color: #b03131;
}
.h_filled .h_wrap .snb a:hover, .h_filled .h_wrap .snb a:focus {
  background-color: #b03131;
  color: #fff;
}
.header-top .sns {
  display: flex;
  gap: 25px;
  align-items: center;
  position: absolute;
  z-index: 999;
  right: 334px;
  top: 30px;
  overflow: hidden;
}
.header-top .sns li a{
  display: block;
  width: 40px;
  height: 40px;
}



.h_filled02#header { background-color: #fff; }
#container { padding-top: 159px; padding-bottom: 50px; }
.subTop + #container { padding-top: 0; background: #f4f4f4; padding-bottom: 120px; }
/* lnb */
.my_lnbWrap.fix { position: fixed; top: -10px; left: 50%; margin-left: -600px; }
.lnb.fix { width: 1920px; margin-left: -960px; position: fixed; top: 0; left: 50%; /* Safari */
 transition: 0.2s; background: rgba(38, 38, 38, 0.95); }
.lnb { width: 1200px; height: 60px; background: rgba(38, 38, 38, 0.8); position: absolute; top: -60px; left: 50%; margin-left: -600px; z-index: 99999; }
.lnb_list:after { content: ''; display: block; clear: both; }
.lnb_list > li { float: left; line-height: 60px; height: 60px; position: relative; }
.lnb_list > li:after { content: ''; width: 1px; height: 60px; background: #4a4a49; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; }
.lnb_list > li > a { padding: 0 25px; color: #fff; font-size: 15px; font-weight: 300; letter-spacing: -0.05em; position: relative; min-width: 275px; display: inline-block; box-sizing: border-box; background: url(/image/common/arw01.png) no-repeat 90% center; }
.lnb_list > li > a:hover { background: url(/image/common/arw01.png) no-repeat 90% center; }
.lnb_list > li.wid > a { min-width: 320px; }
.lnb_list > li > a.text_bold { font-weight: 500; }
.lnb_list > li > a img { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
.lnb_list > li:first-child > a { min-width: 0; background: none; }
.lnb_list > li:first-child > a img { position: static; margin-right: 8px; margin-left: 0px; vertical-align: -8px; }
.lslw { position: absolute; top: 60px; width: 100%; left: 50%; transform: translateX(-50%); z-index: 1; height: 0; /* overflow: hidden; */}
.lnb_sub_list { display: none; }
.lnb_sub_list li { line-height: 40px; background: #009944; width: 100%; padding: 0 30px; box-sizing: border-box; background: #262626; border-bottom: 1px solid #3a3a3a; position: relative; }
.lnb_sub_list li a { display: block; color: #fff; font-size: 15px; font-weight: 300; letter-spacing: -0.05em; line-height: 58px; }
.lnb_sub_list li:hover { color: #fff; background: rgba(176, 49, 49, 0.95); }
.home img { vertical-align: middle; }
.lnb_sub_list li:last-child { border-bottom: 0; }
.lnb_sub_list li .depth3_wrap { position: absolute; left: 100%; top: 0; width: 100%; display: none; }
.lnb_sub_list li .depth3_wrap > a { background-color: #fff; color: #000; box-sizing: border-box; padding: 0 30px; line-height: 59px; height: 59px; border: 1px solid #ddd; margin-top: -1px; }
.lnb_sub_list li .depth3_wrap > a:hover { background: rgba(176, 49, 49, 0.95); color: #fff; }
.m_slnb li:first-child { border-top: 1px solid #c9c9c9; }
.home { border-right: 1px solid #4a4949; display: inline-block; padding: 0 25px; }
.bc { position: absolute; top: -60px; background: rgba(0, 0, 0, 0.6); color: #fff; width: 1200px; line-height: 60px; }
/* .snb li:first-child {border-right:1px solid #ddd; } */
/* .snb a { position: relative;display:inline-block;height:35px; line-height:35px;text-align:center; margin-left: 10px;width: 150px; color: #B03131; border: 2px solid #B03131;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; letter-spacing: -0.07px;font-size:15px; font-weight:300; background: #fff; } */
/* .snb a:hover {background: #B03131; color: #fff; } */
.snb a { margin-left: 10px; letter-spacing: -0.07px; font-size: 15px; font-weight: 300; position: relative; display: inline-block; width: 150px; height: 35px; line-height: 35px; color: #b03131; border: 2px solid #b03131; text-align: center; border-radius: 20px; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; }
.snb a em { position: relative; z-index: 1; }
.snb a:hover,
.snb a:focus { color: #fff; background: #b03131; border-color: #b03131; }
.gsnb_bg { position: absolute; left: 0; top: 160px; right: 0; bottom: 0; background: url(/image/common/gnb_bg.jpg) center 0; border-top: 1px solid #ebebeb; display: none; }
.logo { position: absolute; z-index: 999; left: 0; top: 20px; }
#logo { position: absolute; left: 0; top: 10px; width: 156px; }
#logo a { display: block; height: 60px; position: relative; text-indent: -9999999px; }
#logo span { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../image/common/logo.png') no-repeat 0 0; background-size: 100% 200%; }
/* gnb */
#gnb_wrap { position: absolute; left: 0; top: 85px; /* padding-right: 380px; */}
#language { position: absolute; right: 0; top: 30px; height: 25px; }
.gnb > li { float: left; padding: 15px 30px; }
.gnb > li > a { display: block; color: #fff; font-weight: 600; font-size: 16px; line-height: 58px; border-bottom: 2px solid transparent; letter-spacing: -0.05em; }
.h_filled .gnb > li > a:hover,
.h_filled .gnb > li > a:focus,
.h_filled .gnb > li.active > a { border-bottom-color: #901b00; }
.gsnb.i1 { background: url(/image/common/gsnb_bg.jpg) no-repeat 20px center; }
.gsnb.i2 { background: url(/image/common/gsnb_bg02.jpg) no-repeat 20px center; }
.gsnb.i3 { background: url(/image/common/gsnb_bg03.jpg) no-repeat 20px center; }
.gsnb.i4 { background: url(/image/common/gsnb_bg04.jpg) no-repeat 20px center; }
.gsnb.i5 { background: url(/image/common/gsnb_bg05.jpg) no-repeat 20px center; }
.gsnb.i6 { background: url(/image/common/gsnb_bg06.jpg) no-repeat 20px center; }
.gsnb.i7 { background: url(/image/common/gsnb_bg07.jpg) no-repeat 20px center; }
.gsnb { position: absolute; left: 0; top: 100%; padding-left: 600px; overflow: hidden; width: 550px; height: 0; }
.gnb > li.active .gsnb { height: 260px; }
.gsnb > li { float: left; width: 26%; padding-left: 35px; }
.depth03 { margin-top: 5px; }
/* .gsnb .right { float: left; }
.gsnb .left { float: left; } */
.gsnb.i2 > li { float: none; }
.gsnb.i6 > li { float: none; }
/* .gsnb.i3 > li { float: none; } */
/* .gsnb.i3 > li:nth-child(1),
.gsnb.i3 > li:nth-child(2),
.gsnb.i3 > li:nth-child(3),
.gsnb.i3 > li:nth-child(4),
.gsnb.i3 > li:nth-child(5),
.gsnb.i3 > li:nth-child(6) { float: left; } */
/* .gsnb.i1 > li { width: 33.333333%; padding: 0; }
.gsnb.i3 > li { width: 50%; padding: 0; }
.gsnb.i4 > li { width: 33.333333%; }
.gsnb.i5 > li { width: 33.333333%; }
.gsnb.i7 > li { width: 33.333333%; } */
.gsnb > li > a { color: #494949; font-size: 15px; font-weight: 300; letter-spacing: -0.05em; display: block; width: 100px; /* line-height:50px; */
 padding-right: 20px; padding-top: 20px; background: url(/image/main/two01.jpg) no-repeat 100% 25px; }
.gsnb > li > a.last { padding-top: 10px; background-position: 100% 15px; }
/* .gsnb > li:first-child > a { padding-top: 50px; background: url(/image/main/two01.jpg) no-repeat 100% 55px; } */
.gsnb > li > a:hover,
.gsnb > li > a:focus { color: #b03131; font-weight: 500; background-image: url(/image/main/two02.jpg); }
/* .gsnb > li:first-child > a:hover, .gsnb > li:first-child > a:focus { background-image: url(/image/main/two02.jpg); }
 */
.depth03 li { line-height: 25px; }
.depth03 a { color: #777; font-size: 14px; font-weight: 300; }
.depth03 a:hover { color: #b03131; text-decoration: underline; }
/* gnb btn */
.btn_gnb { width: 26px; height: 20px; position: absolute; right: 0; top: 100px; margin-right: 0; text-indent: -9999999px; z-index: 999999; display: none; }
.btn_gnb span { display: block; position: absolute; left: 0; top: 50%; width: 26px; height: 2px; margin-top: -1px; background: #fff; border-radius: 2px; }
.btn_gnb span::before,
.btn_gnb span::after { display: block; content: ''; width: 100%; height: 2px; position: absolute; background: #fff; border-radius: 2px; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; }
.h_open .btn_gnb span::before,
.h_open .btn_gnb span::after { background: #494949; }
.btn_gnb span::before { left: 0; top: 0; margin-top: -6px; }
.btn_gnb span::after { right: 0; bottom: 0; margin-bottom: -6px; }
.h_open .btn_gnb span { background: transparent !important; }
.h_open .btn_gnb span::before { margin-top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
.h_open .btn_gnb span::after { margin-bottom: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
/* filled header version */
.h_filled #logo span { background-position: 0 -60px; }
.h_filled .gnb > li > a { color: #222; }
.h_filled .btn_gnb span,
.h_filled .btn_gnb span::before,
.h_filled .btn_gnb span::after { background: #222; }
.h_filled.h_open .btn_gnb span::before,
.h_filled.h_open .btn_gnb span::after { background: #494949; }
.h_filled #language .lang_now { background-position: right -50px; color: #949494; }
.h_filled.lang_on #language .lang_now { background-position: right -75px; }
/* footer */
.f_cont { padding: 100px 0; overflow: hidden; position: relative; height: 250px; font-weight: 400; }
.f_btm { background: #333; height: 74px; overflow: hidden; }
.f_news { position: absolute; left: 430px; width: 370px; }
.f_info { float: left; }
.f_btns { float: right; width: 210px; }
.f_tit { font-size: 20px; font-weight: 800; color: #fff; line-height: 25px; margin-bottom: 45px; }
.f_tit a { color: #fff; }
.f_contact { margin-bottom: 40px; }
.f_contact li { padding-left: 60px; color: #a3a3a3; position: relative; }
.f_contact a { color: #a3a3a3; }
.f_contact a:hover,
.f_contact a:focus { text-decoration: underline; }
.f_contact em { position: absolute; left: 0; top: 0; }
.f_btns li { margin-bottom: 15px; }
.f_btns a { display: block; height: 48px; line-height: 48px; text-align: center; color: #242424; border-radius: 2px; background: #fff; font-weight: 500; }
.f_btns a.t2 { background: #f2d701; }
.f_news_list li { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #373737; }
.f_news_list .no_ct { border-top: 1px solid #373737; text-align: center; height: 130px; line-height: 130px; padding: 0; margin: 0; color: #808080; }
.f_news_list a { display: block; color: #a3a3a3; }
.f_news_list a:hover em,
.f_news_list a:focus em { text-decoration: underline; }
.f_news_list em { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px; }
.f_news_list span { color: #5f5f5f; }
.f_logo { display: block; float: left; }
.fnb { float: right; overflow: hidden; }
.fnb li { float: left; margin-left: 30px; line-height: 74px; font-weight: 300; }
.fnb a { color: #a3a3a3; }
.fnb a:hover,
.fnb a:focus { color: #fff; }
/* controls */
.familySlide .slick-prev { position: absolute; top: 15%; border: none; outline: none; cursor: pointer; text-indent: -9999px; background: transparent; z-index: 99999; width: 40px; height: 40px; }
.familySlide .slick-prev { left: -50px; background: url('/image/common/f_arw.png') no-repeat center center; }
.familySlide .slick-next { display: none !important; }
/* 공통 */
.show-default { display: block; }
.hide-default { display: none; }
/* skip */
#top_skip { display: block; background: #fff; position: fixed; left: 0; top: 0; z-index: 99999999; }
#top_skip a { position: relative; display: block; width: 120px; line-height: 35px; text-align: center; background: #333; color: #fff; font-size: 12px; height: 0; overflow: hidden; }
#top_skip a:focus { height: 35px; border: 2px solid #005983; }
#footer { background: #fff; }
#footer .cts { color: #ccc; font-size: 14px; }
#footer h1 { float: left; font-size: 23px; font-weight: 600; line-height: 94px; }
/* Footer */
.familySlide { width: 800px; position: relative; float: right; margin: 20px 0; }
/* controls */
/* .familySlide .slick-prev, .familySlide .slick-next {position:absolute;right:0;border:none; outline:none;cursor:pointer; text-indent:-9999px;background:transparent; z-index:9;width: 40px; height: 30px;border:1px solid #ddd;background-repeat:no-repeat; }
.familySlide .slick-prev {top:49px;background:url("../image/common/family_arr.png") no-repeat center center; }
.familySlide .slick-next {top:20px;background:url("../image/common/family_arr2.png") no-repeat center center; } */
.fbtm .f_logo { position: absolute; top: 0; right: 0; width: 160px; }
.fbtm .f_logo img { width: 100%; }
.fmid { background: #6F6F6F; }
.fmid li { line-height: 1;color: #b2b2b2; padding: 0 20px; border-right: 1px solid #999; margin: 27px 0; display: inline-block; }
.fmid li a { color: #ccc; }
.fmid li:last-child { border-right: 0; }
.fmid li:first-child { padding-left: 0; }
.fbtm { background: #7F7F7F;; padding: 33px 0; position: relative; }
.fmid li a:hover { color: #fff; }
.f_sel { position: absolute; top: 0; right: 0; }
.f_sel { border: 0; background-color: #5F5F5F; background-size: 12px 7px; background-position: 95% 45%; background-image: url(/image/common/arrow_forward_ios.png); line-height: 58px; height: 100%; padding-left: 20px; padding-right: 40px; color: #ccc}
.form { position: absolute; right: 0; bottom: 0; }
.form input { background: #fff; border: 3px solid #7d0c00; line-height: 50px; width: 260px; padding: 0 10px; }
.form input::-webkit-input-placeholder { color: #000; }
.form input::-moz-placeholder { color: #000; }
.form input:-ms-input-placeholder { color: #000; }
.form input::-ms-input-placeholder { color: #000; }
.form input::placeholder { color: #000; }
.form button { background: #7d0c00; color: #fff; height: 56px; line-height: 56px; padding: 0 20px; font-size: 15px; letter-spacing: -0.5px; font-weight: 200; margin-left: -5px; }
.map_view .inner > ul > li.on > a { color: #b03131; }
.map_view .depth02 a:hover { color: #b03131; font-weight: bold; background-image: url(/image/main/two01.jpg) no-repeat 100% 25px; }
.h_filled02 .gnb > li > a:hover,
.h_filled02 .gnb > li > a:focus,
.h_filled02 .gnb > li.active > a { border-bottom-color: #901b00; }
.h_filled02 .h_opacity { opacity: 1; top: 100px; border-top: 0; }
/* .h_filled02 .gnb > li > a { color: #222; } */
/* .h_filled02 .bar { background: rgba(0, 0, 0, 0.2); }
.h_filled02 .srch { background: url(/image/common/sam.png) no-repeat 0 0; }
.h_filled02 .sitemap { background: url(/image/common/sam.png) no-repeat -39px 19px; }
.h_filled02 .sitemap.on { background: url(/image/common/map_close.png) no-repeat center center; } */

/* 타블렛 가로 : gnb 가림 */
@media all and (max-width: 1199px){
 .search { width: 50%; position: relative; }
 .search .btn_find { top: 0; right: -60px; }
 .familySlide { width: 75%; }
 #gnb_wrap { padding-right: 0; }
 .map_view { top: 158px; }
 .gsnb { background-size: 440px !important; padding-left: 540px; }
 .h_wrap .snb {
  display: none;
 }
 .h_wrap {
  height: 100px;
 }
 }
@media all and (max-width: 1089px){
 .f_sel { position: relative; display: block; margin: 0 auto; width: 100%; }
 .fmid { padding-bottom: 20px; }
 /* .fmid ul { text-align: center; } */}
/* 타블렛 세로 */
@media all and (max-width: 1023px){
 .form { position: relative; margin-top: 20px; }
 #header { height: 100px; }
 .layout_type2 .bar { display: block; }
 .layout_type2 .h_wrap { height: 90px; }
 .layout_type2 .logo { display: block; position: fixed; left: 30px; }
 .layout_type2 .gsnb_bg { top: 90px; }
 .srch_wrap { text-align: center; }
 .srch_bar .btn_close { display: none; }
 .s_open .srch02 { background-image: none; }
 .srch02 { display: block; top: 38px; right: 65px; background: url(/image/common/search_03.svg) no-repeat 0 0; }
 .s_open .srch02 { width: 20px; height: 20px; right: 70px; }
 .s_open .srch_bar { display: block !important; }
 .s_open .srch02 span { display: block; position: absolute; left: 50%; top: 50%; width: 26px; height: 2px; margin-left: -9px; margin-top: -1px; background: #494949; border-radius: 2px; }
 .s_open .srch02 span::before,
 .s_open .srch02 span::after { display: block; content: ''; width: 100%; height: 2px; position: absolute; background: #494949; border-radius: 2px; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; }
 .s_open .srch02 span::before,
 .s_open .srch02 span::after { background: #494949; }
 .s_open .srch02 span::before { left: 0; top: 0; margin-top: -6px; }
 .s_open .srch02 span::after { right: 0; bottom: 0; margin-bottom: -6px; }
 .s_open .srch02 span { background: transparent !important; }
 .s_open .srch02 span::before { margin-top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
 .s_open .srch02 span::after { margin-bottom: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
 .search { margin-left: -58px; }
 .srch_bar h1 { display: none; }
 .sitemap { display: none; }
 .depth03 { display: none; }
 .snb { display: none; }
 #gnb_wrap { padding-right: 100%; }
 .fbtm .f_logo { display: none; }
 /* #footer .cts { text-align: center; } */
 .btn_gnb { top: 39px; margin-right: 0; }
 .btn_gnb span { background: #494949; }
 .btn_gnb span::before,
 .btn_gnb span::after { background: #494949; }
 .layout_type2 .bar { z-index: 999; background: rgba(0, 0, 0, 0.2); right: 45px; top: 38px; }
 .bar { z-index: 999; background: rgba(0, 0, 0, 0.5); right: 45px; top: 38px; }
 .srch { display: none; top: 38px; right: 65px; background: url(/image/common/sam.png) no-repeat 0 0; }
 /* gnb */
 .gnb > li.active { background: #b03131; }
 .gnb > li.active > a { color: #fff !important; }
 .gsnb a { color: #777 !important; }
 .gsnb > li { width: 100%; }
 .gsnb > li > a { background: none; }
 .gsnb > li > a { color: #777; display: inline-block; width: 100%; font-size: 20px; font-weight: 300; letter-spacing: -0.05em; display: block; line-height: 75px; text-align: center; padding: 0; border-bottom: 1px solid #ededed; }
 .layout_type2 .gnb > li { padding: 0; }
 .h_filled .gnb > li > a:hover,
 .h_filled .gnb > li > a:focus,
 .h_filled .gnb > li.active > a { border-bottom: 0; }
 .h_open .btn_gnb { top: 38px; }
 /* .h_open .logo { position: fixed; top: 20px; left: 30px; } */
 .gsnb > li > a:hover { background: none; }
 .gnb > li.active .gsnb { height: auto; padding: 0; width: 100%; }
 .btn_gnb { display: block; }
 #gnb_wrap { overflow: hidden; position: fixed; left: 0; top: -99px; padding-top: 80px; background: #fff; transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; opacity: 0; }
 .h_open #gnb_wrap { height: auto; bottom: 0; top: 0; opacity: 1; }
 .gnb_scroll { position: absolute; left: 0; top: 97px; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; }
 .gnb { padding: 0; margin-bottom: 20px; }
 .gnb > li { padding: 0; height: auto; float: none; border-bottom: 1px solid #ececec; }
 .gnb > li > a { text-align: center; font-size: 26px; line-height: 75px; font-weight: 100; color: #000 !important; position: relative; }
 .gnb > li > a::after { display: block; content: ''; position: absolute; width: 22px; height: 22px; right: 15px; top: 50%; margin-top: -11px; background: url('../image/common/gnb_bl.png') no-repeat center 0; background-size: 100% auto; }
 .gnb > .active > a::after { background-position: center -22px; }
 .gnb > li.no_sub > a::after { display: none; }
 .gsnb { display: none; position: static; width: auto; height: auto; padding: 0; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2); }
 .gsnb li { float: none; padding: 0; background: #f4f4f4; }
 .gsnb a { font-size: 19px; font-weight: 400; color: #777 !important; }
 .gsnb li + li { border-top: 1px solid rgba(255, 255, 255, 0.2); }
 .gsnb { background-image: none !important; }
 /* footer */
 .f_news { left: 410px; width: 340px; }
 .f_btns { width: 170px; }
 /* footer */
 .f_cont { padding: 40px 0; height: auto; }
 .f_news { position: static; width: auto; margin-bottom: 30px; }
 .f_mid { position: relative; }
 .f_btns { width: 156px; position: absolute; right: 0; top: 0; }
 .f_btns li { margin-bottom: 7px; }
 .f_btns a { height: 35px; line-height: 35px; }
 .f_tit { font-size: 1.25em; margin-bottom: 15px; line-height: 1.5em; }
 .f_news_list li { padding-bottom: 15px; margin-bottom: 15px; }
 .f_contact { margin-bottom: 20px; }
 .header-top .sns {
  gap: 10px;
  right: 120px;
  top: 37px;
  overflow: hidden;
}
.header-top .sns li a {
  width: 24px;
  height: 24px;
}
 }
@media all and (max-width: 885px){
 .fmid li { padding: 0 2.1%; }
 @media all and (max-width: 800px){
 .snb { display: none; }
 }
 /* 타블렛 가로 미만 ~ 모바일 : gnb 줄어듦 */
 @media all and (max-width: 767px){
 .fmid { padding-top: 10px; }
 .fmid li { margin: 5px 0; }
 /* header */
 #logo { width: 95px; top: 8px; }
 #logo a { height: 36.5px; }
 .h_filled #logo span { background-position: 0 -36.5px; }
 /* gnb */
 /* .btn_gnb { width:50px; height:50px; margin-right:-15px; }
.btn_gnb span { width:20px; margin-left:-11px; height:1px; }
.btn_gnb span::before { margin-top:-6px; height:1px; }
.btn_gnb span::after { margin-bottom:-6px; height:1px; }
.gnb_scroll { top:50px; }
.gnb { padding:0 15px; }
.gnb > li > a { line-height:50px; font-size:1.4em; border-bottom:0; }
.gnb > li > a::after { width:11px; height:11px; margin-top:-6px; }
.gnb > .active > a::after { background-position:center -11px; }
.gsnb { padding:0 40px; }
.gsnb a { font-size:1em; font-weight:300; line-height:45px; } */}
 /* 모바일 상세 */
 @media all and (max-width: 640px) { /* footer */
 .f_btm { height: auto; }
 .f_btm .inner { margin: 0; }
 .f_logo { display: none; }
 .fnb { float: none; text-align: center; }
 .fnb li { float: none; display: inline-block; margin: 0 12px; line-height: 40px; }
 .header-top .sns {
  display: none;
 }
 .snb-mo + .sns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  right: 120px;
  top: 37px;
  overflow: hidden;
  padding: 10px 0 40px;
}
.snb-mo + .sns li a {
  display: block;
  width: 30px;
  height: 30px;
}
 }
 @media all and (max-width: 477px){
 .form { width: 100%; }
 .form input { width: 56%; padding: 0 2%; }
 .form button { width: 30%; padding: 0 5%; }
 .search input[type='text'] { padding: 0; }
 }
 @media all and (max-width: 424px) { /*
.srch_wrap { text-align: left; } */
 /* .search { width: 145px; } */
 /* .search input[type="text"] { width: 166px; padding: 0; } */
 .search { width: 60%; }
 /* footer */
 .f_cont { padding: 25px 0; }
 .f_news_list em { margin-bottom: 0; }
 .f_news_list span { font-size: 11px; }
 .f_contact li { padding-left: 50px; }
 .fnb li { font-size: 11px; margin: 0 7px; font-weight: 500; }
 .f_btns { width: 95px; }
 .cpright { font-size: 11px; line-height: 1.76em; }
 .logo { width: 150px; top: 26px; left: 10px; }
 .layout_type2 .logo { left: 10px; }
 .f_sel { margin-top: 10px; }
 .fmid li:nth-child(4) { padding-left: 0; }
 #footer .cts { font-size: 12px; }
 #header { height: 80px; }
 .logo { top: 15px; }
 #container { padding-top: 70px; }
 .srch02 { top: 25px; }
 .btn_gnb { top: 25px; }
 .layout_type2 .bar,
 .bar { top: 25px; }
 .h_open .btn_gnb { top: 25px; }
 .srch_bar { top: 70px; }
 .layout_type2 .h_wrap { height: 70px; }
 .layout_type2 .gsnb_bg { top: 70px; }
 .h_wrap {
  height: 80px;
 }
 }
 @media all and (max-width: 410px){
 .search { width: 58%; }
 }
 @media all and (max-width: 375px){
 .search { width: 55%; }
 }
 @media all and (max-width: 374px) { }
 /* 공통 */
 /* PC이하 ~ 타블렛 가로 */
 @media all and (max-width: 1099px){
 .show-1024 { display: block; }
 .hide-1024 { display: none; }
 }
 /* 타블렛 가로 이하 */
 @media all and (max-width: 1023px){
 .show-768 { display: block; }
 .hide-768 { display: none; }
 .snb-mo { display: -ms-flex; display: flex; justify-content: center; margin-top: 45px; padding-bottom: 45px; }
 .snb-mo li a { margin: 0 5px; letter-spacing: -0.07px; font-size: 15px; font-weight: 300; position: relative; display: inline-block; width: 130px; height: 35px; line-height: 35px; color: #b03131; border: 2px solid #b03131; text-align: center; border-radius: 20px; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; }
 }
 /* 타블렛 이하 ~ 모바일 */
 @media all and (max-width: 767px){
 .show-640 { display: block; }
 .hide-640 { display: none; }
 }
 /* 모바일 가로 미만 */
 @media all and (max-width: 568px){
 .show-568 { display: block; }
 .hide-568 { display: none; }
 .snb-mo{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 3.90625%;
 }
 .snb-mo li {width: 48%; margin-bottom: 4%;}
 .snb-mo li a { margin: 0 3px; letter-spacing: -0.07px; font-size: 14px; font-weight: 300; position: relative; display: inline-block; width: 100%; height: 35px; line-height: 35px; color: #b03131; border: 2px solid #b03131; text-align: center; border-radius: 25px; transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; }
 }
 /* 모바일 최소 */
 @media all and (max-width: 425px){
 .show-425 { display: block; }
 .hide-425 { display: none; }
 }
 @media all and (max-width: 375px){
 .show-375 { display: block; }
 .hide-375 { display: none; }
 }
 @media all and (max-width: 320px){
 .show-320 { display: block; }
 .hide-320 { display: none; }
 }
 }