@charset "utf-8";
@import url('/design/common/css/Pretendard.css');

/* 스킵 네비게이션 : 본문바로가기 */
#skipNavWrap {overflow: hidden; position: relative; width: 100%; z-index:1000;}
#skipNavWrap a {display:block; font-size:0; width: 1px; height:1px; line-height: 0;margin: 0 -1px -1px 0; overflow:hidden; text-align: center;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width: auto; height: 20px; line-height: 1; margin: 0; padding: 8px 0 20px; background: #474747; color: #fff; font-size: 13px; font-weight: bold;}

/*메인*/
/*네비게이션*/
html, body {width: 100%; height: 100%; }
.mobile_side, #mobile_nav, #mask_mNav {display: none;}
#header {width: 100%; height:170px; position: absolute; top:0; left:0; overflow: hidden; background: #fff; z-index: 130;} /*overflow: hidden;*/
#header .logo {width: 1100px; margin: 0 auto; position: relative;}
#header .logo h1 {position: absolute; top:40px; left:43%; z-index: 100;}
#header .top_menuwrap {width: 100%; height: 35px; margin: 0 auto; background-color: #f1f1f1;}
#header .top_menu {width: 1100px; height: 100%; margin: 0 auto; position: relative; z-index: 50; /*background: url(/S0006/images/main/top_bg.png) no-repeat right bottom;*/}
#header .top_menu .gnb {overflow: hidden; position: absolute; top:0; right:0;}
#header .top_menu .gnb li {float:left; margin-left:0;}
#header .top_menu .gnb li a {display:block; padding:10px 10px 9px; text-transform:uppercase; font-weight:600;}
#header .top_menu .gnb .go_bog {margin-left: 0;}
#header .top_menu .gnb .T_sitemap {margin-left: 0; }
#header .top_menu .gnb .go_sj a,
#header .top_menu .gnb .go_bog a,
#header .top_menu .gnb .go_sjmhc a,
#header .top_menu .gnb .go_cm a {display:block; color:#fff; font-size: 14px; font-weight: 600;}
#header .top_menu .gnb .go_sj a {background:#516dce;}
#header .top_menu .gnb .go_bog a {background:#f16363; margin-left:15px;}
#header .top_menu .gnb .go_sjmhc a {background:#00a99d;}
#header .top_menu .gnb .go_cm a {background:#153c85;}



.lnb {width: 100%;margin-top:45px; position: relative; border-bottom:1px solid #eee;}
.lnbInner {width: 100%; height: 0px; background: #fff; position: absolute; top:90px; border-top:1px solid #eee; z-index: 30;}
.lnbWrap {width: 1100px; height: 31px; margin: 0 auto; position: relative; top:52px; z-index: 30;}
.m_nav {width: 100%; overflow:hidden;}
.m_nav > li {float:left;}
.m_nav > li > a {font-size:16px; font-weight:600; display:block;padding:0 20px 25px;}
.m_nav .lnb_box {position: absolute; top:40px; left:0; width: 100%; height: 310px;}
.lnb_box .box_tit {font-size: 22px; font-weight: 600; width: 220px; height: 250px; text-align: center; margin-top: 30px; float: left; }
.lnb_box .box_tit img {display: block; margin: 0px auto 20px;}
.lnb_box .box_nav > ul > li {float: left;}
.lnb_box a.nv_close {display: block; position: absolute; top: 245px; right: 0; width: 41px; height: 41px; font-size: 0;}
.box_nav {width: 880px; height: auto; margin-top: 40px; float: left;}
.box_nav > ul > li {width: 23%;height: 45px; margin: 0 0 4% 2%; border: 1px solid #ddd;}
.box_nav > ul > li.long {width: 47%;}
.box_nav > ul > li a {font-size:14px; line-height:45px; display:block; width: 100%; padding-left:5px;}

.b_nav01 > ul > li.on a, .b_nav01 > ul > li > a:hover {color:#fff; background: #d91e48;/*background: #d20d53 url(/S0006/images/main/nav_ico02_01.png) no-repeat 90% center;*/}
.b_nav02 > ul > li.on a, .b_nav02 > ul > li > a:hover {color:#fff; background: #275aae;/*background: #d20d53 url(/S0006/images/main/nav_ico02_01.png) no-repeat 90% center;*/}
.b_nav03 > ul > li.on a, .b_nav03 > ul > li > a:hover {color:#fff; background: #6f3e9c;/*background: #d20d53 url(/S0006/images/main/nav_ico02_01.png) no-repeat 90% center;*/}
.b_nav04 > ul > li.on a, .b_nav04 > ul > li > a:hover {color:#fff; background: #096d66;/*background: #d20d53 url(/S0006/images/main/nav_ico02_01.png) no-repeat 90% center;*/}
.b_nav05 > ul > li.on a, .b_nav05 > ul > li > a:hover {color:#fff; background: #366d15;/*background: #d20d53 url(/S0006/images/main/nav_ico02_01.png) no-repeat 90% center;*/}
.b_nav06 > ul > li.on a, .b_nav06 > ul > li > a:hover {color:#fff; background: #604537;/*background: #d20d53 url(/S0006/images/main/nav_ico02_01.png) no-repeat 90% center;*/}
.b_nav07 > ul > li.on a, .b_nav07 > ul > li > a:hover {color:#fff; background: #145d69;/*background: #d20d53 url(/S0006/images/main/nav_ico02_01.png) no-repeat 90% center;*/}
.b_nav08 > ul > li.on a, .b_nav08 > ul > li > a:hover {color:#fff; background: #333;/*background: #d20d53 url(/S0006/images/main/nav_ico02_01.png) no-repeat 90% center;*/}

.box_nav li.h3depth ul {width: 100%; height: auto; margin-top: 15px}
.box_nav li.h3depth ul li {padding-left: 15px; background: url('/S0006/images/main/h2depth_li.png') no-repeat 15px center;}
.box_nav li.h3depth ul li a {font-size: 14px; color: #131313; line-height: 30px;}
.box_nav li.h3depth ul li a:hover {text-decoration: underline;}
.box_nav li.h3depth ul.h3box {margin-top: 100px}

.lnb_box a.nv_c01 {background: url('/S0006/images/main/nav_close01.jpg') no-repeat center center;}
.lnb_box a.nv_c02 {background: url('/S0006/images/main/nav_close02.jpg') no-repeat center center;}
.lnb_box a.nv_c03 {background: url('/S0006/images/main/nav_close03.jpg') no-repeat center center;}
.lnb_box a.nv_c04 {background: url('/S0006/images/main/nav_close04.jpg') no-repeat center center;}
.lnb_box a.nv_c05 {background: url('/S0006/images/main/nav_close05.jpg') no-repeat center center;}
.lnb_box a.nv_c06 {background: url('/S0006/images/main/nav_close06.jpg') no-repeat center center;}
.lnb_box a.nv_c07 {background: url('/S0006/images/main/nav_close07.jpg') no-repeat center center;}
.lnb_box a.nv_c08 {background: url('/S0006/images/main/nav_close08.jpg') no-repeat center center;}

.side_lnb {width: 89px; height: 23px; border-left: 1px solid #c7c7c7; padding-left: 23px; float:right; margin-top:-114px;}
.side_lnb ul {margin-left:0}
.side_lnb ul li {float: left;}
.side_lnb > ul > li > a {display: block; font-size:0;}
.side_lnb .search {margin: 0 15px 0 0}
.side_lnb .search > a {width: 23px; height: 24px; background: url('/S0006/images/main/find.png') no-repeat center center;}
.side_lnb .sitemap > a {width: 25px; height: 19px; background: url('/S0006/images/main/sitemap.png') no-repeat center center;}
.side_lnb_wrap {position:relative; width:1100px; margin:0 auto; overflow:hidden;}
.side_lnb .side_lnb_box {position: absolute; top:0px; left:0; width: 1100px; background:#fff;}
.sideLnbInner {width: 100%; height:150px; background: #fff; position: absolute; top:90px; border-top:1px solid #eee; z-index:30;}
.side_lnb_box .searchFrm {width: 522px; margin: 30px auto 0;}
.side_lnb_box .searchFrm input {width: 466px; height: 54px; font-size: 16px; padding: 0 20px;}
.side_lnb_box .searchFrm .search_btn {width: 56px; height: 54px; border: 0; vertical-align: top; margin-left: -4px; font-size:0;}
.side_lnb_box .words {width: 482px; margin: 20px auto 0;}
.side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
.side_lnb_box .words ul li {float: left; margin-left: 15px;}
.side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
.side_lnb_box .words ul li:last-child a {border: 0;}
.side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url('/S0006/images/main/close.png') no-repeat center center; text-indent: 110%; white-space: nowrap; overflow: hidden; position: absolute; top:50px; right:0; cursor: pointer;}

.side_lnb_box .sch_box01 .searchFrm input {border: 2px solid #d91e48;}
.side_lnb_box .sch_box02 .searchFrm input {border: 2px solid #275aae;}
.side_lnb_box .sch_box03 .searchFrm input {border: 2px solid #6f3e9c;}
.side_lnb_box .sch_box04 .searchFrm input {border: 2px solid #096d66;}
.side_lnb_box .sch_box05 .searchFrm input {border: 2px solid #366d15;}
.side_lnb_box .sch_box06 .searchFrm input {border: 2px solid #604537;}
.side_lnb_box .sch_box07 .searchFrm input {border: 2px solid #145d69;}
.side_lnb_box .sch_box08 .searchFrm input {border: 2px solid #333;}

.side_lnb_box .sch_box01 .searchFrm .search_btn {background:#d91e48 url('/S0006/images/main/find_01.png') no-repeat center center;}
.side_lnb_box .sch_box02 .searchFrm .search_btn {background:#275aae url('/S0006/images/main/find_01.png') no-repeat center center;}
.side_lnb_box .sch_box03 .searchFrm .search_btn {background:#6f3e9c url('/S0006/images/main/find_01.png') no-repeat center center;}
.side_lnb_box .sch_box04 .searchFrm .search_btn {background:#096d66 url('/S0006/images/main/find_01.png') no-repeat center center;}
.side_lnb_box .sch_box05 .searchFrm .search_btn {background:#366d15 url('/S0006/images/main/find_01.png') no-repeat center center;}
.side_lnb_box .sch_box06 .searchFrm .search_btn {background:#604537 url('/S0006/images/main/find_01.png') no-repeat center center;}
.side_lnb_box .sch_box07 .searchFrm .search_btn {background:#145d69 url('/S0006/images/main/find_01.png') no-repeat center center;}
.side_lnb_box .sch_box08 .searchFrm .search_btn {background:#333 url('/S0006/images/main/find_01.png') no-repeat center center;}

/*1024px*/
@media all and (min-width:1024px) {
  body,html, #header {min-width:1210px;}
}


/*테블릿_모바일_네비게이션*/
@media all and (max-width:1023px) {
  #header {height: 80px; z-index: 100; border-bottom: 1px solid #c7c7c7;}
  #header .top_menuwrap, #header .lnb {display: none;}
  #header .logo, .lnbWrap {width: 100%;}
  #header .logo h1 {top:10px; left:20px;}
  #header .mobile_side {display: block; float: right; margin: 30px 30px 0 0;}
  #mask_mNav {width: 100%;height: 100%;position: absolute; top:0; left:0; background: rgba(0, 0, 0, 0.6); z-index: 110; position: fixed;}
  .stop_scrolling {height: 100%; overflow: hidden !important; position: fixed;}
  .mobile_side ul li {float: left;}
  /*.mobile_side .side_lnb_box {display: none;}*/
  .mobile_side .side_lnb_box {width: 100%; background: #fff; position: absolute; top:80px; left:0; z-index: 50; padding: 0 0 30px; border-top: 1px solid #c7c7c7; z-index: 100;}
  .mobile_side .sideLnbInner {width: 100%; height: 150px; background: #fff; position: absolute; top:33px; border-top: 1px solid #c7c7c7; z-index: 30;}
  .mobile_side .side_lnb_box .searchFrm {width: 70%; max-width: 559px; margin: 30px auto 0;}
  .mobile_side .side_lnb_box .searchFrm input {width: 74%; max-width: 415px; height: 54px; font-size: 16px; padding: 0 20px;}
  .mobile_side .side_lnb_box .searchFrm .search_btn {width: 11%; max-width: 56px; height: 54px; border: 0; vertical-align: top; margin-left: -4px; font-size:0;}

  .mobile_side .side_lnb_box .sch_box01 .searchFrm input {border: 2px solid #d91e48;}
  .mobile_side .side_lnb_box .sch_box02 .searchFrm input {border: 2px solid #275aae;}
  .mobile_side .side_lnb_box .sch_box03 .searchFrm input {border: 2px solid #6f3e9c;}
  .mobile_side .side_lnb_box .sch_box04 .searchFrm input {border: 2px solid #096d66;}
  .mobile_side .side_lnb_box .sch_box05 .searchFrm input {border: 2px solid #366d15;}
  .mobile_side .side_lnb_box .sch_box06 .searchFrm input {border: 2px solid #604537;}
  .mobile_side .side_lnb_box .sch_box07 .searchFrm input {border: 2px solid #145d69;}
  .mobile_side .side_lnb_box .sch_box08 .searchFrm input {border: 2px solid #333;}
  .mobile_side .side_lnb_box .sch_box01 .searchFrm .search_btn {background: #d91e48 url('/S0006/images/main/find_01.png') no-repeat center center;}
  .mobile_side .side_lnb_box .sch_box02 .searchFrm .search_btn {background: #275aae url('/S0006/images/main/find_01.png') no-repeat center center;}
  .mobile_side .side_lnb_box .sch_box03 .searchFrm .search_btn {background: #6f3e9c url('/S0006/images/main/find_01.png') no-repeat center center;}
  .mobile_side .side_lnb_box .sch_box04 .searchFrm .search_btn {background: #096d66 url('/S0006/images/main/find_01.png') no-repeat center center;}
  .mobile_side .side_lnb_box .sch_box05 .searchFrm .search_btn {background: #366d15 url('/S0006/images/main/find_01.png') no-repeat center center;}
  .mobile_side .side_lnb_box .sch_box06 .searchFrm .search_btn {background: #604537 url('/S0006/images/main/find_01.png') no-repeat center center;}
  .mobile_side .side_lnb_box .sch_box07 .searchFrm .search_btn {background: #145d69 url('/S0006/images/main/find_01.png') no-repeat center center;}
  .mobile_side .side_lnb_box .sch_box08 .searchFrm .search_btn {background: #333 url('/S0006/images/main/find_01.png') no-repeat center center;}

  .mobile_side .side_lnb_box .words {width: 482px; margin: 20px auto 0;}
  .mobile_side .side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
  .mobile_side .side_lnb_box .words ul li {float: left; margin-left: 15px;}
  .mobile_side .side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
  .mobile_side .side_lnb_box .words ul li:last-child a {border: 0;}
  .mobile_side .side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url('/S0006/images/main/close.png') no-repeat center center; position: absolute; top:0px; right:0; cursor: pointer; white-space: nowrap; overflow: hidden; font-size:0;}
  .mobile_side .search > a {display: block; width: 23px; height: 24px; background: url('/S0006/images/main/find.png') no-repeat center center; font-size:0; margin-right: 25px;}
  .mobile_side .open {width: 25px; height: 19px;  margin-top:2px}
  .mobile_side .open a {display: block; width: 100%; height: 100%; background: url('/S0006/images/main/sitemap.png') no-repeat center center; font-size:0; cursor: pointer; }
  #mobile_nav, #mask_mNav {display: block;}
  #mobile_nav {position: fixed; top:0; right:-300px; z-index: 5000; width: 300px; height: 200%; background: #fff; overflow-y: auto; box-sizing:border-box;}
 .mnav_box01 #mobile_nav {background: #f1396d;}
 .mnav_box02 #mobile_nav {background: #4572be;}
 .mnav_box03 #mobile_nav {background: #8f59c0;}
 .mnav_box04 #mobile_nav {background: #2e8c85;}
 .mnav_box05 #mobile_nav {background: #4e9423;}
 .mnav_box06 #mobile_nav {background: #795e50;}
 .mnav_box07 #mobile_nav {background: #267784;}
 .mnav_box08 #mobile_nav {background: #555;}
 .mnav_box09 #mobile_nav {background: #f1396d;}
  #mobile_nav > div {min-height: 200%}
  #mobile_nav .top_wrap {padding: 10px; height: 60px; background: #fff;}
  #mobile_nav .top_wrap ul {overflow: hidden;}
  #mobile_nav .top_wrap ul li {float: left;}
  #mobile_nav .top_wrap ul li a {display: block; border: 1px solid #cbcbcb; margin-right: 10px; height: 38px; line-height: 38px;}
  #mobile_nav .top_wrap ul li.last a {margin-right: 0;}
  #mobile_nav .top_wrap .top01 {margin-bottom: 10px;}
  #mobile_nav .top_wrap .top01 ul li a { width: 101px;}
  #mobile_nav .top_wrap .top01 .sj a {background: url('/sjstar/images/main/top_ico02.png') no-repeat 11px center; padding-left: 37px;}
  #mobile_nav .top_wrap .top01 .tour a {background: url('/sjstar/images/main/top_ico03.png') no-repeat 11px center; padding-left: 37px;}
  #mobile_nav .top_wrap .top01 ul li img {margin: 6px 0 0 11px; cursor: pointer;}
  #mobile_nav .top_wrap .top02 li {width: 100%;}
  #mobile_nav .top_wrap .top02 a {text-align: center; background: url('/sjstar/images/main/top_ico04.png') no-repeat 84px center; padding-left: 28px;}
  #mobile_nav .mnav_wrap {background: #f1396d; height: 100%;}
 .mnav_box02 #mobile_nav .mnav_wrap {background: #4572be; height: 100%;}
 .mnav_box03 #mobile_nav .mnav_wrap {background: #8f59c0; height: 100%;}
 .mnav_box04 #mobile_nav .mnav_wrap {background: #2e8c85; height: 100%;}
 .mnav_box05 #mobile_nav .mnav_wrap {background: #4e9423; height: 100%;}
 .mnav_box06 #mobile_nav .mnav_wrap {background: #795e50; height: 100%;}
 .mnav_box07 #mobile_nav .mnav_wrap {background: #267784; height: 100%;}
 .mnav_box08 #mobile_nav .mnav_wrap {background: #555; height: 100%;}
 .mnav_box09 #mobile_nav .mnav_wrap {background: #f1396d; height: 100%;}
  #mobile_nav .mnav_wrap nav > ul > li > a {display: block; height: auto; width: 120px; text-align: center; line-height: 50px; color:#fff; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.2);}
  #mobile_nav .mnav_wrap nav > ul > li.on > a,
  #mobile_nav .mnav_wrap nav > ul > li > a:hover {background: #d91e48;}
 .mnav_box02 #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_box02 .mnav_wrap nav > ul > li > a:hover {background: #275aae;}
 .mnav_box03 #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_box03 .mnav_wrap nav > ul > li > a:hover {background: #6f3e9c;}
 .mnav_box04 #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_box04 .mnav_wrap nav > ul > li > a:hover {background: #096d66;}
 .mnav_box05 #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_box05 .mnav_wrap nav > ul > li > a:hover {background: #366d15;}
 .mnav_box06 #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_box06 .mnav_wrap nav > ul > li > a:hover {background: #604537;}
 .mnav_box07 #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_box07 .mnav_wrap nav > ul > li > a:hover {background: #145d69;}
 .mnav_box08 #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_box08 .mnav_wrap nav > ul > li > a:hover {background: #333;}
 .mnav_box09 #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_box09 .mnav_wrap nav > ul > li > a:hover {background: #d91e48;}

  #mobile_nav .mnav_wrap .m_depth02 {width: 180px; height: 200%; background: #fff; position: absolute; top:60px; right:0;}
  #mobile_nav .mnav_wrap .m_depth02 > li {overflow: hidden;}
  #mobile_nav .mnav_wrap .m_depth02 > li > a {display: block; height: auto;  padding: 16px 0 17px 10px; font-size: 14px; border-bottom: 1px solid #e1e1e1;}
  #mobile_nav .mnav_wrap .m_depth02 > li > a.on, #mobile_nav .mnav_wrap .m_depth02 > li > a:hover {background: #333333; color: #fff;}
  /*#mobile_nav .mnav_wrap .m_depth03 {display: none;}*/
  #mobile_nav .mnav_wrap .m_depth03 {background: #e9e9e9;}
  #mobile_nav .mnav_wrap .m_depth03 a {display: block; height: auto; padding: 16px 0 17px 15px; border-bottom: 1px dashed #cbcbcb; margin: 0 10px;}
}
/*모바일*/
@media all and (max-width:490px) {
  #header .logo h1 {top:10px; left:8px;}
  #header .mobile_side {margin: 30px 15px 0 0;}
  .mobile_side .side_lnb_box .searchFrm {width: 70%;}
  .mobile_side .side_lnb_box .searchFrm input {width: 63%;}
  .mobile_side .side_lnb_box .searchFrm .search_btn {width: 19%;}
  .mobile_side .side_lnb_box .words {width: 344px;}
  .mobile_side .side_lnb_box .words p {font-size: 14px;}
  .mobile_side .side_lnb_box .words ul li {margin-left: 3px;}
  .mobile_side .side_lnb_box .words ul li a {font-size: 12px; padding-right: 5px;}
}
@media all and (max-width:320px) {
  .mobile_side .side_lnb_box .searchFrm input {width: 78%; padding: 0 10px;}
  .mobile_side .side_lnb_box .words {width: 283px;}
  .mobile_side .side_lnb_box .words p {display: none;}
}

/*메인컨텐츠*/
/*메인상단*/
.contentwrap {clear: both; width: 100%; overflow: hidden; background: #faf5f5; margin-top:170px;}
#visualwrap {width: 100%; height: 517px; background: url(/S0006/images/main/visual_bg.jpg) no-repeat center 0; background-size: cover;}
.visual {width: 1100px; height: 100%; margin: 0 auto; padding: 24px 0 0 77px;}
.slider_window {width: 376px; height: 473px; overflow: hidden; position: relative;
border: 2px solid #a9a9a9; border-radius: 10px;}
.window_controls {position: absolute; top:25px; left: 0; width: 100%; height: auto; z-index: 50;}
.window_controls ul {width: 170px; height: 20px; border-radius: 10px; background-color: #666666; margin: 0 auto; text-align:center;}
.window_controls ul > li {display:inline-block;}
.window_controls li a {display:inline-block; font-size: 0; margin:4px 2px 0;}
.window_controls li.Wbtn_prev a {width: 8px; height: 14px; margin: 3px 5px 0 6px; background: url(/S0006/images/main/prev.png) no-repeat center center; overflow: hidden;}
.window_controls li.Wbtn_next a {width: 8px; height: 14px; background: url(/S0006/images/main/next.png) no-repeat center center; overflow: hidden; margin: 3px 0 0 4px;}
.window_controls li.Wbtn_stop a {width: 9px; height: 12px; background: url(/S0006/images/main/stop.jpg) no-repeat center center; margin:0 2px; vertical-align:top;}
.window_controls li.Wbtn_play a {width: 9px; height: 12px; background: url(/S0006/images/main/play.png) no-repeat center center; overflow: hidden;}
/*pager*/
.window_controls li.Wbtn_pager a {float: left; margin:0 2px; width:12px; height:12px; background:#fff;} /* 선택되지 않은 페이저 버튼 */
.window_controls li.Wbtn_pager .active {background: url(/S0006/images/main/num_on.jpg) no-repeat center center;} /* 선택된 페이저 버튼 */

/*231220추가*/
.window_controls {text-align:center;}
.window_controls ul {width:auto; height:auto; display:inline-block; padding:4px 13px 3px; border-radius:40px;}
.window_controls ul > li.Wbtn_pager {display:none !important;}
.window_controls li a {margin:0 !important;}
.window_controls .Wbtn_stop,
.window_controls .Wbtn_play {margin:0 7px !important;}

#content {width: 1100px; overflow: hidden; margin: 0 auto; padding: 32px 0; }
/*메인 소식,소통_news*/
.board_wrap {float: left; margin-right: 21px; width: 454px; height: 250px; border: 1px solid #ccc; background: #fff; position: relative; overflow: hidden; border-radius: 10px;}
.board_wrap .news_board {overflow:hidden;}
.board_wrap .news_board a.bttt {display: block; font-size: 17px; font-weight: 400; cursor: pointer; position: absolute; top: 20px ; z-index: 30; text-align: center; padding-left:15px;}
.board_wrap .news_board a.bttt::after {content: ""; border-right: 1px solid #ddd; margin-left: 15px; font-size: 13px;}
.board_wrap .board03 a.bttt::after {display: none;}
.board_wrap .board03 a.bttt {padding-right: 10px;}
.board_wrap .news_board a.bttt.board_on {font-weight: 600; border-bottom: 3px solid #ef5f5e; background: url(/S0006/images/main/select.jpg) no-repeat 50% bottom; padding-bottom: 16px;}
.board_wrap .board01 a.bttt {left: 15px; }
.board_wrap .board02 a.bttt {left: 105px;}
.board_wrap .board03 a.bttt {left: 260px;}
.board_wrap .board_inner {width: 100%; height:232px; position: absolute; bottom:0; left:0; border-radius: 0 0 10px 10px; padding-top: 22px; overflow: hidden;}
.board_wrap a.more {display: block; position: absolute; top:0px; right:15px; z-index: 100;}
.board02 .board_inner,.board03 .board_inner,.board04 .board_inner,.board05 .board_inner {display: none;}
.board_wrap .news_board .board_box {margin-top:20px; border-top: 1px solid #ccc;}
.board_wrap .news_board .board_tit {padding: 5px 0 20px 110px; margin-top:20px;}
.board_wrap .board01 .board_tit, .board_wrap .board02 .board_tit, .board_wrap .board03 .board_tit {background: url(/S0006/images/main/btn_notice.png) no-repeat 30px 5px;}
.board_wrap .news_board a h4 {display: block; font-size: 17px; font-weight: 600; margin-bottom:5px; width:95%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_wrap .news_board a p {display: block; color: #666; width:95%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_inner ul {width: 100%; height:200px; background: #f7f7f7;border-top: 1px solid #eee; padding:12px 20px;}
.board_inner ul li a {float:left; width:75%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:20px; background: url(/S0006/images/main/list.jpg) no-repeat 0 center; padding-left: 10px; color: #666;}
.board_inner ul li span {float:right; width:25%; text-align:right;}
.fix_quick {float: left; margin-right: 20px; width: 295px; height: 250px; overflow: hidden; border-radius: 10px; }
.fix_quick ul li {width: 142px; height: 119px; float: left; border-radius: 10px;}
.fix_quick ul li.fix_01 {background-color: #f4930e; margin: 0 10px 10px 0}
.fix_quick ul li.fix_02 {background-color: #4f6ab7; margin-bottom: 10px}
.fix_quick ul li.fix_03 {background-color: #1e9c84; margin-right:10px;}
.fix_quick ul li.fix_04 {background-color: #f16767;}
.fix_quick ul li a {display: block; width: 100%; height: 100%; padding-top: 86px; text-align: center; color: #fff; background-repeat: no-repeat; background-position: center 20px;}
.fix_quick ul li.fix_01 a {background-image:  url(/S0006/images/main/quick03.png);}
.fix_quick ul li.fix_02 a {background-image:  url(/S0006/images/main/quick02.png);}
.fix_quick ul li.fix_03 a {background-image:  url(/S0006/images/main/quick01.png); padding-top: 69px;}
.fix_quick ul li.fix_04 a {background-image:  url(/S0006/images/main/quick04.png);}
.slicer_notice {float: right; width: 310px; height: 250px; border: 1px solid #ccc; background: #fff; position: relative;padding-bottom: 15px}
.slicer_notice h3 {width: 100%; height: 57px; border-bottom: 1px solid #ccc; font-size: 18px; line-height: 57px; text-indent: 30px; font-weight: 600;}
.slicer_notice .popBtn {position: absolute; top:15px; right: 15px; z-index: 100;}
.slicer_notice .popBtn li {float: left; margin-left: 4px; width: 23px; height:23px;}
.slicer_notice .popBtn li a {display: block; width: 100%; height: 100%; cursor:pointer; background-repeat: no-repeat; background-image: url(/S0006/images/main/pop_control.jpg); overflow: hidden; font-size: 0;}
.slicer_notice .popBtn li.pop_prev a {background-position: 0 0;}
.slicer_notice .popBtn li.pop_play a {background-position: -54px 0}
.slicer_notice .popBtn li.pop_stop a {background-position: -27px 0}
.slicer_notice .popBtn li.pop_next a {background-position: right 0;}
.slicer_notice > div {width:95%; height: 100%; overflow: hidden; margin: 11px auto 0; overflow: hidden;}
.slicer_notice li img {display: block; margin:0 auto; width:290px; height:168px;}


@media all and (max-width:1023px) {
.contentwrap {margin-top:80px;}
.visual{width: 100%; padding: 24px 0 0 30px;}
.board_wrap  {width: 100%;}
#content {width: 100%; padding: 30px 10px 10px; }
#content section {margin-right: 0; margin-bottom: 20px;}
.fix_quick {width:46%; height:250px; float:left;}
.fix_quick ul li {width:48%}
.slicer_notice {width:52%; float:left; height:auto; margin-left:2%;}
}

/*모바일*/
@media all and (max-width:768px) {
  #visualwrap {background: url(/S0006/images/main/tm_visual_bg.jpg) no-repeat center 0;
               border-top: 2px solid #d91e48;}
  .visual {padding: 24px 0 0 30px;}
  .visual > img {display: none;}
}

@media all and (max-width:580px) {
.fix_quick {width: 100%; height: auto;}
.fix_quick ul li {width: 49%; margin-right: 2%;}
.fix_quick ul li.fix_01 {margin: 0 2% 2% 0}
.fix_quick ul li.fix_02 {margin-bottom: 2%; margin-right: 0}
.fix_quick ul li.fix_03 {margin-right:2%;}
.fix_quick ul li.fix_04 {margin-right:0;}
.slicer_notice {width:100%; height:auto; margin-left:0%;}
}

@media all and (max-width:480px) {
#content {padding: 10px; }
#visualwrap {background: url(/S0006/images/main/mm_visual_bg.jpg) no-repeat 20% 0; padding-top:33vw; height:auto; background-size: contain;}
.visual {padding: 20px 12px; height: auto; background: #f84e73; margin-bottom: 10px;}
.slider_window {width: 100%; height: 90%; overflow: hidden; position: relative;
border-radius: 16px; background: #fadcc2;}
.visual > div div img {width: 100%; height: 100%; }
.window_controls {top: 30px; left: 0;}
.board_wrap .news_board  a.bttt {font-size: 15px;padding-left:10px;}
.board_wrap .news_board  a.bttt::after {margin-left: 10px;}
.board_wrap .board03  a.bttt::after {display: none;}
.board_wrap .news_board  a.bttt.board_on {padding-bottom: 19px;}
.board_wrap .board01  a.bttt {left: 10px; }
.board_wrap .board02  a.bttt {left: 85px;}
.board_wrap .board03  a.bttt {left: 220px;}
.board_wrap .board_inner {padding-top: 20px;}
.board02 .board_inner,.board03 .board_inner,.board04 .board_inner,.board05 .board_inner {display: none;}
.board_wrap .news_board .board_tit {padding:5px 0 15px 100px;}
.board_wrap .news_board h4 a {font-size: 15px; margin-bottom: 10px;}
.board_inner ul {padding: 18px 20px}
.board_inner ul li a {width:65%; line-height: 20px; background: url(/S0006/images/main/list.jpg) no-repeat 0 center; padding-left: 10px; color: #666;}
.board_inner ul li span {width:35%;}
}


@media all and (max-width:370px) {
  .window_controls {top: 20px; left: 0;}
  .board_wrap .more {top:15px; right:10px;}
  .board_wrap .news_board  a.bttt {font-size:13px;padding-left:5px;}
  .board_wrap .news_board  a.bttt::after {margin-left:9px;}
  .board_wrap .board03  a.bttt::after {display: none;}
  .board_wrap .news_board  a.bttt.board_on {padding-bottom: 21px;}
  .board_wrap .board01  a.bttt {left: 7px; }
  .board_wrap .board02  a.bttt {left: 72px;}
  .board_wrap .board03  a.bttt {left: 190px;}
  .board_wrap .board01 .board_tit, .board_wrap .board02 .board_tit, .board_wrap .board03 .board_tit {background:none !important;}
  .board_wrap .board_inner {padding-top: 20px;}
  .board02 .board_inner,.board03 .board_inner,.board04 .board_inner,.board05 .board_inner {display: none;}
  .board_wrap .news_board .board_tit {padding:5px 0 15px 25px;}
  .board_wrap .board01 .board_tit {background: url(/S0006/images/main/btn_notice.png) no-repeat 7px 10px ;}
  .board_wrap .news_board h4 a {font-size: 15px; margin-bottom: 10px;}
  .board_wrap a.more {top:15px; right:7px;}
  .board_inner ul {padding: 18px 20px}
  .board_inner ul li a { line-height: 20px; background: url('/S0006/images/main/list.jpg') no-repeat 0 center; padding-left: 10px; color: #666;}


}



/*푸터*/
.footerWrap {background: #fff; clear: both; padding-bottom: 30px;}
#listItemwrap {width: 100%; height: 60px; background-color: #cccccc;}
.listItem {width: 1100px; height: 100%; padding: 10px 0; margin: auto; }
.listItem > ul > li {width: 260px; height: 40px; background: #fff; float: left;margin-right: 20px; position: relative; cursor: pointer;}
.listItem > ul > li.list04 {margin-right: 0;}
.listItem .banner_title {display: block; color:#333; font-size: 15px; width: 100%; height: 100%; line-height: 40px; background: url('/S0006/images/main/plus.png') no-repeat 230px center; padding-left: 30px;}
.listItem .box {position: absolute; bottom: 0;background: #fff; width: 100%; height: 244px; border: 1px solid #c7c7c7; display: none; z-index: 500;}
.listItem .box h4 {height: 40px; color:#fff; line-height: 40px; font-weight: 600; padding-left:15px;}
#listItemwrap .li_Item01 h4{background: #d91e48;}
#listItemwrap .li_Item02 h4{background: #275aae;}
#listItemwrap .li_Item03 h4{background: #6f3e9c;}
#listItemwrap .li_Item04 h4{background: #096d66;}
#listItemwrap .li_Item05 h4{background: #366d15;}
#listItemwrap .li_Item06 h4{background: #604537;}
#listItemwrap .li_Item07 h4{background: #145d69;}
#listItemwrap .li_Item08 h4{background: #333;}
.listItem .box .listclose {display: block; width: 11px; height: 15px; position: absolute; top:32px; right:29px; cursor: pointer;
background: url('/S0006/images/main/btn_close.png') no-repeat center center; font-size: 0;}
.listItem .box ul {height: 160px; overflow-y: scroll; padding: 5px 15px;}
.listItem .box ul li a {display: block; line-height: 27px; font-size: 13px;}
#footer {clear: both; width: 1100px; margin: 0 auto; position: relative; z-index: 50;
background: url('/S0006/images/main/foot_logo.png') no-repeat 0 center; padding-left: 220px;}
#footer .footMenu {margin:20px 0 15px;overflow: hidden; clear: both;}
.footMenu ul li {float: left;border-left: 1px solid #ddd; height: 15px;}
.footMenu ul li.bo_no {border: 0;}
.footMenu ul li a {display: block; padding: 0 20px; color:#6f6f6f; line-height: 14px; font-size: 14px;}
.footMenu ul li.bo_no a {padding-left: 0;}
.footMenu ul li.menu01 {border-left: 0;}
.footMenu ul li.menu01 a {padding-left: 0; color:#303030; }
.footInfo ul li {float: left; color:#545454; font-size: 13px; margin-right: 10px;}
.footInfo ul li span.b40022 {color:#303030; margin-right: 7px; font-weight: 800;}
#footer .footInfo {clear: both; overflow: hidden; margin-bottom: 5px;}

@media all and (max-width:1023px) {
#listItemwrap {height: 124px;}
.listItem {width: 100%; padding: 17px 10px;}
.listItem > ul > li {width: 48%; margin-right: 4%; margin-bottom: 10px;}
.listItem > ul > li.list02 {margin-right: 0}
.listItem > ul > li.list03 {margin-bottom: 0;}
.listItem > ul > li.list04 {margin-right: 0; margin-bottom: 0px;}
.listItem .banner_title {background: url('/S0006/images/main/plus.png') no-repeat 94% center;}
#footer {clear: both; width: 100%;background: url('/S0006/images/main/foot_logo.png') no-repeat 20px center; padding-left: 230px;}

}
@media all and (max-width:630px) {
#footer {background: none; padding-left: 0;}
#footer .footMenu {width:100% ;margin:15px auto 10px ; text-align: center; padding: 0 20px 15px; border-bottom: 1px solid #ccc;}
.footMenu ul li:nth-child(1) {width: 24%;}
.footMenu ul li:nth-child(2) {width: 38%;}
.footMenu ul li:nth-child(3) {width: 38%;}
#footer .footInfo {width: 100%;}
.footInfo ul li {margin-right: 0;}
.footInfo li:nth-of-type(1) {width: 100%; text-align: center;margin-bottom: 5px;}
.footInfo li:nth-of-type(2) {width: 50%; text-align: right; padding-right: 10px;}
.footInfo li:nth-of-type(3) {width: 50%; text-align:left}
.footInfo li span.m_h {display: none;}
#footer .footCopy {width: 100%; text-align: center;}
}
@media all and (max-width:480px) {
 #listItemwrap {height:220px;}
 .listItem {width: 100%; padding: 15px 10px 0}
  .listItem > ul > li {width: 98%; margin: 1% !important;}
  .listItem .banner_title {padding-left: 5px; font-size: 13px; background: url(/S0006/images/main/plus.png) no-repeat 97% center;}
  .footMenu ul li {float: none; display: inline-block; text-align: left;}

  .footMenu ul li:nth-child(1) {width: auto; }
  .footMenu ul li:nth-child(2) {width: auto;}
  .footMenu ul li:nth-child(3) {width: auto;}

}
@media all and (max-width:410px) {
.footMenu ul li {float: left;  margin-top: 2px;}
.footMenu ul li a {padding: 0 11px 0;}
}


.map_div {position:absolute; top:0; left:0; width:100%; height:100%;}
.map_div a { position:absolute; text-indent:-99999px; }
.map_li {position:relative;}
.map_1 a.btn1 {left:0; top:45%; width:100%; height:8%;}
.map_1 a.btn2 {left:0; top:54%; width:100%; height:8%;}


/* 레이어팝업
.layer_popup {position:absolute; top:170px; max-width:500px; background:#fff; padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.3); z-index:101; }
.layer_popup div a, .layer_popup div img { position:relative; right:auto; top:auto; display:block; width:100%;}
.layer_popup form { position:relative; padding-bottom:10px; }
.layer_popup form .close_btn { position:absolute; right:0; font-weight:bold; }
#popup01 {left:69%; z-index: 110;}
#popup02 {left:67%; z-index:104; max-width: 518px;}
#popup03 {left:65%; z-index:103;max-width: 520px;}
#popup04 {left:63%; z-index: 102;}
#popup05 {left:56%; }
#popup06 {left:59%; max-width: 580px !important;}
#popup07 {left:62%; }
#popup08 {left:64%; }
#popup09 {left:66%;}
#popup10 {left: 47.5%;max-width: 600px;}
 */
/*슬라이드팝업
.slick-arrow {position:absolute !important; display:block; top:50% !important; width:50px !important; height:50px !important; background:rgba(0,0,0,.5); transform:translateY(-50%); z-index:100; text-indent:-999rem; cursor:pointer;}
.slick-arrow.prev {left:0;}
.slick-arrow.next {right:0;}
.slick-arrow:before {content:''; position:absolute; top:13px; left:10px; width:20px; height:20px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);}
.slick-arrow.prev:before {transform:rotate(-135deg); left:20px}
@media all and (max-width:1023px){
  .layer_popup { top:100px;}
  #popup01 {left:5%; }
  #popup02 {left:10%; }
  #popup03 {left:15%; }
  #popup04 {left:20%; }
  #popup05 {left:25%; }
  #popup06 {left:30%; }
  #popup07 {left:35%; }
  #popup10 {left:40%; }
}
@media all and (max-width:768px){
  .layer_popup {left:50% !important; transform:translate(-50%, 0); width: 90%;}
}
*/

.covid_homecare div { /*height:490px;*/ font-size:15px; line-height:1.5;}
/*
.covid_homecare * { font-family:sans-serif; }
*/
.covid_homecare dl {background:#145d69; padding:10px;}
.covid_homecare dl dt {font-size:21px; font-weight:600; padding:5px 10px 15px; text-align:center; letter-spacing:-1.5px; color:#fff; }
.covid_homecare dl dd {height:450px; overflow-y:auto; background:#fff; padding:20px;}
.covid_homecare .tit1 { font-size:17px; font-weight:600; background:url('/S0006/images/common/bul_h4_04.png') no-repeat 0 5px; padding:2px 0 2px 30px; margin:30px 0 10px; }
.covid_homecare .tit1.mar_t0 {margin:0 0 10px;}
.covid_homecare .box {margin:0;}
.covid_homecare .depth1 > li {position:relative; padding:3px 0 3px 17px; }
.covid_homecare .depth1 > li::before {content:''; position:absolute; left:0; top:8px; width:6px; height:6px; border-top:3px solid #145d69; border-right:3px solid #145d69; transform:rotate(45deg); }
.covid_homecare .depth2 {margin:5px 0;}
.covid_homecare .depth2 > li {position:relative; padding:1px 0 3px 15px; font-size:14px; color:#555; }
.covid_homecare .depth2 > li::before {content:''; position:absolute; left:0; top:11px; width:3px; height:1px; background:#333; }
.covid_homecare .caution {position:relative; padding:3px 0 3px 15px;}
.covid_homecare .caution::before {content:'※'; position:absolute; left:0; top:2px; }
.covid_homecare .table {overflow-x:auto; border-left:1px solid #ddd; }
.covid_homecare .table table {width:100; text-align:center;}
.covid_homecare .table thead th {background:#096d66; color:#fff; padding:10px;}
.covid_homecare .table tbody td {background:#fff; font-size:14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px;}
.covid_homecare .btn1 {padding: 1em;background: #145d69;text-align: center;color: #fff;margin-top: 10px;}

.pop_220721 div { position:relative; background: #e5eaf0;}
.pop_220721 div a {position:absolute; right:10px; top:10px;}
.pop_220721 .cont .table {/*height: 350px;*/overflow-y: scroll;background: #fff;margin: 10px 0 0 0;padding: 10px;border: 1px solid #c7c7c7;}
.pop_220721 .table table {border-collapse: separate; border-top:1px solid #555;margin-left:-1px; width:100%;border-right: 1px solid #d4d4d4;}
.pop_220721 .table table thead th {background:#f4f4f4; font-size:14px;padding:3px;border-left:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;text-align:center;}
.pop_220721 .table table tbody th {background:#fafafa; font-size:14px; }
.pop_220721 .table table tbody td, .pop_220721 .table table tfoot td {background:#fff; font-size:14px; text-align: left;}
.pop_220721 .table table tbody th, .pop_220721 .table table tbody td, .pop_220721 .table table tfoot th, .pop_220721 .table table tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:6px; word-break:keep-all;}
.pop_220721 .table table tbody td ul {padding-left:6px; margin:0;}
.pop_220721 .table table tbody td > ul > li {font-size:14px; margin:5px 0; padding:0 0 0 8px; line-height:1.5; background-position-y:10px !important;}
.pop_220721 .tit{padding: 10px 10px 0 10px;}
.pop_220721 .tit dt{font-size: 32px;font-weight: bold;color: #00365a;text-align: center;}
.pop_220721 .tit dd{font-size: 16px;color: #282828;text-align: center;margin: auto;padding: 10px 0;line-height: 26px;font-weight: 500;}
.pop_220721 p.pp{text-align: center;font-size: 16px;color: #fff;font-weight: bold;padding: 10px;border-radius: 30px;background: #004776;width: 100px;margin: auto;}
.pop_220721 .notice{ font-size: 14px; padding: 15px;}
.pop_220721 .notice li{line-height: 1.7;}
.pop_220721 .notice .red {font-weight: 600;color: #cd0000;}
.pop_220721 .notice .blue {color:#095eac;}
.pop_220721 .notice li dl dd{margin-left: 5px;}
.pop_220721 .close { position:absolute; top:10px; right:10px; }

.popup_241202 * { font-family:'Pretendard', sans-serif; }
.popup_241202 { border:1px solid #ddd; border-radius:10px; background:#fefefe; padding:20px; font-size:16px; line-height:1.6; }
.popup_241202 dt {font-weight:700; font-size:22px; text-align:center; padding:10px 0 20px; color:#153c85; }
.popup_241202 dd li { position:relative; padding: 5px 0 5px 12px; }
.popup_241202 dd li::before {content:''; position:absolute; left:0; top:14px; width:5px; height:5px; background:#153c85; border-radius:50%; }
.popup_241202 dd .table { margin:10px 0; overflow-x:auto; }
.popup_241202 dd table { width:100%; text-align:center; border-top:2px solid #153c85; margin-left:-1px; }
.popup_241202 dd table th {background:#e6f2ff; border-bottom:1px solid #ccc; padding:5px; }
.popup_241202 dd table td { padding:5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.popup_241202 dd table td.point { font-weight:600; color:#ef5f5e;}