@charset "utf-8"; 
@import url(../font/Pretendard/Pretendard.css);
@import url(../font/OneMobileTitle/OneMobileTitle.css);
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800&display=swap');


/****************************************
	Common Style
****************************************/

body {min-width:1400px; font-family:'Pretendard', Helvetica, Arial, sans-serif;}
body.stop_scrolling {overflow:hidden;}
@media all and (max-width:1024px) {body {min-width:320px !important;}}

#wrap,
#m_menu {font-size:20px;}
@media all and (max-width:1024px) {#wrap,#m_menu {font-size:19px;}}
@media all and (max-width:640px) {#wrap,#m_menu {font-size:18px;}}
@media all and (max-width:380px) {#wrap,#m_menu {font-size:17px;}}

#wrap {overflow:hidden;}

.inner {position:relative; max-width:1400px; margin-left:auto; margin-right:auto;}
.inner:after {content:""; display:block; clear:both;}

#body {padding-top:13.2em; padding-left:1em; padding-right:1em;}

.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}

.nicescroll-rails {opacity:1 !important; background:#DFE4F2; width:6px !important; border-radius:9em; overflow:hidden;}


@media all and (min-width:1025px){
	#body {padding-left:0; padding-right:0;}
}
/********************
	Line Style
********************/

hr.line {display:block !important; clear:both; height:0px; background:transparent; border-width:0; border-top-width:1px; border-style:solid; border-color:#DDDDDD; margin:2em 0;}


/****************************************************************
	Box Style
****************************************************************/

.box-txt {display:block; position:relative; margin:.83333em 0; border-radius:0; border:1px solid #DDD; padding:1.111112em; background:#FFF;}


/****************************************************************
	Text Style
****************************************************************/

#conts .em {color:#FF4141;}
#conts .point {color:#2A49B9;}
#conts strong {font-weight:700;}
#conts .tip {line-height:1.42em; padding-left:1.3em; background:url(../img/ico_tip.svg) no-repeat top .121765em left 0; background-size:1.1em auto;}
#conts .tip.error {color:#ff4141; background-image:url(../img/ico_tip_noti.svg);}
#conts .s-title {font-size:1.333334em; color:#333; font-weight:800; margin-bottom:.42em;}


/****************************************
	Tab Style
****************************************/

.tab-group .tabs li > * .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.tab-group .tabs li > *.on .selected {display:block;}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}


/****************************************
	Footer Style
****************************************/

.footerWrap {display:block; position:relative; background:#000; padding:0 1em; color:#fff; z-index:1; text-align:center;}
.footerWrap > .inner {padding:2.9em 0;}
.footerWrap .goto-top {display:block; position:absolute; right:-5em; top:0; margin:-2.125em -2.125em 0 0;  box-sizing:border-box; width:4.25em; height:4.25em; border-radius:100%; overflow:hidden; text-indent:-999px; border:.25em solid #000; background:url(../img/btn_top.svg) no-repeat 50% 50% #fff; background-size:contain; box-shadow:0 .75em 1.75em 0 rgba(21,68,146,.2); z-index:10;}
.footerWrap .links {display:block; margin-bottom:1.5em;}
.footerWrap .links li {display:inline-block; position:relative; vertical-align:middle; padding:.25em 1.25em;}
.footerWrap .links li a {display:block; position:relative;}
.footerWrap .links li a span {display:block; position:relative; font-size:.9em; line-height:1.3em;}
.footerWrap .links li:before {content:""; display:block; position:absolute; top:50%; right:-1px; width:1px; height:.9em; background:#7c7c7c; margin-top:-.45em;}
.footerWrap .links li:last-child:before {display:none;}
.footerWrap .links li a.point {color:#83BCFF;}
.footerWrap .info {margin-bottom:1.1em;}
.footerWrap .info > * {display:inline-block; vertical-align:middle; padding:.25em .83em; font-size:.9em;}
.footerWrap .info strong {color:#83BCFF;}
.footerWrap .copyright {font-size:.9em; font-family:'Kanit', 'Pretendard', sans-serif; opacity:.7; font-weight:300;}

@media all and (max-width:1720px) {
	.footerWrap .goto-top {right:0; margin-right:-1em;}
}
@media all and (max-width:1024px) {
	.footerWrap .goto-top {right:auto; left:50%; margin-top:-1.67em; margin-left:-1.67em; background-size:4em auto; width:3.34em; height:3.34em;}
	.footerWrap .links {max-width:31em; margin-left:auto; margin-right:auto;}
	.footerWrap .links li:nth-child(4):before {display:none;}
}
@media all and (max-width:640px) {
	.footerWrap {text-align:left;}
	.footerWrap > .inner {padding:2.5em 0;}
	.footerWrap .links {overflow:hidden;}
	.footerWrap .links li {display:block; width:50%; padding:0; float:left; margin-bottom:.5em;}
	.footerWrap .links li:before {display:none;}
	.footerWrap .info > * {display:block; padding-left:0; padding-right:0;}
}
	

/****************************************
	Header Style
****************************************/

.headerWrap {display:block; position:fixed; top:0; left:0; right:0; background:linear-gradient(142deg, #FFA24B 25.75%, #EF5626 109.42%); z-index:5; min-width:1400px; padding-left:1em; padding-right:1em;}
@media all and (max-width:1024px) {.headerWrap {min-width:320px; left:0 !important;}}

.headerWrap .logo {display:block;position:absolute;top:1em;left: 0em;z-index:2;}
.headerWrap .logo > * {display:block; position:relative;}
.headerWrap .logo strong {display:block; line-height:1.5em; font-size:2em; font-family:'OneMobileTitle', Helvetica, Arial, sans-serif; font-weight:400; color:#fff;}

@media all and (max-width:1024px) {
	.headerWrap .logo {display:none;}
}


/****************************************
	GNB Style
****************************************/

.gnbWrap {position:relative; font-size:1em; z-index:99; padding:.3em 0; box-sizing:border-box;}
.gnbWrap .otherNav {position:relative;}
.gnbWrap .otherNav button {display:block; position:relative; width:7.4em; height:1.85em; z-index:0; text-align:center; padding:0; text-align:left; border-radius:9em;}
.gnbWrap .otherNav button:after {content:""; display:block; position:absolute; top:0; bottom:0; right:.75em; width:.7em; background:url(../img/ico_select_w_14x11.svg) no-repeat 50% 50%; background-size:100% auto;}
.gnbWrap .otherNav button span {display:block; font-size:.9em; color:#fff; font-family:'Kanit', 'Pretendard', sans-serif;}
.gnbWrap .otherNav .close {display:none; position:absolute; top:0; left:0; z-index:1; overflow:hidden; text-indent:-999px; background:transparent !important;}
.gnbWrap .otherNav .close:after {display:none;}
.gnbWrap .otherNav .detail {display:none; position:absolute; top:100%; left:0; right:0; background:#003876; border-radius:.5em; padding:1em; z-index:5; margin-top:.75em;}
.gnbWrap .otherNav .detail a {display:block; position:relative; font-size:.9em; text-align:center; color:#fff; font-family:'Kanit', 'Pretendard', sans-serif; height:1.5em; line-height:1.5em;}
.gnbWrap .otherNav .detail li + li {margin-top:.75em;}
.gnbWrap .otherNav.active button:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.gnbWrap .otherNav.active .detail {display:block;}
.gnbWrap .otherNav.active .close {display:block;}
.gnbWrap .otherNav.portal {float:left;}
.gnbWrap .otherNav.lang {float:right;}

@media all and (min-width:1025px) {
	.gnbWrap .otherNav.portal {/* padding-left:1em; */}
	.gnbWrap .otherNav.portal button {display:none;}
	.gnbWrap .otherNav.portal .detail {display:block; position:relative; top:auto; background:transparent; border-radius:0; padding:0; margin:0;}
	.gnbWrap .otherNav.portal .detail:after {content:""; display:block; clear:both;}
	.gnbWrap .otherNav.portal .detail li {display:block; position:relative; float:left; padding:0 .83em;}
	.gnbWrap .otherNav.portal .detail li + li {margin-top:0;}
	.gnbWrap .otherNav.portal .detail li + li:before {content:""; display:block; position:absolute; width:1px; height:.62em; top:50%; margin-top:-.31em; background:#fff; left:0;}
	.gnbWrap .otherNav.portal .detail a {height:2.11em; line-height:2.11em; font-size:.9em; opacity:.85;}
	.gnbWrap .otherNav.portal .detail a:hover {opacity:1;}
	.gnbWrap .otherNav.portal .detail li.home {padding-left:1.5em; background:url(../img/ico_home.svg) no-repeat top 50% left 0; background-size:1em auto;}
	.gnbWrap .otherNav.portal .detail li.home a {opacity:1;}
	
	.gnbNav {display:block; position:relative; float:left; overflow:hidden;}
	.gnbNav li {display:block; position:relative; float:left;}
	.gnbNav a {display:block; position:relative;}
}
@media all and (max-width:1024px) {
	.gnbWrap {margin:0 -1em;}
	.gnbWrap .otherNav button {height:2.05em;}
	.gnbWrap .otherNav button span {font-size:.88em;}
	.gnbWrap .otherNav .detail {margin-top:0;}
	.gnbWrap .otherNav .detail a {text-align:left;}
	
	.gnbWrap .otherNav.portal button {width:8em; padding-left:2em; background:url(../img/ico_home.svg) no-repeat top 50% left .7em; background-size:1em auto;}
}
@media all and (max-width:640px) {
	.gnbWrap {padding:0;}
}



/****************************************
	Search Style
****************************************/

.searchWrap {display:block;position:relative;padding-left: 16em;padding-top:1em;z-index:1;padding-bottom:1em; z-index:3;}
.searchWrap .search {display:block; position:relative; padding-right:16.25em; z-index:0;}
.searchWrap .search .in {display:block; position:relative; padding-right:7em; margin-bottom:1.25em; background:#fff; border-radius:9em;}
.searchWrap .search .in input[type="text"],
.searchWrap .search .in input[type="search"] {display:block; position:relative; padding:0 3.5em 0 1.5em; border-radius:9em; width:100%; height:3em; font-size:1em; border:none; box-sizing:border-box; z-index:0;}
.searchWrap .search .in input[type="text"]::placeholder,
.searchWrap .search .in input[type="search"]::placeholder {color:#888888;}
.searchWrap .search .in input[type="submit"] {display:block; position:absolute; top:0; bottom:0; right:8em; width:1.75em; height:100%; text-indent:-999px; background:url(../img/ico_search.png) no-repeat 50% 50%; background-size:1.75em auto; overflow:hidden; z-index:2; border:none; border-radius:9em;}

.searchWrap .search .rcmdResult {position:absolute; top:4em; left:0; z-index:10; width:100%; background:#fff; border-radius:1em; overflow:hidden; box-shadow:0 15px 35px rgba(124,19,19,0.2);}
.searchWrap .search .rcmdResult .autoList {padding:1em 0;}
.searchWrap .search .rcmdResult .autoList li:hover {background:#FAFBFD;}
.searchWrap .search .rcmdResult .autoList li a {display:inline-block; max-width:20em; padding:.5em 0 .5em 2.8em; font-size:1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.searchWrap .search .rcmdResult .autoList li a em {font-weight:800; color:#1C1F85;}

.searchWrap .search .recommend {display:block; position:relative; padding-left:7.35em; min-height:1.278em;}
.searchWrap .search .recommend .tit {display:block; position:absolute; top:50%; left:0;  font-size:.9em; line-height:1.278em; font-family:'OneMobileTitle', Helvetica, Arial, sans-serif; color:#fff; font-weight:400; padding-left:2em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.searchWrap .search .recommend .tit:before {content:""; display:block; position:absolute; left:0; top:0; width:1.278em; height:1.278em; max-width:23px; max-height:23px; background:url(../img/ico_recommend.png) no-repeat 50% 50%; background-size:contain;}
.searchWrap .search .recommend .list {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:rgba(255,255,255,.8);}
.searchWrap .search .recommend .list li {display:inline; vertical-align:middle; padding:0 .5em;}
.searchWrap .search .recommend .list li a {font-size:.9em; color:rgba(255,255,255,.8); line-height:1.278em;}
.searchWrap .search .recommend .list li a:before {content:"#";}

.searchWrap .search .side button {display:block; position:absolute; top:0; right:16em; width:7em; height:3em; border-radius:9em; background:#003876; text-align:left; padding:0 1.3em;}
.searchWrap .search .side button:after {content:""; display:block; position:absolute; top:50%; right:1em; margin-top:-.4em; width:.8em; height:.8em; background:url(../img/ico_select_w_16x16.svg) no-repeat 50% 50%; background-size:contain;}
.searchWrap .search .side button span {color:#fff; font-weight:400;}

.searchWrap .search .side p {position:absolute; top:1em; right:8em; text-align:right;}
.searchWrap .search .side p input[type="checkbox"] {display:block; position:absolute; top:0; left:0; opacity:0; z-index:-9999; width:0; height:0;}
.searchWrap .search .side p label {display:block; position:relative; padding-left:1.3em;}
.searchWrap .search .side p label:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-.375em; width:.75em; height:.75em; background:url(../img/img_check_w_off.svg) no-repeat 0 50%; background-size:contain;}
.searchWrap .search .side p label span {display:block; position:relative; color:#fff; font-size:.9em; line-height:1.22em;}
.searchWrap .search .side p input[type="checkbox"]:checked + label:before {background-image:url(../img/img_check_w_on.svg);}
.searchWrap .search .side p input[type="checkbox"]:focus + label span {text-decoration:underline;}

.searchWrap .detail {display:block; position:absolute; opacity:0; height:0; visibility:hidden; top:100%; left:-5000px; right:-5000px; background:#fff; border-bottom:1px solid #D3D3D3; box-shadow:0 .75em 1.75em 0 rgba(21,68,146,.2); overflow:hidden; transition:.3s all; -webkit-transition:.3s all;}
.searchWrap.detail-open .detail {visibility:visible; opacity:1; height:13.6em;}
.searchWrap .detail .btn-search,
.searchWrap .detail .btn-control {display:block; position:absolute; left:0; width:100%; bottom:0; text-align:center; background:#333; border:none; color:#fff; height:3em; z-index:-9999; opacity:0;}
.searchWrap .detail .btn-control {background:#0B73D2;}
.searchWrap .detail .btn-search:focus,
.searchWrap .detail .btn-control:focus {opacity:1; z-index:2;}
.searchWrap .detail .inner {max-width:1040px; padding:2.5em 1.5em 3.25em; z-index:0;}
.searchWrap .detail dl {display:table; width:100%; table-layout:fixed;}
.searchWrap .detail dl + dl {margin-top:.65em;}
.searchWrap .detail dl > * {display:table-cell; vertical-align:top;}
.searchWrap .detail dt {width:6.5em;}
.searchWrap .detail dt strong {display:block; position:relative; border-radius:9em; font-size:.9em; background:#003876; color:#fff; height:2.445em; line-height:2.445em; text-align:center; font-weight:600;}
.searchWrap .detail dd {padding:.1em 0 .1em 1.5em;}
.searchWrap .detail dd fieldset {display:inline-block; position:relative; vertical-align:middle;}
.searchWrap .detail dd fieldset + fieldset {margin-left:1em;}
.searchWrap .detail dd input[type="radio"],
.searchWrap .detail dd input[type="checkbox"] {display:block; position:absolute; top:0; left:0; z-index:-9999; opacity:0; width:0px; height:0px; overflow:hidden;}
.searchWrap .detail dd label {display:inline-block; position:relative; font-size:.9em; height:2.23em; line-height:2.23em; padding-left:1.4em;}
.searchWrap .detail dd label ~ label {margin-left:1em;}
.searchWrap .detail dd label:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-.42em; width:.84em; height:.84em; background:url(../img/img_check_g_off.svg) no-repeat 50% 50%; background-size:contain;}
.searchWrap .detail dd input[type="checkbox"]:checked + label:before {background-image:url(../img/img_check_g_on.svg);}
.searchWrap .detail dd input[type="checkbox"]:focus + label {text-decoration:underline;}
.searchWrap .detail dd input[type="radio"]:checked + label:before {background-image:url(../img/img_check_g_on.svg);}
.searchWrap .detail dd input[type="radio"]:focus + label {text-decoration:underline;}
.searchWrap .detail dd input[type="text"] {display:block; position:relative; float:left; width:12.5em; height:2.5em; padding:0 1.25em; font-size:.8em; color:#333; border-radius:3px; border:1px solid #d3d3d3;}
.searchWrap .detail dd input[type="text"]::placeholder {color:#888;}
.searchWrap .detail dd input[type="text"] ~ span {display:block; position:relative; float:left; height:2.23em; line-height:2.23em; font-size:.9em; padding:0 .625em;}
.searchWrap .detail .radio-box label {float:left; font-size:.8em; height:2.5em; line-height:2.5em; padding:0 1.5625em;}
.searchWrap .detail .radio-box label ~ label {margin-left:-1px;}
.searchWrap .detail .radio-box label:before {display:block; position:absolute; margin:0; top:0; left:0; right:0; bottom:0; width:auto; height:auto; background:none !important; border-radius:3px; border:1px solid #D3D3D3;}
.searchWrap .detail .radio-box input[type="radio"]:checked + label,
.searchWrap .detail .radio-box input[type="checkbox"]:checked + label {color:#1C1F85; font-weight:600; z-index:1;}
.searchWrap .detail .radio-box input[type="radio"]:checked + label:before,
.searchWrap .detail .radio-box input[type="checkbox"]:checked + label:before {border-color:#1C1F85;}

@media all and (max-width:1024px) {
	.searchWrap {padding-left:0; padding-top:.5em;}
	.searchWrap .search {padding-right:0; font-size:.9em;}
	.searchWrap .search .side p {bottom:0; right:0; top:auto;}
	.searchWrap .search .side button {right:-1px;}
	.searchWrap .detail {left:-1em; right:-1em;}
	.searchWrap .detail .inner {padding:1.85em 1em;}
	.searchWrap .detail dt {width:5.5em;}
	.searchWrap .detail dd fieldset {display:block;}
	.searchWrap .detail dd fieldset + fieldset {margin-left:0; margin-top:.5em;}
	.searchWrap.detail-open .detail {height:16.7em;}

	.searchWrap .search .recommend {margin-right:8em;}
}
@media all and (max-width:640px) {
	.searchWrap .search .recommend {padding-left:0;}
	.searchWrap .search .recommend .tit {display:none;}
}
@media all and (max-width:560px) {
	.searchWrap .detail dd input[type="text"] {width:8.5em;}
	.searchWrap .search .rcmdResult .list li a {max-width:100%; padding:.5em 1.5em .5em 1.5em;}
}
@media all and (max-width:450px) {
	.searchWrap .detail .inner {padding:1.5em 1em;}
	.searchWrap .detail dl,
	.searchWrap .detail dl > * {display:block;}
	.searchWrap .detail dt strong {height:2em; line-height:2em;}
	.searchWrap .detail dd {padding:.3em 0 .3em .5em;}
	.searchWrap .detail dd input[type="text"] {width:43%; padding:0 1em;}
	.searchWrap .detail dd input[type="text"] ~ span {width:14%; text-align:center;}
	.searchWrap .detail .radio-box label {width:33.33%; text-align:center;}
	
	.searchWrap.detail-open .detail {height:22.6em;}
	.searchWrap .search .in input[type="text"],
	.searchWrap .search .in input[type="search"] {height:2.7em; font-size:1.1em; font-weight:700;}
}
@media all and (max-width:380px) {
	.searchWrap .search .side button {width:3em;}
	.searchWrap .search .side button span {position:absolute; top:0; left:0; opacity:0; width:0; height:0; z-index:-999px; overflow:hidden;}
	.searchWrap .search .in {padding-right:6em;}
	.searchWrap .search .in input[type="submit"] {right:4em;}
	.searchWrap .search .in input[type="text"],
	.searchWrap .search .in input[type="search"] {padding:0 1.5em;}

}

/****************************************
	Tab(Menu) Style
****************************************/

#lnbWrap.pc-none {display:none;}
#lnbWrap.mo-none {display:block;}
#lnbWrap {display:block;position:relative;background:#fff; z-index:0; }
#lnbWrap > .inner {overflow:auto; white-space:nowrap;}
#lnbWrap > .inner {-ms-overflow-style:none; scrollbar-width:none;}
#lnbWrap > .inner::-webkit-scrollbar {display:none;}
#lnb {display:block;position:relative;}
#lnb:after {content:""; display:block; clear:both;}
#lnb li {display:block;position:relative; float:left; padding:0 1.1em;}
#lnb li a {display:table; position:relative; height:2.4em;}
#lnb li a span {display:table-cell; vertical-align:middle; font-size:.856em; line-height:1.2em; font-family:'OneMobileTitle', Helvetica, Arial, sans-serif; color:#333;}

#lnb li.active:after {content:""; display:block; position:absolute; left:1.1em; right:1.1em; bottom:0; height:.15em; background:#1C1F85;}
#lnb li.active a span {color:#1C1F85;}
@media all and (max-width:1500px){
	#lnbWrap {left:0!important;}
}

@media all and (min-width:1025px){
	#lnbWrap {position:fixed;top:10.5em;left:calc(50% - 700px);width:10.2em;border:1px solid #d3d3d3;background:#fff;z-index:2;max-height: calc(100vh - 12em);overflow-y:auto;}
	#lnb li  {float:none;}
	#lnb li a {width:100%; background:url(../img/ico_arrow_20x20.svg) no-repeat top 50% right 0; background-size:1em auto;}
	#lnb li.active a {background-image:url(../img/ico_arrow_active_20x20.svg)}
	#lnb li:before {content:""; display:block; position:absolute; left:1.1em; right:1.1em; bottom:0; border-bottom:1px solid #d3d3d3;}
	#lnb li:last-child:before {border-bottom:0;}
	
	#lnb li.active:after {display:none;}
}
@media all and (max-width:1024px){
	#lnbWrap.pc-none {display:block;}
	#lnbWrap.mo-none {display:none !important;}

	#lnbWrap {margin:0 -1em; border-bottom:1px solid #D3D3D3;}
	#lnb {min-width:70em;}
}

/****************************************
	Search Pannel
****************************************/

#conts {display:table; table-layout:fixed; width:100%;}
#conts > * {display:table-cell; vertical-align:top;}
@media all and (max-width:1024px) {
	#conts,
	#conts > * {display:block; width:auto !important;}	
}

#conts .sideList {width: 15.25em;padding:0 0 2.5em 1.75em;border-left:1px solid #D3D3D3;}
#conts .contents {padding: 0 2.5em 2.5em 2.5em;}

@media all and (min-width:1025px){
	#conts {padding-left:10.2em;}
}
@media all and (max-width:1024px) {
	#conts .contents {padding:0 0 2em 0;}	
	#conts .sideList {position:relative; width:auto; overflow:hidden; padding:0; margin-bottom:5em; border:none;}
}



/****************************************************************
	List Style
****************************************************************/

.list-ul li .btn.small,
.list-ol li .btn.small {font-size:.8em; margin:0 .5em;}

.list-ul li,
.list-ol li {display:block; position:relative; line-height:1.5em; word-break:keep-all;}
.list-ul li + li,
.list-ol li + li {margin-top:.5em;}
.list-ul li li li,
.list-ol li li li {font-size:.888889em; color:#555;}

.list-ul > li {padding-left:.833333em;}
.list-ul ul > li,
.list-ol ul > li {padding-left:.666667em;}
.list-ol > li {padding-left:1.5em;}
.list-ol ol > li,
.list-ul ol > li {padding-left:1.7em;}

.list-ul + *,
.list-ol + * {margin-top:1em;}

* + .list-ul,
* + .list-ol {margin-top:1em;}

.list-ul ul,
.list-ul ol,
.list-ol ul,
.list-ol ol {margin:.55em 0;}

.list-ul .box,
.list-ol .box {background:#F8F8FC;}
.list-ul .box li + li,
.list-ol .box li + li {margin-top:.2em;}

.list-ul > li > .box,
.list-ol > li > .box {margin-left:-1.334em; padding:.833em; margin:.7em 0; border-radius:0;}

.list-ul ul > li .box,
.list-ol ul > li .box {margin-left:-.666667em; padding:1.3em;}
.list-ul ol > li .box,
.list-ol ol > li .box {margin-left:-1.7em; padding:1.3em;}

/* List Ul */
.list-ul > li:before,
.list-ul ul > li:before,
.list-ol ul > li:before {content:""; display:block; position:absolute; left:0; top:.95em; margin-top:-.5em; }
.list-ul > li:before {height:.5556em; width:.5556em; border-radius:.5em; border:3px solid #ff4141;}
.list-ul ul > li:before,
.list-ol ul > li:before {top:1.1em; width:.27778em; height:.27778em; background:#2a49b9;}
.list-ul ul ul > li:before,
.list-ol ul ul > li:before {width:.222223em; background-image:url(../img/bullet/bul_ul_depth03.svg);}
.list-ul > li > ul {margin-left:-.5em;}

/* List ol */
.list-ol > li > .num,
.list-ol > li > .tt,
.list-ol ol > li > .num,
.list-ul ol > li > .num  {display:block; position:absolute; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.list-ol > li > .num {font-size:1em; height:2em; line-height:2em; text-align:left; box-sizing:content-box; top:.7em; font-weight:700; color:#2A49B9;}
.list-ul ol > li > .num,
.list-ol ol > li > .num,
.list-ol.law > li > .num {font-size:.6667em; width:2em; height:2em; line-height:2em; text-align:center; box-sizing:content-box; top:1.15em; background:#323768; color:#fff; border-radius:100%; font-weight:600;}
.list-ol ol > li li > .num,
.list-ul ol > li li > .num {color:#000; font-size:1em; top:.75em; width:auto; text-align:left; background:transparent; border-radius:0;}
.list-ol ol > li li > .num:after,
.list-ul ol > li li > .num:after {content:".";}

.list-ol > li > .tt {font-size:1em; height:2em; line-height:2em; text-align:left; box-sizing:content-box; top:.8em; font-weight:700; color:#ff4141; }


/*********************************************
	Table
*********************************************/

.tbl {width:100%; table-layout:fixed;}
.tbl th,
.tbl td {min-height:3.33em; box-sizing:border-box; padding:.5em; border:1px solid #ddd; border-top-width:0; color:#555; vertical-align:middle;}
.tbl th {color:#000; text-align:center;}
.tbl thead,
.tbl tbody {border-top:2px solid #222;}
.tbl thead {background:#F8F8FC;}
.tbl thead + tbody  {border-top-width:0;}
.tbl thead th {font-weight:700; background:#F7F4F4;}
.tbl tbody th {background:#FDFDFD;}
.tbl tfoot th, .tbl tfoot td {background:#f7f7f7;}

.tbl th.bg {background:#f9f9f9; font-weight:700;}
.tbl.fit th,
.tbl.fit td {padding:.4em; font-size:.9em;}

.tbl-respon {position:relative;}
.tbl-respon > .guide,
.tbl_wrap > .tbl_guide {display:none; font-weight:300; padding-left:1.3888em; padding-bottom:0; line-height:1.2em; background:url(../img/ico_table_guide.svg) no-repeat 0 0; background-size:1.11112em auto; margin-bottom:.5em;}
/*.tbl-respon > .guide {position:absolute; top:.2em; left:0;}*/
.tbl_wrap,
.dl_wrap {margin-left:0 !important;}
.tbl-box {position:relative;}
.tbl-legend {display:block; position:relative; text-align:right; font-weight:300; color:#555; padding-bottom:.55em;}

.tbl ul, .tbl ol {text-align:left; margin-bottom:0;}
.tbl .list-ol > li > .num {font-size:.9em; top:.9em;}
.tbl .list-ul .box, .tbl .list-ol .box {padding:.5em 1em;}


.tbl.fit th,
.tbl.fit td {font-size:.9em;}

.tbl-respon.wide .tbl {width:100em;}
.tbl-respon.wide .tbl-box {overflow-x:scroll;}

@media all and (max-width:1000px) {
	.tbl-respon > .guide {display:block;}
	.tbl-respon .tbl-box {overflow:auto;}
	.tbl-respon .tbl {width:56em;}
	.tbl-respon .tbl-legend {width:100%; width:56em;}
	.tbl-respon .tbl-legend + .tbl {margin-top:0;}
	
	.tbl-respon .tbl td .tbl {width:100%;}
}
@media all and (max-width:640px) {
	.tbl-respon > .guide {position:relative; top:auto;}
	.tbl-respon .tbl-legend {text-align:left; margin-top:.2em;}
}