@charset "euc-kr";
/*CSS Document*/

:root {
  --m-color: #EE1C25;
  --m-color2: #333949;
  --m-color3: #223A92;
  --txt-c0: #000;
  --txt-c6: #666;
  --txt-c9: #999;
}

body, html {width: 100%; margin: 0 auto; position: relative; scroll-behavior: smooth;}
.container {width: 100%; margin: 0 auto; padding: 0 1.25rem; box-sizing: border-box;}
select {
  appearance: none; box-sizing: border-box; border: 1px inset #bbb; font-size: 0.8125rem; padding: 0 2.125rem 0 0.75rem;
  background: #f9f9f9 url(/img/sub/sel_ico.png) calc(100% - 0.75rem) 50% no-repeat;}


html, body {font-family: 'NotoSans', sans-serif; font-weight: 400; font-size: 1rem; color: #000; letter-spacing: -0.03em;}

header {width: 100%; background: #fff; height: 9.375rem; position: sticky; top: 0; left: 0; z-index: 100;}
header .container {position: relative; display: flex; justify-content: space-between; width: 100%; align-items: center; height: 3.75rem;}
header .container h1 {width: 6.75rem; height: 2.5625rem; flex: none;}
header .container h1 a {display: block; width: 100%; height: 100%;  font-size: 0;}
header .container .open_gnb {font-size: 0; flex: none; display: block; width: 1.375rem; height: 1rem; background: url(/m/img/comm/all_menu.png) 50% 50% no-repeat; background-size: 100% auto;}
header .gnb_area {border-bottom: 1px solid #ddd; box-sizing: border-box; width: 100%; height: 3rem; }
header .gnb_area ul {padding: 0 0.25rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-end; height: 100%; }
header .gnb_area li {flex: none; margin: 0 1.25rem 0 0;}
header .gnb_area li:last-of-type {margin: 0;}
header .gnb_area li a {padding: 0 0 0.75rem; box-sizing: border-box; font-family: 'GmarketSans'; font-size: 1rem; color: var(--txt-c0); font-weight: 500; position: relative; display: block; text-align: center;}
header .gnb_area li a::after {content:''; display: block; width: 100%; height: 2px; background: transparent; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
header .gnb_area li.on a {color: var(--m-color);}
header .gnb_area li.on a:after {background: var(--m-color);}
header .search_wrap {width: 100%; height: 2.625rem; padding: 0 1.25rem; box-sizing: border-box; position: relative;}
header .search_wrap input[type='text'] {padding: 0.625rem 3.2rem 0.625rem 1.25rem; box-sizing: border-box; position: relative;
  display: block; width: 100%; height: 2.625rem; border-radius: 2.625rem; border: 2px solid var(--m-color); font-size: 1rem; color: var(--txt-c0);}
header .search_wrap button {font-size: 0; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); width: 2.625rem; height: 100%; background: url(/m/img/comm/header_search.png) 50% 50% no-repeat; background-size: 1.56rem auto;}

footer {width: 100%; border-top: 1px solid var(--m-color); box-sizing: border-box; padding: 1.75rem 2.6rem 4rem;}
footer .footer_menu {display: flex; justify-content: center; align-items: flex-start; align-content: flex-start; width: 100%; flex-wrap: wrap; box-sizing: border-box;}
footer .footer_menu li {flex: none; margin: 0 1.75rem 0.875rem 0;}
footer .footer_menu li.none {width: 100%; height: 0; margin: 0;}
footer .footer_menu li:nth-of-type(4n) {margin: 0 0 0.875rem;}
footer .footer_menu li a {display: block; width: 100%; text-align: center; font-size: 0.875rem; color: var(--txt-c6); font-weight: 600;}
footer .footer_menu li:nth-of-type(3) a {color: var(--txt-c0);}
footer address {padding: 1.25rem 0; box-sizing: border-box; width: 100%; display: block; text-align: center;}
footer address span {display: inline-block; font-size: 0.875rem; color: var(--txt-c9); font-weight: 400; line-height: 1.5rem; text-align: center;}
footer address .copy {font-size: 0.8125rem; color: #ddd; text-align: center; margin: 1rem 0 0;}


.footer_fix {width: 3.125rem; position: fixed; bottom: 1.25rem; right: 1.25rem; z-index: 99;}
.footer_fix_hidden {}
.footer_fix .go_top {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); width: 3.125rem; height: 3.125rem; border-radius: 50%; background: url(/m/img/comm/go_top.png) 50% 50% no-repeat; background-size: 100% auto; display: block;}
.footer_fix .plus_btn {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); margin: 0.625rem 0 0; width: 3.125rem; height: 3.125rem; border-radius: 50%; background: url(/m/img/comm/plus_menu.png) 50% 50% no-repeat; background-size: 100% auto; display: block;}

.footer_fix_hidden {text-align: right; display: none; width: 15.625rem; position: fixed; bottom: 1.25rem; right: 1.25rem; z-index: 99;}
.footer_fix_hidden .go_top {width: 3.125rem; height: 3.125rem; border-radius: 50%; background: url(/m/img/comm/go_top.png) 50% 50% no-repeat; background-size: 100% auto; display: block;}
.footer_fix_hidden .footer_cls {width: 3.125rem; height: 3.125rem; border-radius: 50%; background: url(/m/img/comm/footer_cls.png) 50% 50% no-repeat; background-size: 100% auto; display: block;}

.footer_fix_hidden {}
.footer_fix_hidden .go_top,
.footer_fix_hidden .footer_cls {display: inline-block; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);}
.footer_fix_hidden ul {text-align: right;}
.footer_fix_hidden li {margin: 0.625rem 0 0; }
.footer_fix_hidden li:last-of-type {margin: 0.625rem 0;}
.footer_fix_hidden li a {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); text-align: left; display: inline-block; height: 3.125rem; line-height: 3.125rem; letter-spacing: -0.065rem;
  background: var(--m-color3) url(/m/img/comm/footer_more_w.png) calc(100% - 1.25rem) 50% no-repeat; background-size: 0.625rem auto;
  border-radius: 3.125rem; color: #fff; padding: 0 3.25rem 0 0.875rem; box-sizing: border-box;}
.footer_fix_hidden li a img {display: inline-block; vertical-align: middle; width: 2.5rem; height: 2.5rem;}
.footer_fix_hidden li:first-of-type a { color: var(--m-color3); font-weight: 600;
  background: #fff url(/m/img/comm/footer_more.png) calc(100% - 1.25rem) 50% no-repeat; background-size: 0.625rem auto;}
.footer_fix_hidden li a b {font-weight: 800;}
.footer_dim {width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 98; background: rgba(0, 0, 0, 0.6); display: none;}


.gnb_wrap {overflow-y: auto; display: none; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 101; height: 100vh;}
.gnb_wrap .login_info {padding: 0 1.25rem; box-sizing: border-box; background: var(--m-color); width: 100%; height: 3.4375rem; color: #fff; display: flex; justify-content: space-between; align-items: center;}
.gnb_wrap .login_info h2 {font-size: 0.875rem; flex: none; color: #fff; font-weight: 600; flex: none; display: flex; justify-content: flex-start; align-items: center;}
.gnb_wrap .login_info h2 a {margin: 0 0 0 0.625rem; color: #fff; flex: none; display: flex; justify-content: center; align-items: center; text-align: center; width: 6.25rem; height: 2.125rem; border: 1px solid #fff; border-radius: 2.125rem; background: transparent; }
.gnb_wrap .login_info h2 a + a {margin: 0 0 0 0.25rem;}
.gnb_wrap .login_info .gnb_cls {width: 1.125rem; height: 1.125rem; display: block; background: url(/m/img/comm/gnb_cls.png) 50% 50% no-repeat; background-size: 100% auto; flex: none; font-size: 0;}
.gnb_wrap .gnb_menu {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.gnb_wrap .gnb_menu li {list-style-type: none; flex: none; width: 25%; border: 1px solid #ddd; border-right: 0; box-sizing: border-box;}
.gnb_wrap .gnb_menu li:nth-of-type(5),
.gnb_wrap .gnb_menu li:nth-of-type(6),
.gnb_wrap .gnb_menu li:nth-of-type(7),
.gnb_wrap .gnb_menu li:nth-of-type(8) {border-top: 0;}
.gnb_wrap .gnb_menu li a {display: block; width: 100%; padding-bottom: 90%; box-sizing: border-box; position: relative;}
.gnb_wrap .gnb_menu li .imgs {width: 100%; height: 60%; position: absolute; top: 0; left: 0;}
.gnb_wrap .gnb_menu li .imgs img {min-width: 22%; width: auto; height: auto; display: block; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);}
.gnb_wrap .gnb_menu li span {color: var(--txt-c6); width: 100%; font-size: 0.875rem; bottom: 1rem; left: 0; text-align: center; position: absolute;}
.gnb_wrap .section {width: 100%; border-top: 0.625rem solid #ddd; background: #fff; box-sizing: border-box; padding: 1.75rem 1.25rem; }
.gnb_wrap .section h3 {font-size: 1rem; color: var(--txt-c0); font-weight: 600; margin: 0 0 1.125rem;}
.gnb_wrap .gnb {width: 100%; display: flex; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.gnb_wrap .gnb > li {flex: none; width: 50%;}
.gnb_wrap .gnb > li > a {padding: 0 0 0 0.875rem; border: 1px solid #ddd; border-bottom: 0; box-sizing: border-box; width: 100%; display: flex; justify-content: flex-start; align-items: center; height: 2.5rem; background: #fff; color: var(--txt-c6); font-size: 0.875rem;}
.gnb_wrap .gnb > li.active > a {background: var(--m-color3); color: #fff;}
.gnb_wrap .gnb > li:nth-of-type(2n) > a {border-left: 0;}
.gnb_wrap .gnb > li:last-of-type > a {border-bottom: 1px solid #ddd;}
.gnb_wrap .gnb > li:nth-last-of-type(2) > a {border-bottom: 1px solid #ddd;}
.gnb_wrap .gnb > li .depth2 {display: none; border-top: 1px solid #ddd; box-sizing: border-box; padding: 1.125rem; width: 100%;}
.gnb_wrap .gnb > li .depth2 a {font-size: 0.8125rem; color: var(--txt-c6); font-weight: 600; line-height: 1.4375rem; }
.gnb_wrap .gnb > li .depth2 a::before {content: '-'; display: inline-block; margin: 0 0.325rem 0 0; }
.gnb_wrap .gnb > li:last-of-type .depth2 {border: 0;}
.gnb_wrap .gnb > li:nth-last-of-type(2) .depth2 {border: 0;}
.gnb_wrap .call_flex {width: 100%; }
.gnb_wrap .call_flex >  a {width: 100%; display: flex; justify-content: center; align-items: center; height: 3.125rem; border-radius: 0.625rem; background: var(--m-color); color: #fff;}
.gnb_wrap .call_flex img,
.gnb_wrap .call_flex b,
.gnb_wrap .call_flex span {flex: none;}
.gnb_wrap .call_flex img {display: inline-block; width: 1.375rem; height: 1.375rem;}
.gnb_wrap .call_flex b {font-size: 1.375rem; font-weight: 800; font-family: 'GmarketSans'; display: inline-block; margin: 0 0.625rem; line-height: 1.2;}
.gnb_wrap .call_flex span {font-size: 0.9375rem; font-weight: 500; font-family: 'GmarketSans'; display: inline-block; line-height: 1.2;}

.content-body {width: 100%; padding: 0 1.25rem; box-sizing: border-box;}

.s_banner_area {width: 100%; margin: 0 0 48px;}
.s_banner_area.custom {margin: 0 0 20px;}
.s_banner_area a {display: block; width: 100%;}
.s_banner_area img {display: block; width: 100%;}

.breadcrumbs {height: 2.8125rem; display: flex; justify-content: flex-start; align-items: center; padding: 0 1.25rem; box-sizing: border-box;}
.breadcrumbs a {position: relative; flex: none; display: flex; justify-content: flex-start; align-items: center; font-size: 0.9375rem; color: #666; font-weight: 500; margin: 0 0 0 0.5rem; box-sizing: border-box;}
.breadcrumbs a::before {flex: none; content: ''; font-size: inherit; color: inherit; display: block; margin: 0 0.5rem 0 0; width: 0.3125rem; height: 0.75rem; background: url(/m/img/sub/home_arrow.png) 50% 50% no-repeat; background-size: 100% auto;}
.breadcrumbs span {position: relative; flex: none; display: block; font-size: 0.9375rem; color: #666; font-weight: 500;}