.indexPage {position:relative;}
.indexPage:after {content:''; position:absolute; left:0; top:0; width:100%; height:52px; z-index:0;}
.snsMenu {display:block; height:auto; overflow:hidden; float:right; margin-bottom:10px; clear:both;}
.snsMenu img {width:40px;}
.snsMenu span {float:left; margin-right:1px;}
.snsMenu span:last-child {margin-right:0;}

.section.noMar {margin:0; z-index:0;}
.inner.full {width:100%;}

#header {background:none; height:272px; border-bottom:1px solid #e2e2e2;}
.indexPage #header {height:270px; border-bottom:1px solid #e2e2e2;}
#header:after {background:#f9f9f9; top:272px;}
.indexPage #header:after {background:#f2f2f2; top:272px;}
#header.over:after {height:340px; z-index:1; border-bottom:1px solid #ccc}
.indexPage #header.over:after {border-bottom:none;}
#header.over #gnb {height:580px; background:none;}
#header #topBar {height:52px;}
#header #topBar ul li {line-height:52px;}
#header #topBar ul li a {color:#666; font-size:13px;}

#gnb {height:auto;}
#gnb .gnbBox {height:auto; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.indexPage #gnb .gnbBox {border-top:1px solid #eee; border-bottom:1px solid #eee;}
#gnb h1 {display:block; position:relative; top:unset; left:unset; margin:57px auto;}
#gnb h1 a {display: block; width: 340px; height: 46px; text-indent: -9999em; background: url(../../img/thinkfun/layout/logo.png) no-repeat 50% 50%; margin:0 auto;}

#gnb .gnbBox > ul {display:block; float:none; max-width:1180px; margin:0 auto;}
/* 210105 �꾩떆 ��젣
#gnb .gnbBox > ul > li {float:left; padding:0; width:20%; height:58px; line-height:58px; text-align:center; color:#333; font-size:16px; box-sizing:border-box; border-right:1px solid #e2e2e2;}
*/
#gnb .gnbBox > ul > li {float:left; padding:0; width:20%; height:58px; line-height:58px; text-align:center; color:#333; font-size:16px; box-sizing:border-box; border-right:1px solid #e2e2e2;}

.indexPage #gnb .gnbBox > ul > li {border-right:1px solid #eee;}
.indexPage #gnb .gnbBox > ul > li:first-child {border-left:1px solid #eee;}
.indexPage #gnb .gnbBox > ul > li a {color:#333; font-weight:700; font-size:18px;}
.indexPage #gnb .gnbBox > ul > li > ul li a {color:#333; height:36px; line-height:36px; font-size:14px; font-weight:normal;}
.indexPage #gnb .gnbBox > ul > li > ul li a:hover {color:#000; text-decoration:underline;}

#gnb .gnbBox.short > ul > li {width:25%;}
#gnb .gnbBox > ul > li:first-child {border-left:1px solid #eee;}
#gnb .gnbBox > ul > li a {height:58px; line-height:58px; text-align:center; color:#333; font-weight:700; font-size:18px;}
#gnb .gnbBox > ul > li > ul {position:relative; z-index:10; padding-top:10px;}
#gnb .gnbBox > ul > li > ul li a {height:36px; line-height:36px; color:#333; font-size:14px; font-weight:normal;}

.mVisual {display:block; height:auto; overflow:hidden; z-index:0;}
.mVisual .imgVisual {display:block; height:600px;}
.mVisual .imgVisual .vInner {display:block; max-width:1180px; height:100%; margin:0 auto; position:relative;}
.mVisual .imgVisual.ty01 {background:url(/img/thinkfun/main/main_visual.png) no-repeat 50% 50%; background-size:1920px 600px;}
/* .mVisual .imgVisual.ty01 {background:url(/img/renew/visual01.jpg) no-repeat 50% 50%; background-size:1920px 600px;} */
.mVisual .imgVisual.ty02 {background:url(/img/renew/visual02.jpg) no-repeat 50% 50%; background-size:1920px 600px;}
.mVisual .imgVisual.ty03 {background:url(/img/renew/visual03.jpg) no-repeat 50% 50%; background-size:1920px 600px;}
.mVisual .imgVisual .vInner .txtArea {position:absolute; left:0; top:150px;}

.mainConSec {display:block; height:auto; overflow:hidden;}
.mConInner {display:block; height:auto; overflow:hidden; max-width:1180px; margin:0 auto; position:relative; padding:90px 0 90px 335px;}
.mConInner .loginBox {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:285px; height:auto; overflow:hidden;}
.mConInner .goLink {display:block; height:auto; overflow:hidden; text-align:center;}
.mConInner .goLink li {display:inline-block; width:16.6667%; height:auto; overflow:hidden; text-align:center;}
.mConInner .goLink li a {display:block; width:100%; height:100%;}
.mConInner .goLink li img {max-width:100%;}
.mConInner .goLink li p {color:#333; font-size:16px; text-align:center; margin-top:10px;}

.majorLink {display:block; height:auto; overflow:hidden; max-width:1180px; margin:0 auto; padding-bottom:0px;}
.majorLink li {float:left; width:24.25%; height:auto; overflow:hidden; margin-right:1%;}
.majorLink li:last-child {margin-right:0;}


.majorLink .mLinkBox .thumb {display:block; position:relative; width:100%; overflow:hidden;}
.majorLink .mLinkBox .thumb:after {content:''; display:block; padding-bottom:82.51%;}
.majorLink .mLinkBox .thumb .img {position:absolute; left:0; top:0; width:100%; height:100%;}
.majorLink .mLinkBox .thumb .img img {width:100%;}

.majorLink .mLinkBox .thumb .linkDim {position:absolute; left:0; bottom:0; width:100%; height:auto; padding:15px; background:rgba(236, 110, 130, 0.8); z-index:10;}
.majorLink .mLinkBox .thumb .linkDim .title {color:#FFF; font-size:18px; margin-bottom:0px; background:url(/img/renew/ico_more.png) no-repeat right 0;}
.majorLink .mLinkBox .thumb .linkDim .desc {color:#FFF; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:0.7;}

.indexPage #footer {background:#FFF; padding-bottom:0 !important;}

.btmMenu {display:block; height:auto; overflow:hidden; background:#f3f3f3;}
.btmMenu ul {display:block; max-width:1180px; height:auto; overflow:hidden; margin:0 auto !important;}
.btmMenu ul li {float:left !important; width:33.3333% !important; height:48px !important; line-height:48px !important; text-align:center; position:relative; font-size:14px; padding:0;}
.btmMenu ul li:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:30%; background:#bbb;}
.btmMenu ul li:last-child:after {background:none;}
.btmMenu ul li a {color:#666; font-size:14px !important;}

.footerInfo {display:block; height:auto; overflow:hidden; padding:50px 200px 50px 115px; position:relative; max-width:1180px; margin:0 auto;}
.footerInfo p {color:#999; font-size:13px; line-height:24px !important;}

#footer .footerLogo {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:81px; height:66px;}
#footer .footerAside {position:absolute; right:0; top:30%; transform:translate(0, -50%); text-align:right; font-size:14px; color:#666; line-height:1.5; height:auto;}
#footer .footerAside .txt {clear:both; display:block; height:auto; overflow:hidden;}
.indexPage #footer .footerAside b {display:block; color:#333; font-size:24px;}
#footer .footerAside b {display:block; color:#333; font-size:24px;}

body.fix {width:100%; height:100%;}

.abWrap {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1180px; height:auto; overflow:hidden;}
.abWrap li {float:left; width:49%; height:auto; text-align:center; font-size:40px; margin-right:2%; position:relative; border-radius:15px; padding:60px 20px; box-sizing:border-box;
background: rgb(162,119,64); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(162,119,64,1) 0%, rgba(210,158,87,1) 50%, rgba(162,119,64,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(162,119,64,1) 0%,rgba(210,158,87,1) 50%,rgba(162,119,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(162,119,64,1) 0%,rgba(210,158,87,1) 50%,rgba(162,119,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a27740', endColorstr='#a27740',GradientType=1 ); /* IE6-9 */
}
.abWrap li a {display:block; width:100%; height:100%; color:#FFF;}
.abWrap li em {color:#fffc00; font-weight:bold;}
.abWrap li:last-child {margin-right:0;}

.abstepIntro {display:block; height:auto; overflow:hidden; width:50%; margin:0 auto 50px;}
.abstepIntro img {max-width:100%;}
.fixLogo {position:fixed; right:30px; bottom:30px;}
.fixLogo img {max-width:200px;}

.subComnWrap {display:block; height:auto; overflow:hidden; padding:0 0 100px 0; margin-bottom:50px; border-bottom:1px solid #ccc;}
.subComnWrap:first-child .introTitleSet {margin:90px 0 50px 0;}
.subComnWrap:last-child {border-bottom:0;}
.subComnWrap .introTitleSet {margin:50px 0;}

.swCon {display:block; height:auto; overflow:hidden;}
.swCon li {float:left; width:23.5%; height:auto; overflow:hidden; margin-right:2%;}
.swCon li:last-child {margin-right:0;}
.swCon li img {width:100%;}


@media only screen and (max-width:1024px) {
	#gnb h1 {margin:-54px 0 0 0;}
	#header.over #gnb {height:auto; background:none;}
	.indexPage:after {background:none;}
	.indexPage #header {background:#f2f2f2; border-bottom:0; height:50px !important;}
	#header {background:#FFF; height:50px !important;}
	#gnb h1 a {float:left; width:150px; height:20px; margin:18px 0 0 15px;}
	.mVisual .imgVisual {height:300px;}
	.mVisual .imgVisual.ty01 {background-size:cover;}
	.mVisual .imgVisual.ty02 {background-size:cover;}
	.mVisual .imgVisual.ty03 {background-size:cover;}
	.mVisual .imgVisual .vInner .txtArea {top:50%; transform:translate(0, -50%); left:15px;}
	.mVisual .imgVisual .vInner .txtArea img {width:170px;}
	.mConInner {padding:30px 15px;}
	.outLogin {display:none;}
	.mConInner .goLink {text-align:left;}
	.mConInner .goLink li {float:left; width:33.333%; margin-bottom:15px;}
	.mConInner .goLink li img {width:90px;}
	.mConInner .goLink li p {font-size:14px;}

	.majorLink {padding:0 15px;}
	.majorLink li {width:49%; margin-right:2%; margin-bottom:15px;}
	.majorLink li:nth-child(2n) {margin-right:0;}
	.majorLink .mLinkBox .thumb .linkDim .title {font-size:16px;}
	.majorLink .mLinkBox .thumb .linkDim .desc {font-size:12px;}

	.indexPage #footer {padding:0}

	#footer {padding:0 0 30px 0;}
	#footer ul li {width:33.3333% !important; border:0px solid #151515; font-size:12px !important; height:36px !important; line-height:36px !important;}
	.btmMenu ul li a {font-size:12px !important;}

	#footer .footerLogo {position:relative; left:unset, top:unset; transform:translate(0, 0); margin:0 0 0 15px; float:left;}
	#footer .footerLogo img {width:60px;}
	#footer p {clear:both; display:block; text-align:center; font-size:12px; line-height:16px !important;}
	.indexPage #footer .footerAside {position:relative !important; float:right; margin:5px 10px 0 0; transform:translate(0, 0); right:unset; top:unset; font-size:12px;}
	.indexPage #footer .footerAside b {font-size:18px;}

	#footer .footerAside {position:relative !important; float:right; margin:5px 10px 0 0; transform:translate(0, 0); right:unset; top:unset; font-size:12px;}
	#footer .footerAside b {font-size:18px;}

	#footer .footerAside .txt {display:inline-block;}
	#footer .footerAside .snsMenu  {display:inline-block; margin-left:15px;}

	.footerInfo {padding:20px 10px 40px 10px;}

	.mConInner .loginBox {display:none;}
}

@media only screen and (max-width:640px) {
	.mVisual .imgVisual.ty01 {background:url(/img/thinkfun/main/main_visual_m.png) no-repeat 50% 50%; background-size:cover;}
}