@charset "utf-8";
/*
  FileName _ main.css
*/

/* CSS Init */
@import url(base.css);

/* .layer_new{display:none;} */
.layer_new span.close{position:absolute; top:25px; right:7%;}
.layer_new p.checkbox{position:relative; top:-30px; left:79%;}
.mobile_layer{display:none;}
#header{position:relative;  width:100%;padding:0;margin:0;z-index:9998;}
div.headerZone{position:relative; width:1260px;margin:0 auto;}
a.logo{position:absolute;bottom:28px;left:-100px;}
a.siteMap{position:absolute;bottom:30px;right:40px;}
a.eventGo{position: absolute;bottom:25px;right: -70px;}
div.menu {position:absolute;width:915px;height:40px;top:80px;left:184px;}
.gnb{position:absolute;right: 0;top:10px;}
.gnb li{float:left;margin:0 0 0 10px;}
.topMenu li {float:left;font-size:16px;}
.topMenu li.mainMenu9 {display:none !important;}
.topMenu li a{padding: 0 12px;}
.topMenu li ul{display:none;}

.mainMenu8{display:none;}
.eventGo{padding-top: 20px; text-align: center;}
.eventGo h1{font-size: 40px; font-weight: 900;  line-height: 45px}
.eventGo .title01{color: #023f73; text-align: center;}
.eventGo .topimg {width:100%; }
.eventGo h3{font-size: 25px; line-height: 30px; color: #d32929; padding-top: 20px;}
.eventGo h3 p{padding-top: 40px;}
.eventGo h4{font-size: 25px; line-height: 16px; color: #000a66; padding-top: 30px;}
.eventGo h5{font-size: 40px; line-height: 16px; color: #000a66; padding-top: 30px;}
.eventGo h6{font-size: 25px; line-height: 16px; color: #ff2a34;}

.eventGo2{ position: relative; width: 100%;}
.eventGo2 p{    background: linear-gradient(-45deg, #ff2a34, #ff2a34, #ff2a34, #ff2a34)!important;
    -webkit-animation: Gradient 4s ease infinite;
    animation: Gradient 4s ease infinite;
    background-size: 400% 400%!important;
    color: #fff!important;
    border-radius: 60px;
	text-align:center;
	vertical-align: middle;
	font-size:22px;
	line-height:20px;
    margin: 0 auto;
    margin-top: 10px;
	padding: 10px 20px;}

@-webkit-keyframes Gradient {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

@keyframes Gradient {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

.contents{position: relative;max-width:1472px;height:585px;margin:2px auto 0;min-width:1472px; z-index:2;}

.introList{position: relative;width: 100%;height: 100%;}
.introList li{position:relative;float:left;width:25%;height:100%;max-width:25%;min-height:780px;max-width:285px;margin:0 2px}

.introList li.list1{background:url(/live/kr/img/intro/new_bg_1.jpg) 0 bottom no-repeat;}
.introList li.list3{background:url(/live/kr/img/intro/new_bg_3.jpg) 0 bottom no-repeat;}
.introList li.list2{background:url(/live/kr/img/intro/new_bg_2.jpg) 0 bottom no-repeat;}
.introList li.list4{background:url(/live/kr/img/intro/bg_4.jpg) 0 bottom no-repeat;}
.introList li.list5{background:url(/live/kr/img/intro/bg_5.jpg) 0 bottom no-repeat;}
.introList li.list6{display:none;}
.introList li div.item{position: absolute;width:100%;height:322px;top:0}
.introList li div.item div{position: absolute;bottom:40px;width:100%;box-sizing:border-box;padding:0 20px;}
.introList li div.item div h2{font-size: 22px;font-weight:600;width:100%;text-align: center;line-height:27px;}
.introList li div.item div h2 span{display:block;width:100%;border-top:solid 1px #ddd;margin:15px auto 0;padding-top:15px;font-size:14px;color:#777374;}
.introList li div.item div h2.on span{color:#fff;font-weight:bold;}
.introList li div.item div p{display:none;text-align:center;padding:20px 0;font-size:15px;font-weight:500;letter-spacing: 0px; position:relative;}
.introList li div.item div p span{font-weight:bold;}
.introList li a{display:inline-block;position:absolute;padding:5px 15px;border-radius:10px;color:#fff;font-size:14px;width:95px;text-align: center;top:340px;left:50%;margin-left:-60px;}
.introList li a:link{color:#fff;}

#BGlist1{display:none;position:absolute;width:100%;height:100%;background:url(/live/kr/img/intro/bg1_on.png) center 0 no-repeat;}
#BGlist3{display:none;position:absolute;width:100%;height:100%;background:url(/live/kr/img/intro/new_bg3_on.png) center 0 no-repeat;}
#BGlist2{display:none;position:absolute;width:100%;height:100%;background:url(/live/kr/img/intro/bg2_on.png) center 0 no-repeat;}
#BGlist4{display:none;position:absolute;width:100%;height:100%;background:url(/live/kr/img/intro/bg4_on.png) center 0 no-repeat;}
#BGlist5{display:none;position:absolute;width:100%;height:100%;background:url(/live/kr/img/intro/bg5_on.png) center 0 no-repeat;}
#BGlist6{display:none;position:absolute;width:100%;height:100%;background:url(/live/kr/img/intro/bg6_on.png) center 0 no-repeat;}

.text_list3{display:none; left:-10%;}
.text_list4{display:none; left:-10%;}
.text_list5 img{width:100%;}
.text_list5_m img{display:none;}

.introList li.list1 a{background-color: #29619d}
.introList li.list3 a{background-color: #834e00}
.introList li.list2 a{background-color: #87b52d}
.introList li.list4 a{background-color: #5c3b31}
.introList li.list5 a{background-color: #fc752e}
.introList li.list6 a{background-color: #ff74ab}

.introList li div.item div h2.on{color:#fff}
.introList li div.item div p.on{display:block;color:#fff}

.introList li a.onlist1{background-color:#fff;color:#29619d}
.introList li a.onlist3{background-color:#fff;color:#834e00}
.introList li a.onlist2{background-color:#fff;color:#87b52d}
.introList li a.onlist4{background-color:#fff;color:#5c3b31}
.introList li a.onlist5{background-color:#fff;color:#fc752e}
.introList li a.onlist6{background-color:#fff;color:#ff74ab}

/*?�늘??.footer{position:relative;height: 120px;width: 100%;background-color:#08ade3; margin-top:4px; z-index:2;} */
.footer {position:relative;height: 120px;width: 100%;background-color:#5b3427; margin-top:4px; z-index:2;}
.footer ul {position: relative;width: 1100px;height: 120px;margin:0 auto;}
.footer ul li{float:left;padding:23px 0 0;margin:0 54px;}

.forMobile{display:none;}
.forPc{display:block;}



/* 20220728 new */
.introBox1{position: relative;width:1260px; margin:30px auto;}
.introBox1 .left{float:left; width: 45%; margin: 15px;}

.introBox2{position: relative;width:1260px; margin:30px auto;height: 512px;}
.introBox2 .left{float:left; height:512px; width: 317px; margin-left: 140px;}
.introBox2 .left2{float:left; height:252px; width: 317px;}
.introBox2 .left3{height:252px; width: 317px;position: absolute;bottom:0px;left:457px;}

.introBox2 .right {float:left; height:512px; width: 317px;}
.introBox2 .right1 {float:left; height:252px; width: 317px;}
.introBox2 .right2 {height:512px; width: 317px; right: -5px; position: absolute;}
.introBox2 .right3 {height:512px; width: 317px;right: 60px;top:30px;position: absolute;}

.introBox3{position: relative;width:1260px; margin:30px auto;height: 170px;}
.introBox3 .left{float:left; height:160px; width: 235px; margin-left: 380px;}
.introBox3 .left2{float:left; height:160px; width: 235px; margin-left: 5px;}
.introBox3 .left3{height:160px; width: 235px;position: absolute;bottom:0px;left:380px;}

.introBox3 .topTab .class1 {
    float:left;margin-left: 140px;
	height:50px;margin-top:3px;display: -webkit-inline-box;width:955px;
	background: linear-gradient(-45deg, #ff2a34, #ff2a34, #ff2a34, #ff2a34)!important;
	-webkit-animation: Gradient2 4s ease infinite;
	animation: Gradient2 4s ease infinite;
	background-size: 400% 400%!important;
	margin-top:0px;
	border-bottom: 1px solid #fff;
}
.introBox3 .topTab .class1 a {font-size: 18px;color: #fff!important;display:  block;margin:auto;line-height: 30px;text-align: center; vertical-align: middle;}

.introBox3 .topTab2 .class1 {
    float:left;margin-left: 140px;
	height:70px;margin-top:3px;display: -webkit-inline-box;width:955px;
	background: linear-gradient(-45deg, #08ade3, #08ade3, #08ade3, #08ade3)!important;
	-webkit-animation: Gradient2 4s ease infinite;
	animation: Gradient2 4s ease infinite;
	background-size: 400% 400%!important;
	margin-top:0px;
	border-bottom: 1px solid #fff;
}
.introBox3 .topTab2 .class1 a {font-size: 28px;color: #fff!important;display:  block;margin:auto;line-height: 30px;text-align: center; vertical-align: middle;}

.flip-container {
    -webkit-perspective: 1000px;
    perspective: 1000px;
   /* border:2px solid rgba(0,0,0,0) !important; */
}


.front, .frontHalf{
  z-index:2;
  /* for firefox 31 */
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}


/* 191209 bak */
/* .intro01 .front {background:url(/live/kr/img/intro/banner1_off.png) no-repeat;}
.intro02 .frontHalf {background:url(/live/kr/img/intro/190304/banner2_off.png) no-repeat;}
.intro03 .frontHalf {background:url(/live/kr/img/intro/banner3_off.png) no-repeat;}
.intro04 .frontHalf {background:url(/live/kr/img/intro/banner4_off.png) no-repeat;}
.intro05 .frontHalf {background:url(/live/kr/img/intro/190304/banner5_off.png) no-repeat;}
.intro06 .front {background:url(/live/kr/img/intro/banner6_off.png) no-repeat;} */

.intro01 .front {background:url(/live/kr/img/banner1_off.png) no-repeat;}
.intro02 .frontHalf {background:url(/live/kr/img/banner2_off.png) no-repeat;}
.intro03 .frontHalf {background:url(/live/kr/img/banner3_off.png) no-repeat;}
.intro04 .frontHalf {background:url(/live/kr/img/banner4_off.png) no-repeat;}
.intro05 .frontHalf {background:url(/live/kr/img/banner5_off.png) no-repeat;}
.intro06 .frontHalf {background:url(/live/kr/img/banner6_off.png) no-repeat;}
.intro00 .front {background:url(/live/kr/img/banner0_off.png) no-repeat;}



.forPc a > div:hover .intro01 .front {background: none;}
.forPc a > div:hover .intro02 .frontHalf {background: none;}
.forPc a > div:hover .intro03 .frontHalf {background: none;}
.forPc a > div:hover .intro04 .frontHalf {background: none;}
.forPc a > div:hover .intro05 .frontHalf {background: none;}
.forPc a > div:hover .intro06 .frontHalf {background: none;}
.forPc a > div:hover .intro00 .front {background: none;}

/* back, initially hidden pane */
.back, .backHalf {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

/* 191209 bak */
/* .intro01 .back {background:url(/live/kr/img/intro/banner1_on.png) no-repeat;}
.intro02 .backHalf {background:url(/live/kr/img/intro/190304/banner2_on.png) no-repeat;}
.intro03 .backHalf {background:url(/live/kr/img/intro/banner3_on.png) no-repeat;}
.intro04 .backHalf {background:url(/live/kr/img/intro/banner4_on.png) no-repeat;}
.intro05 .backHalf {background:url(/live/kr/img/intro/190304/banner5_on.png) no-repeat;}
.intro06 .back {background:url(/live/kr/img/intro/banner6_on.png) no-repeat;} */

.intro01 .back {background:url(/live/kr/img/banner1_on.png) no-repeat;}
.intro02 .backHalf {background:url(/live/kr/img/banner2_on.png) no-repeat;}
.intro03 .backHalf {background:url(/live/kr/img/banner3_on.png) no-repeat;}
.intro04 .backHalf {background:url(/live/kr/img/banner4_on.png) no-repeat;}
.intro05 .backHalf {background:url(/live/kr/img/banner5_on.png) no-repeat;}
.intro06 .backHalf {background:url(/live/kr/img/banner6_on.png) no-repeat;}
.intro00 .back {background:url(/live/kr/img/banner0_on.png) no-repeat;}


/* flip the pane when hovered */
.flip-container:hover .flipper {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-containerHalf:hover .flipper {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container, .front, .back,.right .flip-containerHalf, .right .frontHalf, .right .backHalf, .right2 .flip-containerHalf, .right2 .frontHalf, .right2 .backHalf {
    margin: 0 auto;
    width: 312px;
    height: 512px;
   /*border:1px solid lightgray;*/
}
.left .flip-containerHalf, .left .frontHalf, .left .backHalf {
    margin: 0 auto;
    width: 312px;
    height: 252px;
}
.left2 .flip-containerHalf, .left2 .frontHalf, .left2 .backHalf {
    margin: 0 auto;
    width: 312px;
    height: 252px;
}
.left3 .flip-containerHalf, .left3 .frontHalf, .left3 .backHalf {
    margin: 0 auto;
    width: 312px;
    height: 252px;
}
/* flip speed goes here */
.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform:translate3d(0,0,0);
    transition: 0.6s;
   /* ?�위?�소??3D 좌표�?지??*/
    transform-style: preserve-3d;
    position: relative;
}
/* hide back of pane during swap */
.front,  .frontHalf {
  position: absolute;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.back, .backHalf{
  position: absolute;
  backface-visibility:visible;
}





@media screen and (max-width: 1025px) {
	.layer_new{display:none;}
	.mobile_layer{display:block;}
	.mobile_layer p a img{width:100%;}
	#header{height:10px;}
	div.headerZone{width:100%; margin:0 auto;}
	a.logo{left:50%;margin-left:-95px;}
	.gnb{display:none;}
	a.siteMap{display:none;}
	.eventGo{display:none;}
	.text{display:none;}
	.offer {padding-top: 10px; text-align: center;}
    .offer h1{font-size: 25px; font-weight: 900;  line-height: 30px}
    .offer .title01{color: #023f73}
    .offer h3{font-size: 20px; line-height: 25px; color: #d32929; padding-top: 10px;}
	.class2 h3{font-size: 20px; line-height: 25px; color: #d32929; padding-top: 10px;text-align: center;}
	.class2 h4{font-size: 18px; line-height: 25px; color: #000a66; padding-top: 10px; text-align: center;}
	a.eventGo2{display:none;}
	div.offer{position: relative; text-align:center;}
	div.offer .topimg{width: 100%;}
	div.offer a{line-height: 80px;font-size:25px;color:#161616;font-weight:nornal}
	div.offer a span{font-size:20px;color:#696866}
	div.menu h2.mobileLogo{
		display:block;
		position:absolute;
		top:0;left:0;
		margin:20px 0 0 20px;
		width:105px;
		height:40px;
		background:url(/include/default/img/mobile/logo2.png) center no-repeat;
		background-size:cover;
	}
	div.menu h2.mobileLogo img{display: none;}

	div.menu{display:none;top:160px;width: 750px;height:auto;top:0;left:0;background-color:#454545;overflow: hidden;}
	div.menu ul{padding:80px 20px 20px;}
	div.menu ul li a{display:block;color:#fff;font-size:13px;height:35px;padding:0 0 0 15px;line-height:35px;}
	div.menu ul li {float:none;border-bottom:1px solid #3b3b3b;position: relative;}

	.contents{position: relative;height:100%;max-width:720px;margin:2px auto 0;min-width:auto;}
	.introList li{position:relative;float:left;width:50%;max-width:50%;max-height:525px;margin:0;min-height:auto;overflow:hidden;height:50%;}
	.introList li.list1{background:url(/live/kr/img/intro/new_m_bg1.jpg) 0 0 no-repeat;background-size:100% 100%;}
	.introList li.list3{background:url(/live/kr/img/intro/new_m_bg3.jpg) right 0 no-repeat;background-size:100% 100%;}
	.introList li.list2{background:url(/live/kr/img/intro/new_m_bg2.jpg) 0 0 no-repeat;background-size:100% 100%;}
	.introList li.list4{background:url(/live/kr/img/intro/m_bg4.jpg) right 0 no-repeat;background-size:100% 100%;}
	.introList li.list5{background:url(/live/kr/img/intro/m_bg5.jpg) 0 0 no-repeat;background-size:100% 100%;}
	.introList li.list6{background:url(/live/kr/img/intro/m_bg6.jpg) right 0 no-repeat;background-size:100% 100%;}
	.introList li div.item {height:100%;}
	.introList li div.item div {padding:0 5%;top:15%;}
	.introList li div.item div p{display:block;font-size:2.7vw;line-height: 1.5em; left:0%;}
	.introList li div.item div p.text_list3{display:none;}
	.introList li div.item div p.text_list4{display:none;}
	.introList li div.item div h2{font-size:4vw;}
	.introList li div.item div h2 span{font-size:3.2vw;border-top:solid 1px #598cab;margin:5% auto 0;padding-top:5%;}
	.introList li div.item div p{padding:5% 0;}
	.introList li div.item div p img{width:70%;}


	.footer ul{width:720px;}
	.footer ul li{margin:0 22px;}
	.introList li a{top:65%;}
	.menu{display:none;}
	.mobileMenuBtn,
	.menuClose {
		position:absolute;
		top:35px;
	}
	.mobileMenuBtn{
		left:25px;
		position:absolute;
		width:40px;
		height:40px;
		background:url(/include/default/img/intro/btn_menu_intro.png) center no-repeat;
		background-size: 100%;
		border:none;
		overflow:hidden;
		text-indent:-300px;
	}
	.menuClose{
		display:none;
		right:25px;
		position:absolute;
		width:30px;
		height:30px;
		background:url(/include/default/img/mobile/btn_close.png) center no-repeat;
		background-size:cover;
		border:0;
		padding:0;
		overflow:hidden;
		text-indent:-200px;
		z-index:9999;
	}

	div.menu > ul > li > p > a:after {
		display:block;
		position:absolute;
		content:"";
		right:10px;
		top:10px;
		width:14px;
		height:15px;
		background:url(/include/default/img/mobile/bg_menu_off.png) center no-repeat;
	}
	div.menu > ul > li.on > p > a {
		background-color:#323232;}
	div.menu > ul > li.on > p > a:after {
		background:url(/include/default/img/mobile/bg_menu_on.png) center no-repeat;
	}
	div.menu > ul > li > div > div {
		display:none !important;}
	div.menu > ul > li.on > div {
		display:block !important;
		background-color:#3b3b3b;
		position:static;}
	div.menu > ul > li.on > div ul {
		position:static;
		display:block;
		top:0;
		left:0;
		min-width:0;
		height:auto;
		padding:0;}
	div.menu > ul > li.on > div ul li {
		margin:0;
		}
	div.menu > ul > li.on > div ul li.fr {
		margin:0;
		top:0;}
	div.menu > ul > li.on > div ul li a:link,
	div.menu > ul > li.on > div ul li a:visited,
	div.menu > ul > li.on > div ul li a:hover {
		display:block;
		position:relative;
		color:#d4cfc9;
		background:none;
		padding-left:23px;
	}
	div.menu > ul > li.on > div ul li a:before {
		display:block;
		content:"-";
		position:absolute;
		left:14px;
		top:0px;
	}
	.forMobile{display:block;}
	.forPc{display:none;}

	.text_list5 img{display:none;}
	.text_list5_m img{display:block;}
	.introList li.list6{display:block;}


    /* ?�트�?190509 */
    .forMobile .introBox {width:100%; display: table-cell; padding: 10px; padding-top: 10px}
    .forMobile .introBox .divHalf {width:100%;float:left;text-align: center;}
    .forMobile .introBox .divHalf a img {width:97%; padding: 3px;}
    .forMobile .introBox .divHalf2 {width:100%;float:left;text-align: center;}
    .forMobile .introBox .divHalf2 a img {width:97%; padding: 3px;}

    
    .forMobile .topTab .class1 {
		height:50px;margin-top:3px;display: -webkit-inline-box;width:100%;
		background: linear-gradient(-45deg, #ff2a34, #ff2a34, #ff2a34, #ff2a34)!important;
		-webkit-animation: Gradient2 4s ease infinite;
		animation: Gradient2 4s ease infinite;
		background-size: 400% 400%!important;
		margin-top:0px;
		border-bottom: 1px solid #fff;

	}
    .forMobile .topTab2 .class1 {
		height:70px;margin-top:3px;display: -webkit-inline-box;width:100%;
		background: linear-gradient(-45deg, #08ade3, #08ade3, #08ade3, #08ade3)!important;
		-webkit-animation: Gradient2 4s ease infinite;
		animation: Gradient2 4s ease infinite;
		background-size: 400% 400%!important;
		margin-top:0px;
		border-bottom: 1px solid #fff;

	}
	@-webkit-keyframes Gradient2 {
		0%,
		100% {
			background-position: 0 50%
		}
		50% {
			background-position: 100% 50%
		}
	}

	@keyframes Gradient2 {
		0%,
		100% {
			background-position: 0 50%
		}
		50% {
			background-position: 100% 50%
		}
	}

	.forMobile .topTab .class1 {margin-top:10px;}
    .forMobile .topTab .class1 a {font-size: 16px;color: #fff!important;display:  block;margin:auto;line-height: 30px;text-align: center; vertical-align: middle;}

    .forMobile .topTab .class2 ul {margin: 6px 10px;}
    .forMobile .topTab .class2 ul li {display: inline-flex;border: 1px solid #fff;width:calc((100% - 20px)/4);height:38px;text-align: center;}
    .forMobile .topTab .class2 ul li a {font-size: 12px;color:#fff;font-weight: 500;line-height: 12px; margin:12px auto; letter-spacing: -1px;}

	.forMobile .topTab .class3 {margin-top:10px;}
    .forMobile .topTab .class3 a {font-size: 16px;color: #ff2a34!important;display:  block;margin:auto;line-height: 30px;text-align: center; vertical-align: middle;}

	.forMobile .topTab2 .class1 {margin-top:10px;}
    .forMobile .topTab2 .class1 a {font-size: 16px;color: #fff!important;display:  block;margin:auto;line-height: 30px;text-align: center; vertical-align: middle;}

}

@media screen and (max-width: 640px) {
	.layer_new{display:none;}
	.mobile_layer{display:block;}
	.mobile_layer p a img{width:100%;}
	#header{height:20px;}
	div.headerZone{width:100%; margin:0 auto;}
	a.logo{display:block;position: relative;margin:0 auto;width:100px;height:46px;bottom:-5px;left:0;}
	a.logo img{width:100px;}
    .offer {padding-top: 10px; text-align: center;}
    .offer h1{font-size: 18px; font-weight: 900;  line-height: 25px}
    .offer .title01{color: #023f73}
    .offer h3{font-size: 15px; line-height: 15px; color: #d32929;padding-top: 10px;}
	/* div.offer{position: relative;height: 40px;text-align:center;border-bottom:solid 1px #c3c3c3; z-index:2;} */
	div.offer a{line-height: 40px;font-size:16px;color:#161616;font-weight:nornal}
	div.offer a span{font-size:14px;color:#696866}

	.contents{height:650px;}
	.mobileMenuBtn{width:25px;height:25px;top:15px}
	.menuClose{width:25px;height:25px;top:15px;}
	.introList li a{width:60px;font-size:10px;padding:2px 2px;margin-left:-34px;}
	.footer{height:auto;overflow: hidden;}
	.footer ul{width:100%;height:auto;}
	.footer ul li{width:16.66%;padding:3% 0;margin:0;text-align:center;}
	.footer ul li a img{width:65%}

	#BGlist1{background-size:100%;}
	#BGlist2{background-size:100%;}
	#BGlist3{background-size:100%;}
	#BGlist4{background-size:100%;}
	#BGlist5{background-size:100%;}
	#BGlist6{background-size:100%;}


    .introBox2{width:90%; margin:20px auto;display: table;}
    .introBox2 .left{width:100%; height:auto;}
    .introBox2 .left2{width: 100%;margin-top: 0;height: auto;}
    .introBox2 .left3{width: 100%;display: inline-block;position: relative;bottom: 0;left: 0;height: auto;}
    .introBox2 .right{width: 100%;margin:0;float: none;height: auto;}
    .introBox2 .right2{width: 100%;bottom: 0;right: 0;position: relative;height: auto;}
    .introBox2 .right3{width: 100%;right: 0;top: 0;position: relative;}

}

@media screen and (max-width: 666px) {
	.introList li a{}
}

@media screen and (max-width: 773px) {
	.mobileBr{ display: block!important;}
	.CTlist4 h2 span {
		line-height: normal;
	}
	p.text_list5 {
		display: none!important;
	}
}
.mobileBr {display: none;}

#follow > img{width:100%;}
#follow .snsWrap {background-color:#0195dd; padding:30px;}
#follow .snsWrap p:nth-of-type(1){color:#fff; font-size:26px; margin-bottom: 15px;}
#follow .snsWrap p:nth-of-type(2){color:#a4d9eb; font-size:16px; word-break: keep-all; text-align: left;}
#follow .snsUl li {border-bottom:1px solid #dcdcdc;height: 90px;}
#follow .snsUl li a{display: block; height: 91px;}
#follow .snsUl li img{float: left; padding: 22px 17px;}
#follow .snsUl li p:nth-of-type(1){font-weight:bold;font-size:15px; padding-top: 25px;}
#follow .snsUl li p:nth-of-type(2){color:#6f6f6f;font-size:14px;}
#follow #moveImgWrap {position: absolute; top: 0; z-index: 5; background-color: #fff; width: 100%; height: 100%;}
#follow #moveImg{width: 100px; margin: 50% auto;}
#follow #moveImg img {width:100%;}
/* #follow #moveImg {text-align:center; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out;}
#follow #moveImg:hover{ transform: scale(1.2);  -webkit-transform: scale(1.2);  -moz-transform: scale(1.2);  -ms-transform: scale(1.2);  -o-transform: scale(1.2);} */