/*   Main   */
.hdLogo {display: none;}
/* form */
select{width: 250px; padding-left: 15px; font-family: inherit; border: 1px solid #ccc; background: url(../_images/_form/select.png) no-repeat right center #fff; background-size: contain; vertical-align: middle; height: 45px; border-radius: 0px; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#tooltip{position: absolute; border: 1px solid #ccc; background: #fff; padding: 10px; display: none; font-size: 13px; line-height: 180%; font-weight: 400; width: auto; max-width: 340px; text-align: justify; z-index: 1000;}
#tooltip2{position: absolute; border: 1px solid #ccc; background: #fff; padding: 10px; display: none; font-size: 13px; line-height: 180%; font-weight: 400; width: auto;  max-width: 340px; text-align: justify; z-index: 1000;}

select::-ms-expand{display: none;}

/* .m_popup{display: none;} */

@media screen and (max-width: 960px){
	select{padding-left: 10px; height: 40px; width: 100%;}
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"]{line-height: 43px; height: 45px; text-indent: 20px; width: 400px; font-size: 20px; border: 1px solid #ccc; vertical-align: middle; padding-left: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	input[type="tel"]{width: 110px;}
	input[type="email"]{width: 200px;}
}

@media screen and (max-width: 960px){
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"]{line-height: 38px; height: 40px; text-indent: 10px; font-size: 13px; width: 100%; margin-bottom: 5px;}
	input[type="tel"]{width: calc((100% - 8px) / 3);}
	input[type="email"]{width: calc((100% - 4px) / 2);}
	input[type="button"]{height: 30px; line-height: 30px; background: #a89174; color: #fff; text-align: center; min-width: 130px; border: none; font-size: 14px; cursor: pointer; margin: 0 2px; -moz-appearance: none; -webkit-appearance: none;}
}

a.file{background: url(../_images/common/btn_file.png) no-repeat 10px center; line-height: 28px; color: #a89174; padding-left: 35px; padding-right: 10px; display: inline-block;}

textarea{width: 100%; height: 250px; padding: 20px; border: 1px solid #e5e5e5; color: #666; margin-top: 40px; line-height: 26px; font-size: 16px; vertical-align: baseline; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

@media screen and (max-width: 960px){
	a.file {font-size: 12px; padding-left: 30px;}
	textarea {height: 200px; padding: 15px; margin-top: 20px; line-height: 18px; font-size: 12px;}
}
.checks input[type="radio"], .checks input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.checks input[type="radio"]:focus, .checks input[type="checkbox"]:focus{width: 20px; height: 20px; outline: solid;}
.checks input[type="radio"]:focus + label, .checks input[type="checkbox"]:focus + label{border: 1px dotted #000;}
.checks input[type="radio"] + label{display: inline-block; position: relative; padding-left: 35px; cursor: pointer; color: #666; min-width: 0; line-height: 25px; text-align: left; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-right: 40px; position: relative;}
.checks input[type="radio"] + label:before{position: absolute; left: 0; top: 0; display: inline-block; content: ""; width: 25px; height: 25px; vertical-align: middle; margin-right: 10px; background: url(../_images/_form/radio.png) no-repeat left bottom;}
.checks input[type="radio"] + label:last-of-type{margin: 0;}
.checks input[type="checkbox"] + label{display: inline-block; position: relative; padding-left: 35px; cursor: pointer; color: #666; min-width: 0; line-height: 25px; text-align: left; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checks input[type="checkbox"] + label:before{position: absolute; left: 0; top: 0; display: inline-block; content: ""; width: 25px; height: 25px; vertical-align: top; margin-right: 10px; background: url(../_images/_form/checkbox.png) no-repeat left bottom;}
.checks input[type="radio"]:checked + label:before, .checks input[type="checkbox"]:checked + label:before{background-position: left top;}

@media screen and (max-width: 960px){ 
	.checks input[type="radio"] + label, .checks input[type="checkbox"] + label{padding-left: 30px; font-size: 12px; line-height: 20px;}
	.checks input[type="radio"] + label:before, .checks input[type="checkbox"] + label:before{height: 20px; width: 20px; background-size: 20px;}
	.checks input[type="radio"] + label{margin-right: 30px; padding-left: 25px;}
	.checks input[type="radio"] + label:last-of-type{margin: 0;}
}
input[type="file"]{padding: 0; margin: 0px; background: #f5f5f5; border: 1px solid #e5e5e5; width: 400px;}

input[type="file"]::-webkit-file-upload-button{appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; color: #fff; border: 0; background: #343f4e; line-height: 45px; margin: 0px; width: 100px; cursor: pointer;}

input[type="file"]::-ms-value{border: 0; height: 45px;}

input[type="file"]::-ms-browse{color: #fff; border: 0; background: #343f4e; width: 100px;}

@media screen and (max-width: 960px){
	input[type="file"]{width: 100%;}
}

/* Layout */
.container-full{width: 100%;}

.container{width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
header .container {max-width: 1500px;} 
@media screen and (max-width: 960px){
	.container{padding: 0 21px;}
}

/* Header */
h2, h3 {color: #000;}
h2 {font-size: 30px;}
h3 {font-size: 18px;}

/* Skip nav */
#skip-nav a{display: block; line-height: 50px; color: #fff; font-size: 16px; text-indent: 20px; background: #a89174; width: 0; height: 0; position: absolute; left: 0; overflow: hidden; z-index: 100;}
#skip-nav a:focus{width: 200px; height: 50px;}

/* ListStyle */
.list-style01 > li{line-height: 24px; padding-left: 10px; text-align: left; background: url("../_images/common/bu_line.png") no-repeat 0 10px; font-size: 14px; font-weight: normal; color: #666;}

.list-style02{margin-top: 20px;}
.list-style02 > li{line-height: 26px; padding-left: 10px; text-align: left; background: url("../_images/common/bu_box.png") no-repeat 0 12px; margin-bottom: 10px;}
.list-style02 > li p{font-weight: normal; line-height: 24px;}
.list-style02 > li .us_ml{margin-left: 63px;}

.list-style03{margin-top: 20px;}
.list-style03 > li{font-size: 14px; list-style: decimal; margin-left: 20px; line-height: 24px; margin-bottom: 10px;}

.list-style04{margin-top: 20px;}
.list-style04 > li{position: relative; padding-left: 25px; line-height: 24px; font-size: 14px;}
.list-style04 > li span{position: absolute; top: 0; left: 0; font-size: 16px;}

.list-style05{margin-top: 20px;}
.list-style05 > li{position: relative; padding-left: 40px; margin-bottom: 10px; font-size: 14px;}
.list-style05 > li span{position: absolute; top: 0; left: 0; color: #99a357; padding-right: 10px; border-right: 1px solid #e5e5e5;}

@media screen and (max-width: 960px){
	.list-style01 {margin-top: 10px;}
	.list-style01 > li{line-height: 18px; padding-left: 8px; text-align: left; background: url("../_images/common/bu_line.png") no-repeat 0 8px; font-size: 12px; margin-bottom: 5px;}
	.list-style01 > li span{font-size: 12px;}
	.list-style02{margin-top: 10px;}
	.list-style02 > li{line-height: 18px; padding-left: 10px; text-align: left; background: url("../_images/common/bu_box.png") no-repeat 0 7px; background-size: 3px; font-size: 12px; margin-bottom: 5px;}
	.list-style02 > li p{font-size: 13px; line-height: 18px; margin-bottom: 10px;}
	.list-style02 > li .us_ml{margin-left: 50px;}
	.list-style03{margin-top: 10px;}
	.list-style03 > li{font-size: 12px; margin-left: 10px; line-height: 17px; margin-bottom: 5px;}
	.list-style04{margin-top: 10px;}
	.list-style04 > li{position: relative; padding-left: 20px; line-height: 17px; font-size: 12px; margin-bottom: 5px;}
	.list-style04 > li span{font-size: 12px;}
	.list-style05{margin-top: 10px;}
	.list-style05 > li{font-size: 12px; margin-left: 15px; line-height: 17px; margin-bottom: 5px; }
 }

/* Responsive */
.mobile-only{display: none !important;}

@media screen and (max-width: 1024px){
	.mobile-hide{display: none !important;}
	.mobile-only{display: flex !important; align-items: center; justify-content: space-between;}
 }
.point{color: #a89174 !important;}

/*  GNB  */
header{position: fixed; left: 0; top: 0; z-index: 10; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
header .container:after{content: ""; display: block; clear: both;}
header h1{width: 100px; height: 100px; float: left;}
header h1 a{display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../_images/common/header_ci.png) no-repeat left top;}
header .mobile-hide #gnb{float: left; width:72%; display: flex;justify-content: center;}
header .mobile-hide #gnb > li{padding: 0 1.6%; height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
header .mobile-hide #gnb > li:first-child{margin-left: 0;}
header .mobile-hide #gnb > li.on{border-bottom: 4px solid #629fcf;}
header .mobile-hide #gnb > li a{font-size: 16px; font-weight: 500; line-height: 100px; color: #fff; display: block;}
header .mobile-hide #gnb > li.on a.first_dap{color: #629fcf;}
header .mobile-hide #gnb > li div{display: none; background: #ebebeb; text-align: center; position: absolute; top: 100px; left: 0; width: 100%;}
header .mobile-hide #gnb > li ul{width: 100%; max-width: 1055px; margin: 0 auto;}
header .mobile-hide #gnb > li ul li{display: inline-block; float: left;}
header .mobile-hide #gnb > li:nth-child(1) ul li:first-child{margin-left: -40px;}
header .mobile-hide #gnb > li:nth-child(3) ul li:first-child{margin-left: 115px;}
header .mobile-hide #gnb > li:nth-child(4) ul li:first-child{margin-left: 170px;}
header .mobile-hide #gnb > li:nth-child(5) ul li:first-child{margin-left: 410px;}
header .mobile-hide #gnb > li:nth-child(6) ul li:first-child{margin-left: 327px;}
header .mobile-hide #gnb > li:nth-child(7) ul li:first-child{margin-left: 500px;}
header .mobile-hide #gnb > li:nth-child(8) ul li:first-child{margin-left: 676px;}
header .mobile-hide #gnb > li ul li a{line-height: 60px; padding: 0 20px; display: block; color: #333; font-size: 15px;}
header .mobile-hide #gnb > li ul li a:hover{text-decoration: underline; color: #213969;}
header .mobile-hide .util{float: right; margin-top: 42px;}
header .mobile-hide .util .cs{float: left; line-height: 20px; position: relative; color: #fff; font-weight: 700; padding-left: 25px; margin-right: 30px;}
header .mobile-hide .util .cs:before{display: block; width: 16px; height: 16px; content: ""; position: absolute; left: 0; top: 3px; background: url(../_images/common/util.png) no-repeat left top;}
header .mobile-hide .util .sitemap{float: left; width: 16px; height: 16px; text-indent: -9999px; background: url(../_images/common/util.png) no-repeat right top;}
header .mobile-hide .util .app_down {float: left; background: #444; border-radius: 16px; display: inline-block; padding: 8px 13px; color: #fff; margin-right: 30px;margin-top: -4px;}



header.on{background: #fff; border-bottom: 1px solid #e5e5e5;}
header.on h1 a{background-position: left bottom;}
header.on #gnb li a{color: #333;}
header.on .util .cs{color: #333;}
header.on .util .cs:before{background-position: left bottom;}
header.on .util .sitemap{background-position: right bottom;}

@media screen and (max-width: 1500px){
	header .mobile-hide #gnb {width: 63%;}
	header .mobile-hide .util .app_down {margin-right: 5px;padding: 5px 8px;font-size: 14px;}
	header .mobile-hide #gnb > li a {font-size: 14px;}
}
@media screen and (max-width: 1024px){
	header{background: #fff;}
	header h1{width: 100px; height: 60px;}
	header h1 a{background: url(../_images/common/header_ci_mobile.png) no-repeat left top; background-size: contain;}
	header .mobile-menu{width: 60px; height: 60px; background: url(../_images/common/btn_mobile_menu.png) no-repeat 0 0; background-size: 60px; text-indent: -9999px;}
	header .mobile-menu.on{background-position: 0 100%;}
	header .mobile-only .container{position: absolute; left: 0; top: 60px; padding: 0;}
	header .mobile-only .container #gnb {height: 91vh;overflow: scroll;background: #fff;padding: 0 21px;width: calc(100% - 42px);}
	
	header #gnb{float: none; margin-left: 0; width: 100%; display: none;}
	header #gnb > li{float: none; margin-left: 0; border-bottom: 1px solid #e5e5e5; height: auto;}
	header #gnb > li > a{font-size: 15px; color: #222; font-weight: 500; line-height: 60px; display: block; text-align: center; background: url(../_images/common/mobile_plus.png) no-repeat right top; background-size: 22px;}
	header #gnb > li > a.on{background-position: right bottom;}
	header #gnb > li > div{display: none;}
	header #gnb > li ul{background: #f5f5f5; padding: 15px 0; position: relative; top: 0; left: 0;}
	header #gnb > li ul li{float: none; width: 100%;}
	header #gnb > li ul li a{display: block; text-align: center; line-height: 40px; font-size: 14px;}
	header #gnb > li ul li a.on{color: #213969; font-weight: 700;}
	
	.mobile-only .app_down {background: #444; border-radius: 12px; display: inline-block;padding: 2px 9px;font-size: 12px;color: #fff;line-height: normal;}
}

@media screen and (max-width: 1240px){
    header .mobile-hide #gnb{float: left;display: flex;}
    header .mobile-hide #gnb > li{height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	
}

/*     SiteMap     */
header .sitemap-wrap{position: absolute; left: 0; top: 0; width: 100%; background: #fff; display: none;}
header .sitemap-wrap.on{display: block;border-bottom: 1px solid #e5e5e5;}
header .sitemap-wrap .top{height: 100px; border-bottom: 1px solid #e5e5e5;}
header .sitemap-wrap .top h1{width: 100px; height: 100px; float: left;}
header .sitemap-wrap .top h1 a{display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../_images/common/header_ci.png) no-repeat left bottom;}
header .sitemap-wrap .top .close-sitemap{width: 16px; height: 100px; background: url(../_images/common/sitemap_close.png) no-repeat center; float: right; text-indent: -9999px;}
header .sitemap-wrap > .container .wrap:after{content: ""; display: block; clear: both;}
header .sitemap-wrap > .container #gnb{padding-top: 100px; width: 100%;}
header .sitemap-wrap > .container #gnb > li{float: left; width: 25%;}
header .sitemap-wrap > .container #gnb > li > a{font-size: 24px; color: #333;}
header .sitemap-wrap > .container #gnb > li ul{margin-top: 25px; height: 240px;}
header .sitemap-wrap > .container #gnb > li ul li{line-height: 30px;}
header .sitemap-wrap > .container #gnb > li ul li a{font-size: 16px; color: #666;}

@media screen and (max-width: 960px){
	header .sitemap-wrap{display: none;}
}

/*  FOOTER  */
footer{padding: 60px 0; background: #f0f1f2; margin-top: 400px;}
footer .container:after{content: ""; display: block; clear: both;}
footer .container .cs{float: left; width: 20%; display: flex; flex-direction: column; flex-wrap: wrap; height: 100%;}
footer .container .cs .tel{font-size: 14px; color: #666;}
footer .container .cs .tel a{font-size: 22px; font-weight: 700; color: #243545; display: block; margin-top: 20px;}
footer .container .cs .terms{margin-top: 20px;}
footer .container .cs .terms a{border: 1px solid #ccc; display: inline-block; padding: 0 15px; color: #333; line-height: 30px;}
footer .container .address{float: left; width: 60%;}
footer .container .address .title{font-size: 14px; color: #333; margin-bottom: 20px; font-weight: 700;}
footer .container .address .info{line-height: 22px; color: #666; font-size: 14px;}
footer .container .address .info em{display: inline-block; width: 20px;}
footer .container .address .flex{display: flex; flex-wrap: nowrap; font-size: inherit;}
footer .container .address .flex .item{font-size: 14px; line-height: 22px;}
footer .container .address .flex .item:first-child{padding-right: 10px;}
footer .container .address .flex .item:last-child{padding-left: 20px;}
footer .container .address .copy{font-size: 14px; color: #666; margin-top: 20px; font-weight: 300; line-height: 22px;}
footer .container .right{margin-top: 20px; float: right; width: 20%;}
footer .container .social{float: right;}
footer .container .social .wrap:after{content: ""; display: block; clear: both;}
footer .container .social .wrap > a{display: block; width: 35px; height: 35px; margin-left: 10px; text-indent: -9999px; float: left;}
footer .container .social .wrap > a.facebook{background: url(../_images/common/footer_facebook.png) no-repeat center/cover;}
footer .container .social .wrap > a.insta{background: url(../_images/common/footer_insta.png) no-repeat center/cover;}
footer .container .social .wrap > a.blog{background: url(../_images/common/footer_blog.png) no-repeat center/cover;}
footer .container .social .wrap > a.youtube{background: url(../_images/common/footer_youtube.png) no-repeat center/cover;}
footer .container .pdf{margin-top: 20px; float: right;}
footer .container .pdf .wrap a{display: none; width: 80%; float: right; line-height: 30px; border: 1px solid #ccc; border-radius: 30px; margin-bottom: 5px; text-align: center; font-size: 14px;}
footer .container .awards{float: right; margin-top: 20px;}
footer .container .awards .text{text-align: right; float: right; font-size: 14px; color: #111; padding-right: 20px; line-height: 20px; padding-top: 10px; font-weight: 300;}
footer .container .awards .image{float: right;}
footer .container .awards2{float: right; margin-top: 20px;}
footer .container .awards2 .text{text-align: right; float: right; font-size: 14px; color: #111; padding-right: 8px; line-height: 20px; padding-top: 10px; font-weight: 300;}
footer .container .awards2 .image{float: right;}
footer .container a.back_to_top{display: none; width: 60px; height: 60px; position: fixed; z-index: 1000; right: 15px; bottom: 2.5em; background: url('../_images/common/back_to_top.png') #fff; border: 1px solid #ccc; border-radius: 60px; text-align: center; padding-top: 32px; box-sizing: border-box; font-size: .8em; font-weight: 500; color: #888;}
footer .container a.fix_tel{width: 37px; height: 37px; position: fixed; z-index: 1000; right: 210px; bottom: 3.4em; background: url('../_images/common/fix_tel.png'); border-radius: 0px; text-align: center; padding-top: 32px; box-sizing: border-box; font-size: .8em; font-weight: 500; color: #888;}
footer .container a.fix_facebook{width: 35px; height: 35px; position: fixed; z-index: 1000; right: 370px; bottom: 3.4em; background: url('../_images/common/fix_facebook.png'); border-radius: 60px; text-align: center; padding-top: 32px; box-sizing: border-box; font-size: .8em; font-weight: 500; color: #888;}
footer .container a.fix_insta{width: 35px; height: 35px; position: fixed; z-index: 1000; right: 330px; bottom: 3.4em; background: url('../_images/common/fix_insta.png'); border-radius: 60px; text-align: center; padding-top: 32px; box-sizing: border-box; font-size: .8em; font-weight: 500; color: #888;}
footer .container a.fix_blog{width: 35px; height: 35px; position: fixed; z-index: 1000; right: 290px; bottom: 3.4em; background: url('../_images/common/fix_blog.png'); border-radius: 60px; text-align: center; padding-top: 32px; box-sizing: border-box; font-size: .8em; font-weight: 500; color: #888;}
footer .container a.fix_youtube{width: 35px; height: 35px; position: fixed; z-index: 1000; right: 250px; bottom: 3.4em; background: url('../_images/common/fix_youtube.png'); border-radius: 60px; text-align: center; padding-top: 32px; box-sizing: border-box; font-size: .8em; font-weight: 500; color: #888;}
footer .container a.fix_katalk{width: 115px; height: 38px; position: fixed; z-index: 1000; right: 90px; bottom: 3.4em; background: url('../_images/common/fix_katalk.png'); text-align: center; padding-top: 32px; box-sizing: border-box; font-size: .8em; font-weight: 500; color: #888;}
footer .container .talk_banner_div{position: fixed; z-index: 999; right: 90px; bottom: 2.6em;}
footer .container .talk_banner_div .talk_banner_desc{font-size: 13px; color: #fff;}
footer .container .familysite{margin-bottom: 20px;}
footer .container .familysite .sitelist{width: 230px;}
footer .container .quick-menu{position: fixed; bottom: 100px; right: 50px; display: flex; flex-direction: column; align-items: center; gap: 10px; z-index: 999;}
footer .container .quick-menu .fix_tel02{width: 35px; height: 35px; background: url('../_images/common/fix_tel02.png'); box-sizing: border-box;}
footer .container .quick-menu .fix_katalk02{width: 35px; height: 35px; background: url('../_images/common/fix_katalk02.png'); box-sizing: border-box; margin-bottom: 30px;background-size: 35px;}
footer .container .quick-menu .back_to_top02{width: 60px; height: 60px; background: url('../_images/common/back_to_top.png') #fff; border: 1px solid #ccc; border-radius: 60px; text-align: center; padding-top: 32px; box-sizing: border-box;}

@media screen and (max-width: 960px){
	footer{padding: 25px 0; margin-top: 100px;}
	footer .container .cs{width: 75%;}
	footer .container .cs .tel{font-size: 10px;}
	footer .container .cs .tel a{margin-top: 10px; font-size: 15px;}
	footer .container .cs .time{margin-top: 10px; font-size: 10px; line-height: 1;}
	footer .container .cs .time span{padding-left: 5px; margin-left: 5px; font-size: 10px;}
	footer .container .cs .time span strong{font-size: 10px;}
	footer .container .cs .time2{margin-top: 5px; font-size: 10px;}
	footer .container .cs .copy{font-size: 11px; margin-top: 10px; line-height: 17px;}
	footer .container .cs .sponsor{margin-top: 25px;}
	footer .container .cs .sponsor img{height: 46px;}
	footer .container .social{margin-top: 0; width: 100px; float: right;}
	footer .container .social a{width: 30px; height: 30px; margin-left: 5px; margin-bottom: 5px;} 
	footer .container .awards{float: right; margin-top: 10px; width: 160px;}
	footer .container .awards .image{float: right;}
	footer .container .awards .image img{width: 36px;}
	footer .container .awards .text{text-align: right; float: right; font-size: 8px; color: #111; padding-right: 8px; line-height: 12px; padding-top: 10px; font-weight: 300; letter-spacing: -0.2px;}
	footer .container .awards2 {float: right; margin-top: 10px; width: 160px;}
	footer .container .awards2 .image{float: right;}
	footer .container .awards2 .image img{width: 46px;}
	footer .container .awards2 .text{text-align: right; float: right; font-size: 8px; color: #111; padding-right: 8px; line-height: 12px; padding-top: 14px; font-weight: 300; letter-spacing: -0.2px;}
	footer .container .familysite{float: right; margin-bottom: 20px;}
	footer .container .familysite .sitelist{width: 140px;}
	footer .container .quick-menu{bottom: 50px; right: 10px;}
}
#modal-wrap{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 100; left: 0; top: 0; display: none;}
#modal-wrap .modal-con{position: absolute; left: 50%; top: 50%; background: #fff; display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#modal-wrap .modal-con .modal-close{ display: block; width: 96px; height: 96px; position: absolute; top: 0; right: 0; background: url(../_images/common/modal_close.png) no-repeat center; text-indent: -9999px;}

.modal-sitemap{width: 1120px;}
.modal-sitemap .top p{font-size: 40px; font-weight: 100; color: #fff; line-height: 96px; text-indent: 50px; background: #a89174;}
.modal-sitemap .sitemap-con{padding: 0 50px 50px; width: 100%; height: 600px; overflow-y: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.modal-sitemap .sitemap-con .menu{padding: 50px 0 30px 0; border-bottom: 1px solid #e5e5e5;}
.modal-sitemap .sitemap-con .menu .title{font-size: 30px; font-weight: 100; color: #111;}
.modal-sitemap .sitemap-con .menu ul{margin-top: 30px;}
.modal-sitemap .sitemap-con .menu ul:after{content: ""; display: block; clear: both;}
.modal-sitemap .sitemap-con .menu ul > li{float: left; width: 25%;}
.modal-sitemap .sitemap-con .menu ul > li > a{font-size: 18px; font-weight: 700; color: #a89174;}
.modal-sitemap .sitemap-con .menu ul > li ul{margin-top: 15px;}
.modal-sitemap .sitemap-con .menu ul > li ul li{float: none; width: 100%;}
.modal-sitemap .sitemap-con .menu ul > li ul li a{font-size: 14px; color: #666; line-height: 24px; font-weight: 300;}

.modal-social{width: 390px;}
.modal-social .top p{font-size: 40px; font-weight: 100; color: #fff; line-height: 96px; text-indent: 50px; background: #a89174;}
.modal-social .social-con{padding: 30px 0; width: 100%; text-align: center;}
.modal-social .social-con a{display: inline-block; margin: 0 10px; padding-top: 55px; min-width: 45px;}
.modal-social .social-con a.facebook{background: url(../_images/common/sns_facebook.png) no-repeat top center;}
.modal-social .social-con a.twitter{background: url(../_images/common/sns_twitter.png) no-repeat top center;}
.modal-social .social-con a.blog{background: url(../_images/common/sns_blog.png) no-repeat top center;}
.modal-social .social-con a.url{background: url(../_images/common/sns_url.png) no-repeat top center;}

.visual{height: 100vh;}
.visual .image-wrap{width: 100%; height: 100%; position: relative;}
.visual .image-wrap .item{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: 1s;}
.visual .image-wrap .item .container{display: flex; height: 100%; justify-content: space-between; align-items: center;}
.visual .image-wrap .item .container .text-wrap{justify-content: flex-start; align-self: flex-start; display: flex; flex-direction: column; padding-top: 25%;}
.visual .image-wrap .item .container .text-wrap .slogan{}
.visual .image-wrap .item .container .text-wrap .slogan .key{font-size: 20px; font-weight: 500; color: #fff; text-transform: uppercase;}
.visual .image-wrap .item .container .text-wrap .slogan .title{font-size: 60px; font-weight: 500; color: #fff; line-height: 70px;}
.visual .image-wrap .item .container .text-wrap .slogan .text{font-size: 20px; font-weight: 400; color: #fff; line-height: 30px; margin-top: 20px;}
.visual .image-wrap .item .container .button{margin-top: 50px;}
.visual .image-wrap .item .container .text-wrap a {font-weight: 500; background: #fff; /* height: 54px; */text-align: center; border-radius: 50px; padding: 17px 45px; display: inline-block; transition:all 0.2s; margin-right: 5px;}
.visual .image-wrap .item .container .text-wrap a .btn-box {overflow: hidden;height: 19px;}
.visual .image-wrap .item .container .text-wrap a span {display: block;font-size: 18px; color: #213969;transform: translateY(0);transition: transform 0.4s cubic-bezier(0.35, 1.5, 0.6, 1);}
.visual .image-wrap .item .container .text-wrap a span.duplicate {transform: translateY(100%);}
.visual .image-wrap .item .container .text-wrap a:hover span {transform:translateY(-100%);}
.visual .image-wrap .item .container .text-wrap a:hover span.duplicate {transform:translateY(-100%);}


/* .visual .image-wrap .item .container .text-wrap a:hover{background: #fff; color: #213969;} */
.visual .image-wrap .item:nth-child(1){background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../_images/main/visual4.jpg?t=20260720) no-repeat center/cover;}
.visual .image-wrap .item:nth-child(2){background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../_images/main/visual5.jpg) no-repeat center/cover;}
.visual .image-wrap .item:nth-child(3){background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../_images/main/visual6.jpg) no-repeat center/cover;}
.visual .image-wrap .item.on{opacity: 1; z-index: 1;}
.visual .image-wrap .count{height: 360px;}
.visual .image-wrap .count strong{color: #fff; font-size: 50px; font-weight: 500; vertical-align: top; display: inline-block;}
.visual .image-wrap .count span{color: #fff; font-size: 20px; vertical-align: top; font-weight: 100; display: inline-block; padding-top: 7px;}
.visual .scroll-wrap{position: relative;}
.visual .scroll-wrap p{position: absolute; z-index: 1; left: 0; bottom: 70px; color: #fff; font-weight: 500;}
.visual .scroll-wrap p img{margin-right: 15px; vertical-align: middle; animation: scroll 2s infinite; transform: translateY(-20px);}
.visual .ui{position: relative;}
.visual .ui ul{position: absolute; bottom: 70px; display: flex; z-index: 1; justify-content: center; width: 100%;}
.visual .ui ul li{width: 20px; height: 20px; transition: 1s ease; border: 2px solid white; border-radius: 20px; margin: 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.visual .ui ul li.on{width: 50px; background: white;}

@keyframes scroll{
	75%{transform: translateY(0);}
	to{transform: translateY(0);}
}


.membership{margin-top: 80px; position: relative;}
.membership-area{width: 100%; padding: 200px 0; background: #eee;}
.membership .box{position: relative; border: 1px solid #c2b19c; width: calc(100% - 40px); padding: 40px 50px; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.membership .box .key{color: #a89174; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 500;}
.membership .box .title{font-size: 40px; line-height: 46px; font-weight: 100; padding: 35px 0 0 50px; color: #222;}
.membership .box .title strong{font-size: 40px; color: #222; font-weight: 500;}
.membership .box .text{font-size: 24px; font-weight: 300; color: #222; line-height: 34px; letter-spacing: -0.5px;}
.membership .box a{font-size: 16px; color: #222; margin: 40px 0 0 50px; padding-right: 40px; background: url(../_images/main/arrow1.png) no-repeat right center/30px; display: inline-block;}
.membership .box .button{margin-top: 40px;}
.membership .box .button a{background: none; display: flex; align-items: center; justify-content: flex-end; gap: 10px; font-size: 24px; font-weight: 500; color: #a89174; letter-spacing: -0.5px; margin: 0; padding: 0;}
.membership .box .button a img{display: inline; top: 0; margin: 0; width: auto;}
.membership img{position: relative; top: 40px; margin:10px auto 20px; display: block;}
.membership-title{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; position: relative;}
.membership-title .key{font-size: 18px; font-weight: 500; color: #a89174; line-height: 22px; text-transform: uppercase;}
.membership-title .title{padding-top: 14px;}
.membership-title .title strong{font-size: 50px; font-weight: 700; color: #222; line-height: 60px;}
.membership-sumbox{width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; box-sizing: border-box; margin-top: 80px; display: flex; flex-direction: column; gap: 50px;}
.membership-sum{display: flex;}
.membership-suminfo{position: relative;}
.membership-suminfo img{width: 100%;}
.membership-suminfo .text-box01{position: absolute; right: 0; bottom: 0; background: #eee; padding: 40px 0 40px 80px;}
.membership-suminfo .text-box01 h4{font-size: 28px; font-weight: 500; color: #a89174; line-height: 32px; text-align: right;}
.membership-suminfo .text-box01 p{font-size: 20px; font-weight: 400; color: #222; line-height: 24px; margin-top: 14px; text-align: right;}
.membership-suminfo .text-box02{position: absolute; left: 0; bottom: 0; background: #eee; padding: 40px 80px 40px 0;}
.membership-suminfo .text-box02 h4{font-size: 28px; font-weight: 500; color: #a89174; line-height: 32px;}
.membership-suminfo .text-box02 p{font-size: 20px; font-weight: 400; color: #222; line-height: 24px; margin-top: 14px;}



@keyframes blink{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.blinking{animation: blink 1.2s ease-in-out infinite alternate;}


.teamplk-area{width: 100%; padding: 200px 0;}
.teamplk{height: 100%; background: url(../_images/main/teamplk04.png) no-repeat center bottom; padding-bottom: 40px;}
.teamplk-title{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; position: relative;}
.teamplk-title .key{font-size: 18px; font-weight: 500; color: #a89174; line-height: 22px; text-transform: uppercase; text-align: center;}
.teamplk-title .title{padding-top: 14px; text-align: center;}
.teamplk-title .title strong{font-size: 50px; font-weight: 700; color: #222; line-height: 60px;}
.teamplk-box{margin: 0 60px; padding: 80px 10px 680px 40px; border: 1px solid #a89174;}
.teamplk .box{position: relative; padding: 40px 50px; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; margin-top: 30px;}
.teamplk .box .text{ font-size: 24px; font-weight: 300; color: #222; line-height: 34px; letter-spacing: -0.5px;word-break: keep-all;text-align: center;}
.teamplk .box .button{margin-top: 40px;}
.teamplk .box .button a{background: none; display: flex; align-items: center; justify-content: flex-end; gap: 10px; font-size: 24px; font-weight: 500; color: #a89174; letter-spacing: -0.5px; margin: 0; padding: 0;}
.teamplk .box .button a img{display: inline; top: 0; margin: 0; width: auto;}
.teamplk-sum{display: flex; justify-content: center; margin-top: 80px;}
.teamplk-sum a img{width: 100%;}

.mediaplk-area{width: 100%; padding: 200px 0; background: #eee;}
.mediaplk-title{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; position: relative;}
.mediaplk-title .key{font-size: 18px; font-weight: 500; color: #a89174; line-height: 22px; text-transform: uppercase;}
.mediaplk-title .title{padding-top: 14px;}
.mediaplk-title .title strong{font-size: 50px; font-weight: 700; color: #222; line-height: 60px;}
.mediaplk-title02{width: 100%; max-width: 1200px; margin: 0 auto; padding: 150px 0 0 0; box-sizing: border-box; position: relative;}
.mediaplk-title02 .key {font-size: 18px; font-weight: 500; color: #a89174; line-height: 22px; text-transform: uppercase;}
.mediaplk-title02 .title{padding-top: 14px;}
.mediaplk-title02 .title strong{font-size: 50px; font-weight: 500; color: #222; line-height: 60px;}
.mediaplk-video{width: calc(100% - 40px); margin: 0 auto; margin-top: 80px;}
.mediaplk-video iframe{width: 100%; height: 500px;}
.mediaplk-snszone{margin: 80px 20px 0;position: relative;}

/* .mediaplk-snsbox.slick-initialized .slick-slide {transform: scale(0.9);transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);}
.mediaplk-snsbox.slick-initialized .slick-current {transform: scale(1);}
.mediaplk-snsbox .slick-list {margin: 0 3%;}
.mediaplk-snsbox .list {height: auto;}
.mediaplk-snsbox .list a img {aspect-ratio: 314 / 392;}
.mediaplk-snsbox .list p {display: none;}
.mediaplk-snszone .sns-account {text-align: center;margin-top: 15px;}
.mediaplk-snszone .sns-account img {width: 37px;border-radius: 50%;vertical-align: middle;}
.mediaplk-snszone .sns-account span {display: inline-block; vertical-align: middle; font-weight: 500; margin-left: 7px;font-size: 14px;}
.mediaplk-snsbox .slick-arrow {background: url(../_images/common/sns_arrow02.png) no-repeat 0 0;color: rgba(0, 0, 0, 0);width: 40px;height: 40px;background-size: 40px;position: absolute;top: 43%;left: -10px;}
.mediaplk-snsbox .slick-next {left: auto;right: -10px;}
.mediaplk-snsbox .slick-prev {transform: rotate(180deg);} */

.mediaplk-snsbox .swiper-slide {transform: scale(0.9);transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);}
.mediaplk-snsbox .swiper-slide-active {transform: scale(1);}
.mediaplk-snsbox img {aspect-ratio: 314 / 392;object-fit: cover;}
.mediaplk-snsbox p {display: none;}
.mediaplk-snszone .sns-account {text-align: center;margin-top: 15px;}
.mediaplk-snszone .sns-account img {width: 37px;border-radius: 50%;vertical-align: middle;}
.mediaplk-snszone .sns-account span {display: inline-block; vertical-align: middle; font-weight: 500; margin-left: 7px;font-size: 14px;}
.mediaplk-snszone .swiper-button-prev,
.mediaplk-snszone .swiper-button-next {background: url(../_images/common/sns_arrow02.png) no-repeat 0 0; background-size: 44px; width: 30px; height: 40px; position: absolute; top: 43% !important;z-index: 10; cursor: pointer;}
.mediaplk-snszone .swiper-button-prev svg,
.mediaplk-snszone .swiper-button-next svg {display: none;}
.mediaplk-snszone .swiper-button-prev {left: -30px !important;transform: rotate(180deg);}
.mediaplk-snszone .swiper-button-next {left: auto;right: -30px !important;}


.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img {display: block; height: 100%; object-fit: cover;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block; margin: 0 10px;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}


.travelplk-area{width: 100%; padding: 200px 0;}
.travelplk-title{width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; position: relative;}
.travelplk-title .key{font-size: 18px; font-weight: 500; color: #a89174; line-height: 22px; text-transform: uppercase;}
.travelplk-title .title{padding-top: 14px;}
.travelplk-title .title strong{font-size: 50px; font-weight: 700; color: #222; line-height: 60px;}
.travelplk-sumbox{width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; box-sizing: border-box; margin-top: 80px; display: flex; flex-direction: column; gap: 50px;}
.travelplk-sum{display: flex;}
.travelplk-suminfo{position: relative;}
.travelplk-suminfo img{width: 100%;}
.travelplk-suminfo .text-box{position: absolute; left: 0; bottom: 0; background: #fff; padding: 40px 80px 40px 0;}
.travelplk-suminfo .text-box a{font-size: 28px; font-weight: 500; color: #a89174; line-height: 32px; display: flex; align-items: center; gap: 10px;}
.travelplk-suminfo .text-box a img{width: auto;}
.travelplk-sumlist{display: flex; align-items: end; gap: 30px;}

.lounge-area{width: 100%; padding: 200px 0; background: #eee;}
.lounge-sumbox{width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; box-sizing: border-box; display: flex; flex-direction: column; gap: 150px;}
.lounge-sum{display: flex;}
.lounge-suminfo{position: relative;}
.lounge-suminfo img{width: 100%;}
.lounge-suminfo .text-box01{position: absolute; right: 0; bottom: -80px; background: #eee; padding: 40px 0 40px 80px;}
.lounge-suminfo .text-box01 h4{font-size: 28px; font-weight: 500; color: #a89174; line-height: 32px; text-align: right;}
.lounge-suminfo .text-box01 p{font-size: 20px; font-weight: 400; color: #222; line-height: 28px; margin-top: 14px; text-align: right;}
.lounge-suminfo .text-box01 a{font-size: 22px; font-weight: 500; color: #a89174; display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 20px;}
.lounge-suminfo .text-box01 a img{width: auto;}
.lounge-suminfo .text-box02{position: absolute; left: 0; bottom: -80px; background: #eee; padding: 40px 80px 40px 0;}
.lounge-suminfo .text-box02 h4{font-size: 28px; font-weight: 500; color: #a89174; line-height: 32px;}
.lounge-suminfo .text-box02 p{font-size: 20px; font-weight: 400; color: #222; line-height: 24px; margin-top: 14px;}
.lounge-suminfo .text-box02 a{font-size: 22px; font-weight: 500; color: #a89174; display: flex; align-items: center; gap: 10px; margin-top: 20px;}
.lounge-suminfo .text-box02 a img{width: auto;}

.juniorplk-area{width: 100%; padding: 200px 0;}
.juniorplk-sumbox{width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; box-sizing: border-box; display: flex; flex-direction: column; gap: 30px;}
.juniorplk-sum{display: flex;}
.juniorplk-suminfo{position: relative;}
.juniorplk-suminfo img{width: 100%;}
.juniorplk-suminfo .text-box{position: absolute; left: 0; bottom: 0; background: #fff; padding: 40px 80px 40px 0;}
.juniorplk-suminfo .text-box h4{font-size: 28px; font-weight: 500; color: #a89174; line-height: 32px;}
.juniorplk-suminfo .text-box p{font-size: 20px; font-weight: 400; color: #222; line-height: 24px; margin-top: 14px;}
.juniorplk-suminfo .text-box a{font-size: 22px; font-weight: 500; color: #a89174; display: flex; align-items: center; gap: 10px;}
.juniorplk-suminfo .text-box a img{width: auto;}
.juniorplk-suminfo .text-box02{position: absolute; left: 50%; bottom: -50px; background: #fff; padding: 40px; transform: translate(-50%, 0);}
.juniorplk-suminfo .text-box02 h4{font-size: 28px; font-weight: 500; color: #a89174;}
.juniorplk-sumlist{display: flex; align-items: start; gap: 30px;}
.juniorplk-txt{font-size: 24px; font-weight: 300; color: #222; line-height: 34px; text-align: center; word-break: keep-all; padding: 100px 40px;}

.consultplk-area{width: 100%; padding: 200px 0 0; background: #eee;}
.consultplk{height: 100%; background: url(../_images/main/consult02.png) no-repeat center bottom; padding-bottom: 40px;}
.consultplk-box{margin: 0 60px; padding: 80px 10px 680px 40px; border: 1px solid #a89174;}
.consultplk-title{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; position: relative;}
.consultplk-title .key{font-size: 18px; font-weight: 500; color: #a89174; line-height: 22px; text-transform: uppercase; text-align: center;}
.consultplk-title .title{padding-top: 14px; display: flex; align-items: center; justify-content: center; gap: 20px;}
.consultplk-title .title img{width: 40px;}
.consultplk-title .title strong{font-size: 50px; font-weight: 500; color: #222; line-height: 60px;}
.consultplk .box{position: relative; padding: 40px 50px; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; margin-top: 30px;}
.consultplk .box .text{ font-size: 24px; font-weight: 300; color: #222; line-height: 34px; letter-spacing: -0.5px; text-align: center; word-break: keep-all;}

.course-wrap{margin-top: 300px;}
.course-wrap .wrap{position: relative; border-top: 1px solid #c2c89a; border-bottom: 1px solid #c2c89a; height: 980px;}
.course-wrap .title-wrap{padding: 60px 0 0 60px; position: absolute; top: 0; left: 50%;}
.course-wrap .title-wrap .key{color: #99a357; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 500;}
.course-wrap .title-wrap .title{margin: 40px 0 0 50px; font-size: 50px; line-height: 60px; font-weight: 100; color: #222;}
.course-wrap .title-wrap .title strong{font-weight: 500; font-size: 50px; color: #222;}
.course-wrap .title-wrap a{font-size: 16px; color: #222; margin: 40px 0 0 50px; padding-right: 40px; background: url(../_images/main/arrow2.png) no-repeat right center/30px; display: inline-block;}
.course-wrap .course{position: absolute;}
.course-wrap .course .text-wrap{position: absolute; left: 0; bottom: 0; background: #fff; padding: 40px 60px 0 0;}
.course-wrap .course .text-wrap .key{color: #99a357; font-size: 16px; text-transform: uppercase; font-weight: 500;}
.course-wrap .course .text-wrap .title{font-size: 28px; line-height: 32px; font-weight: 100; margin-top: 25px; color: #222; font-weight: 500; text-transform: uppercase;}
.course-wrap .course .text-wrap .text{font-size: 16px; color: #666; margin-top: 15px;}
.course-wrap .course.one{top: -60px; left: 0; background: url(../_images/main/course1.jpg) no-repeat center; height: 640px; width: 50%;}
.course-wrap .course.one .text-wrap{padding-right: 140px;}
.course-wrap .course.two{top: 450px; right: 0; height: 470px; width: 31.6239%; background: url(../_images/main/course2.jpg) no-repeat center;}
.course-wrap .course.two .text-wrap{left: -30px; padding-right: 50px;}
.course-wrap .course.three{top: 740px; left: 0; height: 470px; width: 40.1709%; background: url(../_images/main/course3.jpg) no-repeat center;}

.course-wrap img{position: relative; top: 40px; margin: 260px auto 200px; display: block;}

.travel{margin-top: 260px; background: url(../_images/main/travel.jpg) no-repeat center; background-size: cover;}
.travel .wrap{position: relative; height: 400px;}
.travel .logo{position: absolute; right: 0; top: -100px;}
.travel .text-wrap{position: absolute; left: 0; bottom: 0; background: #fff; padding: 40px 170px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.travel .text-wrap:before{display: block; width: 100%; height: 100%; content: ""; position: absolute; top: 0; right: 100%; background: #fff;}
.travel .text-wrap .key{color: #a89174; font-size: 16px; text-transform: uppercase; font-weight: 500;}
.travel .text-wrap .title{font-size: 40px; line-height: 48px; font-weight: 100; margin-top: 25px; color: #222; font-weight: 100;}
.travel .text-wrap .title strong{font-weight: 500; color: #222; font-size: 40px;}
.travel .text-wrap .title span{font-size: 16px; color: #666; padding-left: 20px;}
.travel .text-wrap a{font-size: 16px; color: #222; margin-top: 25px; padding-right: 40px; background: url(../_images/main/arrow1.png) no-repeat right center/30px; display: inline-block;}
.travel img{position: relative; top: 40px; margin: 260px auto 20px; display: block;}

.travel .membership-intro-body{margin-top: 100px; margin-left: -30px; display: flex; flex-wrap: wrap;}
.travel .membership-intro-body:after{content: ""; display: block; clear: both;}
.travel .membership-intro-body .item{width: calc((100% - 90px) /3); margin-left: 20px; border: 1px solid #e5e5e5; padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.travel .membership-intro-body .item .title{font-size: 20px; color: #213969; font-weight: 500;}
.travel .membership-intro-body .item .text{font-size: 16px; line-height: 26px; margin-top: 20px;}

.travel .membership-intro-body .acard{font-size: 16px; line-height: 26px; text-align: left;}
.travel .membership-intro-body .boldText{margin-top: 10px; font-size: 26px; font-weight: bold; line-height: 36px; text-align: left;}

.travel .membership-intro-body .item .wrap a{line-height: 54px; border: 1px solid #000; text-align: center; font-size: 18px; color: #000; font-weight: 700; padding: 0 20px; display: inline-block; border-radius: 50px; transition: all 0.2s; width: 250px; margin-top: 5px;}
.travel .membership-intro-body .item .wrap a:hover{background: #000; color: #fff;}
.travel .membership-intro-body .item .wrap .movie-con{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 20px;}
.travel .membership-intro-body .item .wrap .movie-con iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.travel .pro-movie-con iframe{margin-top: 150px; width: 1130px; height: 500px;}

.concierge{position: relative; margin-top: 260px;}
.concierge .wrap{position: relative;}
.concierge img{position: relative; top: 40px; margin: 260px auto 20px; display: block; width: 100%;}
.concierge .wrap img{position: relative; top: 0px; margin: 50px auto 20px; display: block; width: 100%;}

.concierge .custom-btn{margin-top: 80px; text-align: center;}
.concierge .custom-btn a{display: inline-block; line-height: 80px; background: #213969; color: #fff; font-size: 24px; font-weight: 700; border-radius: 100px; padding: 0 50px;}

.concierge .custom-links{margin: 100px auto 0px; width: 850px; display: flex; justify-content: space-between;}
.concierge .custom-links a{padding: 28px 30px; background: url(../_images/_board/location_arrow.png) no-repeat right center; width: calc(50% - 15px); border: 1px solid #888; line-height: 22px; color: #333; font-weight: 500; font-size: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.concierge .custom-links a:before{display: inline-block; content: ""; width: 23px; height: 23px; margin-right: 10px; vertical-align: bottom;}
.concierge .custom-links a.tel:before{background: url("../_images/tour/ico_tel.png") no-repeat center/contain;}
.concierge .custom-links a.email:before{background: url("../_images/tour/ico_mail.png") no-repeat center/contain;}

.pacific{margin-top: 200px; height: 510px;}
.pacific .wrap{position: relative;}
/* .pacific .company{position: absolute; top: 0; left: 0; height: 374px; background: url(../_images/main/pacific1.jpg) no-repeat top right; width: 65.8119%;}
.pacific .company a{display: block; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 160px 0 0 50px;} */
.pacific .company{position: absolute; top: 59px; left: 0; height: 285px; background: url(../_images/main/pacific1_1.jpg) no-repeat top right; width: 65.8119%;}
.pacific .company a{display: block; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pacific .company .key{color: #a89174; font-size: 20px; font-weight: 500; text-transform: uppercase;}
.pacific .company .title{color: #fff; font-size: 50px; font-weight: 700; margin-top: 10px; text-transform: uppercase;}
.pacific .company .text{font-size: 20px; line-height: 30px; margin-top: 30px; color: #fff;}
/* .pacific .interview{position: absolute; top: 165px; right: 0; width: 31.6239%;} */
.pacific .interview{position: absolute; top: 136px; right: 0; width: 31.6239%;}
.pacific .interview .movie-con{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;}
.pacific .interview .movie-con iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pacific img{position: relative; top: 40px; margin: 260px auto 20px; display: block;}

/* .pacific .sponsorship{position: absolute; top: 415px; left: 0; width: 31.6239%;} */
.pacific .sponsorship{position: absolute; top: 385px; left: 0; width: 31.6239%;}
.pacific .sponsorship .movie-con{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;}
.pacific .sponsorship .movie-con iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pacific .sponsorship .text-wrap{position: absolute; top: 5px; left: 400px; width: 150%;}
.pacific .sponsorship .text-wrap .key{color: #a89174; font-size: 30px; font-weight: 500; text-transform: uppercase;}
.pacific .sponsorship .text-wrap .title{color: #000; font-size: 20px; font-weight: 500; margin-top: 10px; text-transform: uppercase;}

.pacific .sponsorship2{position: absolute; top: 655px; left: 0; width: 31.6239%;}
.pacific .sponsorship2 .movie-con{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;}
.pacific .sponsorship2 .movie-con iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pacific .sponsorship2 .text-wrap{position: absolute; top: 5px; left: 400px; width: 150%;}
.pacific .sponsorship2 .key{color: #a89174; font-size: 30px; font-weight: 500; text-transform: uppercase;}
.pacific .sponsorship2 .title{color: #000; font-size: 20px; font-weight: 500; margin-top: 10px; text-transform: uppercase;}

.appdown_box{overflow: hidden; margin-top: 600px;}
.appdown_tit{display: flex; justify-content: center; font-size: 54px; font-weight: 800;}
.appdown_gal{display: flex; justify-content: center; align-items: center; margin-top: 100px;}
.appdown_gal a:first-child{margin-right: 80px;}


.appdown_gal img {width: 160px;}
	
	
	
/* PCÆ˾÷ 250731 */
.m_popup { position: absolute; top: 100px; right: 18%; width: 500px; height: auto; display: block;cursor: pointer;z-index: 9;}
.m_popup_bg { position: absolute; top: 0; left: 0; width: 100%; height: auto; background: rgb(0 0 0 / 70%); z-index: -1; }
.m_popup_con { position: absolute; top: 0%; left: 50%; transform: translate(-50%, 3%); width: calc(100% - 20px); z-index: 1; height: auto; overflow: auto; }
.m_popup_gal { line-height: 0; }
.m_popup_gal img { width: 100%; }
.m_popup_btn { position: relative; display: flex; align-items: center; justify-content: space-around; background: #fff; }
.m_popup_btn button { width: 100%; padding: 16px 0; font-size: 16px; background: none; }
.m_popup_btn01:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 16px; background-color: #ccc; }


@media screen and (max-width: 960px){
	.visual{height: calc(100vh - 60px); margin-top: 60px;}
	.visual .image-wrap .item .container .text-wrap{padding-top: 50%;}
	.visual .image-wrap .item .container .text-wrap .slogan{}
	.visual .image-wrap .item .container .text-wrap .slogan .key{font-size: 13px; margin-top: 25px;}
	.visual .image-wrap .item .container .text-wrap .slogan .title{font-size: 30px; line-height: 32px;}
	.visual .image-wrap .item .container .text-wrap .slogan .text{font-size: 14px; line-height: 20px; color: #fff; margin-top: 20px; letter-spacing: -1px;}
	.visual .image-wrap .item .container .button{margin-top: 40px;}
	.visual .image-wrap .item .container .button a{font-size: 16px !important;}
	.visual .image-wrap .item .container .text-wrap a {padding: 7px 15px;}
	.visual .image-wrap .item .container .text-wrap a span {font-size: 13px;}
	.visual .image-wrap .count{height: 210px; vertical-align: top; width: 120px;}
	.visual .image-wrap .count strong{font-size: 24px;}
	.visual .image-wrap .count span{font-size: 13px; padding-top: 0;}
	.visual .scroll-wrap{display: none;}
	.visual .ui ul{bottom: 25px;}

	.membership{margin-top: 30px;}
	.membership-area{width: 100%; padding: 80px 0 75px 0;}
	.membership:after{content: ""; display: block; clear: both;}
	.membership .box{position: relative; top: 0; width: 100%; padding: 20px; z-index: 1;}
	.membership .box .key{font-size: 12px; line-height: 14px;}
	.membership .box .title{font-size: 18px; line-height: 23px; padding: 18px 0 0 23px; word-break: keep-all;}
	.membership .box .title strong{font-size: 18px;}
	.membership .box .text{font-size: 15px; line-height: 20px; font-weight: 100; color: #222;}
	.membership .box a{font-size: 12px; margin: 20px 0 0 25px; padding-right: 20px; background-size: 15px;}
	.membership .box .button a{font-size: 16px; padding: 0; margin-top: 30px;}
	.membership .box .button a img{display: inline; top: 0; margin: 0; width: 6%;}
	.membership img{position: relative; top: 0; right: 0; margin-top: 185px; width: calc(100% - 20px); float: right;}
	.membership-title{width: 100%; padding: 0 21px; box-sizing: border-box; position: relative;}
	.membership-title .key{font-size: 14px; line-height: 18px;}
	.membership-title .title{font-size: 22px; padding-top: 4px;}
	.membership-title .title strong{font-size: 22px; line-height: 26px; word-break: keep-all;}
	.membership-sumbox{padding: 0 21px; margin-top: 30px; position: relative; gap: 30px;}
	.membership-suminfo{width: 80%;}
	.membership-suminfo .text-box01{padding: 10px 0 10px 10px; right: -60px;}
	.membership-suminfo .text-box01 h4{font-size: 20px;}
	.membership-suminfo .text-box01 p{font-size: 16px; font-weight: 500; margin-top: 0;}
	.membership-suminfo .text-box02{padding: 10px 10px 10px 0; left: -60px;}
	.membership-suminfo .text-box02 h4{font-size: 20px;}
	.membership-suminfo .text-box02 p{font-size: 16px; font-weight: 500; margin-top: 0;}

	.teamplk-area{padding: 75px 0;}
	.teamplk{height: 100%; background-size: 100%; padding-bottom: 20px;}
	.teamplk-box{margin: 0; padding: 40px 10px 230px 10px; border: 1px solid #a89174;}
	.teamplk-title{padding: 0;}
	.teamplk-title .key{font-size: 14px; line-height: 18px;}
	.teamplk-title .title{font-size: 22px; padding-top: 4px;}
	.teamplk-title .title strong{font-size: 22px; line-height: 26px; word-break: keep-all;}
	.teamplk .box{padding: 20px; margin-top: 0;}
	.teamplk .box .text{font-size: 15px; line-height: 20px; font-weight: 100;}
	.teamplk .box .button{margin-top: 20px;}
	.teamplk .box .button a{font-size: 16px; padding: 0;}
	.teamplk .box .button a img{display: inline; top: 0; margin: 0; width: 6%;}
	.teamplk-sum{margin-top: 30px;}

	.mediaplk-area{padding: 75px 0;}
	.mediaplk-title{padding: 0;}
	.mediaplk-title .key{font-size: 14px; line-height: 18px;}
	.mediaplk-title .title{font-size: 22px; padding-top: 4px;}
	.mediaplk-title .title strong{font-size: 22px; line-height: 26px; word-break: keep-all;}
	.mediaplk-title02{padding-top: 50px; padding-left: 0;}
	.mediaplk-title02 .key{font-size: 14px; line-height: 18px;}
	.mediaplk-title02 .title{font-size: 22px; padding-top: 4px;}
	.mediaplk-title02 .title strong{font-size: 22px; line-height: 26px; word-break: keep-all;}
	.mediaplk-video{margin-top: 30px; width: 100%;}
	.mediaplk-video iframe{width: 100%; height: 180px;}
	.mediaplk-snszone{margin: 30px 0 0; width: 100%;}
	/* .mediaplk-snsbox .list{width: 250px; height: 326px;}
	.mediaplk-snsbox .list a{height: 170px;}
	.mediaplk-snsbox .list p{-webkit-line-clamp: 9; line-height: 16px;}*/

	.mediaplk-snszone .sns-account img {width: 28px;} 
	.mediaplk-snszone .sns-account span {margin-left: 4px;font-size: 13px;}
	.mediaplk-snszone .swiper-button-prev,
	.mediaplk-snszone .swiper-button-next {width: 25px;height: 25px;background-size: 25px;}
	.mediaplk-snszone .swiper-button-prev {left: -22px !important;}
	.mediaplk-snszone .swiper-button-next {right: -22px !important;}



	.slick-initialized .slick-slide{margin: 0 6px;}

	.travelplk-area{padding: 75px 0;}
	.travelplk-title{padding: 0;}
	.travelplk-title .key{font-size: 14px; line-height: 18px;}
	.travelplk-title .title{font-size: 22px; padding-top: 4px;}
	.travelplk-title .title strong{font-size: 22px; line-height: 26px; word-break: keep-all;}
	.travelplk-sumbox{padding: 0; margin-top: 30px; position: relative; gap: 20px;}
	.travelplk-suminfo{width: 100%;}
	.travelplk-suminfo .text-box{padding: 10px 10px 10px 0;}
	.travelplk-suminfo .text-box a{font-size: 16px;}
	.travelplk-suminfo .text-box a img{width: 18px;}
	.travelplk-sumlist{gap: 20px;}

	.lounge-area{padding: 75px 0 130px;}
	.lounge-sumbox{position: relative; gap: 100px; padding: 0;}
	.lounge-suminfo{width: 90%;}
	.lounge-suminfo .text-box01{padding: 10px 0 10px 10px; bottom: -70px;}
	.lounge-suminfo .text-box01 h4{font-size: 20px;}
	.lounge-suminfo .text-box01 p{font-size: 14px; line-height: 16px; font-weight: 500; margin-top: 4px;}
	.lounge-suminfo .text-box01 a{font-size: 16px; margin-top: 14px;}
	.lounge-suminfo .text-box01 a img{width: 18px;}
	.lounge-suminfo .text-box02{padding: 10px 10px 10px 0; bottom: -70px;}
	.lounge-suminfo .text-box02 h4{font-size: 20px;}
	.lounge-suminfo .text-box02 p{font-size: 14px; line-height: 16px; font-weight: 500; margin-top: 4px;}
	.lounge-suminfo .text-box02 a{font-size: 16px; margin-top: 14px;}
	.lounge-suminfo .text-box02 a img{width: 18px;}

	.juniorplk-area{padding: 75px 0;}
	.juniorplk-sumbox{padding: 0; position: relative; gap: 20px;}
	.juniorplk-suminfo{width: 100%;}
	.juniorplk-suminfo .text-box{padding: 10px 10px 10px 0;}
	.juniorplk-suminfo .text-box h4{font-size: 20px;}
	.juniorplk-suminfo .text-box p{font-size: 14px; line-height: 16px; font-weight: 500; margin-top: 4px;}
	.juniorplk-suminfo .text-box a{font-size: 16px; letter-spacing: -1px;}
	.juniorplk-suminfo .text-box a img{width: 18px;}
	.juniorplk-suminfo .text-box02{bottom: -18px; padding: 10px;}
	.juniorplk-suminfo .text-box02 h4{font-size: 20px; white-space: nowrap;}
	.juniorplk-sumlist{display: flex; align-items: start; gap: 20px;}
	.juniorplk-txt{font-size: 15px; line-height: 20px; font-weight: 100; padding: 30px 0 10px;}

	.consultplk-area{padding: 75px 0 0;}
	.consultplk{height: 100%; background: url(../_images/main/consult03.png) no-repeat center bottom; background-size: 100%; padding-bottom: 20px;}
	.consultplk-box{margin: 0; padding: 40px 10px 400px 10px; border: 1px solid #a89174;}
	.consultplk-title{padding: 0;}
	.consultplk-title .key{font-size: 14px; line-height: 18px;}
	.consultplk-title .title{font-size: 22px; padding-top: 4px; gap: 10px;}
	.consultplk-title .title img{width: 30px;}
	.consultplk-title .title strong{font-size: 30px; font-weight: 700;}
	.consultplk .box{padding: 20px; margin-top: 0;}
	.consultplk .box .text{font-size: 15px; font-weight: 100;line-height: 20px;}

	.course-wrap{margin-top: 100px;}
	.course-wrap:after{content: ""; display: block; clear: both;}
	.course-wrap .wrap{position: relative; border-top: none; border-bottom: none; height: auto;}
	.course-wrap .title-wrap{padding: 0 0 0 30px; position: relative; top: 0; left: 0;}
	.course-wrap .title-wrap .key{font-size: 12px; line-height: 14px;}
	.course-wrap .title-wrap .title{margin: 20px 0 0 25px; font-size: 25px; line-height: 30px;}
	.course-wrap .title-wrap .title strong{font-size: 25px;}
	.course-wrap .title-wrap a{font-size: 12px; margin: 20px 0 0 25px; padding-right: 20px; background-size: 15px;}
	.course-wrap .course{position: relative; margin-top: 30px;}
	.course-wrap .course .text-wrap{padding: 20px 15px 0 0; bottom: -25px;}
	.course-wrap .course .text-wrap .key{font-size: 12px;}
	.course-wrap .course .text-wrap .title{font-size: 16px; line-height: 20px; margin-top: 18px;}
	.course-wrap .course .text-wrap .text{font-size: 12px; margin-top: 10px;}
	.course-wrap .course.one{float: left; top: 0; left: 0; background-size: cover; height: 0; width: 82.5825%; padding-bottom: 109%;}
	.course-wrap .course.one .text-wrap{padding-right: 15px;}
	.course-wrap .course.two{float: right; margin-top: 60px; top: 0; right: 0; height: 0; width: 65.1651%; padding-bottom: 78.6618%; background-size: cover;}
	.course-wrap .course.three{float: left; margin-top: 60px; top: 0; left: 0; height: 0; width: 69.6696%; padding-bottom: 100%; background-size: cover;}
	.course-wrap img{position: relative; top: 0; right: 0; margin-top: 185px; width: calc(100% - 20px); float: right;}

	.travel{margin-top: 50px;}
	.travel img{position: relative; top: 0; right: 0; margin-top: 185px; width: calc(100% - 20px); float: right;}
	.travel .wrap{position: relative; height: 375px;}
	.travel .logo{ position: absolute; right: 0; top: -50px;}
	.travel .logo img{width: 100px;}
	.travel .text-wrap{padding: 30px 0 0 30px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.travel .text-wrap:before{display: none;}
	.travel .text-wrap .key{font-size: 12px;}
	.travel .text-wrap .title{font-size: 20px; line-height: 24px; font-weight: 100; margin-top: 20px;}
	.travel .text-wrap .title strong{font-size: 20px;}
	.travel .text-wrap .title span{font-size: 12px; padding-left: 10px;}
	.travel .text-wrap a{font-size: 12px; margin-top: 20px; padding-right: 20px; background-size: 15px;}
	.travel .pro-movie-con iframe{margin-top: 0; width: 100%; height: 250px;}

	.concierge img{position: relative; top: 0; right: 0; margin-top: 185px; width: calc(100% - 20px); float: right;}
	.concierge .custom-btn{margin-top: 80px; text-align: center;}
	.concierge .custom-btn a{display: inline-block; line-height: 60px; background: #213969; color: #fff; font-size: 20px; font-weight: 700; border-radius: 100px; padding: 0 50px;}
	.concierge .custom-links{margin: 20px auto 0px; width: 100%; display: flex; justify-content: space-between;}
	.concierge .custom-links a{position: relative;  padding: 20px 10px; background: url(../_images/_board/location_arrow.png) no-repeat right center; width: calc(50% - 2px); border: 1px solid #888; line-height: 22px; color: #333; font-weight: 500; font-size: 11px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.concierge .custom-links a:before{display: inline-block; content: ""; width: 23px; height: 23px; margin-right: 10px; vertical-align: bottom;}
	.concierge .custom-links a.tel:before{background: url("../_images/tour/ico_tel.png") no-repeat center/contain;}
	.concierge .custom-links a.email:before{background: url("../_images/tour/ico_mail.png") no-repeat center/contain;}

	.pacific{margin-top: 200px; height: auto;}
	.pacific:after{content: ""; display: block; clear: both;}
	/* .pacific .company{position: relative; height: 0; background-size: cover; padding-bottom: 64.7147%; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} */
	/*  .pacific .company a{padding: 24.0240% 0 0 7.5075%;} */
	.pacific .company{position: relative; height: 0; background-size: 100% 80%; padding-bottom: 64.7147%; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; top: 46px;}
	.pacific .company a{padding: 20%;}
	.pacific .company .key{color: #a89174; font-size: 13px; line-height: 16px;}
	.pacific .company .title{font-size: 25px; margin-top: 10px;}
	.pacific .company .text{font-size: 13px; margin-top: 15px; line-height: 18px;}
	.pacific .interview{margin-top: 10px; float: right; position: relative; width: 100%; top: 0;}
	.pacific img{position: relative; top: 0; right: 0; margin-top: -70px; width: calc(100% - 20px); float: right;}
	.pacific .sponsorship{margin-top: 10px; float: right; position: relative; width: 100%; top: 0;} 
	.pacific .sponsorship a{position: relative;}
	.pacific .sponsorship2{margin-top: 10px; float: right; position: relative; width: 100%; top: 0;} 
	.pacific .sponsorship2 a{position: relative;}
	.pacific .sponsorship .text-wrap{position: relative; top: 5px; left: 10px; width: 100%;}
	.pacific .sponsorship .text-wrap .key{color: #a89174; font-size: 20px; font-weight: 500; text-transform: uppercase;}
	.pacific .sponsorship .text-wrap .title{color: #000; font-size: 15px; font-weight: 500; margin-top: 10px; text-transform: uppercase;}
	.pacific .sponsorship2 .text-wrap{position: relative; top: 5px; left: 10px; width: 100%;}
	.pacific .sponsorship2 .text-wrap .key{color: #a89174; font-size: 20px; font-weight: 500; text-transform: uppercase;}
	.pacific .sponsorship2 .text-wrap .title{color: #000; font-size: 15px; font-weight: 500; margin-top: 10px; text-transform: uppercase;}

	.appdown_box{overflow: hidden; margin-top: 150px;}
	.appdown_tit{display: flex; justify-content: center; font-size: 34px; font-weight: 800; line-height: normal;}
	.appdown_gal{display: flex; justify-content: center; align-items: center; margin-top: 50px;}
	.appdown_gal a:first-child{margin-right: 20px;}
	.appdown_gal img{width: 160px;}


}

@media screen and (max-width: 500px){
	.m_popup{position: absolute; top: 12%; right: auto;left: 50%;transform: translate(-50%, 0);width: 92%; height: 100%; display: block;}
	.m_popup_con{position: static; transform: none;width: 100%;}
}  
  
//#layer-popup{position: absolute; top: 150px; left: 100px; z-index: 1;}
#layer-popup{position: absolute; top: 100px; left: 0px; z-index: 1;}
#layer-popup .popup-butt{background: #fff; height: 50px;}
#layer-popup .popup-butt #check{float: left; margin-left: 20px; margin-top: 13px;}
#layer-popup .popup-butt #close{float: right;}

#layer-popup2{position: absolute; top: 70px; left: 70px; z-index: 1;}
#layer-popup2 .popup-butt{background: #fff; height: 50px;}
#layer-popup2 .popup-butt #check{float: left; margin-left: 20px; margin-top: 13px;}
#layer-popup2 .popup-butt #close{float: right;}

#layer-popup_OLD{position: absolute; top: 150px; left: 50%; margin-left: -585px; z-index: 1;}
#layer-popup_OLD .popup-butt{background: #fff; height: 50px;}
#layer-popup_OLD .popup-butt #check{float: left; margin-left: 20px; margin-top: 13px;}
#layer-popup_OLD .popup-butt #close{float: right;}