@charset "UTF-8";
/*-------------------------------------------------------------------
    파일정의 : Settings
    작성날짜 : 2020.01 홍성호
    참고사항 : 이 파일은 설정값만 정의한다.
-------------------------------------------------------------------*/
.col5p { width: 5%; }
.col7p { width: 7%; }
.col8p { width: 8%; }
.col10p { width: 10%; }
.col20p { width: 20%; }
.col80p { width: 80%; }
.col-auto { width: auto; }
/* paging type input mobile */
/* button */
body.fixed { overflow: hidden; }
.skip a { overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #000; color: #fff; text-align: center; }
.skip a:focus, .skip a:active { position: relative; width: 100%; height: auto; padding: 10px; }
.wrap { width: 100%; min-width: 1600px; margin: 0 auto; }
@media screen and (max-width: 1600px) { .wrap { min-width: 100%; } }
/*상단 배너 */
.top__baner--area { position: relative; }
.top__baner--area img { width: 100%; }
.top__baner--area .inner__box { width: 1600px; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); }
.top__baner--area .close__topbaner { position: absolute; top: 10px; right: 0; }
.top__baner--area .btn__close--top::after { display: block; width: 33px; height: 33px; text-align: center; background: none; content: '×'; background-color: transparent; font-size: 30px; font-weight: 400; color: #fff; border: solid 1px #fff; line-height: 23px; }
.top__baner--area .close__topbaner--option { position: absolute; right: 0; bottom: 10px; }
.top__baner--area .close__topbaner--option input[type=checkbox] { vertical-align: middle; width: 15px; height: 15px; }
@media screen and (max-width: 1600px) { .top__baner--area .inner__box { width: 100%; } }
@media screen and (max-width: 768px) { .close__topbaner { right: 10px; } }
/*//상단 배너 */
.header__top { width: 100%; height: 37px; background: #323232; }
.header__top:after { content: ''; display: block; clear: both; }
@media screen and (max-width: 1240px) { .header__top { display: none !important; } }
.inner__box { position: relative; max-width: 1600px; height: 100%; margin: 0 auto; }
.inner__box:after { content: ''; display: block; clear: both; }
.top__seoul--menu { float: left; }
.top__seoul--menu:after { content: ''; display: block; clear: both; }
.top__seoul--menu .seoul__logo { float: left; padding-top: 6px; }
.top__seoul--menu .seoul__logo img { height: 23px; }
.top__seoul--menu .seoul__news { float: left; font-size: 12px; font-weight: 500; color: #e3e3e3; margin-left: 25px; padding: 13px 0 0 0; }
.top__seoul--menu .seoul__news .data { margin-left: 26px; }
.util__menu { position: absolute; top: 5px; right: 50px; }
.util__menu li { float: left; padding-left: 50px; }
.util__menu li a { font-size: 13px; font-weight: 500; color: #fff; }
.util__menu li:nth-child(1) { background: url("../img/common/icon_login.png") no-repeat 20px 50%; }
.util__menu li:nth-child(2) { background: url("../img/common/icon_member.png") no-repeat 20px 50%; }
.util__menu li:nth-child(3) { background: url("../img/common/icon_lang.png") no-repeat 20px 50%; }
.btn__control--toparea { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-image: url("../img/common/btn_close_top.png"); background-position: center center; background-repeat: no-repeat; transition: all .3s; }
.btn__control--toparea.on { transform: rotate(-180deg); }
.top__menu { float: right; padding: 7px 0; }
.top__menu li { float: left; margin-left: 50px; }
.top__menu li a { font-size: 12px; font-weight: 500; color: #e3e3e3; }
.header { position: relative; }
.header.f_fixed { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; }
.header.fixed { background: rgba(255, 255, 255, 0.9); }
.header.fixed .header__gnb { position: initial; width: 100%; border-bottom: 1px solid #b0b0b0; }
.header__util { width: 100%; height: 30px; background: #42316a; }
.header__util:after { content: ''; display: block; clear: both; }
.logo { text-align: center; position: absolute; left: 0; top: 35px; z-index: 10; }
.header__gnb { position: relative; width: 100%; height: 50px; background: #42316a !important; border-top: 1px solid #655982; border-bottom: 1px solid #b0b0b0; }
.mobile__logo { display: none; text-align: center; width: 200px; margin: 0 auto; padding-top: 7px; }
.mobile__logo img { width: 200px; }
.btn__allmenu { position: absolute; top: 1px; right: 53px; width: 70px; height: 100%; text-align: center; background-image: url("../img/common/btn_allmenu.png"); background-position: center center; background-repeat: no-repeat; }
.btn__allmenu.is__open { position: absolute; top: 36px; background-image: url("../img/common/btn_allmenu_close.png"); background-position: center center; background-repeat: no-repeat; z-index: 11000; width: 26px; height: 25px; }
.btn__search-top { position: absolute; right: 1px; top: 1px; width: 26px; height: 100%; text-align: center; background-image: url("../img/common/btn_search_main.png"); background-position: center center; background-repeat: no-repeat; transition: all .3s; }
.btn__search-top.is-open { background-image: url("../img/common/btn_close_search.png"); background-position: center center; background-repeat: no-repeat; background-image: url("../img/common/btn_close_search.png"); background-position: center center; background-repeat: no-repeat; z-index: 14; right: 1px; top: -84px; width: 70px; height: 100%; }
.search__form--wrap { display: none; position: fixed; left: 0; top: 0; width: 100%; padding: 0 0 20px 0; background: #3f2574; text-align: center; z-index: 13; }
.search__form--wrap .wrapping { position: relative; max-width: 1600px; margin: 0 auto; }
.search__form--wrap input { width: 60%; height: 59px; background: #fff; color: #000; font-size: 16px; text-indent: 20px; vertical-align: middle; border: 1px solid #dadada; }
@media screen and (max-width: 768px) { .search__form--wrap input { font-size: 13px; height: 30px; text-indent: 10px; } }
.search__form--wrap button { width: 50px; height: 50px; margin-left: 10px; vertical-align: middle; background-image: url("../img/common/btn_searc_cicle.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .search__form--wrap button { width: 30px; height: 30px; background-size: 30px auto; } }
.header__search--title { padding: 14px 0; text-align: center; font-size: 28px; font-weight: 700; color: #014b92; background-color: #fff; margin-bottom: 20px; }
@media screen and (max-width: 1240px) { .header__util { width: 100%; height: 80px; background: #fff; display: none; }
  .logo img { width: 180px; }
  .header__gnb { border-top: 0; }
  .mobile__logo { display: block; }
  .btn__allmenu { width: 40px; height: 40px; border: 0; top: 50%; margin-top: -20px; background-image: url("../img/common/btn_allmenu.png"); background-size: 22px auto; }
  .btn__search-top { width: 40px; height: 40px; border: 0; top: 50%; right: 10px; margin-top: -20px; background-image: url("../img/common/btn_search_main.png"); background-size: 25px auto; z-index: 10; }
  .btn__search-top.is-open { background-image: url("../img/common/btn_close_search.png"); background-position: center center; background-repeat: no-repeat; background-image: url("../img/common/btn_close_search.png"); background-position: center center; background-repeat: no-repeat; top: -60px; right: 10px; z-index: 10; width: 40px; height: 40px; margin-top: -20px; }
  .search__form--wrap { position: fixed; top: 0; } }
@media screen and (max-width: 1240px) { body.fixed { height: 100%; overflow: hidden; } }
/* gnb */
/*-------------------------------------------------------------------
    파일정의 : Settings
    작성날짜 : 2020.01 홍성호
    참고사항 : 이 파일은 설정값만 정의한다.
-------------------------------------------------------------------*/
.col5p { width: 5%; }
.col7p { width: 7%; }
.col8p { width: 8%; }
.col10p { width: 10%; }
.col20p { width: 20%; }
.col80p { width: 80%; }
.col-auto { width: auto; }
/* paging type input mobile */
/* button */
/* gnb  */
.menu__gnb { text-align: center; }
.menu__gnb .gnb__depth1 { font-size: 0; max-width: 1270px; margin: 0 140px 0 225px; }
.menu__gnb .gnb__depth1 .gnb__depth1--item { display: inline-block; position: relative; padding: 0px 70px; }
@media screen and (max-width: 1600px) { .menu__gnb .gnb__depth1 .gnb__depth1--item { padding: 0px 4%; } }
.menu__gnb .gnb__depth1 .gnb__depth1--item > a { display: block; font-size: 18px; font-weight: 500; color: #fff; padding: 13px 0; }
.menu__gnb .gnb__depth1 .gnb__depth1--item:hover > a { color: #fff55c; }
.menu__gnb .gnb__depth1 .gnb__depth1--item.is-active > a { color: #fff55c; }
.menu__gnb .gnb__depth1 .gnb__depth1--item:hover .gnb__depth2 { background-color: #f7f7f7; }
.menu__gnb .gnb__depth1 .gnb__depth1--item:hover .gnb__depth2 > a { color: #393d40; }
@media screen and (max-width: 1240px) { .menu__gnb { display: none; } }
.gnb__depth1--item:last-child .gnb__depth2.on { border-right: 1px solid #dedede; }
.gnb__depth2 { display: none; position: absolute; left: 0px; width: 100%; padding: 15px 0; background: #fff; z-index: 1000; }
.gnb__depth2.on { display: block; border-left: 1px solid #dedede; height: 100%; }
.gnb__depth2 > li.hassub a::after { display: inline-block; vertical-align: middle; width: 9px; height: 5px; margin-left: 10px; background-image: url("../img/common/icon_gnb_arrow.png"); background-position: right center; background-repeat: no-repeat; content: ''; }
.gnb__depth2 > li.hassub-isopen > a { color: #fff; background-color: #643d99; }
.gnb__depth2 > li.is-active-s > a { color: #fff; background-color: #643d99; }
.gnb__depth2 > li.hassub-isopen > a::after { display: inline-block; vertical-align: middle; width: 9px; height: 5px; margin-left: 10px; background-image: url("../img/common/icon_gnb_arrow_up.png"); background-position: right center; background-repeat: no-repeat; content: ''; }
.gnb__depth2 > li > a { display: block; text-align: left; font-size: 16px; font-weight: 500; color: #393d40; padding: 10px 0 10px 5px; }
.gnb__depth3 { display: none; margin: 5px 0 5px 15px; }
.gnb__depth3 li { position: relative; padding-left: 7px; text-align: left; }
.gnb__depth3 li a { display: inline-block; font-size: 14px; font-weight: 300; color: #676767; padding: 5px 0; }
.gnb__depth3 li::before { display: block; position: absolute; left: 0; top: 16px; margin-top: -1px; width: 2px; height: 2px; background: #b6b6b6; content: ''; }
.gnb__depth3 li.menu_link a { position: relative; padding: 5px 20px 5px 0; }
.gnb__depth3 li.menu_link a::after { display: block; position: absolute; right: 0; top: 8px; width: 14px; height: 14px; margin-left: 10px; background-image: url("../img/common/icon_menu_link.png"); background-position: center center; background-repeat: no-repeat; background-size: 100%; content: ''; }
.gnb__depth3.on { display: block; }
.gnb__depth3 > li.hassub4 a::after { display: inline-block; vertical-align: middle; width: 9px; height: 5px; margin-left: 10px; background-image: url("../img/common/icon_gnb_arrow.png"); background-position: right center; background-repeat: no-repeat; content: ''; }
.gnb__depth3 li.hassub4-isopen > a::after { display: inline-block; vertical-align: middle; width: 9px; height: 5px; margin-left: 10px; background-image: url("../img/common/icon_gnb_arrow_up.png"); background-position: right center; background-repeat: no-repeat; content: ''; }
.gnb__depth4 { display: none; }
.gnb__depth4 a::before { display: block; position: absolute; left: 0; top: 16px; margin-top: -1px; width: 2px; height: 2px; background: #b6b6b6; content: ''; }
.gnb__depth4.on { display: block; }
.dimm_wrapping { position: relative; }
.dimm { display: none; position: absolute; top: 80px !important; left: 0; width: 100%; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fff; padding: 10px 0; z-index: 99; }
.dimm.on { display: block; }
.dimm::before { display: none; content: ''; width: 100%; height: 0px; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 100%; z-index: 1000; padding-bottom: 100%; }
.dimm-scroll { display: none; position: fixed; top: 117px; left: 0; width: 100%; height: 0; padding-bottom: 100%; background: rgba(0, 0, 0, 0.7); z-index: 90; }
@media screen and (min-width: 1240px) { .dimm-scroll .dimm-scroll { display: none; } }
@media screen and (max-width: 1240px) { .dimm { margin-top: 0px; border: none; background: rgba(0, 0, 0, 0.7); }
  .dimm.on { display: block !important; position: fixed; top: 0px !important; width: 100%; height: 100% !important; z-index: 10; }
  .dimm::before { display: none; } }
/* type1 */
.header__gnb--all { display: none; position: fixed; left: 0%; top: 0px; width: 100%; height: 100%; background: #643d99; z-index: 10000; transition: all .3s; }
.header__gnb--all.is__open { display: block; }
.header__gnb--all.is__open::after { content: ''; width: 100%; position: absolute; left: 0; top: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 2; }
.header__gnb--all.is__open .all-menu_head { padding: 20px; border-bottom: 1px solid #643d99; background: #fff; text-align: center; }
.header__gnb--all .all-menu_body { overflow-y: auto; height: 84%; padding-bottom: 50px; }
.header__gnb--all .all__menu--inbox { max-width: 1600px; margin: 0 auto; font-size: 0; }
.header__gnb--all .all__depth1 { display: table; width: 100%; padding-top: 40px; }
@media screen and (max-width: 1240px) { .header__gnb--all .all__depth1 { padding-top: 0; } }
.header__gnb--all .all__depth1--item { display: inline-block; width: 20%; }
.header__gnb--all .all__depth1--item > a { display: block; padding: 10px 0; margin: 0 20px; box-sizing: border-box; border: 1px solid #fff; font-size: 24px; font-weight: 500; color: #fff; text-align: center; }
.header__gnb--all .all__depth2 { margin: 20px 0 0 36px; }
.header__gnb--all .all__depth2 > li { padding: 10px 0; }
.header__gnb--all .all__depth2 > li a { font-size: 17px; font-weight: 500; color: #fff; }
.header__gnb--all .all__depth3 { display: none; margin: 12px 0 0 0; }
.header__gnb--all .all__depth3 li { position: relative; padding: 6px 0 6px 10px; }
.header__gnb--all .all__depth3 li::before { display: inline-block; position: absolute; left: 0; top: 13px; transform: translateY(-50%); width: 3px; height: 3px; margin-right: 8px; vertical-align: middle; background-color: #ccb4ec; content: ''; }
.header__gnb--all .all__depth3 li a { font-size: 15px; font-weight: 100; color: #fff; }
.header__gnb--all .all__depth4 { display: none; }
.header__gnb--all > button { display: none; }
.mo--gnblogo { display: none; }
.header__gnb--all .all__depth3.on { display: block; }
.header__gnb--title { background-color: #fff; padding: 6px 0; text-align: center; font-size: 28px; font-weight: 700; color: #014b92; }
@media screen and (max-width: 1240px) { .header__gnb--title { display: none; } }
@media screen and (max-width: 1240px) { .header__gnb--all { display: block; top: 0; left: -100%; padding: 0; background: #fff; transition: all .3s; }
  .header__gnb--all.is__open { left: 0; transition: left 0.4s ease-in-out; }
  .header__gnb--all .all-menu_head { display: none; }
  .header__gnb--all .all__menu--inbox { max-width: 1324px; border-left: 0; min-height: 620px; }
  .header__gnb--all .mo--gnblogo { display: block; margin: 25px 0 0 20px; }
  .header__gnb--all .mo--gnblogo img { width: 200px; }
  .header__gnb--all .all__depth1 { height: 100%; width: 100%; position: fixed; }
  .header__gnb--all .all__depth1--item { display: block; clear: both; width: 40%; border-right: 1px solid #c0c9cd; border-bottom: 1px solid #c0c9cd; }
  .header__gnb--all .all__depth1--item > a { display: block; font-size: 15px; font-weight: 500; color: #000; margin-left: 0px; text-align: center; padding: 15px 0; margin: 0; background-color: #f4f4f4; }
  .header__gnb--all .mo__member--util { text-align: center; }
  .header__gnb--all .mo__member--util::after { content: ''; display: block; clear: both; }
  .header__gnb--all .mo__member--util li { float: left; width: calc(100% / 3); border: 1px solid #7752aa; }
  .header__gnb--all .mo__member--util li:first-child { border-left: 0; }
  .header__gnb--all .mo__member--util li a { display: block; font-size: 18px; font-weight: 500; color: #fff; padding: 14px 0; background-color: #643d99; }
  .header__gnb--all .mo__member--util li.login a::before { display: inline-block; width: 15px; height: 14px; vertical-align: middle; margin-right: 10px; background-image: url("../img/common/icon_mo_login.png"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; content: ''; }
  .header__gnb--all .mo__member--util li.join a::before { display: inline-block; width: 15px; height: 14px; vertical-align: middle; margin-right: 10px; background-image: url("../img/common/icon_mo_join.png"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; content: ''; }
  .header__gnb--all .mo__member--util li.lang a::before { display: inline-block; width: 15px; height: 14px; vertical-align: middle; margin-right: 10px; background-image: url("../img/common/icon_mo_lang.png"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; content: ''; }
  .all__depth1 { position: relative; }
  .all__depth1::after { display: block; position: absolute; left: 0; width: 40%; height: 100%; bottom: 0; top: 416px; background-color: #f4f4f4; border-right: 1px solid #c0c9cd; content: ''; }
  .menuarea__mo--top { height: 65px; }
  .all__depth2 { background-color: #fff; display: none; position: absolute; overflow: hidden; overflow-y: auto; /* position: fixed; */ height: 500px; }
  .all__depth1--item.active { border-right: 0; }
  .all__depth1--item.active a { background: #fff; }
  .all__depth1--item.active .all__depth2 { display: block; left: 40%; top: 0; width: 60%; margin: 0; }
  .all__depth1--item.active--page { border-right: 0; }
  .all__depth1--item.active--page a { background: #fff; }
  .all__depth1--item.active--page .all__depth2 { display: block; left: 40%; top: 0; width: 60%; margin: 0; }
  .header__gnb--all .all__depth2 > li { padding: 0; }
  .header__gnb--all .all__depth2 > li > a { position: relative; display: block; width: 90%; margin: 0 auto; padding: 15px 0 15px 10px; border-bottom: 1px solid #dde3e6; font-size: 15px; font-weight: 500; color: #201f1f; }
  .header__gnb--all .all__depth2 > li.hassub > a:after { position: absolute; right: 10px; top: 50%; margin-top: -6px; width: 17px; height: 12px; content: ''; background-image: url("../img/common/icon_monav_arrow.png"); background-position: 93% center; background-repeat: no-repeat; transition: all .3s; }
  .header__gnb--all .all__depth2 > li.hassub__open > a::after { background-image: url("../img/common/icon_monav_arrow_open.png"); background-position: 93% center; background-repeat: no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -6px; width: 17px; height: 12px; content: ''; transition: all .3s; transform: rotate(-360deg); }
  .header__gnb--all .all__depth3 { display: none; margin: 5px 0 5px 35px; }
  .header__gnb--all .all__depth2 > li.hassub__open { position: relative; } }
@media screen and (max-width: 1240px) and (max-width: 768px) { .header__gnb--all .all__depth2 > li.hassub__open::before { position: absolute; bottom: -3px; left: 5%; width: 90%; height: 1px; background: #dde3e6; content: ''; } }
@media screen and (max-width: 1240px) { .header__gnb--all .all__depth2 > li.hassub__open .all__depth3 { display: block; }
  .header__gnb--all .all__depth3 > li { padding: 0 0 0 10px; border-bottom: 0; }
  .header__gnb--all .all__depth3 > li a { display: block; font-size: 13px; font-weight: 300; color: #7f7f7f; padding: 5px 0; }
  .header__gnb--all .all__depth3 > li a.active { color: #000; }
  .header__gnb--all .all__depth4 > li { padding: 0 0 0 10px; border-bottom: 0; }
  .header__gnb--all.is__open { position: fixed; top: 0px; left: 0px; background-color: #fff; height: 100%; }
  .header__gnb--all > button { display: block; position: absolute; top: 0px; right: 0px; }
  .btn__allmenu { left: 6px; transition: all .3s; }
  .btn__allmenu.is__open { z-index: 11000; position: fixed; top: 45px; left: calc(100% - 60px); transition: left 0.4s ease-in-out; } }
@media screen and (min-width: 1241px) { body.fixed .header.fixed .header__gnb { position: static; } }
/*sub visual */
.sub__visual { position: relative; width: 1600px; height: 173px; text-align: center; margin: 40px auto; background-image: url("../img/common/sub_visual.png"); background-position: 0 0; background-repeat: no-repeat; }
.sub__visual h2 { line-height: 170px; font-size: 45px; font-weight: 700; color: #fff; }
@media screen and (max-width: 1600px) { .sub__visual { width: 100%; background-size: 100% 100%; }
  .sub__visual h2 { position: absolute; font-size: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); } }
@media screen and (max-width: 1240px) { .sub__visual { height: 100px; background-image: url("../img/common/sub_visual_m.png"); background-position: 0 0; background-repeat: no-repeat; margin: 20px 0; } }
@media screen and (max-width: 768px) { .sub__visual { display: none; } }
.sub--menu01 { background-image: url("../img/common/sub_visual_03.png"); background-position: 0 0; background-repeat: no-repeat; }
.sub--menu02 { background-image: url("../img/common/sub_visual_03.png"); background-position: 0 0; background-repeat: no-repeat; }
.sub--menu03 { background-image: url("../img/common/sub_visual_03.png"); background-position: 0 0; background-repeat: no-repeat; }
.sub--menu04 { background-image: url("../img/common/sub_visual_03.png"); background-position: 0 0; background-repeat: no-repeat; }
.sub--menu05 { background-image: url("../img/common/sub_visual_03.png"); background-position: 0 0; background-repeat: no-repeat; }
.sub__content { position: relative; max-width: 1300px; margin: 0 auto; padding-bottom: 120px; }
.sub__content:after { content: ''; display: block; clear: both; }
@media all and (max-width: 1380px) { .sub__content { padding-bottom: 200px; } }
@media screen and (max-width: 1240px) { .sub__content { padding-bottom: 50px; } }
.sub__content.fixed_none { min-height: 690px;}
/* location menu */
.page__location { position: relative; max-width: 1300px; margin: 0 auto; padding-top: 132px; padding-bottom: 5px; border-bottom: 2px solid #4a4653; }
@media screen and (max-width: 1240px) { .page__location { margin: 50px 10px 0; padding-top: 30px !important; } }
@media screen and (max-width: 768px) { .page__location { padding: 12px 0 !important; } }
.page__location h2 { float: left; margin-top: 22px; font-size: 26px; color: #432983; }
@media screen and (max-width: 768px) { .page__location h2 { display: none; } }
.page__location--menu { float: right; padding-top: 25px; font-size: 15px; font-weight: 300; color: #000; }
@media screen and (max-width: 768px) { .page__location--menu { display: none; } }
.page__location--menu .home { float: left; display: block; width: 30px; height: 20px; margin-right: 10px; background-image: url("../img/common/icon_home.png"); background-position: left 0; background-repeat: no-repeat; }
.page__location--menu .drop { position: relative; padding: 0 10px 0 20px; float: left; background-image: url("../img/common/icon_arrow.png"); background-position: left 3px; background-repeat: no-repeat; }
.mobile--back { display: none; }
@media screen and (max-width: 768px) { .mobile--back { display: block; float: left; margin-top: 5px; }
  .mobile--back button { width: 27px; height: 27px; background-size: 26px auto; background-image: url("../img/common/btn_back.png"); background-position: center center; background-repeat: no-repeat; } }
.mobile__page--tit { display: none; }
@media screen and (max-width: 768px) { .mobile__page--tit { display: block; position: absolute; top: 3px; left: 50%; transform: translateX(-50%); width: 80%; text-align: center; font-size: 20px; font-weight: 500; color: #222; } }
.menu__utilset { display: none; float: right; }
.menu__utilset::after { content: ''; display: block; clear: both; }
@media all and (max-width: 1440px) { .menu__utilset { display: block; margin-right: 20px; } }
@media screen and (max-width: 768px) { .menu__utilset { margin-right: 0; } }
.menu__utilset .increaseFont { display: block; float: left; width: 47px; height: 47px; background: #fff url("../img/common/icon_font_up.png") no-repeat center center; border: 1px solid #cecece; border-radius: 50%; margin-right: 10px; }
.menu__utilset .decreaseFont { display: block; float: left; width: 47px; height: 47px; background: #fff url("../img/common/icon_font_down.png") no-repeat center center; border: 1px solid #cecece; border-radius: 50%; margin-right: 10px; }
@media screen and (max-width: 768px) { .menu__utilset .increaseFont { display: none; }
  .menu__utilset .decreaseFont { display: none; } }
.menu__utilset .btn__utilset { float: left; width: 47px; height: 47px; border-radius: 50%; background-color: #4a4653; }
@media screen and (max-width: 768px) { .menu__utilset .btn__utilset { width: 35px; height: 35px; } }
.menu__utilset .menu__set-print { background-image: url("../img/common/icon_print.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .menu__utilset .menu__set-print { display: none; } }
.menu__utilset .menu__set-sns_open { margin-left: 10px; background-image: url("../img/common/icon_share.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .menu__utilset .menu__set-sns_open { margin-left: 0; background-image: url("../img/common/btn_sns_mo.png"); background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: auto 20px; } }
.menu__sns-group { position: absolute; right: 0; top: 174px; padding: 25px; width: 219px; text-align: center; border: 1px solid #d5d5d5; background: #fff; z-index: 5; display: none; }
@media all and (max-width: 1440px) { .menu__sns-group { top: 61px; right: 0; } }
@media screen and (max-width: 768px) { .menu__sns-group { top: 48px; padding: 20px; width: 150px; right: 0; } }
.menu__sns-group span { font-size: 24px; font-weight: 300; color: #000000; letter-spacing: -0.025em; display: block; margin-bottom: 10px; }
@media screen and (max-width: 768px) { .menu__sns-group span { font-size: 16px; margin-right: 5px; } }
.menu__sns-group .sns_link_btn a { display: inline-block; margin: 5px 0; }
.menu__sns-group .sns_link_btn img { vertical-align: middle; border-radius: 100%; margin: 0 5px; }
@media screen and (max-width: 768px) { .menu__sns-group .sns_link_btn img { width: 100px; border-radius: 0; } }
.menu__sns-group input[type=text] { padding-left: 10px; width: 165px; height: 35px; line-height: 35px; border: 1px solid #d5d5d5; }
@media screen and (max-width: 768px) { .menu__sns-group input[type=text] { width: 130px; height: 30px; line-height: 30px; } }
.menu__sns-group button { display: inline-block; width: 94px; height: 35px; line-height: 35px; background-color: #264073; text-align: center; font-size: 20px; color: #fff; }
@media screen and (max-width: 768px) { .menu__sns-group button { font-size: 13px; width: 70px; height: 30px; line-height: 30px; } }
.menu__sns-group .sns_link_input { margin-top: 20px; }
.menu__snsgroup--inbox { position: relative; }
.btn--snsclose { position: absolute; right: -10px; top: -10px; }
@media screen and (max-width: 1240px) { .cont__area { padding: 0 10px; } }
/* 카테고리탭 */
.category_wrap { margin-top: 24px; }
@media screen and (max-width: 768px) { .category_wrap { margin-top: 20px; } }
.category_wrap .category_tabpanel_wrap { display: none; }
.category_wrap .category_tabpanel_wrap.active { display: block; }
.category_wrap .inner { position: relative; }
@media screen and (max-width: 768px) { .category_wrap .inner.only_select_search .select_box { width: 83%; } }
.category_wrap .label__wrap { display: none; border: 1px solid #8e899b; }
@media screen and (max-width: 768px) { .category_wrap .label__wrap { display: block; } }
.category_wrap .label { font-size: 15px; font-weight: 500; color: #fff; background-image: url("../img/common/icon_arrow_trs.png"); background-position: 97% center; background-repeat: no-repeat; background-size: 15px auto; background-color: #432983; width: 100%; padding: 14px 0px 12px 13px; text-align: left; }
.category_wrap .category_list { display: table; width: 100%; table-layout: fixed; }
@media screen and (max-width: 768px) { .category_wrap .category_list { display: none; } }
.category_wrap .category_list.height button { height: 80px; font-size: 16px; }
@media screen and (max-width: 1240px) { .category_wrap .category_list.height button { height: 80px; } }
.category_wrap .category_list.many_tab a { height: 60px; padding: 0; }
@media screen and (max-width: 1024px) { .category_wrap .category_list.many_tab a { font-size: 18px; } }
@media screen and (max-width: 768px) { .category_wrap .category_list.many_tab a { font-size: 15px; } }
.category_wrap .category_list.many_tab a span { display: table-cell; width: 200px; height: 60px; text-align: center; vertical-align: middle; }
@media screen and (max-width: 768px) { .category_wrap .category_list.many_tab a span { display: block; width: 100%; } }
@media screen and (max-width: 768px) { .category_wrap .category_list.many_tab br { display: none; } }
.category_wrap .category_item { display: table-cell; border-left: 1px solid #fff; }
.category_wrap .category_item button { display: block; position: relative; font-size: 16px; font-weight: 500; color: #000; width: 100%; height: 47px; background: #ebebeb; text-align: center; cursor: pointer; }
@media screen and (max-width: 1240px) { .category_wrap .category_item button { height: 47px; } }
.category_wrap .category_item a { display: block; position: relative; font-size: 20px; font-weight: 500; color: #000; width: 100%; height: 49px; padding: 12px 0; background: #ebebeb; text-align: center; cursor: pointer; }
@media screen and (max-width: 1240px) { .category_wrap .category_item a { height: 49px; } }
.category_wrap .category_item.active button { color: #fff; background: #432983; }
.category_wrap .category_item.active a { color: #fff; background: #432983; }
@media screen and (max-width: 768px) { .category_list.on { display: block; position: absolute; left: 0; top: 47px; border: 1px solid #ddd; border-top: 0; background-color: #fff; z-index: 10; }
  .category_list.on .category_list { width: 100%; }
  .category_list.on .category_list li { clear: both; display: block; }
  .category_list.on .category_item { clear: both; display: block; border-bottom: 1px solid #ddd; }
  .category_list.on .category_item button { background-color: #fff; font-size: 15px; height: 45px; }
  .category_list.on .category_item a { background-color: #fff; font-size: 15px; height: 45px; padding: 14px 0; }
  .category_list.on .category_item.active button { color: #432983; }
  .category_list.on .category_item.active a { color: #432983; } }
/* 서비스 평가 */
.appraisal .crb--list2 { display: none; position: relative; padding: 11px 70px 15px; }
.appraisal { overflow: hidden; clear: both; position: relative; min-height: 46px; margin: 25px 0 0; padding: 12px 0px 0; border: 1px solid #ddd; background: #f4f4f4; }
.appraisal .test_btn { position: absolute; right: 0; top: 0; background: #444 url(../img/common/icon_i.png) no-repeat 20px 50%; }
.appraisal .test_btn span { display: block; margin-right: 20px; padding: 0 58px 0 54px; line-height: 44px; font-size: 14px; color: #fff; }
.appraisal .test_btn span.openbtn { background: url(../img/common/icon_test_off.png) no-repeat right 50%; }
.appraisal .test_btn span.closebtn { background: url(../img/common/icon_test_on.png) no-repeat right 50%; }
.page-apraisal-tit { font-size: 0; border-bottom: 1px solid #ddd; padding: 0 70px; }
.page-apraisal-tit ul li { display: inline-block; padding: 0 22px; min-height: 20px; border-left: 1px solid #ddd; font-size: 15px; font-weight: 400; color: #222; }
.page-apraisal-tit ul li:first-child { padding-left: 0; border-left: none; }
.page-apraisal-tit ul li a { pointer-events: none; }
.page-apraisal-tit::after { content: ''; display: block; clear: both; }
.appraisal .page-apraisal-tit ul { padding: 0 0 11px; }
.appraisal ul.chk { overflow: hidden; font-size: 0; margin-left: -20px; box-sizing: border-box; }
.appraisal ul.chk > li { display: inline-block; margin-left: 20px; font-size: 14px; }
.appraisal ul.chk > li.crb { position: relative; vertical-align: middle; }
.appraisal ul.chk > li.crb input[type="radio"] { overflow: hidden; width: 16px; height: 16px; margin: 0; padding: 0; vertical-align: middle; }
.appraisal ul.chk > li.crb label:before { display: inline-block; width: 16px; height: 16px; margin: 0 10px 0 -16px; border: 1px solid #a6a6a6; border-radius: 15px; background: #fff; vertical-align: middle; cursor: pointer; z-index: 10; content: ''; }
.appraisal ul.chk > li.crb input[type="radio"]:checked + label:before { background-image: url("../img/common/radio_on.png"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 10px 10px; }
ul.chk > li.crb.star5 label { background-image: url("../img/common/icon-star1.png"); background-position: right center; background-repeat: no-repeat; padding-right: 100px; }
ul.chk > li.crb.star1 label { background-image: url("../img/common/icon-star1.png"); background-position: right center; background-repeat: no-repeat; padding-right: 100px; }
ul.chk > li.crb.star2 label { background-image: url("../img/common/icon-star2.png"); background-position: right center; background-repeat: no-repeat; padding-right: 100px; }
ul.chk > li.crb.star3 label { background-image: url("../img/common/icon-star3.png"); background-position: right center; background-repeat: no-repeat; padding-right: 100px; }
ul.chk > li.crb.star4 label { background-image: url("../img/common/icon-star4.png"); background-position: right center; background-repeat: no-repeat; padding-right: 100px; }
ul.chk > li.crb.star5 label { background-image: url("../img/common/icon-star5.png"); background-position: right center; background-repeat: no-repeat; padding-right: 100px; }
.appraisal .area { position: relative; margin-top: 15px; padding: 0 120px 0 0; }
.appraisal .area textarea { width: 100%; height: 40px; padding: 8px 22px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; resize: none; }
.appraisal .area button { position: absolute; right: 0; top: 0; width: 110px; height: 40px; background-color: #444444; color: #fff; font-size: 14px; text-align: center; }
.crb { position: relative; }
.crb input[type=radio] { vertical-align: middle; font-size: 14px; font-weight: 300; color: #222; margin-right: 10px; }
/* 만족도 조사 별 제거 @media screen and (max-width: 1240px) { .appraisal ul.chk>li.crb.star5 label, .appraisal ul.chk>li.crb.star4 label, .appraisal ul.chk>li.crb.star3 label, .appraisal ul.chk>li.crb.star2 label, .appraisal ul.chk>li.crb.star1 label { background: none; padding-right: 0px; } }*/
@media screen and (max-width: 1240px) { .appraisal .crb--list2, .appraisal .page-apraisal-tit { padding-left: 50px; padding-right: 50px; } }
@media screen and (max-width: 900px) { .page-apraisal-tit { padding: 0 30px; }
  .page-apraisal-tit ul li { padding: 0 2%; } }
.label__wrap--appr1 { display: none; }
.label__wrap--appr2 { display: none; }
@media screen and (max-width: 767px) { .appraisal { margin: 35px 0 15px; padding: 10px; }
  .appraisal .test_btn { display: none; }
  .page-apraisal-tit { padding: 0; border-bottom: 1px solid #ddd; }
  .page-apraisal-tit .tit { float: none; /*font-size:11px;padding:10px 0 18px 40px;*/ font-size: 14px; padding: 10px 10px 10px 40px; border-bottom: 1px solid #ddd; background: url(../img/common/icon_appo.jpg) no-repeat left 10px top 10px; background-size: 24px; }
  .page-apraisal-tit .porson-info { float: none; font-size: 16px; padding: 10px; }
  .page-apraisal-tit .porson-info span { margin-left: 20px; }
  .page-apraisal-tit::after { content: ""; display: block; clear: both; }
  .page-apraisal-tit .porson-info span { position: relative; padding: 0 6px; margin: 0; /*font-size:12px;*/ font-size: 13px; color: #222; }
  .page-apraisal-tit .porson-info .name, .page-apraisal-tit .porson-info .data { display: none; }
  .appraisal ul { padding: 10px; }
  .page-apraisal-tit .porson-info span:before { position: absolute; left: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; display: block; content: ""; background-color: #ddd; }
  .page-apraisal-tit .porson-info span.part:before { display: none; }
  .page-apraisal-tit .porson-info span.part { padding-left: 0; }
  .label__wrap--appr1 { display: block; }
  .label__wrap--appr1 .label { display: block; position: relative; width: 100%; padding: 8px 0 8px 45px; text-align: left; font-size: 13px; font-weight: 500; color: #fff; background-image: url("../img/common/icon_appr.png"); background-position: 17px center; background-repeat: no-repeat; background-size: 18px auto; background-color: #4e4e4e; }
  .label__wrap--appr1 .label::after { display: block; position: absolute; right: 10px; top: 50%; width: 15px; height: 15px; background-image: url("../img/common/icon_plus_a.png"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; transform: translateY(-50%); content: ''; }
  .label__wrap--appr1 .label.on::after { display: block; position: absolute; right: 10px; top: 50%; width: 15px; height: 15px; background-image: url("../img/common/icon_minus.png"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; transform: translateY(-50%); content: ''; }
  .label__wrap--appr2 { display: block; }
  .label__wrap--appr2 .label { display: block; position: relative; width: 100%; padding: 8px 0 8px 45px; text-align: left; font-size: 13px; font-weight: 500; color: #fff; background-image: url("../img/common/icon_appr.png"); background-position: 17px center; background-repeat: no-repeat; background-size: 18px auto; background-color: #4e4e4e; }
  .label__wrap--appr2 .label::after { display: block; position: absolute; right: 10px; top: 50%; width: 15px; height: 15px; background-image: url("../img/common/icon_plus_a.png"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; transform: translateY(-50%); content: ''; transition: all .3s; }
  .label__wrap--appr2 .label.on::after { display: block; position: absolute; right: 10px; top: 50%; width: 15px; height: 15px; background-image: url("../img/common/icon_minus.png"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; transform: translateY(-50%); content: ''; }
  .crb--list1 { display: none; transition: all .3s; }
  .crb--list1.on { display: block; }
  .page-apraisal-tit ul li { font-size: 13px; font-weight: 300; margin: 6px 0; padding: 0; clear: both; border-left: 0; display: block; }
  .crb--list2 { display: none; transition: all .3s; }
  .crb--list2.on { display: block !important; }
  .page-apraisal-tit { padding-bottom: 10px; margin-bottom: 10px; }
  .page-apraisal-tit ul { margin: 15px 0 10px 12px; padding: 0; }
  .page-apraisal-tit ul li a { pointer-events: auto; }
  .appraisal ul.chk { margin-left: 0; }
  .appraisal ul.chk li { display: block; clear: both; border: none; }
  .appraisal ul.chk .crb { display: block; margin: 5px 0; }
  .appraisal ul.chk .crb label { display: inline-block; width: 165px; font-size: 12px; }
  .appraisal .area textarea { height: 40px; padding: 5px 7px; font-size: 12px; }
  .crb { position: relative; }
  .crb input[type=radio] { -webkit-appearance: none; background: none; vertical-align: middle; margin-right: 10px; color: #222; font-size: 14px; font-weight: 300; }
  .appraisal ul.chk > li.crb label:before { margin: -1px 10px 0 -16px; }
  .appraisal .crb--list2 { padding-top: 0; }
  .appraisal .crb--list2, .appraisal .page-apraisal-tit { padding-left: 0; padding-right: 0; }
  .appraisal .area { position: relative; margin-top: 0px; padding: 0; box-sizing: border-box; }
  .appraisal .area button { position: static; margin-top: 10px; width: 100%; height: 35px; line-height: 35px; font-size: 11px; } }
@media screen and (max-width: 368px) {
  textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; }
  textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; }
  textarea::-ms-input-placeholder { color: transparent; }
  textarea::placeholder { color: transparent; } }
/* family site */
.family_site_wrap { border-top: 1px solid #ddd; }
.family_site_wrap .family_site_list_wrap { position: relative; margin: 0 auto; padding: 25px 0; max-width: 1300px; box-sizing: border-box; }
@media screen and (max-width: 1024px) { .family_site_wrap .family_site_list_wrap { padding: 20px; margin: 0 20px; } }
.family_site_wrap::after { content: ''; display: block; clear: both; }
.family_logo_list:after { content: ''; display: block; clear: both; }
.btn-slick-control { width: 26px; height: 26px; padding: 0; margin: 0; text-indent: -9999px; border: 1px solid #dfdfdf; }
.family_site_list_wrap:after { content: ''; display: block; clear: both; }
.family_site_list_wrap .slick-control { position: absolute; left: 0; top: 50%; width: 84px; transform: translateY(-50%); }
.family_site_list_wrap .slick-prev { background-image: url("../img/common/family_site_prev.png"); background-position: center center; background-repeat: no-repeat; }
.family_site_list_wrap .slick-next { background-image: url("../img/common/family_site_next.png"); background-position: center center; background-repeat: no-repeat; }
.family_site_list_wrap .slick-stop { background-image: url("../img/common/btn_pause.png"); background-position: center center; background-repeat: no-repeat; }
.family_site_list_wrap .slick-play { background-image: url("../img/common/btn_play2.png"); background-position: center center; background-repeat: no-repeat; }
.family_site_list_wrap .family_site_list { width: calc(100% - 100px); float: right; }
.family_site_list_wrap .family_site_list a { display: block; text-align: center; }
#quickMenu { position: absolute; top: 0; right: -70px; }
@media all and (max-width: 1440px) { #quickMenu { display: none; } }
#quickMenu ul { width: 50px; border: 1px solid #c6c6c6; box-sizing: border-box; }
#quickMenu ul li { background: #fff; }
#quickMenu ul li:nth-child(1) { background: #fff url("../img/common/icon_font_up.png") no-repeat center center; }
#quickMenu ul li:nth-child(1) a { display: block; height: 38px; border: 1px solid #cecece; border-radius: 50%; margin: 5px; }
#quickMenu ul li:nth-child(2) { background: #fff url("../img/common/icon_font_down.png") no-repeat center center; }
#quickMenu ul li:nth-child(2) a { display: block; height: 38px; border: 1px solid #cecece; border-radius: 50%; margin: 5px; }
#quickMenu ul li:nth-child(3) { border-top: 1px solid #c6c6c6; background: #fff url("../img/common/icon_print_n.png") no-repeat center center; }
#quickMenu ul li:nth-child(3) a { display: block; width: 100%; height: 40px; }
#quickMenu ul li:nth-child(4) { border-top: 1px solid #c6c6c6; background: #fff url("../img/common/icon_share_n.png") no-repeat center center; }
#quickMenu ul li:nth-child(4) a { display: block; width: 100%; height: 40px; }
/* footer */
.footer__area { background: #323232; padding-bottom: 16px; /* family site new */ }
.footer__area.f_fixed { position: fixed; left: 0; bottom: 0; z-index: 1000; width: 100%;}
@media screen and (max-width: 1240px) { .footer__area.f_fixed { position: relative; } }
.footer__area .family_site_wrap_n { position: absolute; right: 223px; bottom: -28px; width: 232px; }
@media screen and (max-width: 1240px) { .footer__area .family_site_wrap_n { position: relative; right: 0; bottom: 0; width: 100%; padding: 0 20px; margin-top: 20px; } }
.footer__area .family_site_wrap_n .family_site_list_wrap_n { padding: 0 22px 0 0; box-sizing: border-box; }
@media screen and (max-width: 1240px) { .footer__area .family_site_wrap_n .family_site_list_wrap_n { position: relative; } }
@media screen and (max-width: 1024px) { .footer__area .family_site_wrap_n .family_site_list_wrap_n { padding: 0 22px 0 0; } }
.footer__area .family_site_wrap_n .family_site_list_wrap_n:after { content: ''; display: block; clear: both; }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .slick-control { display: block; position: absolute; right: 0; top: 0; width: auto; }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .slick-control .btn-slick-control { display: block; width: 21px; height: 21px; border: none; }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .slick-prev { background-color: #565656; background-image: url("../img/common/family_site_prev_n.png"); background-position: center center; background-repeat: no-repeat; }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .slick-next { background-color: #565656; background-image: url("../img/common/family_site_next_n.png"); background-position: center center; background-repeat: no-repeat; }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .slick-stop { background-color: #565656; margin: 1px 0; background-image: url("../img/common/family_site_pause_n.png"); background-position: center center; background-repeat: no-repeat; }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .slick-play { background-color: #565656; margin: 1px 0; background-image: url("../img/common/family_site_play_n.png"); background-position: center center; background-repeat: no-repeat; }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .family_site_list_n { width: 210px; float: right; }
@media screen and (max-width: 1240px) { .footer__area .family_site_wrap_n .family_site_list_wrap_n .family_site_list_n { width: 100%; } }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .family_site_list_n a { display: block; height: 65px; padding: 6px 0; background: #fff; text-align: center; }
@media screen and (max-width: 1240px) { .footer__area .family_site_wrap_n .family_site_list_wrap_n .family_site_list_n a { margin-right: 2px; } }
.footer__area .family_site_wrap_n .family_site_list_wrap_n .family_logo_list { width: 100%; display: inline-block; text-align: center; }
.footer__area .family_site_wrap_n::after { content: ''; display: block; clear: both; }
.footer__menu { position: relative; }
@media screen and (max-width: 1240px) { .footer__menu { display: none; } }
.footer__menu ul { max-width: 1600px; margin: 0 auto; padding: 15px 0 0; }
@media screen and (max-width: 1240px) { .footer__menu ul { width: 100%; padding: 0; } }
.footer__menu ul li { display: inline-block; margin-right: 25px; vertical-align: middle; }
@media screen and (max-width: 1240px) { .footer__menu ul li { width: 47%; text-align: center; border-top: 1px solid #555959; margin-right: 0; } }
.footer__menu ul li a { font-size: 15px; font-weight: 500; color: #e3e3e3; }
.footer__menu ul .info-banner { position: relative; padding: 0 25px; }
.footer__menu ul .info-banner button { display: inline-block; position: relative; padding-right: 20px; color: #e3e3e3; }
.footer__menu ul .info-banner button::before { position: absolute; top: 50%; right: 0; width: 9px; height: 5px; background-image: url("../img/common/arrow_up.png"); background-position: 0 0; background-repeat: no-repeat; transform: translateY(-50%); content: ''; }
.footer__menu ul .info-banner::after { position: absolute; top: -23px; right: 0; width: 1px; height: 63px; background: #555959; content: ''; }
.footer__infor::after { content: ''; display: block; clear: both; }
.footer__infor .ft__logo { float: left; }
@media screen and (max-width: 1240px) { .footer__infor .ft__logo { float: none; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #434343; } }
.footer__infor .ft__logo img { vertical-align: middle; }
.footer__infor .ft__txt { float: left; font-size: 14px; font-weight: 300; color: #d3d3d3; }
@media screen and (max-width: 1240px) { .footer__infor .ft__txt { float: none; text-align: center; margin-top: 15px; margin-left: 0; padding: 0 20px; } }
.footer__infor .ft__txt .copyright { color: #d1c1d2; }
@media screen and (max-width: 1240px) { .footer__infor .ft__txt .copyright { margin-top: 10px; } }
.footer__infor .ft__txt address { display: inline-block; }
.footer__infor .ft__txt span { display: inline-block; padding-left: 20px; }
.footer__infor .ft__txt span .m_tel { display: none; }
.footer__infor .ft__txt span .pc_tel { display: inline-block; }
@media screen and (max-width: 768px) { .footer__infor .ft__txt span .m_tel { display: inline-block; }
  .footer__infor .ft__txt span .pc_tel { display: none; } }
.footer__infor .inner__box { position: relative; max-width: 1600px; margin: 0 auto; padding: 10px 0 0 0; }
@media screen and (max-width: 1240px) { .footer__infor .inner__box { width: 100%; line-height: 20px; padding: 10px 0 10px; } }
.footer__infor .inner__box .footer_banner { position: absolute; right: 0; bottom: -28px; }
@media screen and (max-width: 1240px) { .footer__infor .inner__box .footer_banner { display: none; } }
.footer__infor .inner__box .wa_mark { position: absolute; right: 468px; bottom: -29px; }
@media screen and (max-width: 1240px) { .footer__infor .inner__box .wa_mark { display: none; } }
.footer__infor .inner__box .ft_link_box { display: block; position: relative; }
@media screen and (max-width: 1240px) { .footer__infor .inner__box .ft_link_box { padding-top: 0; } }
.footer__familysite { position: absolute; left: 877px; bottom: 40px; }
.footer__familysite select { position: relative; font-size: 13px; color: #fff; width: 200px; height: 36px; padding: 0 13px; background: #323232; line-height: 35px; border: 1px solid #565656; background-image: url("../img/common/arrow_down.png"); background-position: 90% 55%; background-repeat: no-repeat; }
@media screen and (max-width: 1240px) { .footer__familysite { position: relative; margin-top: 20px; text-align: center; right: auto; bottom: auto; } }
.relate__site { margin: 3px 0; }
.footer__familysite_n { position: absolute; right: 468px; bottom: 0; }
.footer__familysite_n select { position: relative; font-size: 13px; color: #fff; width: 200px; height: 36px; padding: 0 13px; background: #323232; line-height: 35px; border: 1px solid #565656; background-image: url("../img/common/arrow_down.png"); background-position: 90% 55%; background-repeat: no-repeat; }
@media screen and (max-width: 1240px) { .footer__familysite_n { position: relative; margin-top: 20px; padding: 0 20px; text-align: center; right: auto; bottom: auto; } }
.relate__site_n { margin: 3px 0; }
@media screen and (max-width: 1240px) { .relate__site_n { display: inline-block; } }
.btn__go { display: inline-block; width: 50px; line-height: 36px; height: 36px; margin-left: -4px; font-size: 13px; color: #fff; text-align: center; background: #565656; }
.footer__sns { position: absolute; top: -38%; right: 260px; transform: translateY(-50%); }
.footer__sns a { display: inline-block; margin-left: 10px; }
.footer__sns a:first-child { margin: 0; }
@media screen and (max-width: 1240px) { .footer__sns { position: relative; top: auto; right: auto; margin-top: 17px; text-align: center; transform: translateY(0); } }
/* modal */
.layerpopup { position: fixed; left: 50%; top: 50%; background: #fff; border: 1px solid #9e9391; z-index: 10002; }
.linkAppend { display: none; }
.pop-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 10001; }
.layerpopup.pop01 { width: 462px; background: #fff; transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { .layerpopup.pop01 { width: 90%; } }
.layerpopup.pop02 { width: 350px; background: #fff; margin-left: -125px; }
.layerpopup.mypage { width: 550px; background: #fff; transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { .layerpopup.mypage { width: 90%; } }
.layerpopup .pop-header { position: relative; background: #fff; color: #fff; padding: 20px; }
.layerpopup.mypage .pop-header { background: #323232; }
.layerpopup .pop-header strong { font-size: 20px; }
.pop-content { overflow: auto; width: 100%; max-height: 450px; padding: 20px; font-size: 18px; line-height: 155%; color: #5a5a5a; }
.pop-content .btn-wrap { margin-bottom: 20px; }
.btn-pop-close { position: absolute; right: -1px; top: -1px; width: 40px; height: 40px; background-image: url("../img/common/btn_modal_close.png"); background-position: center center; background-repeat: no-repeat; border: 1px solid #9e9391; text-indent: -9999px; }
@media screen and (max-width: 768px) { .btn-pop-close { width: 25px; height: 25px; background-size: 25px auto; } }
.layerpopup.mypage { display: none; }
.layerpopup.mypage .btn-pop-close { position: absolute; right: 10px; top: 15px; width: 30px; height: 30px; background-image: url("../img/common/btn_x.png"); background-position: center center; background-repeat: no-repeat; border: 0; text-indent: -9999px; }
@media screen and (max-width: 768px) { .layerpopup.mypage .btn-pop-close { width: 25px; height: 25px; background-size: 25px auto; } }
.box-alet { text-align: center; background-image: url("../img/common/icon_alert.png"); background-position: center 0; background-repeat: no-repeat; padding-top: 80px; }
@media screen and (max-width: 768px) { .box-alet { padding-top: 70px; } }
.box-alet-tit { font-size: 25px; font-weight: 700; color: #222; }
@media screen and (max-width: 768px) { .box-alet-tit { font-size: 15px; } }
.box-alet-text { font-size: 18px; font-weight: 500; color: #222; margin-top: 15px; }
@media screen and (max-width: 768px) { .box-alet-text { font-size: 13px; } }
/* 위로가기 */
.fixed_btn_wrap { display: none; right: 20px; bottom: 115px; z-index: 1000; opacity: 0; transition: opacity .3s; }
.fixed_btn_wrap a { display: inline-block; position: relative; }
#seoul-gnb-plugin { width: 100%; height: 48px; margin: 0; padding: 0; border: 0; outline: 0; font-size: 14px; vertical-align: baseline; background: transparent; font-family: 'Nanum Gothic'; background-color: #0c82e9; font-weight: 400; color: #222; font-style: normal; line-height: 1.35em; }
#seoul-gnb-plugin .seoul-gnb-holder { position: relative; max-width: 1600px; height: 48px; margin: 0 auto; }
#seoul-gnb-plugin .seoul-gnb-holder:after { display: block; content: ""; clear: both; }
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-link { float: left; width: 97.5px; height: 18.5px; padding: 0; margin: 8px 0 0 0; }
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-link a { display: block; width: 105px; height: 27px; /*background: url(//www.seoul.go.kr/seoulgnb/images/icon_set_common.png) no-repeat -122px -165px;*/ text-indent: -9999px; }
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-news { position: absolute; top: 0; left: 0; right: 290px; left: 179px; height: 48px; margin: 0; padding: 0; color: inherit; }
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-icon-notice { display: block; position: absolute; top: 50%; left: 0; width: 17px; height: 11px; margin: -5px 0 0 0; padding: 0; background: url(//www.seoul.go.kr/seoulgnb/images/ico-sprite-common-gnb.png) -17px -45px no-repeat; text-indent: -9999px; }
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-news dd { margin: 0; padding: 0 0 0 23px; color: inherit; }
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-news dd a { overflow: hidden; display: block; width: 100%; height: 48px; background-image: none; font-size: 14px; line-height: 48px; color: #fff; text-indent: 0; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
#seoul-gnb-plugin .seoul-gnb-menu { position: absolute; right: 0; top: 0; margin: 0; padding: 0; }
#seoul-gnb-plugin .seoul-gnb-menu:after { display: block; content: ""; clear: both; }
#seoul-gnb-plugin .seoul-gnb-menu > dt { position: absolute; left: -99px; top: -99px; width: 0; height: 0; overflow: hidden; text-indent: -9999px; }
#seoul-gnb-plugin .seoul-gnb-menu > dd { float: left; margin: 0; padding: 0 10px; }
#seoul-gnb-plugin .seoul-gnb-menu > dd:last-child { padding-right: 0; }
#seoul-gnb-plugin .seoul-gnb-menu > dd > a { display: block; font-size: 14px; height: 48px; line-height: 48px; font-weight: 700; color: #fff; text-decoration: none; }
#seoul-gnb-plugin .seoul-gnb-menu > dd .seoul-gnb-icon-menu4 { display: block; font-size: 14px; height: 48px; line-height: 48px; font-weight: 700; color: #fff; border: 0; background: transparent; text-decoration: none; cursor: pointer; }
#seoul-gnb-plugin * { font-family: "Nanum Gothic", sans-serif; font-weight: 400; }
/* white */
#seoul-gnb-plugin.white { background-color: #fff; }
#seoul-gnb-plugin.white .seoul-gnb-holder .seoul-gnb-link a { background-position: -5px -165px; }
#seoul-gnb-plugin.white .seoul-gnb-holder .seoul-gnb-news dd a { color: #575757; }
#seoul-gnb-plugin.white .seoul-gnb-holder .seoul-gnb-icon-notice { background-position: -1px -45px; }
#seoul-gnb-plugin.white .seoul-gnb-menu > dd > a { color: #575757; }
#seoul-gnb-plugin.white .seoul-gnb-menu > dd .seoul-gnb-icon-menu4 { color: #575757; }
.seoul-gnb-menu-section { position: absolute; top: 48px; right: 0; width: 200px; border: 1px solid #959595; background: #fff; z-index: 9999; box-sizing: border-box; }
.seoul-gnb-menu-section:before { content: ''; position: absolute; width: 20px; height: 12px; /* background:url(//www.seoul.go.kr/seoulgnb/images/bg_info_detail_arr.png) no-repeat;*/ right: 25px; top: -11px; }
.seoul-gnb-menu-section > dl > dt { background-color: #0d82e9; color: #fff; padding: 10px 0; font-size: 14px; padding-left: 20px; margin: 1px 1px 19px 1px; }
.seoul-gnb-menu-section > dl > dd { padding: 0 31px; margin-left: -30px; }
.seoul-gnb-menu-section > dl > dd > ul:after { display: block; content: ""; clear: both; }
.seoul-gnb-menu-section > dl > dd > ul > li { overflow: hidden; float: left; width: 53px; height: 80px; margin-left: 30px; list-style: none; }
/*
.seoul-gnb-menu-section > dl > dd > ul > li:nth-child(1) {background:url(//www.seoul.go.kr/seoulgnb/images/icon_house.png) no-repeat; background-size:53px auto;}
.seoul-gnb-menu-section > dl > dd > ul > li:nth-child(2) {background:url(//www.seoul.go.kr/seoulgnb/images/icon_economy.png) no-repeat; background-size:53px auto;}
.seoul-gnb-menu-section > dl > dd > ul > li:nth-child(3) {background:url(//www.seoul.go.kr/seoulgnb/images/icon_traffic.png) no-repeat; background-size:53px auto;}
.seoul-gnb-menu-section > dl > dd > ul > li:nth-child(4) {background:url(//www.seoul.go.kr/seoulgnb/images/icon_environment.png) no-repeat; background-size:53px auto;}
.seoul-gnb-menu-section > dl > dd > ul > li:nth-child(5) {background:url(//www.seoul.go.kr/seoulgnb/images/icon_welfare.png) no-repeat; background-size:53px auto;}
.seoul-gnb-menu-section > dl > dd > ul > li:nth-child(6) {background:url(//www.seoul.go.kr/seoulgnb/images/icon_safty.png) no-repeat; background-size:53px auto;}
.seoul-gnb-menu-section > dl > dd > ul > li:nth-child(7) {background:url(//www.seoul.go.kr/seoulgnb/images/icon_culture.png) no-repeat; background-size:53px auto;}
.seoul-gnb-menu-section > dl > dd > ul > li:nth-child(8) {background:url(//www.seoul.go.kr/seoulgnb/images/icon_work.png) no-repeat; background-size:53px auto;}
*/
.seoul-gnb-menu-section > dl > dd > ul > li a { font-size: 13px; color: #222; font-weight: 700; text-align: center; display: block; height: 80px; padding-top: 57px; text-decoration: none; box-sizing: border-box; }
.seoul-gnb-menu-section > p { border-top: 1px dashed #c9c9c9; margin: 7px 13px 0 13px; padding: 10px 0 12px 0; }
.seoul-gnb-menu-section > p > a { display: block; width: 100%; text-align: center; color: #313131; font-size: 14px; font-weight: 700; text-decoration: none; }
.seoul-gnb-menu-section > button { position: absolute; top: 11px; right: 16px; margin: 0; padding: 0; border: 0; cursor: pointer; background: transparent; }
.seoul-gnb-menu-section > button .seoul-gnb-icon-service-close { display: block; overflow: hidden; width: 14px; height: 14px; vertical-align: middle; background: url(//www.seoul.go.kr/seoulgnb/images/btn_allmenu_close.png) 0 0 no-repeat; background-size: 100%; text-indent: -9999px; }
.seoul-gnb-menu-section > button .hd-element { overflow: hidden; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; }
@media all and (max-width: 1024px) { #seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-link { margin-left: 5px; }
  #seoul-gnb-plugin .seoul-gnb-news { display: none !important; } }
@media all and (max-width: 480px) { #seoul-gnb-plugin .seoul-gnb-menu > dd { padding-left: 4px; padding-right: 4px; }
  #seoul-gnb-plugin .seoul-gnb-menu > dd > a { font-size: 13px; }
  #seoul-gnb-plugin .seoul-gnb-menu > dd .seoul-gnb-icon-menu4 { font-size: 13px; }
  #seoul-gnb-plugin .seoul-gnb-menu > dd:last-child { padding-right: 10px; } }
@media all and (max-width: 320px) { #seoul-gnb-plugin .seoul-gnb-menu > dd { padding-left: 2px; padding-right: 2px; }
  #seoul-gnb-plugin .seoul-gnb-menu > dd > a { font-size: 12px; }
  #seoul-gnb-plugin .seoul-gnb-menu > dd .seoul-gnb-icon-menu4 { font-size: 12px; } }