@charset "utf-8";
@import url('/common/font/THELuxGo/theluxgo.css'); /* font-family: 'THELuxGo'; */
@import url('/common/font/THEChung/thechung.css'); /* font-family: 'THEChung'; */


em, .em {color:#ff8900;}

@media all and (min-width:641px) {
	.only-pc {display:block;}
}

@media all and (max-width:640px) {
	.only-mo {display:block;}
}

/**********************************
	Header Layout
**********************************/

.headWrap .aside .mymenu,
.headWrap .aside .gnb-search,
#searchWrap,
.headWrap .aside .sitemap {display:none !important;}

.h-sitemap {display:block;}

@media (min-width:1025px) {
	.lnbWrap {padding-right:45px; text-align:right; padding-left:405px;}
	.lnbWrap:after {content:""; display:block; clear:both;}

	.lnb_nav .li_depth01 {display:block; width:16.6666%; float:left; position:relative;}
	.lnb_nav .li_depth01.on > a,
	.lnb_nav .li_depth01.active > a {font-weight:800; color:#000 !important; text-decoration:none;}

	.lnb_nav .li_depth01 > a > span {padding: 0; }
	.lnb_nav .li_depth01:nth-child(3) > a > span {letter-spacing: -0.1em;}

	.lnb_nav .lnb_sub {box-sizing:border-box; padding-top:1px;}
	.lnb_nav .lnb_sub .tit {display:none;}
	.lnb_nav .lnb_sub .depth02 {min-height:363px; margin:0; background:none; border:1px solid #dce8f3; border-top-width:0; border-bottom-width:0;}
	.lnb_nav li + li .lnb_sub .depth02 {border-left-width:0;}
	.lnb_nav .lnb_sub > .inner:before {display:none;}
	.lnb_nav .depth02 > li,
	.lnb_nav .depth02 > li > * {display:block; position:relative; width:auto; background:transparent;}
	.lnb_nav .depth02 > li > .cell {width:auto; background:none; padding:0;}
	.lnb_nav .depth02 > li > .cell2 {display:none !important;}
	.lnb_nav .depth02 > li > .cell a {display:block; padding:.7em .5em; word-break:keep-all; background:transparent; margin:0; color:#777777; text-align:center; font-weight:300;}
	.lnb_nav .depth02 > li > .cell a:hover {background:transparent; border-radius:0; background-size:auto; font-weight:800;}

	.headWrap {overflow:hidden;}
	.headWrap:before,
	.headWrap:after {content:""; display:block; position:absolute; top:100%; left:0; height:365px;}
	.headWrap:before {right:0; background:#fff; border-top:1px solid #dce8f3;}
	.headWrap:after {right:54%; margin-right:295px; background:url(../img/common/bak_lnb.png) no-repeat 100% 100%;}


	.open-pc-lnb .headWrap {overflow:visible;}
	.open-pc-lnb .lnb_nav .lnb_sub {display:block !important;}

	.open-pc-lnb .li_depth01.over .lnb_sub:before {content:""; display:block; position:absolute; margin-left:-10px; left:50%; bottom:100%; width:0; height:0; border-style:solid; border-width:0 10px 13px 10px; border-color:transparent transparent #c85854 transparent;}
	.open-pc-lnb .li_depth01.over .lnb_sub  {background:#c85854; overflow:visible;}
	.open-pc-lnb .li_depth01.over .lnb_sub .depth02 a {color:#fff !important; line-height:1.4;}
	.open-pc-lnb .li_depth01.over .lnb_sub .depth02 a:hover:before {content:""; display:inline-block; position:relative; width:11px; height:12px; background:url(../img/common/ico_lnb_on.png) no-repeat 50% 50%; background-size:contain; vertical-align:middle;}

}
@media all and (max-width:1520px) and (min-width:1025px) {
	.headWrap:after {background-size:120% auto;}
}
@media all and (max-width:530px) {
	.headWrap .aside .mymenu {padding:0; width:4rem; margin-right:1rem;}
	.headWrap .aside .mymenu span {display:block; position:absolute; top:0; right:0; text-indent:-999px; width:0; overflow:hidden;}
}




/**********************************
	Footer Layout
**********************************/

.footer_wrap {background:#040f1d; border-top:0;}
footer .info_wrap {padding:50px 0;}
footer .info_wrap > div.copy_logo {display:none;}
footer .info_wrap > div.copy_info {padding-left:0;}
.copy_info .policy a {color:#fff; font-size:1.9rem; font-weight:100;}
.copy_info .policy a.point {font-weight:600; color:#fff !important;}
.copy_info .policy >li:not(:last-child):after {display:none;}
.copy_info small {color:#fff; opacity:.4;}

.copy_info .contact,
.copy_info p {color:#93abcc;}
.copy_info .contact > li {display:block; position:relative;}
.copy_info .contact > li + li {margin-left:20px; padding-left:20px;}
.copy_info .contact > li + li:before {content:""; display:block; position:absolute; width:4px; height:4px; border-radius:100%; background:#93abcc; left:-2px; top:50%; margin-top:-2px;}

.wa_mark,
.footer-sns-wrap {display:none;}

.btn_scroll_top {width:110px; height:110px; background:url(../img/common/btn_top.png) no-repeat 50% 50% !important; background-size:contain !important; border:none !important;}


/**********************************
	Side Link
**********************************/

.site_wrap,
footer .btn_close {background:#4a5252;}
footer .btn_open,
footer .btn_close {color:#fff;}
.copy_info .policy a.point {color:#ff8900;}

.footer_wrap {border-top:1px solid #dddddd;}
.site_wrap {display:none;}



/**********************************
	Sub Layouts
**********************************/

#container {padding-top:6rem !important;}
#content {float:none; width:auto;}

#titWrap {display:table; position:relative; width:100%; height:38rem; background:url('../img/common/bak_visual.jpg') no-repeat 50% 50% #dadada !important; background-size:cover; margin:0; padding:0; z-index:0;}
#titWrap > * {display:table-cell; vertical-align:middle; text-align:center; color:#fff;}
#titWrap span {display:block; color:#fefeff; font-size:2rem; opacity:.8;}
#titWrap strong {display:block; color:#fff; font-size:4.6rem; font-family: 'THELuxGo'; padding-top:.5rem;}

.navWrap {display:block; position:relative; max-width:1400px; margin:0 auto; z-index:10;}
.navWrap .inner {position:absolute; left:0; right:0; bottom:0; background:#ffffff; border-bottom:1px solid #bbbbbb;}
.navWrap .spotNavi {display:block; position:relative; margin-left:6rem;}
.navWrap .home {display:block; position:absolute; top:0; left:0; bottom:0; width:6rem; overflow:hidden; text-indent:-999px; background:url(../img/common/ico_home_snb.png) no-repeat 50% 50%; background-size:contain;}

.spotNavi dl {display:block; position:relative; float:left; border-right:1px solid #bbbbbb;}
.spotNavi dl dt button {display:block; position:relative; min-width:29rem; height:6rem; padding:0 6.5rem 0 3.5rem; font-size:1.8rem; color:#000; text-align:left;}
.spotNavi dl dt button:after {content:""; display:block; position:absolute; width:3rem; height:3rem; right:2rem; top:50%; margin-top:-1.5rem; background:url(../img/common/ico_snb_arrow.png) no-repeat 50% 50%; background-size:contain;}
.spotNavi dl dd {display:none; position:absolute; top:100%; left:-1px; right:-1px; border:1px solid #bbbbbb; background:#fff;}
.spotNavi dl dd a {display:block; position:relative; padding:2rem 3rem; font-size:1.8rem; color:#4a5252; word-break:keep-all;}
.spotNavi dl dd a.on {color:#0050a9; font-weight:800;}
.spotNavi dl dd li + li {border-top:1px solid #bbbbbb;}
.spotNavi dl.open dd {display:block;}

.gn_wrap {display:block; text-align:center; padding:20px 0;}
.gn_wrap li {display:inline-block; position:relative; vertical-align:middle; font-size:17px; padding:0 14px;}
.gn_wrap li + li:before {content:""; display:block; position:absolute; width:7px; height:7px; left:-4px; top:50%; margin-top:-3px; border-radius:100%; background:#dbdbdb;}
.gn_wrap li span {font-size:1em !important; font-weight:100;}


.navSubWrap {display:block; position:relative; background:#f1f1f1; padding:2.4rem 0;}
.navSubWrap ul {display:table; position:relative; max-width:1400px; margin:0 auto; overflow:hidden; background:#fff; width:100%;}
.navSubWrap ul li {display:table-cell; vertical-align:middle; width:1%; border:1px solid #bbbbbb; text-align:center;}
.navSubWrap ul li + li {border-left-width:0;}
.navSubWrap ul li a {display:block; position:relative; font-size:1.7rem; color:#000; padding:1em .5em; line-height:1.4;}
.navSubWrap ul li.on {background:#0052b7;}
.navSubWrap ul li.on a {color:#fff; font-weight:800;}


@media all and (max-width:1024px) {
	#titWrap {margin-bottom:3rem; background-position: 30% 30% !important; height:25rem; margin-bottom:0;}
	#titWrap strong {font-size:3.5rem;}
	.gn_wrap {padding-bottom:0; padding-top:1rem !important; font-size:1.4rem;}
	.gn_wrap ul {line-height:1.2em; font-size:1em;}
	.gn_wrap li {font-size:1em; padding:0 1em;}
	.gn_wrap span {line-height:1.2;}

	.navWrap {display:none;}
	.navWrap .inner {padding-left:6rem;}
	.navWrap .home {width:6rem; height:6rem;}
	.navWrap .spotNavi {display:table; width:100%; table-layout:fixed; margin:0;}

	.spotNavi dl {display:table-cell; float:none; border-right-width:0;}
	.spotNavi dl + dl {border-left:1px solid rgba(255,255,255,.5);}
	.spotNavi dl dt button {min-width:0; width:100%; height:6rem;}
	.spotNavi dl dt button,
	.spotNavi dl dd a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.navSubWrap {padding:1.5rem 0;}
	.navSubWrap ul li {height:6rem;}
	.navSubWrap ul li a {font-size:1.5rem; padding:1rem .5rem;}
}
@media all and (max-width:790px) {
	.navSubWrap ul {background:transparent;}
	.navSubWrap ul,
	.navSubWrap ul li {display:block; overflow:hidden; height:auto; border-top-width:0; border-bottom-width:0; border-right-width:2px;}
	.navSubWrap ul li {width:33.33%; float:left; background:#fff; border-color:#f1f1f1;}
	.navSubWrap ul li:nth-child(3) ~ li {margin-top:2px;}
	.navSubWrap ul li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px;}
}
@media all and (max-width:640px) {
	#titWrap {margin:0 !important; padding:0 !important; height:16rem; background-size:auto 120% !important;}
	#titWrap h3 {padding:0 !important;}
	#titWrap span {font-size:1.5rem;}
	#titWrap strong {font-size:3rem;}

	.gn_wrap {padding-bottom:0; padding-top:0;}

	.navWrap .inner {padding-left:5rem;}
	.navWrap .home {width:5rem; height:5rem;}
	.navWrap .spotNavi {display:table; width:100%; table-layout:fixed; margin:0; }

	.spotNavi dl dt button {min-width:0; width:100%; height:5rem; font-size:1.5rem; padding:0 2rem 0 1.5rem;}
	.spotNavi dl dt button:after {right:1rem;}
	.spotNavi dl dd a {font-size:1.4rem; padding:1.5rem 1.5rem;}
}
@media all and (max-width:590px) {
	.navSubWrap ul li {width:50%;}
	.navSubWrap ul li:nth-child(2) ~ li {margin-top:2px;}
}
#conts .flow ul li:before{top:15px;}










