@charset "utf-8";

/* SCDream */
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 100;
	src:url('font/SCDream1.otf');
	src:local('※'),
		url('font/SCDream1.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 200;
	src:url('font/SCDream2.otf');
	src:local('※'),
		url('font/SCDream2.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 300;
	src:url('font/SCDream3.otf');
	src:local('※'),
		url('font/SCDream3.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 400;
	src:url('font/SCDream4.otf');
	src:local('※'),
		url('font/SCDream4.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 500;
	src:url('font/SCDream5.otf');
	src:local('※'),
		url('font/SCDream5.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 600;
	src:url('font/SCDream6.otf');
	src:local('※'),
		url('font/SCDream6.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 700;
	src:url('font/SCDream7.otf');
	src:local('※'),
		url('font/SCDream7.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 800;
	src:url('font/SCDream8.otf');
	src:local('※'),
		url('font/SCDream8.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 900;
	src:url('font/SCDream9.otf');
	src:local('※'),
		url('font/SCDream9.otf') format('opentype');
}

/* reset */
.btn {width:auto;min-width:0;height:auto;line-height:1.6;font-size:inherit;margin:0;}

body.noscroll {height:100vh;overflow:hidden;}

#wrap {width:100%;overflow-y:auto;min-width:1730px;height:auto;padding-bottom:0;}

/* accessibility */
#accessibility {overflow:visible;position:absolute;top:0;left:0;width:100%;z-index:9999}
#accessibility a{z-index:9999;position:absolute;top:0;left:0;display:block;overflow:hidden;height:0;width:0;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus,
#accessibility a:hover,
#accessibility a:active {width:100%;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}


.tnb {z-index:6000;position:fixed;top:0;left:0;right:0;background-color:#000;font-family:'SCDream', sans-serif;}
.tnb > .inner {width:calc(100% - 40px);max-width:1290px;margin:0 auto;}
.tnb .list-site {list-style:none;display:flex;width:100%;}
.tnb .list-site .btn {width:auto;min-width:0;height:auto;line-height:40px;font-size:15px;color:#DCDCDC;padding:0 17px;transition:.3s ease-out;}
.tnb .list-site .btn.point {font-weight:bold;color:#fff;}
.tnb .list-site .btn:hover,
.tnb .list-site .btn:focus {background-color:#fff;color:#070707;}
body.noscroll .tnb {z-index:1000;}

#header {z-index:5000;margin-top:40px;}
#header > .back {z-index:-1;display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);}
#header.bg-on > .back {display:block;}

.hd-wrap {z-index:10;position:relative;width:100%;background-color:#fff;padding:0 20px;font-family:'SCDream',sans-serif;color:#070707;box-sizing:border-box;}
.hd-wrap * {box-sizing:border-box;}
.hd-wrap .inner {position:relative;width:100%;max-width:1820px;height:80px;margin:0 auto;}
.hd-wrap .hd-logo {position:absolute;top:26px;}
.hd-wrap .hd-logo .logo-w {display:none;}
.hd-wrap.hd-main {background:#192C4C4d;}
.hd-wrap.hd-main .logo-c {display:none;}
.hd-wrap.hd-main .logo-w {display:block;}

.hd-wrap .btn-sitemap-open {position:absolute;top:24px;right:287px;width:32px;height:32px;text-indent:-9999px;overflow:hidden;background-color:#111;border-radius:50%;}
.hd-wrap .btn-sitemap-open:before,
.hd-wrap .btn-sitemap-open:after {content:'';position:absolute;top:50%;right:50%;margin-right:-9px;width:18px;height:2px;background-color:#fff;border-radius:1px;}
.hd-wrap .btn-sitemap-open:before {margin-top:-4px;}
.hd-wrap .btn-sitemap-open:after {margin-top:2px;width:10px;transition:.3s ease-out;}
.hd-wrap .btn-sitemap-open:hover:after,
.hd-wrap .btn-sitemap-open:focus:after {width:18px;}

.hd-sns {position:absolute;top:24px;right:171px;display:flex;}
.hd-sns .btn {width:32px;height:32px;overflow:hidden;text-indent:-9999px;}
.hd-sns .btn.fb {background:url(../images/new02/ico_sns_fb_g.png) center no-repeat;}
.hd-sns .btn.ytb {background:url(../images/new02/ico_sns_ytb_g.png) center no-repeat;}
.hd-sns .btn.blog {background:url(../images/new02/ico_sns_blog_g.png) center no-repeat;}
.hd-main .hd-sns .btn.fb {background:url(../images/new02/ico_sns_fb_w.png) center no-repeat;}
.hd-main .hd-sns .btn.ytb {background:url(../images/new02/ico_sns_ytb_w.png) center no-repeat;}
.hd-main .hd-sns .btn.blog {background:url(../images/new02/ico_sns_blog_w.png) center no-repeat;}

.hd-search {position:absolute;top:22px;right:0;}
.hd-search input {width:156px;height:36px;line-height:36px;border:1px solid #111;border-radius:18px;padding:0 32px 0 14px;font-size:11px;letter-spacing:-0.05rem;}
.hd-search input::placeholder {color:#C4C4C4;}
.hd-search .btn-search {position:absolute;top:0;right:0;width:32px;height:36px;background:url(../images/new02/ico_glass_01.png) left center no-repeat;}
.hd-main .hd-search input {background-color:#E6E8F259;}
.hd-main .hd-search .btn-search {background:url(../images/new02/ico_glass_01_w.png) center no-repeat;}

.hd-wrap #gnb {height:auto;border:0;position:static;}
/* #gnb > .back {z-index:1999;display:none;position:fixed;top:120px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);}
#gnb.active > .back {display:block;} */
#gnb .gnb-depth1 {list-style:none;display:flex;margin:0 auto;justify-content:center;word-break:keep-all;}
#gnb .gnb-depth1 > li {padding:10px 0;}
#gnb .gnb-depth1 > li > .btn {position:relative;line-height:28px;padding:16px 25px;font-size:20px;font-weight:500;}
#gnb .gnb-depth1 > li > .btn:before {content:'';position:absolute;top:5px;left:15px;width:6px;height:6px;border-radius:50%;transition:.3s ease-out;}
#gnb .gnb-depth1 > li > .btn.active,
#gnb .gnb-depth1 > li > .btn:hover,
#gnb .gnb-depth1 > li > .btn:focus {color:#2E52C0;}
#gnb .gnb-depth1 > li > .btn.active:before {top:21px;background:#2E52C0;}
#gnb .gnb-depth2-wrap {display:none;z-index:2000;position:absolute;top:80px;left:-50px;right:-50px;background-color:#fff;border-top:1px solid #192C4C40;}
#gnb .btn.active + .gnb-depth2-wrap {display:block;}
#gnb .gnb-depth2 {display:flex;justify-content:left;flex-wrap:wrap;width:100%;max-width:1140px;margin:0 auto;padding:27px 20px 58px;background-color:#fff;gap:24px;box-sizing:border-box;}
/* #gnb .gnb-depth2 > li {width:100%;max-width:16%;text-align:center;}
#gnb .gnb-depth2 > li > .btn {padding:13 12px 12px;line-height:25px;font-size:18px;font-weight:500;color:#070707;} */
/* #gnb .gnb-depth2 > li > .btn.btn-external::after {content:'';display:inline-block;vertical-align:top;width:18px;height:25px;background:url(../images/new02/ico_external_01.png) center no-repeat;margin-left:6px;} */
/* #gnb .gnb-depth2 > li > .btn.active,
#gnb .gnb-depth2 > li > .btn:hover,
#gnb .gnb-depth2 > li > .btn:focus {color:#2E52C0;font-weight:bold;}
#gnb .gnb-depth3 {padding:10px;}
#gnb .gnb-depth3 > li + li {margin-top:10px;}
#gnb .gnb-depth3 > li > .btn {font-size:15px;font-weight:500;}
#gnb .gnb-depth3 > li > .btn:hover,
#gnb .gnb-depth3 > li > .btn:focus {text-decoration:underline;}
#gnb .gnb-depth4 > li > .btn:hover,
#gnb .gnb-depth4 > li > .btn:focus {text-decoration:underline;} */
#gnb .gnb-depth2:before {content:'';position:absolute;top:0;left:-1000px;}
#gnb .gnb-depth2 > li {width:calc(25% - 18px);}
#gnb .gnb-depth2 > li > .btn {width:100%;line-height:28px;padding:11px 16px 13px;background-color:#D1D9F1;border-radius:8px;text-align:left;font-size:20px;font-weight:500;color:#111;transition:.3s ease-out;}/* background-color:#eff5fc;*/
#gnb .gnb-depth2 > li > .btn:hover,
#gnb .gnb-depth2 > li > .btn:focus,
#gnb .gnb-depth2 > li:hover > .btn {background-color:#3D4EA9;color:#fff;}
#gnb .gnb-depth3 {margin-top:8px;}
#gnb .gnb-depth3 > li > .btn {position:relative;padding:9px 10px 9px 28px;line-height:24px;font-size:16px;font-weight:500;color:#666;text-align:left;}
#gnb .gnb-depth3 > li > .btn:hover,
#gnb .gnb-depth3 > li > .btn:focus {text-decoration:underline;}
#gnb .gnb-depth3 > li > .btn:before {content:'';position:absolute;top:18px;left:16px;width:4px;height:4px;border-radius:50%;background-color:#bbb;}
#gnb .gnb-depth4 {padding:0 0 8px 29px;}
#gnb .gnb-depth4 > li + li {margin-top:8px;}
#gnb .gnb-depth4 > li > .btn {line-height:19px;font-size:14px;color:#666;}
#gnb .gnb-depth4 > li > .btn:hover,
#gnb .gnb-depth4 > li > .btn:focus {text-decoration:underline;}
.hd-wrap.hd-main #gnb .gnb-depth1 > li > .btn {color:#fff;}

#sitemap {z-index:4000;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#696E82b3;overflow-y:auto;}
#sitemap .sitemap-box {position:relative;width:calc(100% - 40px);max-width:1420px;background-color:#fff;border-radius:30px;padding:90px 48px;margin:108px auto 108px;}
#sitemap .sitemap-box .btn-sitemap-close {position:absolute;top:24px;right:24px;width:40px;height:40px;background:url(../images/new02/ico_x_01.png) center no-repeat;text-indent:-9999px;overflow:hidden;transition:.3s ease-out;border-radius:50%;}
#sitemap .sitemap-box .btn-sitemap-close:hover,
#sitemap .sitemap-box .btn-sitemap-close:focus {transform:rotate(-90deg);}
#sitemap .gnb-depth1 > li + li {margin-top:52px;padding-top:52px;border-top:1px solid #E1E1E1;}
#sitemap .gnb-depth1 > li > .btn {line-height:36px;font-size:24px;font-weight:bold;color:#2E52C0;}
#sitemap .gnb-depth2 {display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;}
#sitemap .gnb-depth2 > li {width:calc(25% - (72px / 3));}
#sitemap .gnb-depth2 > li > .btn {width:100%;line-height:28px;padding:11px 16px 13px;background-color:#D1D9F1;border-radius:8px;text-align:left;font-size:20px;font-weight:500;color:#111;transition:.3s ease-out;}
#sitemap .gnb-depth2 > li > .btn:hover,
#sitemap .gnb-depth2 > li > .btn:focus {background-color:#3D4EA9;color:#fff;}
/* #sitemap .gnb-depth2 > li > .btn-external:after {content:'';display:inline-block;width:18px;height:28px;background:url(../images/new02/ico_external_01.png) center no-repeat;vertical-align: top;margin-left:8px;} */
#sitemap .gnb-depth3 {margin-top:8px;}
#sitemap .gnb-depth3 > li > .btn {position:relative;padding:9px 10px 9px 28px;line-height:24px;font-size:16px;font-weight:500;color:#666;text-align:left;}
#sitemap .gnb-depth3 > li > .btn:before {content:'';position:absolute;top:18px;left:16px;width:4px;height:4px;border-radius:50%;background-color:#bbb;}
#sitemap .gnb-depth3 > li > .btn:hover,
#sitemap .gnb-depth3 > li > .btn:focus {text-decoration:underline;}
#sitemap .gnb-depth4 {padding:0 0 8px 29px;}
#sitemap .gnb-depth4 > li + li {margin-top:8px;}
#sitemap .gnb-depth4 > li > .btn {line-height:19px;font-size:14px;color:#666;}
#sitemap .gnb-depth4 > li > .btn:hover,
#sitemap .gnb-depth4 > li > .btn:focus {text-decoration:underline;}

#footer_re {font-family:'SCDream',sans-serif;}
#footer_re .f_bar {height:auto;background-color:#fff;border-top:1px solid #0304231a;;border-bottom:1px solid #0304231a;}
#footer_re .footer_menu {padding:28px 0;box-sizing:border-box;}
#footer_re .footer_menu li {position:relative;margin:0;}
#footer_re .footer_menu li + li {margin-left:33px;}
#footer_re .footer_menu li + li:before {content:'';position:absolute;top:4px;left:-16px;width:1px;height:16px;background-color:#192C4C;opacity:0.2;}
#footer_re .footer_menu > li:nth-of-type(1) a {color:#2E52C0 !important;}
#footer_re .footer_menu a {line-height:23px;color:#192C4C;font-size:16px;font-weight:500;height:auto;}

#footer_re .familysite .my_value {width:175px;height:auto;background:#fff;color:#80736A;padding:12px 16px 13px;font-size:16px;font-weight:500;line-height:23px;box-sizing:border-box;border:1px solid #80736A4d;border-radius:4px;text-indent:0;background:url(../images/new02/arr_06.png) right 20px center no-repeat;font-family:'SCDream',sans-serif;}
#footer_re .familysite ul {background-color:#fff;border:1px solid #80736A4d;border-radius:4px;box-sizing:border-box;}
#footer_re .familysite li a {color:#000;text-indent:0;padding:0 10px;text-align:center;}
#footer_re .familysite li a:hover,
#footer_re .familysite li a:focus {text-decoration:underline;}

#footer_re .footer_in {background:#fff;}
#footer_re .layout {padding:0;}
#footer_re address {padding:28px 0 0;line-height:26px;color:#03042380;font-size:16px;}
#footer_re .copy {padding-left:0;line-height:26px;color:#03042380;font-size:16px;}

/* sub */
body.sub01 {background:#fff;}
#container {margin-top:30px;}

#sidebar h2 {background:url(../images/new02/bg_lnb_01.png) left top no-repeat;border-radius:4px;padding:40px 0 0 38px;box-sizing:border-box;line-height:39px;font-size:28px;text-align:left;font-family:'SCDream',sans-serif;}

#lnb {padding-top:3px;font-family:'SCDream',sans-serif;}
#lnb > ul > li > a {position:relative;border-radius:4px;box-sizing:border-box;padding:15px 19px 14px;line-height:24px;font-size:16px;coloR:#707070;}
#lnb > ul > li > a:before,
#lnb > ul > li > a:after {content:'';position:absolute;top:26px;right:17px;width:14px;height:2px;background:#B1B1B1;}
#lnb > ul > li > a:after {transform:rotate(90deg);}
#lnb > ul > li > a:hover,
#lnb > ul > li > a:hover {background:#fff;color:#000;border-color:#E1E1E1;}
#lnb > ul > li > a:hover:before,
#lnb > ul > li > a:hover:after {background:#000;}
#lnb > ul > li.on > a:before,
#lnb > ul > li.on > a:after {top:26px;right:17px;width:14px;height:2px;background:#000;}
#lnb > ul > li.on > a:after {transform:rotate(0);}
#lnb > ul > li.on > a {background-color:#E8E0D5;border:1px solid #E8E0D5;color:#000000;}
#lnb > ul > li > a:hover:before,
#lnb > ul > li > a:focus:before,
#lnb > ul > li > a:hover:after,
#lnb > ul > li > a:focus:after {top:26px;right:17px;width:14px;height:2px;background:#000;}
#lnb li li a {padding:2px 0 1px 20px;word-break:keep-all;letter-spacing:-0.025em;}
#lnb li li a:after {left:10px;}

#contents .sub_title {padding-top:0;}

.btns-sub-top {position:absolute;top:9px;right:50px;display:flex;gap:15px;}
.btns-sub-top .btn {width:40px;height:40px;border-radius:50%;text-indent:-9999px;overflow:hidden;}
.btns-sub-top .btn-share {background:url(../images/new02/ico_share_01.png) center no-repeat;}
.btns-sub-top .btn-print {background:url(../images/new02/ico_print_01.png) center no-repeat;}

@media screen and (max-width:1280px){
	#footer_re {height:200px;}
	#footer_re .footer_menu {display:block;width:1280px;}
	#footer_re .footer_menu li {border:0;width:auto;}
	#footer_re .footer_in {width:1280px;padding-bottom:0;}
	#footer_re .footer_site {position:absolute;top:-64px;width:auto;display:flex;gap:8px;}
	#footer_re .familysite {border-top:0;}
	#footer_re .layout {margin-top:0;padding:0;text-align:left;}
}