@charset "euc-kr";

/* WEB FONT */
@font-face {
	font-family: 'SDGothicNeoa-Regular';
	font-style: normal;
	font-weight: 400;
	src: url("webfonts/SDGothicNeoa-dRg.otf");
	src: url("webfonts/SDGothicNeoaTTF-dRg.ttf");
}

@font-face {
	font-family: 'SDGothicNeoa-Medium';
	font-style: normal;
	src: url("webfonts/SDGothicNeoa-fSm.otf");
	src: url("webfonts/SDGothicNeoaTTF-fSm.ttf");
}

@font-face {
	font-family: 'SDGothicNeoa-Bold';
	font-style: normal;
	src: url("webfonts/SDGothicNeoa-hExBd.otf");
	src: url("webfonts/SDGothicNeoaTTF-hExBd.ttf");
}
img, a {display:block;}

/* °øÅë */
.pt50 {padding-top:50px !important;}

/* ¼­ºêÅÇ - depth */
#scrollerTab.fixedTop {position:sticky;}
#scrollerTab .tabMenu {top:10px !important;}
.tabWrap.depth {height:54px !important; padding:1.5rem 0; border-bottom:0;}
.tabWrap.depth .tabMenu {display:block; width:100%;}
.tabWrap.depth .tabMenu:after {display:block; content:""; clear:both;}
.tabWrap.depth .tabMenu > li {float:left; padding:0; width:5rem; text-align:center; }
.tabWrap.depth .tabMenu > li.auto {width:auto}
.tabWrap.depth .tabMenu > li + li {margin-left:1.6rem;}
.tabWrap.depth .tabMenu > li > a {display:block; padding:1.2rem 0.5rem; width:100%; line-height:1rem; color:#000; font-weight:bold; background:#f3f5f7; border-radius:4rem}
.tabWrap.depth .tabMenu > li.on > a {position:relative; color:#fff; background:#2e343a;}
.tabWrap.depth .tabMenu > li.on > a:after {display:none;}

/* À¯ÀÇ»çÇ× */
.notice {border-top:none; padding:2.2rem; background:#f5f6f6;}
.notice .btn_notice {color:#5f6269; font-weight: bold;}
.notice .lst_dot > li {color:#9698a0; margin-top:1.2rem;}
.notice .lst_dot > li:first-child {margin-top:0;}
.notice .lst_dot > li:before {background:#bcbec2;}
.notice .title {color:#5f6269; font-weight:bold; margin:1.2rem 0;}

/* ÀÚÁÖÇÏ´ÂÁú¹® */
#wrap {display:flex; flex-direction:column;	width:100%; height:calc(100dvh  - 50px); /* ¸ð¹ÙÀÏ ´ÙÀ̳»¹Í ºäÆ÷Æ® ³ôÀÌ ¸ÂÃã */}
iframe {flex-grow:1; /* ºÎ¸ð ¾È¿¡¼­ ³²´Â ³ôÀ̸¦ 100% ´Ù Â÷ÁöÇÔ */ width:100%; border:none;}

/* »ó´Ü ÅÇ º¯°æ */
.tabWrap {padding:0 2.2rem; border-bottom:0.1rem #f2f2f2 solid; box-sizing:border-box; position:fixed; width:100%; background:#fff; z-index:1;}
.tabWrap .tabMenu > li > a {font-family:'SDGothicNeoa-Medium'; font-size:calc(4.8rem / 3); color:#5f6269;}
.tabWrap .tabMenu > li.on > a {font-family:'SDGothicNeoa-Bold'; color:#09090a;}
.tabWrap .tabMenu > li.on > a:after {height:0.3rem; background:#2b2c30;}

/* ½½¶óÀ̵å ÅÇ º¯°æ */
.tabWrap .tabMenu > li.slideTabs > a {font-size:calc(4.2rem / 3); font-weight:bold;}

/* ¹öÆ° Ãß°¡ - ´õº¸±â */
.btnWrap {padding:0 2.4rem;}
.btnWrap .btn {width:100%; font-size:1.3rem; color:#4e5056; text-align:center; background:#fff; border:1px solid #e2e3e5; border-radius:1.4rem; padding:1rem 0;}


/* º»ÀÎ ÇàÁ¤Á¤º¸ Á¦°ø ¿ä±¸¼­ */
header {margin:32px 0;font-family:'SDGothicNeoa-Bold';font-size:24px;color:#09090a;text-align: center}
section * {font-family:'SDGothicNeoa-Regular';font-size:14px;color:#5f6269;}
section {padding:0 16px;}

.box {margin-bottom:20px;padding:12px 16px;border-radius: 4px;background: #f5f6f6;}

.section + .section {margin-top:40px;}
.section > h2 {margin-bottom:10px;font-family:'SDGothicNeoa-Bold';font-size:15px;}
.section > table {width:100%;border-top:1px solid #9698a0;border-bottom:1px solid #9698a0;}
.section > table tbody th,.section > table tbody td {padding:12px 8px;}
.section > table tbody th {background:#e9e9e9;text-align:left;}
.section > table tbody th > strong {font-weight:bold;}
.section > table tbody tr + tr th, .section > table tbody tr + tr td {border-top:1px solid #e2e3e5}
.section > table tbody td > ul > li {margin-left:10px;text-indent:-10px;}
.section > table tbody td > span.check {font-family:'SDGothicNeoa-Bold';font-size:20px;font-weight: bold;color:#09090a}
.section > table tbody td > ul.check {margin:15px 0 0 20px;display:flex;flex-wrap: wrap;}
.section > table tbody td > ul.check > li {width:50%;margin:0;text-indent: 0;}
.section > table tbody td > dl > dt {font-family:'SDGothicNeoa-Bold';}
.section > table tbody td > u {color:#e2e3e5}
.section > table tbody td > span.blue {color:#3672f8}
.section > table tbody td > dl > dd {margin-left:10px;text-indent:-10px;}
.section > table tbody td > dl > dd + dt {margin-top:20px;}
.section > table + p {margin-top:10px;font-size:13px;color:#9698a0}

.section.sign > p {text-align:right;}
.section.sign > p > span {margin-left:5px;padding-left:48px;border-bottom:1px solid #e2e3e5}
.section.sign > dl {margin-top:40px;display:flex;align-items:flex-start;justify-content: space-between}
.section.sign > dl > dd > em {position:relative;display:block;margin-top:15px;padding-top:10px;font-size:13px;color:#9698a0;text-align:right}
.section.sign > dl > dd > em:before {content: '';display:block;height:1px;width:200px;background:#e2e3e5;position:absolute;right:0;top:0;}