@charset "UTF-8";
/*   common   */
figcaption {display:inline-block;line-height:18px;margin:5px 0 20px;font-size:13px;}

/* form */
select { width: 250px; /*padding: .58em .5em;  */ 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; }
select:focus {border: 1px solid #ccc;}
select::-ms-expand { display: none; }
select#prmt_select {position: absolute;top: 10px;right: 15px;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; 
}
@media screen and (max-width: 960px) {
	select#prmt_select {right: 21px;top: -6px;}
}
.prmt_content {position: relative;}


@media screen and (max-width: 960px) { select { padding-left: 10px; height: 40px; width: 100%; } select#prmt_select {width: 150px;} }
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; }

.hdLogo {display: none;}
#tooltip{
 position:absolute;
 border:1px solid #ccc;
 background:#fff;
 padding:10px;
 display:none;
 font-size:13px;
 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;
 }

@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; }
textarea:focus {border: 1px solid #e5e5e5;}


@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:focus {}
.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%; } }
/* table */
table { border-top: 2px solid #333; text-align: left; width: 100%; margin-top: 40px; }
table th { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 20px; color: #333; font-weight: 500; background: #f5f5f5; vertical-align: middle; line-height: 26px; font-size: 16px; text-align: center; }
table th button { line-height: 16px; background: #7c7c7c; color: #fff; min-width: 60px; text-align: center; border: none; font-weight: 700; padding: 0 10px; cursor: pointer; vertical-align: middle; }
table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 17px 20px; vertical-align: middle; line-height: 24px; }
table td button { line-height: 16px; background: #7c7c7c; color: #fff; min-width: 60px; text-align: center; border: none; font-weight: 700; padding: 0 10px; cursor: pointer; vertical-align: middle; }
table th.center, table td.center { text-align: center; padding: 17px 10px; }
table th.right, table td.right { text-align: right; padding: 17px 20px; }
table th:last-child, table td:last-child { border-right: none; }
table th.boR, table td.boR { border-right: 1px solid #e5e5e5; }
table tfoot td { background: rgba(153, 163, 87, 0.08); }
table tbody th { background: #fff; }

table.center { text-align: center; }
table.center th, table.center td { padding: 20px; }
table.center th.left, table.center td.left { text-align: left; padding: 17px 20px; }
table.center th.right, table.center td.right { text-align: right; padding: 20px; }

.memjoin_table td, .memjoin_table th {padding: 17px 14px;font-size: 15px;}
.memjoin_table .list-style02 > li,
.memjoin_table .list-style02 > li b {font-size: 15px;line-height: 25px;word-break: keep-all;}

.msg_touch_help { display: none; }

@media screen and (max-width: 960px) { 
	.join-content table {margin-top: 20px;}
}
/******************************     TABLE SCROLL     ******************************/
@media screen and (max-width: 960px) { table th { font-size: 13px; line-height: 18px; padding: 14px; }
  table td { font-size: 13px; line-height: 18px; }
  .table_inner.scroll { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table_inner.scroll table { width: 840px; }
  .msg_touch_help { position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; }
  .msg_touch_help img { width: 80px; height: 80px; } }
/* 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: 960px) { .mobile-hide { display: none !important; }
  .mobile-only { display: block !important; } }
.point { color: #a89174 !important; }

/*  GNB  */
header { position: fixed; left: 0; top: 0; z-index: 1000; -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:81%; display: flex;justify-content: center;}
header .mobile-hide #gnb > li { margin-left: 3.5%; height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
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(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: 743px;}
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.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: 1400px) {
    header .mobile-hide #gnb {width: 76%;}
}
@media screen and (max-width: 1240px) {
    header .mobile-hide #gnb { float: left; margin-left: 3.5%; width: 65%; display: flex; }
    header .mobile-hide #gnb > li { margin-left: 2.5%; height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    header .mobile-hide #gnb > li a {font-size: 15px;}
}

@media screen and (max-width: 960px) { 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; float: right; }
  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: #3972e3; font-weight: 700; } }



/*     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: 200px; }
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%;             /*.time{ margin-top: 20px; font-size: 14px; span{ display: inline-block; padding-left: 10px; margin-left: 10px; border-left: 1px solid #d6d7d8; &:first-child{ padding-left: 0; margin-left: 0; border: none; } strong{ color: $point2; } } } .time2{ margin-top: 10px; font-size: 14px; } .sponsor{ margin-top: 140px;
				@include clearfix;
				img{
					float: left;
					margin-left: 15px;
				}
			}*/ }
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('/www/zones/_images/common/fix_tel02.png'); box-sizing: border-box;}
footer .container .quick-menu .fix_katalk02{width: 35px; height: 35px; background: url('/www/zones/_images/common/fix_katalk02.png'); background-size: 35px;box-sizing: border-box; margin-bottom: 30px;}
footer .container .quick-menu .back_to_top02{width: 60px; height: 60px; background: url('/www/zones/_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;}
 }
/* Board */
.board { margin-top: 80px; border-top: 2px solid #333; width: 100%; }
.board .list { display: table; width: 100%; border-bottom: 1px solid #e5e5e5; }
.board .list li { display: table-cell; line-height: 60px; }
.board .list li.subject { width: auto; font-size: 18px; font-weight: 500; padding-left: 30px; display: block; color: #333; }
.board .list li.subject a { font-size: 18px; font-weight: 500; display: block; color: #333; }
.board .list li.subject a:hover { text-decoration: underline; }
.board .list li.date { width: 110px; text-align: right; padding-right: 30px; }
.board .board-view-top { padding: 40px 0; border-bottom: 1px solid #e5e5e5; }
.board .board-view-top .title { font-size: 26px; color: #333; text-align: center; font-weight: 700; margin-bottom: 20px; }
.board .board-view-top .date { text-align: center; }
.board .board-view-con { padding: 40px; }
.board .board-view-con .custom .title { font-size: 20px; font-weight: 500; color: #213969; margin-top: 40px; }
.board .board-view-con .custom strong { color: #111; }
.board .board-view-con .custom .ju { margin-top: 20px; color: #213969; }
.board .board-view-con .location { margin-bottom: 80px; }
.board .board-view-con .location p { font-size: 20px; font-weight: 500; color: #213969; margin-top: 80px; }
.board .board-view-con .location .wrap { margin-left: -30px; margin-top: 30px; }
.board .board-view-con .location .wrap:after { content: ""; display: block; clear: both; }
.board .board-view-con .location .wrap a { float: left; display: block; padding: 28px 30px; background: url(../_images/_board/location_arrow.png) no-repeat right center; margin-left: 30px; width: calc((100% - 60px) / 2); 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; }
.board .board-view-con .location .wrap a:before { display: inline-block; content: ""; width: 18px; height: 22px; margin-right: 10px; background: url(../_images/_board/ico_location.png) no-repeat center; vertical-align: bottom; }
.board .board-view-con img { display: block; margin: 0 auto; width: auto !important; max-width: 100% !important; }
.board .board-view-con .ui { position: relative; padding-top: 60px; background: url("../_images/_board/promotion_bg.png") no-repeat center/cover; }
.board .board-view-con .ui .btn-counsel { position: absolute; width: 300px; line-height: 80px; color: #0d3077; font-size: 30px; font-weight: 700; text-align: center; left: 50%; top: -40px; margin-left: -150px; background: #fff; border-radius: 40px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4); }
.board .board-view-con .ui .btn-counsel:before { display: inline-block; vertical-align: middle; width: 28px; height: 28px; margin-right: 10px; background: url("../_images/_board/promotion_btn_ico.png") no-repeat center/contain; content: ""; }
.board .board-view-con .ui .promotion-tab { width: 100%; }
.board .board-view-con .ui .promotion-tab ul { width: 100%; max-width: 940px; margin: 0 auto; display: table; }
.board .board-view-con .ui .promotion-tab ul li { display: table-cell; text-align: center; padding: 0 5px; }
.board .board-view-con .ui .promotion-tab ul li a { display: block; line-height: 60px; font-size: 22px; color: #8598be; font-weight: 700; background: #091c42; border-top-left-radius: 5px; border-top-right-radius: 5px;word-break:keep-all }
.board .board-view-con .ui .promotion-tab ul li.on a { background: #ebecf0; color: #333; }
.board .board-view-con .promotion-detail .item { display: none; }
.board .board-view-con .promotion-detail .item:first-child { display: block; }
.board .file-wrap { border-top: 1px solid #e5e5e5; border-bottom: 2px solid #333; }
.board .file-wrap ul { display: table; line-height: 60px; width: 100%; }
.board .file-wrap ul li { display: table-cell; }
.board .file-wrap ul li.key { width: 15%; text-align: center; color: #333; font-weight: 700; }
.board .file-wrap ul li.value { width: 85%; }
.board .file-wrap ul li.value a.file { background: url(../_images/common/btn_file.png) no-repeat 0 8px; color: #213969; line-height: 28px; padding-left: 20px; display: inline-block; }
.board .bottom { margin-top: 50px; border-top: 1px solid #e5e5e5; }
.board .bottom ul { border-bottom: 1px solid #e5e5e5; }
.board .bottom ul:after { content: ""; display: block; clear: both; }
.board .bottom ul li { line-height: 60px; float: left; }
.board .bottom ul li.key { width: 130px; font-weight: 700; padding-left: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .bottom ul li.link { width: calc(100% - 130px); }
.board .bottom ul li.link a { display: block; color: #333; width: 100%; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.board .bottom ul li.link a:hover { text-decoration: underline; }
.board .bottom ul.prev .key { background: url(../_images/_board/prev_arrow.png) no-repeat 0 0; background-size: contain; }
.board .bottom ul.next .key { background: url(../_images/_board/next_arrow.png) no-repeat 0 0; background-size: contain; }
.board .write { display: table; width: 100%; }
.board .write:first-of-type { padding-top: 25px; }
.board .write:last-of-type { border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; }
.board .write li { padding: 15px 0; display: table-cell; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .write li:first-child { font-weight: 700; line-height: 45px; padding-left: 30px; width: 23%; }
.board .write li:first-child label { color: #333; }
.board .write li em { display: inline-block; padding: 0 5px; vertical-align: middle; }
.consult-table {margin-top: 60px;}
.consult-table th label {color: #333;}
@media screen and (max-width: 960px) { 
	.consult-table {margin-top: 30px;}
	.consult-table td em {display: none;} 
}



.board .btn-wrap { margin-top: 60px; text-align: right; }
.board .btn-wrap a { text-align: center; }
.board .btn-wrap button{display: inline-block; min-width: 140px; line-height: 55px; border-radius: 55px; font-size: 16px; font-weight: 500; margin: 0 5px; color: #fff; padding: 0 30px; border: 1px solid #999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.board .btn-wrap button.on{background: #04599e;}
.board .btn-wrap button.off{background: #aaa;}
.board .period, .board .person { display: table; width: 100%; padding: 20px 40px; border-bottom: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .period p, .board .person p { display: table-cell; }
.board .period p.key, .board .person p.key { color: #333; font-weight: 700; width: 85px; }
.board .period .tag{display: flex; flex-wrap: wrap; gap: 20px;}
.board .period .tag li{cursor: pointer;}
.board .period .tag li a{display: block; font-size: 14px; color: #aaa; padding: 8px; border: 1px solid #aaa; border-radius: 20px;}
.board .movie {padding: 20px 40px; border-bottom: 1px solid #e5e5e5; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .movie .key {width: 100%; color: #333; font-weight: 700; vertical-align: top; margin-bottom:10px}
.board .movie .wrap {margin: 0;padding-bottom: 75%; max-width: 100%; height: 0; position: relative;overflow: hidden;}
.board .movie .wrap object {margin: 0;padding: 0; width: 100%; height: 95%;position: absolute; top: 0;left: 0;}
.board .movie .wrap ul { display: flex; margin-left: -30px; width: 100%; }
.board .movie .wrap ul li { width: calc((100% - 90px) / 3); margin-left: 30px; }
.board .movie .wrap ul li a { display: block; }
.board .movie .wrap ul li a .image { position: relative; }
.board .movie .wrap ul li a .image:before { display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../_images/_board/ico_movie.png) no-repeat center rgba(0, 0, 0, 0.4); }
.board .movie .wrap ul li a p { margin-top: 15px; }
.board .photo { display: table; padding: 20px 40px; border-bottom: 1px solid #e5e5e5; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .photo .key { display: table-cell; width: 220px; color: #333; font-weight: 700; vertical-align: top; }
.board .photo .wrap { display: table-cell; }
.board .photo .wrap ul { display: flex; margin-left: -30px; width: 100%; }
.board .photo .wrap ul li { width: calc((100% - 90px) / 3); margin-left: 30px; }
.board .photo .wrap ul li a { display: block; }
.board .photo .wrap ul li a p { margin-top: 15px; }

/*.board.thumb-list{
	.list{
		padding: 30px 0;
		a{
			display: block;
		}
		.thumb{
			width: 370px;
			line-height: 1;
		}
		.thumb-text{
			padding: 0 40px;
			vertical-align: top;
			.title{
				font-size: 18px;
				color: #333;
			}
			.text{
				margin-top: 30px;
				line-height: 24px;
			}
		}
	}
}*/
/*.board-media-view-con{
	display: table;
	border-bottom: 2px solid #333;
	.media-list{
		display: table-cell;
		width: 300px;
		padding: 40px 30px;
		background: #f5f5f5;
		vertical-align: top;
		@include box-sizing(border-box);
		dt{
			font-size: 18px;
			font-weight: 700;
			color: $primary;
			margin-bottom: 10px;
		}
		dd{
			@include listStyle(10px, 30px, "../_images/common/bu_line.png",15px);
			font-size: 15px;
			font-weight: normal;
			&.on{
				a{
					color: #333;
					font-weight: 700;
				}
			}
		}
	}
	.media-con{
		padding: 50px 0 30px 50px;
		.subtitle{
			overflow-y: auto;
			padding-top: 30px;
			height: 220px;
			@include box-sizing(border-box);
		}
	}
}*/
.thumb-list { margin-top: 80px; display: flex; flex-wrap: wrap; margin-left: -30px; }
.thumb-list .item { width: calc((100% - 90px) / 3); margin-left: 30px; border: 1px solid #e5e5e5; margin-bottom: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.thumb-list .item.finish .thumb-img { position: relative; }
.thumb-list .item.finish .thumb-img:after { content: '프로모션 종료';position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.6);width: 100%;height: 100%;color: #fff;font-size: 30px;font-weight: 700;display: flex;align-items: center;justify-content: center; }
.thumb-list .item a { display: block; }
.thumb-list .item .text-wrap { padding: 30px; }
.thumb-list .item .text-wrap .key { color: #99a357; font-weight: 500; }
.thumb-list .item .text-wrap .title { font-size: 18px; margin-top: 20px; line-height: 26px; color: #333; }
.thumb-list .item .text-wrap .date { margin-top: 30px; }
.thumb-list .item .text-wrap .date02{color: #a89174; font-weight: 500;}
.thumb-list .item .text-wrap .text { margin-top: 10px; }
.thumb-list .item .text-wrap .tag{margin-top: 30px; display: flex; flex-wrap: wrap; gap: 6px;}
.thumb-list .item .text-wrap .tag li{font-size: 14px; color: #aaa; padding: 4px 8px; border: 1px solid #aaa; border-radius: 16px;}
.thumb-search{display: flex; flex-direction: column; align-items: center; width: 100%;}
.thumb-search img{width: 100px;}
.thumb-search span{font-size: 1.3rem; font-weight: 400; margin-top: 30px;}

.board-search { text-align: center; margin-top: 50px; }
.board-search select { vertical-align: middle; width: 150px; }
.board-search .input-wrap { display: inline-block; border: 1px solid #ccc; margin-left: 6px; vertical-align: middle; }
.board-search .input-wrap:after { content: ""; display: block; clear: both; }
.board-search .input-wrap input[type="text"] { float: left; width: 295px; border: none; height: 43px; line-height: 43px; }
.board-search .input-wrap .btn-search { background: url(../_images/_board/btn_search.png) no-repeat 0 0; background-size: contain; width: 43px; height: 43px; float: right; text-indent: -9999px; }

@media screen and (max-width: 960px) { .board { margin-top: 40px; display: block; }
  .board .list { display: block; padding-top: 20px; padding-bottom: 20px; }
  .board .list li { line-height: 20px; }
  .board .list li.subject { padding-left: 20px; line-height: 20px; }
  .board .list li.subject a { font-size: 15px; }
  .board .list li.date { padding-top: 5px; width: 100%; text-align: left; padding-left: 20px; font-size: 12px; }
  .board .board-view-top { padding: 25px; }
  .board .board-view-top .title { font-size: 18px; line-height: 23px; margin-bottom: 10px; }
  .board .board-view-con { padding: 20px; }
  .board .board-view-con .custom .title { font-size: 15px; margin-top: 20px; }
  .board .board-view-con .custom table { margin-top: 20px; }
  .board .board-view-con .custom .ju { margin-top: 10px; }
  .board .board-view-con .location { margin-bottom: 30px; }
  .board .board-view-con .location p { font-size: 15px; margin-top: 40px; }
  .board .board-view-con .location .wrap { margin-left: 0; margin-top: 15px; }
  .board .board-view-con .location .wrap a { float: none; padding: 17px 20px; background-size: contain; margin-left: 0; width: 100%; line-height: 15px; font-size: 15px; margin-bottom: 10px; }
  .board .board-view-con .location .wrap a:before { width: 12px; height: 15px; background-size: contain; }
  .board .board-view-con img { width: 100% !important; height: 100% !important;}
  .board .board-view-con .ui { padding-top: 45px; }
  .board .board-view-con .ui .btn-counsel { width: 150px; line-height: 50px; font-size: 18px; top: -25px; margin-left: -75px; }
  .board .board-view-con .ui .btn-counsel:before { width: 16px; height: 16px; margin-right: 5px; }
  .board .board-view-con .ui .promotion-tab { padding: 0 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .board .board-view-con .ui .promotion-tab ul li { padding: 0 3px; }
  .board .board-view-con .ui .promotion-tab ul li a { line-height: 18px; font-size: 13px; padding: 10px 5px; }
  .board .board-view-con .promotion-detail .item { display: none; }
  .board .board-view-con .promotion-detail .item:first-child { display: block; }
  .board .file-wrap ul { line-height: 45px; }
  .board .file-wrap ul li.key { width: 20%; font-size: 12px; }
  .board .file-wrap ul li.value { width: 80%; }
  .board .file-wrap ul li.value a.file { background-size: 11px; padding-left: 18px; }
  .board .bottom { margin-top: 20px; }
  .board .bottom ul li { line-height: 45px; }
  .board .bottom ul li.key { width: 100px; padding-left: 40px; font-size: 12px; }
  .board .bottom ul li.link { width: calc(100% - 100px); }
  .board .bottom ul li.link a { font-size: 12px; line-height: inherit; }
  .board .write { display: block; }
  .board .write:first-of-type { padding-top: 15px; }
  .board .write:last-of-type { border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; }
  .board .write li { padding: 0; display: block; }
  .board .write li:first-child { line-height: 30px; padding-left: 0; width: 100%; }
  .board .write li:first-child label { font-size: 13px; }
  .board .write li em { display: none; }
  .board .btn-wrap { margin-top: 40px; }
  .board .btn-wrap a { width: 90px; min-width: 90px; }
  .board .period, .board .person { padding: 15px 20px; }
  .board .period p.key, .board .person p.key { width: 60px; }
  .board .movie, .board .photo { display: block; padding: 15px 20px; }
  .board .movie .key, .board .photo .key { display: block; width: 100%; }
  .board .movie .wrap, .board .photo .wrap { display: block; margin-top: 15px; }
  .board .movie .wrap ul, .board .photo .wrap ul { margin-left: 0; display: block; }
  .board .movie .wrap ul li, .board .photo .wrap ul li { width: 100%; margin-left: 0; margin-bottom: 15px; }
  .board .movie .wrap ul li a p, .board .photo .wrap ul li a p { margin-top: 10px; }
  /*.board.thumb-list{ 	.list{ 		padding: 20px 0; 		.thumb{ 			width: 100%; 			img{ 				width: 100%; 			} 		} 		.thumb-text{ 			padding: 20px 0 0 0; 			.title{ 				font-size: 15px; 			} 			.text{ 				margin-top: 15px; 				line-height: 17px; 				font-size: 12px; 			} 		} 	} }*/
  /*.board-media-view-con{ 	display: block; 	.media-list{ 		display: block; 		width: 100%; 		padding: 30px 20px; 		dt{ 			font-size: 15px; 		} 		dd{ 			@include listStyle(10px, 21px, "../_images/common/bu_line.png",12px); 			a{ 				font-size: 12px; 			}	 		} 	} 	.media-con{ 		padding: 0; 		padding-bottom: 20px; 		.subtitle{ 			padding-top: 20px; 			height: 180px; 		} 	} }*/
  .thumb-list { margin-top: 40px; margin-left: 0; }
  .thumb-list .item { width: 100%; margin-left: 0; margin-bottom: 15px; }
  .thumb-list .item .text-wrap { padding: 15px; }
  .thumb-list .item .text-wrap .key { font-size: 12px; }
  .thumb-list .item .text-wrap .title { font-size: 15px; margin-top: 10px; line-height: 20px; }
  .thumb-list .item .text-wrap .date { margin-top: 20px; }
  .thumb-list .item .text-wrap .text { margin-top: 5px; }
  .thumb-list .item .text-wrap .tag{margin-top: 20px;}
  .thumb-list .item .text-wrap .tag li{font-size: 12px; padding: 2px 6px;}
  .board-search { margin-top: 25px; }
  .board-search select { width: 100px; }
  .board-search .input-wrap { margin-left: 0; }
  .board-search .input-wrap input[type="text"] { width: 187px; height: 38px; line-height: 38px; margin-bottom: 0; }
  .board-search .input-wrap .btn-search { width: 38px; height: 38px; } }
/* FAQ */
.faq { margin-top: 80px; border-top: 2px solid #333; width: 100%; }
.faq li { border-bottom: 1px solid #e5e5e5; padding: 20px 0; }
.faq li a { line-height: 26px; color: #333; display: inline-block; width: calc(100% - 84px); }
.faq li em { color: #99a357; }
.faq li.q { background: url(../_images/common/lnb_arrow.png) no-repeat right top; }
.faq li.q em { display: inline-block; width: 30px; text-align: center; }
.faq li.q.on { background-position: right bottom; }
.faq li.a { background: #f5f5f5; padding: 20px; line-height: 26px; display: none; }

@media screen and (max-width: 960px) { .faq { margin-top: 40px; }
  .faq li { border-bottom: 1px solid #e5e5e5; padding: 20px 0; }
  .faq li a { line-height: 17px; }
  .faq li em { vertical-align: top; } }
/* paging */
#paging { width: 100%; margin-top: 50px; text-align: center; }
#paging .wrap { display: inline-block; }
#paging a { display: inline-block; width: 40px; height: 40px; vertical-align: middle; line-height: 40px; text-align: center; font-size: 14px; }
#paging a.on { color: #fff; background: #88929a; font-weight: 700; border-radius: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#paging a.ll { background: url(../_images/_board/page_ll.png) no-repeat center center; text-indent: -9999px;}
#paging a.l { background: url(../_images/_board/page_l.png) no-repeat center center; text-indent: -9999px;}
#paging a.r { background: url(../_images/_board/page_r.png) no-repeat center center; text-indent: -9999px;}
#paging a.rr { background: url(../_images/_board/page_rr.png) no-repeat center center; text-indent: -9999px; }

@media screen and (max-width: 960px) { 
#paging { margin-top: 30px; }
#paging a { width: 26px; height: 26px; line-height: 26px; font-size: 12px; } 
#paging a.ll {width: 13px;}
#paging a.l {width: 18px;}
#paging a.r {width: 18px;}
#paging a.rr {width: 13px;}
}

#lnb { line-height: 59px; height: 60px; position: absolute; left: 0; bottom: 0; z-index: 1; }
#lnb:before { display: block; content: ""; height: 100%; width: 200%; background: #fff; position: absolute; top: 0; right: 100%; }
#lnb .main-lnb { float: left; border-bottom: 1px solid #e5e5e5; }
#lnb .main-lnb li { float: left; width: 255px; position: relative; border-left: 1px solid #e5e5e5;}
#lnb .main-lnb li.home { width: 60px; }
#lnb .main-lnb li.home a { background: url(../_images/common/lnb_home.png) no-repeat center; text-indent: -9999px; display: block; height: 100%; }
#lnb .main-lnb li > a { color: #333; text-indent: 20px; display: block; background: url(../_images/common/lnb_arrow.png) no-repeat right top #fff; font-size: 16px; line-height: 60px; }
#lnb .main-lnb li > a.on { background-position: right bottom; }
#lnb .main-lnb li ul { border-top: 1px solid #e5e5e5; position: absolute; left: -1px; top: 100%; background-color: #fff; display: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#lnb .main-lnb li ul li { border: 1px solid #e5e5e5; border-top: none; background: #fff; }
#lnb .main-lnb li ul li a { line-height: 59px; background: none; }
#lnb .main-lnb li ul li a.on { color: #a89174; font-weight: 700; }

@media screen and (max-width: 960px) { #lnb { line-height: 45px; height: 46px; width: 100%; bottom: -46px; float: none; }
  #lnb .main-lnb { width: 100%; }
  #lnb .main-lnb > li { display: none; float: left; width: 100%; }
  #lnb .main-lnb > li.home { display: none; }
  #lnb .main-lnb > li > a { font-size: 14px; background-size: 45px; line-height: 45px; }
  #lnb .main-lnb > li > a.on { background-position: right bottom; }
  #lnb .main-lnb > li ul { width: 100%; }
  #lnb .main-lnb > li ul li { width: 100%; }
  #lnb .main-lnb > li ul li a { line-height: 45px; font-size: 12px; }
  #lnb .main-lnb > li:last-child { display: block; } }
#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; }

.top-visual { height: 200px; margin-top: 100px; }
.top-visual .container { height: 100%; }
.top-visual .wrap { position: relative; height: 100%; }
.top-visual.company { background: url(../_images/company/subtop.jpg) no-repeat center; background-size: cover; }
.top-visual.membership { background: url(../_images/membership/subtop.jpg) no-repeat center; background-size: cover; }
.top-visual.golf { background: url(../_images/golf/subtop.jpg?v=1007) no-repeat center; background-size: cover; height: 550px; }
.top-visual.travel { background: url(../_images/tour/subtop.jpg) no-repeat center; background-size: cover; }
.top-visual.concierge { background: url(../_images/concierge/subtop.jpg) no-repeat center; background-size: cover; }
.top-visual.community { background: url(../_images/cs/subtop.jpg) no-repeat center; background-size: cover; }
.top-visual.media { background: url(../_images/media/subtop.jpg) no-repeat center; background-size: cover; }

@media screen and (max-width: 960px) { .top-visual { height: 160px; margin-top: 60px; }
  .top-visual .container { padding: 0; }
  .top-visual.golf { height: 200px; } }
h2 { font-size: 40px; color: #fff; font-weight: 500; position: absolute; top: 70px; left: 50%; margin-left: 315px; text-transform: uppercase; }
h2 em { font-size: 15px; color: #fff; margin-bottom: 5px; display: block; }

@media screen and (max-width: 960px) { h2 { font-size: 30px; position: relative; top: 55px; left: 0; margin-left: 0; text-align: center; }
  h2 em { font-size: 14px; } }
h3 { margin-top: 90px; font-size: 45px; color: #222; font-weight: 300; }

h4 { margin-top: 80px; font-size: 26px; font-weight: 700; color: #333; }

h5 { margin-top: 80px; font-size: 20px; color: #213969; line-height: 34px; }

h6 { margin-top: 20px; font-size: 45px; color: #222; font-weight: 300; }


@media screen and (max-width: 960px) { h3 { margin-top: 50px; font-size: 26px; font-weight: 100; }
  h4 { margin-top: 40px; font-size: 20px; }
  h5 { margin-top: 30px; font-size: 15px; line-height: 24px; } }
p { line-height: 23px; }

em { font-style: normal; }

/*     btns     */
.btn-wrap { text-align: right; margin-top: 50px; }
.btn-wrap a { text-align: center; display: inline-block; min-width: 140px; line-height: 55px; border-radius: 55px; font-size: 16px; font-weight: 500; margin: 0 5px; color: #333; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn-wrap a.btn-solid { background: #213969; color: #fff; }
.btn-wrap a.btn-stroke { border: 1px solid #999; }
.btn-wrap.left { text-align: left; }
.btn-wrap.left a { text-align: center; }
.btn-wrap.right { text-align: right; }
.btn-wrap.right a { text-align: center; }

.mobile-zoom { display: none; }

@media screen and (max-width: 960px) { .btn-wrap { margin-top: 30px; }
  .btn-wrap a { line-height: 40px; border-radius: 40px; font-size: 12px; width: calc((100% - 28px ) / 2); }
  .btn-wrap.btn-col3 a { width: calc((100% - 42px ) / 3); min-width: 0; }
  .btn-wrap.btn3 .btn-solid { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
  .btn-wrap.btn1 a { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
  .mobile-zoom { display: block; border: 1px solid #e5e5e5; font-size: 13px; text-align: center; color: #888; font-weight: 500; margin-top: 10px; line-height: 36px; }
  .mobile-zoom:after { display: inline-block; content: ""; width: 10px; height: 10px; background: url(../_images/common/mobile_zoom.png) no-repeat center; background-size: contain; margin-left: 10px; vertical-align: middle; } }
/*     Korea     */
.company-top .image { margin-top: 40px; height: 500px; position: relative; background: url(../_images/company/11.jpg) no-repeat center; background-size: cover; text-align: center; }
.company-top .image .text-wrap { position: absolute; bottom: 0; left: 50%; display: inline-block; width: 65.8119%; padding-top: 40px; background: #fff; margin-left: -32.9059%; }
.company-top .image .text-wrap .key { color: #a89174; font-size: 24px; line-height: 32px; }
.company-top .text { margin-top: 60px; line-height: 26px; text-align: center; }

.card { margin-top: 80px; }
.card:after { content: ""; display: block; clear: both; }
.card .image { float: left; }
.card .text { padding-left: 60px; float: left; width: calc(100% - 400px); }
.card .text p { margin-top: 30px; line-height: 26px; }
.card .text p:first-child { margin-top: 0; }

.ceo { margin-top: 80px; }
.ceo:after { content: ""; display: block; clear: both; }
.ceo .image { float: left; }
.ceo .text { padding-left: 60px; float: left; width: calc(100% - 400px); }
.ceo .text p { margin-top: 10px; line-height: 20px; }
.ceo .text p:first-child { margin-top: 0; }
.ceo h3 { font-size:35px; color:#1e1e1e; margin-top:10px; margin-bottom:10px; font-weight:700; }
.ceo h4 { font-size:45px; color:#1e1e1e; margin-top:10px; margin-bottom:10px; }
.ceo .submsg { font-weight:bold; color:#1e1e1e; }
.ceo .annae { padding:30px 0; }
.ceo .career { color:#1e1e1e; font-weight:bold; }
.ceo .list { padding: 50px 0; display: table; border-bottom: 1px solid #e5e5e5; width: 100%; }


.history { border-top: 2px solid #333; margin-top: 40px; }
.history .list { padding: 50px 0; display: table; border-bottom: 1px solid #e5e5e5; width: 100%; }
.history .list li { color: #333; font-size: 50px; font-weight: 600; display: table-cell; vertical-align: top; }
.history .list li p:not(:last-of-type) { margin-bottom: 10px; }
.history .list li:first-child { width: 25%; }
.history .list li:last-child { width: 75%; color: #666; font-weight: 400; vertical-align: middle;}

.orga { margin-top: 40px; }
.orga img { width: 100%; }

@media screen and (max-width: 960px) { .company-top .image { margin-top: 20px; height: 210px; }
  .company-top .image .text-wrap { display: inline-block; width: 81%; padding-top: 20px; margin-left: -40.5%; bottom: -40px; }
  .company-top .image .text-wrap .key { font-size: 15px; line-height: 22px; }
  .company-top .text { margin-top: 65px; line-height: 18px; font-size: 13px; }
  .card { margin-top: 60px; }
  .card .image { float: none; }
  .card .image img { width: 100%; }
  .card .text { padding-left: 0; float: none; width: 100%; }
  .card .text p { margin-top: 30px; line-height: 18px; font-size: 13px; }
  .card .text p:first-child { margin-top: 30px; }

  .ceo { margin-top: 50px; }
  .ceo .image { float: none; }
  .ceo .image img { width: 100%; }
  .ceo .text { padding-left: 0; float: none; width: 100%; }
  .ceo .text p { margin-top: 10px; line-height: 18px; font-size: 13px; }
  .ceo .text p:first-child { margin-top: 30px; }
  .ceo h3 { margin:10px 0; font-weight:700; font-size:26px;}
  .ceo h4 { margin:10px 0; }
  .ceo .submsg { font-weight:bold; color:#1e1e1e; padding-top:2px; }
  .ceo .annae { }
  .ceo .career { margin-top:20px; }
  .ceo .list { padding: 20px 0; display: table; border-bottom: 1px solid #e5e5e5; width: 100%; }

  .history { border-top: 2px solid #333; margin-top: 20px; }
  .history .list { padding: 30px 0; display: block; }
  .history .list li { font-size: 30px; display: block; }
  .history .list li p { margin-bottom: 10px; }
  .history .list li:first-child { width: 100%; }
  .history .list li:last-child { margin-top: 15px; width: 100%; font-size: 13px; }
  .orga { margin-top: 20px; } }
/*     Ambassador     */
.ambassador { margin-top: 80px; }
.ambassador .wrap { position: relative; }
.ambassador .wrap img { width: 65.8119%; }
.ambassador .wrap .text-wrap { position: absolute; right: 0; bottom: 0; background: #fff; padding-top: 50px; padding-left: 50px; width: 500px; }
.ambassador .wrap .text-wrap .key { font-size: 24px; color: #a89174; font-weight: 500; }
.ambassador .wrap .text-wrap .title { font-size: 46px; line-height: 52px; color: #222; font-weight: 700; padding-left: 40px; padding-top: 40px; }
.ambassador .wrap .text-wrap .sub { padding-top: 40px; padding-left: 50px; font-size: 28px; color: #213969; font-weight: 500; }
.ambassador .wrap .text-wrap ul { padding-left: 50px; }
.ambassador .con { text-align: center; padding-top: 70px; margin-top: 80px; background: url(../_images/company/ico_sponsor.png) no-repeat 50% 0; }
.ambassador .con .text { padding-bottom: 40px; color: #444; line-height: 26px; }
.ambassador .con .sign { color: #444; background: url(../_images/company/sign.png) no-repeat 50% 100%; padding-bottom: 110px; font-weight: 700; }

@media screen and (max-width: 960px) { .ambassador { margin-top: 40px; }
  .ambassador .wrap { position: relative; }
  .ambassador .wrap img { width: 100%; }
  .ambassador .wrap .text-wrap { position: relative; right: 0; bottom: 0; background: transparent; padding-top: 0; padding-left: 0; width: 100%; margin-top: -40px; }
  .ambassador .wrap .text-wrap .key { font-size: 15px; padding-top: 15px; padding-right: 75px; background: #fff; display: inline-block; }
  .ambassador .wrap .text-wrap .title { font-size: 23px; line-height: 1; font-weight: 700; padding-left: 0; padding-top: 10px; }
  .ambassador .wrap .text-wrap .sub { padding-top: 20px; padding-left: 0; font-size: 14px; }
  .ambassador .wrap .text-wrap ul { padding-left: 0; }
  .ambassador .con { float: none; width: 100%; background-size: 33px; margin-top: 54px; padding-top: 45px; }
  .ambassador .con .text { padding-bottom: 25px; color: #444; line-height: 18px; width: 100%; }
  .ambassador .con .sign { padding-bottom: 115px; background-size: 40px; } }
/*     network     */
.network-top { border-bottom: 1px solid #e5e5e5; padding: 40px 0 100px; }
.network-top img { margin: 0 auto; display: block; }

.pacific-golf .wrap { position: relative; height: 0; padding-bottom: 145.8974%; border-bottom: 1px solid #e5e5e5; }
.pacific-golf .wrap .course { position: absolute; }
.pacific-golf .wrap .course .text-wrap { position: absolute; left: 0; bottom: 0; background: #fff; padding: 40px 30px 0 0; }
.pacific-golf .wrap .course .text-wrap .key { color: #99a357; font-size: 16px; text-transform: uppercase; font-weight: 500; }
.pacific-golf .wrap .course .text-wrap .title { font-size: 28px; line-height: 32px; font-weight: 100; margin-top: 15px; color: #222; font-weight: 500; text-transform: uppercase; }
.pacific-golf .wrap .course .text-wrap .text { font-size: 16px; color: #666; margin-top: 15px; }
.pacific-golf .wrap .course.one { top: 3.5149%; left: 0; background: url(../_images/company/22.jpg) no-repeat center; background-size: cover; height: 37.4926%; width: 50%; }
.pacific-golf .wrap .course.one .text-wrap { padding-right: 140px; }
.pacific-golf .wrap .course.two { top: 0%; right: 0; height: 27.5336%; width: 31.6239%; background: url(../_images/company/23.jpg) no-repeat center; background-size: cover; }
.pacific-golf .wrap .course.three { top: 59.1681%; left: 0; height: 27.5336%; width: 40.1709%; background: url(../_images/company/24.jpg) no-repeat center; background-size: cover; }
.pacific-golf .wrap .course.four { top: 45.6942%; right: 0; height: 37.4926%; width: 50%; background: url(../_images/company/25.jpg) no-repeat center; background-size: cover; }
.pacific-golf .wrap .course.four .text-wrap { padding-right: 140px; }

.corporate { margin-top: 40px; }
.corporate ul { border: 1px solid #e5e5e5; padding: 40px; margin-left: 30px; margin-bottom: 30px; width: calc((100% - 60px) / 2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.corporate ul:after { content: ""; display: block; clear: both; }
.corporate ul li { width: 75.5102%; }
.corporate ul li:nth-child(1) { width: 24.4897%; }
.corporate ul li { float: left; padding-left: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.corporate ul li:nth-child(1) { font-size: 20px; font-weight: 700; color: #213969; padding-left: 0; }
.corporate ul li .title { font-weight: 700; margin-bottom: 10px; color: #444; }
.corporate ul li .add { line-height: 26px; margin-bottom: 10px; color: #444; }
.corporate ul li .call { color: #444; padding-left: 25px; background: url(../_images/common/ico_phone.png) no-repeat left center; display: block; cursor: auto; }
.corporate ul li .fax { color: #444; padding-left: 25px; background: url(../_images/common/ico_fax.png) no-repeat left center; display: block; }
.corporate ul li .location { line-height: 45px; background: #213969; color: #fff; font-weight: 500; padding: 0 20px; display: block; margin-top: 20px; text-align: center; }
.corporate ul li .location:before { display: inline-block; content: ""; width: 13px; height: 16px; background: url(../_images/common/ico_location.png) no-repeat center; margin-right: 10px; margin-bottom: -2px; }
.corporate .top { margin-left: -30px; display: flex; flex-wrap: wrap; }
.corporate .top ul { width: 100%; }
.corporate .top ul li:nth-child(1) { width: 11.0091%; }
.corporate .top ul.col2 li { width: 44.4954%; }
.corporate .top ul.col2 li:nth-child(1) { width: 11.0091%; }
.corporate .top ul.col2 li.gwangju {width:55.5%;margin-top:30px;padding-left:calc(11.0091% + 40px)}
.corporate .top ul.col2 li.cheonan {margin-top:30px;}
.corporate .mid{margin-top: 50px;}
.corporate .mid ul{border: none; padding: 0; margin-left: 0; width: 100%;}
.corporate .mid ul:last-child{margin-bottom: 0;}
.corporate .mid ul li{width: 100%; border-top: 1px solid #e5e5e5; padding-top: 16x; padding-left: 0; font-size: 20px; font-weight: 700;}
.corporate .mid ul li:last-child{border-bottom: 1px solid #e5e5e5;}

.net_tit{position: relative; padding-left: 10px; padding-right: 61px; margin-bottom: 16px; line-height: 22px;}
.net_tit:after{content: ""; position: absolute; top: 6px; right: 14px; background: url("../_images/company/ico_down.png"); width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; transform: rotate(0); transition: .5s; background-position: 50%;}
.net_list{background: #f4f4f4; padding: 40px}
.net_list > ul li{background: #fff; padding: 40px; padding-top: 40px !important; padding-left: 40px !important;}

.corporate .china { margin-left: -30px; display: flex; flex-wrap: wrap; overflow: hidden; height: 0; }
.corporate .china.on { height: auto; }
.corporate .expand { background: #a89174; color: #fff; font-weight: 500; text-align: center; line-height: 45px; display: block; width: 100%; margin-bottom: 30px; }

@media screen and (max-width: 960px) { .network-top { border-bottom: none; padding: 20px 0; }
  .network-top img { width: 100%; }
  .pacific-golf .wrap { height: auto; padding-bottom: 0; border-bottom: none; margin-top: 20px; }
  .pacific-golf .wrap:after { content: ""; display: block; clear: both; }
  .pacific-golf .wrap .course { position: relative; }
  .pacific-golf .wrap .course .text-wrap { padding: 20px 45px 0 0; bottom: -70px; }
  .pacific-golf .wrap .course .text-wrap .key { font-size: 12px; line-height: 18px; }
  .pacific-golf .wrap .course .text-wrap .title { font-size: 16px; line-height: 20px; margin-top: 10px; }
  .pacific-golf .wrap .course .text-wrap .text { font-size: 12px; margin-top: 10px; }
  .pacific-golf .wrap .course.one { float: left; top: 0; left: 0; background-size: cover; height: 0; width: 82.5825%; padding-bottom: 90.3903%; }
  .pacific-golf .wrap .course.one .text-wrap { padding-right: 65px; }
  .pacific-golf .wrap .course.two { float: right; margin-top: 88px; top: 0; right: 0; height: 0; width: 52.5525%; padding-bottom: 66.6666%; background-size: cover; }
  .pacific-golf .wrap .course.two .text-wrap { left: -57px; }
  .pacific-golf .wrap .course.three { float: left; margin-top: 112px; top: 0; left: 57px; height: 0; width: 65.1651%; padding-bottom: 65.1651%; background-size: cover; }
  .pacific-golf .wrap .course.three .text-wrap { left: -57px; }
  .pacific-golf .wrap .course.four { float: right; margin-top: 112px; top: 0; left: 0; height: 0; width: 82.5825%; padding-bottom: 90.3903%; background-size: cover; margin-bottom: 80px; }
  .pacific-golf .wrap .course.four .text-wrap { padding-right: 65px; }
  .corporate { margin-top: 20px; }
  .corporate:after { content: ""; display: block; clear: both; }
  .corporate ul { padding: 25px; margin-left: 0; width: 100%; height: auto; margin-bottom: 15px; }
  .corporate ul li { float: none; padding-left: 0; width: 100% !important; }
  .corporate ul li:nth-child(1) { font-size: 15px; margin-bottom: 15px; }
  .corporate .top ul.col2 li.gwangju {float: none; padding-left: 0; width: 100% !important;}
  .corporate .top ul.col2 li.cheonan {margin-top:0px;}
  .corporate ul li .title { font-size: 13px; }
  .corporate ul li .add { line-height: 22px; font-size: 13px; }
  .corporate ul li .call { font-size: 13px; display: inline-block; letter-spacing: -0.5px; }
  .corporate ul li .fax { font-size: 13px; display: inline-block; margin-left: 10px; }
  /* .corporate ul li .location { line-height: 38px; float: none; margin: 10px 0 30px; font-size: 13px; } */
  .corporate ul li .location { line-height: 38px; float: none; margin-top: 10px; font-size: 13px; }
  .corporate ul li .location:before { width: 11px; height: 14px; background-size: contain; margin-right: 5px; }
  .corporate .top { margin-left: 0; }
  .corporate .china { margin-left: 0; height: auto; }
  .corporate .expand { line-height: 30px; margin-bottom: 20px; display: none; } }

  .corporate .mid ul{border: none; padding: 0; margin-left: 0; width: 100%;}
  .corporate .mid ul:last-child{margin-bottom: 0;}
  .corporate .mid ul li{width: 100%; border-top: 1px solid #e5e5e5; padding-top: 24px; padding-left: 0; font-size: 20px; font-weight: 700;}
  .corporate .mid ul li:last-child{border-bottom: 1px solid #e5e5e5;}

  .net_tit{position: relative; padding-left: 10px; padding-right: 61px; margin-bottom: 24px; line-height: 22px;}
  .net_tit:after{content: ""; position: absolute; top: 6px; right: 14px; background: url("../_images/company/ico_down.png"); width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; transform: rotate(0); transition: .5s; background-position: 50%;}
  .net_tit.on:after{transform: rotate(180deg);}
  .net_list{background: #f4f4f4; padding: 20px}
  .net_list > ul li{background: #fff; padding: 20px; padding-top: 20px !important; padding-left: 20px !important;}



/*     Philosophy     */
/*     membership-intro     */
.membership-intro .key { margin-top: 100px; text-align: center; color: #9FA0A0; font-size: 40px; text-transform: uppercase; font-weight: 700; }
.membership-intro .title { margin-top: 20px; font-size: 28px; font-weight: 500; color: #222; text-align: center; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }
.membership-intro .image { margin-top: 60px; }
.membership-intro .image img { display: block; margin: 0 auto; }

.membership-intro-body { margin-top: 100px; margin-left: -30px; display: flex; flex-wrap: wrap;}
.membership-intro-body:after { content: ""; display: block; clear: both; }
.membership-intro-body .item { width: calc((100% - 90px) /3); margin-left: 30px; border: 1px solid #e5e5e5; padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.membership-intro-body .item .title { font-size: 20px; color: #213969; font-weight: 500; }
.membership-intro-body .item .text { font-size: 16px; line-height: 26px; margin-top: 20px; }


.membership-intro-body .acard { font-size: 16px; line-height: 26px; text-align:center; }
.membership-intro-body .boldText { margin-top:10px; font-size: 26px; font-weight:bold; line-height: 26px; text-align:center; }

.membership-intro-tit {display: flex; align-items: center; justify-content: space-between;}
.membership-intro-tit a{background: #ed4d4d; color: #fff; padding: 14px 20px; margin-top: 90px;}

.mem_prod{margin-top: 30px;}
.mem_prod img{width: 100%;}
.mem_txt{font-size: 14px; float: right; margin-top: 6px;}


@media screen and (max-width: 960px) {
  .membership-intro .key { margin-top: 40px; font-size: 20px; }
  .membership-intro .title { margin-top: 0; font-size: 16px; }
  .membership-intro .image { margin-top: 30px; }
  .membership-intro .image img { width: 100%; }
  .membership-intro-body { margin-top: 60px; margin-left: 0;}
  .membership-intro-body .item { width: 100%; margin-left: 0; float: none; border: 1px solid #e5e5e5; padding: 25px; min-height: 0; margin-bottom: 15px; }
  .membership-intro-body .item .title { font-size: 15px; }
  .membership-intro-body .item .text { font-size: 13px; line-height: 18px; margin-top: 10px;}

  .membership-intro-tit {display: flex; align-items: center; justify-content: space-between;}
.membership-intro-tit a{background: #ed4d4d; color: #fff; padding: 10px; margin-top: 100px; font-size: 16px;}
  
  .mem_prod{margin-top: 10px;}
  .mem_prod img{width: 100%;}
  .mem_txt{font-size: 8px; float: right; margin-top: 0px;}
  }
/*     benefit     */
.benefit .wrap { position: relative; height: 0; padding-bottom: 165.8119%; }
.benefit .wrap .course { position: absolute; }
.benefit .wrap .course .text-wrap { position: absolute; left: 0; bottom: 0; background: #fff; padding: 40px 30px 0 0; }
.benefit .wrap .course .text-wrap .key { color: #99a357; font-size: 16px; text-transform: uppercase; font-weight: 500; }
.benefit .wrap .course .text-wrap .title { font-size: 28px; line-height: 32px; font-weight: 100; margin-top: 15px; color: #222; font-weight: 500; text-transform: uppercase; }
.benefit .wrap .course .text-wrap .text { font-size: 16px; color: #666; margin-top: 15px; }
.benefit .wrap .course.one { top: 4.2894%; left: 0; background: url(../_images/membership/41jpg) no-repeat center; background-size: cover; height: 33.0749%; width: 50%; padding-right: 70px; }
.benefit .wrap .course.two { top: -1.5503%; right: 0; height: 24.2894%; width: 31.6239%; background: url(../_images/membership/42.jpg) no-repeat center; background-size: cover; }
.benefit .wrap .course.three { top: 28.9405%; right: 0; height: 24.2894%; width: 40.1709%; background: url(../_images/membership/43.jpg) no-repeat center; background-size: cover; }
.benefit .wrap .course.three .text-wrap { padding-right: 90px; }
.benefit .wrap .course.four { top: 43.6692%; left: 0; background: url(../_images/membership/44.jpg) no-repeat center; background-size: cover; height: 24.2894%; width: 31.6239%; }
.benefit .wrap .course.four .text-wrap { padding-right: 60px; }
.benefit .wrap .course.five { top: 59.4315%; right: 0; height: 33.0749%; width: 50%; background: url(../_images/membership/45.jpg) no-repeat center; background-size: cover; }
.benefit .wrap .course.five .text-wrap { padding-right: 150px; }
.benefit .wrap .course.six { top: 74.1602%; left: 0; height: 24.2894%; width: 40.1709%; background: url(../_images/membership/46.jpg) no-repeat center; background-size: cover; }
.benefit .wrap .course.six .text-wrap { padding-right: 60px; bottom: -30px; }

.member-step ul { display: table; margin-top: 60px; width: 100%; }
.member-step ul .item { width: 20%; display: table-cell; }
.member-step ul .item .step { font-size: 16px; color: #213969; font-weight: 700; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; position: relative; }
.member-step ul .item .step:after { display: block; content: ""; width: 16px; height: 16px; border: 4px solid #213969; position: absolute; left: 50%; bottom: -8px; margin-left: -8px; background: #fff; border-radius: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.member-step ul .item .text { font-size: 18px; color: #333; font-weight: 700; line-height: 26px; text-align: center; margin-top: 25px; }
.member-step ul .item .text em { font-size: 16px; font-weight: 300; display: block; margin-top: 20px; }
.member-step .cs { height: 120px; background: url(../_images/membership/47.jpg) no-repeat center; text-indent: -9999px; margin-top: 60px; }

@media screen and (max-width: 960px) { .benefit .wrap { height: auto; padding-bottom: 100px; border-bottom: none; margin-top: 20px; }
  .benefit .wrap:after { content: ""; display: block; clear: both; }
  .benefit .wrap .course { position: relative; }
  .benefit .wrap .course .text-wrap { padding: 20px 15px 0 0; bottom: -70px; width: 100%;}
  .benefit .wrap .course .text-wrap .key { font-size: 12px; line-height: 18px; }
  .benefit .wrap .course .text-wrap .title { font-size: 16px; line-height: 20px; margin-top: 10px; }
  .benefit .wrap .course .text-wrap .text { font-size: 12px; margin-top: 10px; line-height: 18px; }
  .benefit .wrap .course.one { float: left; top: 0; left: 0; background-size: cover; height: 0; width: 82.5825%; padding-bottom: 90.3903%; }
  .benefit .wrap .course.one .text-wrap { padding-right: 45px; bottom: -50px; width: 100%;}
  .benefit .wrap .course.two { float: right; margin-top: 90px; top: 0; right: 0; height: 0; /*width: 52.5525%;*/width: 73.5525%; padding-bottom: 66.5165%; background-size: cover; }
  .benefit .wrap .course.two .text-wrap { padding-right: 35px; left: 0;5 width: 100%;}
  .benefit .wrap .course.three { float: left; margin-top: 115px; top: 0; left: 0; height: 0;/* width: 65.1651%;*/width: 77.1651%; padding-bottom: 65.1651%; background-size: cover; margin-left: 0; }
  .benefit .wrap .course.three .text-wrap { padding-right: 45px; left: 0; width: 100%;}
  .benefit .wrap .course.four { margin-top: 100px; float: right; top: 0; left: 0; background-size: cover; height: 0; width: 75.5525%; padding-bottom: 66.6666%; }
  .benefit .wrap .course.four .text-wrap { padding-right: 15px; left: 0; width: 100%;}
  .benefit .wrap .course.five { float: left; margin-top: 100px; top: 0; right: 0; height: 0; width: 82.5825%; padding-bottom: 90.3903%; background-size: cover; }
  .benefit .wrap .course.six { float: right; margin-top: 115px; top: 0; left: 0; height: 0; width: 75.1651%; padding-bottom: 65.1651%; background-size: cover; }
  .benefit .wrap .course.six .text-wrap { bottom: -90px; left: 0; width: 100%;}
  .member-step ul { display: block; margin-top: 60px; width: 100%; }
  .member-step ul .item { width: 100%; display: table; }
  .member-step ul .item .step { display: table-cell; font-size: 13px; text-align: right; padding-bottom: 0; border-bottom: none; border-right: 1px solid #e5e5e5; padding-right: 20px; width: 80px; vertical-align: middle; }
  .member-step ul .item .step:after { width: 12px; height: 12px; border: 4px solid #213969; position: absolute; left: calc(100% - 6px); bottom: 50%; margin-left: 0; margin-bottom: -6px; }
  .member-step ul .item .text { font-size: 14px; line-height: 18px; text-align: left; vertical-align: middle; display: table-cell; padding: 20px 30px; }
  .member-step ul .item .text em { font-size: 13px; margin-top: 10px; }
  .member-step .cs { height: 90px; background-size: cover; margin-top: 40px; } }
/*     World Map     */
.world-map-top p { margin-top: 40px; }
.world-map-top .search-wrap { background: #f5f5f5; text-align: center; padding: 40px 0; margin-top: 40px; }
.world-map-top .search-wrap select { width: 150px; }
.world-map-top .search-wrap .input-wrap { display: inline-block; border: 1px solid #ccc; margin-left: 6px; vertical-align: middle; }
.world-map-top .search-wrap .input-wrap:after { content: ""; display: block; clear: both; }
.world-map-top .search-wrap .input-wrap input[type="text"] { float: left; width: 295px; border: none; height: 43px; line-height: 43px; }
.world-map-top .search-wrap .input-wrap .btn-search { background: url(../_images/_board/btn_search.png) no-repeat 0 0; background-size: contain; width: 43px; height: 43px; float: right; text-indent: -9999px; }

.tab { margin-top: 40px; }
.tab ul { display: table; width: 100%; }
.tab ul li { display: table-cell; width: 10%; border-bottom: 2px solid #213969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab ul li a { border-left: 1px solid #ccc; display: block; line-height: 53px; text-align: center; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab ul li.on { border-top: 2px solid #213969; border-bottom: none; border-left: 2px solid #213969; border-right: 2px solid #213969; }
.tab ul li.on a { color: #213969; background: #fff; font-weight: 700; border: none; line-height: 51px; }
.tab ul li:first-child a { border-left: none; }

.tab2 { margin-top: 30px; }
.tab2 ul { display: table; width: 100%; }
.tab2 ul li { float:left; width: 14.28%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab2 ul li a { border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; display: block; line-height: 53px; text-align: center; margin-left: -1px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab2 ul li.on a { border: 1px solid #213969; color: #213969; font-weight: 700; z-index: 1; }
.tab2 ul li:nth-child(n+8) a {border-top: 0}
.tab2 ul li:nth-child(n+8).on a {border-top: 1px solid #213969;}

.world-map { margin-top: 60px; margin-left: -30px; display: flex; flex-wrap: wrap; }
.world-map .item { border: 1px solid #e5e5e5; position: relative; padding-bottom: 60px; width: calc((100% - 120px)/4); margin-left: 30px; margin-bottom: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.world-map .item img { width: 100%; }
.world-map .item .text-wrap { border-top: 1px solid #e5e5e5; padding: 30px; }
.world-map .item .text-wrap .key { color: #629fcf; }
.world-map .item .text-wrap .title { color: #333; font-size: 18px; margin-top: 15px; }
.world-map .item .text-wrap .text { margin-top: 20px; }
.world-map .item a { display: block; line-height: 50px; color: #fff; text-align: center; background: #629fcf; position: absolute; bottom: 0; width: 100%; }
.world-map .item a:before { display: inline-block; content: ""; vertical-align: middle; width: 20px; height: 50px; background: url(../_images/golf/ico_story.png) no-repeat 0 13px; margin-right: 10px; }


@media screen and (max-width: 960px) { .world-map-top p { margin-top: 20px; }
  .world-map-top .search-wrap { margin-top: 25px; }
  .world-map-top .search-wrap select { width: 100px; }
  .world-map-top .search-wrap .input-wrap { width: calc(100% - 150px); margin-left: 0; }
  .world-map-top .search-wrap .input-wrap input[type="text"] { width: calc(100% - 38px); height: 38px; line-height: 38px; margin-bottom: 0; }
  .world-map-top .search-wrap .input-wrap .btn-search { width: 38px; height: 38px; }
  .tab { margin-top: 20px; position: relative; }
  .tab .tab-selected { color: #fff; font-weight: 700; text-indent: 15px; border: 1px solid #243545; background: url(../_images/common/mobile_tab1.png) no-repeat top right #243545; background-size: 38px; line-height: 38px; }
  .tab ul { display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 40px; z-index: 2; }
  .tab ul li { display: block; width: 100%; border-bottom: 1px solid #e5e5e5; }
  .tab ul li a { border: none; display: block; line-height: 39px; text-align: left; background: #f2f2f2; text-indent: 15px; }
  .tab ul li.on { border: none; border-bottom: 1px solid #e5e5e5; }
  .tab ul li.on a { color: #213969; background: #fff; line-height: 39px; }
  .tab.on ul { display: block; }
  .tab.on .tab-selected { background-position: right bottom; }
  .tab2 { margin-top: 20px; position: relative; }
  .tab2 .tab-selected2 { color: #243545; font-weight: 700; text-indent: 15px; border: 1px solid #243545; background: url(../_images/common/mobile_tab2.png) no-repeat top right; background-size: 38px; line-height: 38px; }
  .tab2 ul { display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 40px; z-index: 1; }
  .tab2 ul li { display: block; width: 100%; background: #fff; border-bottom: 1px solid #e5e5e5; }
  .tab2 ul li a { border: none; line-height: 39px; text-align: left; margin-left: 0; text-indent: 15px; }
  .tab2 ul li.on a { border: none; color: #213969; }
  .tab2 ul li:nth-child(n+8) a {border: none;}
  .tab2 ul li:nth-child(n+8).on a {border: none;}
  .tab2.on ul { display: block; }
  .tab2.on .tab-selected2 { background-position: right bottom; }
  .world-map { margin-top: 30px; margin-left: -15px; }
  .world-map .item { padding-bottom: 40px; margin-left: 15px; margin-bottom: 15px; width: calc((100% - 30px)/2); }
  .world-map .item img { width: 100%; }
  .world-map .item .text-wrap { padding: 15px; }
  .world-map .item .text-wrap .key { color: #99a357; }
  .world-map .item .text-wrap .title { color: #333; font-size: 15px; margin-top: 10px; }
  .world-map .item .text-wrap .text { font-size: 12px; margin-top: 5px; }
  .world-map .item a { line-height: 40px; font-size: 12px; }
  .world-map .item a:before { width: 13px; height: 15px; margin-right: 5px; background: url(../_images/golf/ico_story.png) no-repeat 0 0;background-size: contain; } 

  }
/*     Propose     */
.propose { margin-top: 30px; }
.propose ul { margin-left: -30px; display: flex; flex-wrap: wrap; }
.propose ul li { margin-left: 30px; width: calc((100% - 90px)/3); position: relative; margin-top: 80px; }
.propose ul li a { display: block; }
.propose ul li a .over { overflow: hidden; }
.propose ul li a:hover img { transform: scale(1.2); }
.propose ul li img { transition: .5s ease; width: 100%; }
.propose ul li .text-wrap { margin-top: -40px; position: relative; z-index: 1; }
.propose ul li .text-wrap .key { display: inline-block; background: #fff; padding-top: 25px; color: #99a357; vertical-align: baseline; min-width: 270px; font-weight: 500; }
.propose ul li .text-wrap .title { font-size: 28px; color: #222; line-height: 32px; margin-top: 20px; font-weight: 500; }
.propose ul li .text-wrap .text { margin-top: 10px; }

.propose-view { margin-top: 80px; border-top: 2px solid #333; width: 100%; }
.propose-view .propose-view-top { padding: 40px 0; border-bottom: 1px solid #e5e5e5; }
.propose-view .propose-view-top .title { font-size: 26px; color: #333; text-align: center; font-weight: 700; margin-bottom: 20px; }
.propose-view .propose-view-top .location { text-align: center; }
.propose-view .propose-view-con { padding: 80px 40px; border-bottom: 2px solid #333; }
.propose-view .propose-view-con a { color: #99a357; text-decoration: underline; }
.propose-view .propose-view-con p { margin-top: 30px; line-height: 26px; }
.propose-view .propose-view-con .col2 { display: flex; flex-wrap: wrap; margin-top: 60px; }
.propose-view .propose-view-con .col2 div { width: 50%; line-height: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.propose-view .propose-view-con .col2 div:first-child { padding-right: 15px; }
.propose-view .propose-view-con .col2 div:last-child { padding-left: 15px; }
.propose-view .propose-view-con .tip { background: #f5f5f5; padding: 40px; margin-top: 100px; }
.propose-view .propose-view-con .tip h5 { margin-top: 0; }
.propose-view .propose-view-con .tip p { line-height: 26px; margin-top: 30px; }

@media screen and (max-width: 960px) { .propose { margin-top: 20px; }
  .propose ul { margin-left: 0; }
  .propose ul li { width: 100%; margin-top: 30px; margin-left: 0; }
  .propose ul li .text-wrap { margin-top: -30px; }
  .propose ul li .text-wrap .key { padding-top: 18px; min-width: 240px; }
  .propose ul li .text-wrap .title { font-size: 20px; line-height: 23px; margin-top: 10px; }
  .propose-view { margin-top: 40px; }
  .propose-view .propose-view-top { padding: 25px; }
  .propose-view .propose-view-top .title { font-size: 18px; line-height: 23px; margin-bottom: 10px; }
  .propose-view .propose-view-con { padding: 40px 20px; }
  .propose-view .propose-view-con p { margin-top: 15px; line-height: 17px; }
  .propose-view .propose-view-con .col2 { margin-top: 30px; }
  .propose-view .propose-view-con .col2 div { width: 100%; line-height: 17px; }
  .propose-view .propose-view-con .col2 div:first-child { padding-right: 0; }
  .propose-view .propose-view-con .col2 div:last-child { padding-left: 0; margin-top: 15px; }
  .propose-view .propose-view-con .tip { padding: 25px; margin-top: 40px; }
  .propose-view .propose-view-con .tip p { line-height: 17px; margin-top: 15px; } }
/*     TPC Golf Tour     */
.tpc ul li { margin-top: 200px; position: relative; height: 470px; }
.tpc ul li:first-child { margin-top: 80px; }
.tpc ul li a { display: block; width: 100%; height: 100%; }
.tpc ul li a:after { display: block; width: 100%; height: 100%; content: "마감되었습니다"; font-size: 50px; text-align: center; line-height: 470px; color: #fff; position: absolute; background: rgba(0, 0, 0, 0.85); top: 0; left: 0; z-index: 1; opacity: 0; transition: .5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tpc ul li .logo { position: absolute; right: 0; top: -80px; }
.tpc ul li .text-wrap { position: absolute; left: 0; bottom: -40px; background: #fff; padding: 40px 0 0 0; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tpc ul li .text-wrap .key { color: #a89174; font-size: 16px; text-transform: uppercase; font-weight: 500; }
.tpc ul li .text-wrap .title { font-size: 40px; line-height: 48px; font-weight: 100; margin-top: 25px; color: #222; font-weight: 100; }
.tpc ul li .text-wrap .title strong { font-weight: 500; color: #222; font-size: 40px; }
.tpc ul li .text-wrap .title span { font-size: 16px; color: #666; padding-left: 20px; }
.tpc ul li .text-wrap .arrow { 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; }
.tpc ul li:nth-child(1) { background: url(../_images/tour/12.jpg) no-repeat center/cover; }
.tpc ul li:nth-child(2) { background: url(../_images/tour/11.jpg) no-repeat center/cover; }
.tpc ul li:nth-child(3) { background: url(../_images/tour/13.jpg) no-repeat center/cover; }
.tpc ul li:nth-child(4) { background: url(../_images/tour/14.jpg) no-repeat center/cover; }
.tpc ul li.done { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.tpc ul li.done a:hover:after { opacity: 1; }
.tpc ul li.done .arrow { background: none; }

.tpc-view { margin-top: 80px; }
.tpc-view .wrap { position: relative; }
.tpc-view .wrap img { width: 76.0683%; }
.tpc-view .wrap .text-wrap { position: absolute; right: 0; bottom: 0; background: #fff; padding-top: 50px; padding-left: 50px; width: 500px; }
.tpc-view .wrap .text-wrap .key { font-size: 24px; color: #a89174; font-weight: 500; text-transform: uppercase; }
.tpc-view .wrap .text-wrap .title { font-size: 46px; line-height: 52px; color: #222; font-weight: 100; padding-left: 40px; padding-top: 30px; }
.tpc-view .wrap .text-wrap .title strong { font-size: 46px; line-height: 52px; color: #222; font-weight: 500; }
.tpc-view .wrap .text-wrap .title span { font-size: 28px; }
.tpc-view .wrap .text-wrap ul { padding-left: 50px; }
.tpc-view .wrap .text-wrap ul li strong { color: #444; }
.tpc-view .flex { margin-top: 40px; display: flex; margin-left: -30px; }
.tpc-view .flex .item { border: 1px solid #e5e5e5; padding: 40px; width: calc((100% - 60px)/2); margin-left: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tpc-view .flex .item2 { width: calc((100% - 60px)/2); margin-left: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tpc-view .flex .item2 table { margin-top: 20px; }
.tpc-view .usmasters h5 { margin-top: 40px; }
.tpc-view .usmasters .point_navy { color: #213969; }

@media screen and (max-width: 960px) { .tpc ul li { margin-top: 110px; position: relative; height: 280px; }
  .tpc ul li a { display: block; width: 100%; height: 100%; }
  .tpc ul li a:after { display: block; width: 100%; height: 100%; content: "Finished"; font-size: 50px; text-align: center; line-height: 470px; color: #fff; position: absolute; background: rgba(0, 0, 0, 0.85); top: 0; left: 0; z-index: 1; opacity: 0; transition: .5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .tpc ul li .logo { width: 70px; top: -35px; }
  .tpc ul li .logo img { width: 100%; }
  .tpc ul li .text-wrap { position: absolute; left: 15px; bottom: -40px; background: #fff; padding: 20px 20px 0 20px; width: calc(100% - 30px); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .tpc ul li .text-wrap .key { font-size: 12px; }
  .tpc ul li .text-wrap .title { font-size: 20px; line-height: 23px; margin-top: 5px; }
  .tpc ul li .text-wrap .title strong { font-size: 20px; }
  .tpc ul li .text-wrap .title span { font-size: 12px; padding-left: 0; display: block; margin-top: 10px; }
  .tpc ul li .text-wrap .arrow { font-size: 12px; margin-top: 10px; padding-right: 20px; background-size: 15px; }
  .tpc-view { margin-top: 40px; }
  .tpc-view .wrap { position: relative; }
  .tpc-view .wrap img { width: 100%; }
  .tpc-view .wrap .text-wrap { position: relative; right: 0; bottom: 0; background: transparent; padding-top: 0; padding-left: 0; width: 100%; margin-top: -40px; }
  .tpc-view .wrap .text-wrap .key { font-size: 15px; padding-top: 15px; padding-right: 175px; background: #fff; display: inline-block; }
  .tpc-view .wrap .text-wrap .title { font-size: 23px; line-height: 26px; padding-left: 0; padding-top: 10px; }
  .tpc-view .wrap .text-wrap .title strong { font-size: 23px; line-height: 26px; }
  .tpc-view .wrap .text-wrap .title span { font-size: 16px; }
  .tpc-view .wrap .text-wrap .sub { padding-top: 20px; padding-left: 0; font-size: 14px; }
  .tpc-view .wrap .text-wrap ul { padding-left: 0; }
  .tpc-view .flex { margin-top: 20px; margin-left: 0; display: block; }
  .tpc-view .flex .item { width: 100%; margin-bottom: 20px; padding: 20px; margin-left: 0; }
  .tpc-view .flex .item2 { width: 100%; margin-bottom: 20px; margin-left: 0; } }
/*     Theme     */
.theme { margin-top: 80px; }
.theme ul { margin-left: -30px; }
.theme ul:after { content: ""; display: block; clear: both; }
.theme ul li { float: left; margin-left: 30px; width: calc((100% - 60px) / 2); position: relative; height: 486px;}
.theme ul li a { display: block; }
.theme ul li img { width: 100%; }
.theme ul li .text-wrap { margin-top: -50px; height: 250px; }
.theme ul li .text-wrap .key { display: inline-block; background: #fff; width: 170px; padding-top: 30px; color: #213969; text-transform: uppercase; font-size: 24px; font-weight: 500; }
.theme ul li .text-wrap .title { margin-top: 30px; color: #222; font-size: 28px; font-weight: 700; line-height: 34px;}
.theme ul li .text-wrap .text { margin-top: 20px; line-height: 26px; }
.theme ul li.nodata { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.theme ul li.nodata:hover:after { opacity: 1; z-index: 1; }
.theme ul li.nodata .arrow { background: none; }
.theme ul li:after { display: block; width: 100%; height: 100%; content: "준비중입니다"; font-size: 50px; text-align: center; line-height: 470px; color: #fff; position: absolute; background: rgba(0, 0, 0, 0.85); top: 0; left: 0; z-index: -1; opacity: 0; transition: .5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 960px) { .theme { margin-top: 40px; }
  .theme ul { margin-left: 0px; }
  .theme ul li { float: none; margin-left: 0; width: 100%; height: auto;}
  .theme ul li .text-wrap { margin-top: -40px; height: auto; padding-bottom: 40px; }
  .theme ul li .text-wrap .key { width: 100px; padding-top: 15px; font-size: 15px; }
  .theme ul li .text-wrap .title { margin-top: 20px; font-size: 20px; line-height: 26px;}
  .theme ul li .text-wrap .text { margin-top: 13px; line-height: 18px; } }
/*     맞춤여행     */
.custom-top { padding-bottom: 100px; border-bottom: 1px solid #e5e5e5; }
.custom-top .image { margin-top: 80px; height: 500px; position: relative; background: url("../_images/tour/custom_top.png") no-repeat center; background-size: cover; text-align: center; }
.custom-top .image .text-wrap { position: absolute; bottom: -60px; left: 50%; display: inline-block; width: 65.8119%; padding-top: 50px; background: #fff; margin-left: -32.9059%; }
.custom-top .image .text-wrap .key { color: #a89174; font-size: 24px; }
.custom-top .image .text-wrap .value { font-size: 40px; color: #222; margin-top: 15px; font-weight: 500; line-height: 50px; }
.custom-top .text { margin-top: 100px; line-height: 26px; text-align: center; }

.custom-cate { padding: 35px 30px 5px 0; background: #f4f4f5; display: flex; flex-wrap: wrap; margin-top: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.custom-cate .item { margin-left: 30px; width: calc((100% - 90px) / 3); margin-bottom: 30px; }
.custom-cate .item img { width: 100%; }
.custom-cate .item p { line-height: 70px; background: #fff; text-indent: 25px; font-size: 20px; color: #333; font-weight: 500; }

.custom-image { margin-top: 40px; }

.custom-btn { margin-top: 80px; text-align: center; }
.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; }

.custom-links { margin-top: 100px; display: flex; justify-content: space-between; }
.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; }
.custom-links a:before { display: inline-block; content: ""; width: 23px; height: 23px; margin-right: 10px; vertical-align: bottom; }
.custom-links a.tel:before { background: url("../_images/tour/ico_tel.png") no-repeat center/contain; }
.custom-links a.email:before { background: url("../_images/tour/ico_mail.png") no-repeat center/contain; }

@media screen and (max-width: 960px) { .custom-top { padding-bottom: 60px; }
  .custom-top .image { margin-top: 40px; height: 185px; }
  .custom-top .image .text-wrap { display: inline-block; width: 81%; padding-top: 25px; margin-left: -40.5%; bottom: -80px; }
  .custom-top .image .text-wrap .key { color: #a89174; font-size: 15px; }
  .custom-top .image .text-wrap .value { font-size: 25px; margin-top: 10px; line-height: 31px; }
  .custom-top .text { margin-top: 105px; line-height: 18px; font-size: 13px; }
  .custom-cate { padding: 20px 20px 5px 5px; margin-top: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .custom-cate .item { margin-left: 15px; width: calc((100% - 30px) / 2); margin-bottom: 15px; }
  .custom-cate .item p { line-height: 40px; text-indent: 15px; font-size: 14px; }
  .custom-image { margin-top: 20px; }
  .custom-btn { margin-top: 50px; }
  .custom-btn a { line-height: 45px; font-size: 15px; padding: 0 25px; }
  .custom-links { margin-top: 60px; display: block; }
  .custom-links a { padding: 17px 20px; background-size: contain; margin-left: 0; width: 100%; line-height: 15px; font-size: 15px; margin-bottom: 10px; display: block; }
  .custom-links a:before { display: inline-block; content: ""; width: 16px; height: 16px; margin-right: 10px; vertical-align: bottom; } }
/*     introduce     */
.concierge-top .image { margin-top: 80px; height: 500px; position: relative; background: url(../_images/concierge/11.jpg) no-repeat center; background-size: cover; text-align: center; }
.concierge-top .image .text-wrap { position: absolute; bottom: 0; left: 50%; display: inline-block; width: 65.8119%; padding-top: 50px; background: #fff; margin-left: -32.9059%; }
.concierge-top .image .text-wrap .key { color: #a89174; font-size: 24px; }
.concierge-top .image .text-wrap .value { font-size: 40px; color: #222; margin-top: 15px; font-weight: 500; }
.concierge-top .text { margin-top: 60px; line-height: 26px; text-align: center; }

.concierge-con { margin-top: 100px; padding-top: 100px; border-top: 1px solid #e5e5e5; text-align: center; }
.concierge-con .title { font-size: 24px; color: #222; font-weight: 100; line-height: 50px; margin-bottom: 60px; }
.concierge-con .title strong { font-size: 40px; color: #222; display: block; }

.concierge-grid { display: flex; flex-wrap: wrap; margin-left: -30px; margin-top: 80px; }
.concierge-grid .item { border: 1px solid #e5e5e5; padding: 40px; width: calc((100% - 60px)/2); margin-left: 30px; margin-bottom: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.concierge-grid .item .title { font-size: 20px; color: #213969; font-weight: 700; }

.concierge-study { margin-top: 40px; display: flex; margin-left: -30px; }
.concierge-study .item { height: 200px; position: relative; width: calc((100% - 60px)/2); margin-left: 30px; margin-bottom: 30px; }
.concierge-study .item p { position: absolute; left: 0; bottom: 0; background: #fff; padding-right: 30px; }
.concierge-study .item p a { padding: 40px 40px 0 0; background: url(../_images/concierge/arrow.jpg) no-repeat right 43px; font-size: 20px; color: #333; display: block; }
.concierge-study .item p a strong { font-size: 20px; color: #333; }
.concierge-study .item:nth-child(1) { background: url(../_images/concierge/14.jpg) no-repeat center/cover; }
.concierge-study .item:nth-child(2) { background: url(../_images/concierge/15.jpg) no-repeat center/cover; }

@media screen and (max-width: 960px) { .concierge-top .image { margin-top: 40px; height: 210px; }
  .concierge-top .image .text-wrap { display: inline-block; width: 81%; padding-top: 25px; margin-left: -40.5%; bottom: -40px; }
  .concierge-top .image .text-wrap .key { color: #a89174; font-size: 15px; }
  .concierge-top .image .text-wrap .value { font-size: 25px; margin-top: 10px; }
  .concierge-top .text { margin-top: 65px; line-height: 18px; font-size: 13px; }
  .concierge-con { margin-top: 60px; padding-top: 0; border-top: none; }
  .concierge-service .mobile-only {margin: 0 auto;}
  .concierge-con .title { font-size: 12px; line-height: 32px; margin-bottom: 30px; }
  .concierge-con .title strong { font-size: 20px; line-height: 24px;}
  .concierge-grid { margin-top: 40px; padding-bottom: 0; border-bottom: none; margin-left: 0; }
  .concierge-grid .item { padding: 20px; margin-left: 0; margin-bottom: 15px; width: 100%; }
  .concierge-grid .item .title { font-size: 15px; }
  .concierge-study { margin-top: 20px; margin-left: 0; display: block; }
  .concierge-study .item { height: 120px; margin-left: 0; margin-bottom: 40px; width: 100%; }
  .concierge-study .item p a { padding: 20px 25px 0 0; background-size: 7px; background-position: right 23px; font-size: 15px; }
  .concierge-study .item p a strong { font-size: 15px; } }
/*     case     */
.case-top { margin-top: 80px; }
.case-top .title { text-align: center; font-size: 40px; line-height: 50px; color: #333; font-weight: 100; }
.case-top .title strong { display: block; font-size: inherit; color: inherit; }
.case-top .wrap { margin-top: 60px; background: url(../_images/concierge/21.jpg) no-repeat center/cover; padding: 90px; }
.case02-top .wrap { background: url(../_images/concierge/22.jpg) no-repeat center/cover;}
.case-top .wrap .flex { background: rgba(255, 255, 255, 0.85); display: flex; flex-wrap: wrap; padding: 45px; }
.case-top .wrap .flex .item { width: calc(50% - 30px); padding: 15px; }
.case-top .wrap .flex .item .key { font-size: 18px; color: #444; font-weight: 500; }
.case-top .wrap .flex .item .text { margin-top: 20px; color: #444; }
.case-top .wrap .flex .item ul li { color: #444; }
.case-top .flow { margin-top: 60px; padding-top: 130px; background: url(../_images/concierge/flow_top.jpg) no-repeat center top; text-align: center; }
.case-top .flow .title { font-size: 40px; color: #222; font-weight: 500; }
.case-top .flow .key { font-size: 20px; color: #99a357; margin-top: 40px; font-weight: 500; }
.case-top .flow .text { margin-top: 20px; }
.case-top.two { padding-top: 80px; border-top: 1px solid #e5e5e5; margin-top: 100px; }
.case-top.two .wrap { background: url(../_images/concierge/22.jpg) no-repeat center/cover; }

.case-item {border-top: 1px solid #ddd;margin-top: 50px;}
.case-item h4 {margin-top: 50px;}


.flow-wrap { display: flex; margin-top: 30px; }
.flow-wrap .left { width: calc((100% - 35px) / 2); background: #f5f5f5; padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.flow-wrap .arrow {background: url(../_images/concierge/flow_top.jpg) no-repeat center center;background-size: 45px;transform: rotate(-90deg); width: 70px; }
.flow-wrap .right { width: calc((100% - 35px) / 2); border: 1px solid #e5e5e5; padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.flow-wrap .title { font-size: 20px; color: #213969; font-weight: 500; }
.flow-wrap .key { color: #333; font-weight: 500; margin-top: 30px; }

@media screen and (max-width: 960px) { 
/* .case-top { margin-top: 40px; 
} */
  .case-top .title { font-size: 20px; line-height: 25px; }
  .case-top .title strong { display: inline; }
  .case-top .wrap { margin-top: 30px; background: none; padding: 0; }
  .case-top .wrap .image { height: 0; padding-bottom: 36.0360%; background: url(../_images/concierge/21_mobile.jpg) no-repeat center/cover; }
  .case02-top .wrap .image { background: url(../_images/concierge/22.jpg) no-repeat center/cover; }

  .case-top .wrap .flex { background: none; padding: 0; }
  .case-top .wrap .flex .item { width: 100%; padding: 0; }
  .case-top .wrap .flex .item .key { font-size: 15px; margin-top: 20px; }
  .case-top .wrap .flex .item .text { margin-top: 10px; }
  .case-top .flow { margin-top: 40px; padding-top: 80px; background-size: 45px; }
  .case-top .flow .title { font-size: 20px; }
  .case-top .flow .key { font-size: 15px; margin-top: 20px; }
  .case-top .flow .text { margin-top: 5px; }
  .case-top.two { margin-top: 50px; padding-top: 40px; }
  .case-top.two .wrap { background: none; }
  .case-top.two .wrap .image { background: url(../_images/concierge/22.jpg) no-repeat center/cover; }
  .flow-wrap { display: block; margin-top: 30px; }
  .flow-wrap .left { width: 100%; padding: 25px; }
  .flow-wrap .arrow { transform: rotate(0);/*background: url(../_images/concierge/flow_down.jpg) no-repeat center/70px;*/ width: 100%; height: 70px; }
  .flow-wrap .right { width: 100%; padding: 25px; }
  .flow-wrap .title { font-size: 15px; }
  .flow-wrap .key { margin-top: 20px; } }
/*     Sponsorship     */
.sponsorship { margin-top: 80px; }
.sponsorship .top { border-bottom: 1px solid #e5e5e5; margin-bottom: 100px; padding-bottom: 100px; }
.sponsorship .top:after { content: ""; display: block; clear: both; }
.sponsorship .bottom:after { content: ""; display: block; clear: both; }
.sponsorship .wrap { position: relative; }
.sponsorship .wrap img { width: 65.8119%; }
.sponsorship .wrap .text-wrap { position: absolute; right: 0; bottom: 0; background: #fff; padding-top: 50px; padding-left: 50px; width: 500px; }
.sponsorship .wrap .text-wrap .key { font-size: 24px; color: #a89174; font-weight: 500; text-transform: uppercase; }
.sponsorship .wrap .text-wrap .title { font-size: 46px; line-height: 52px; color: #222; font-weight: 100; padding-left: 40px; padding-top: 40px; }
.sponsorship .wrap .text-wrap .title strong { font-size: inherit; color: inherit; display: block; line-height: inherit; }
.sponsorship .wrap .text-wrap .title em { font-size: .75em; display: block; color: inherit; line-height: inherit; }
.sponsorship .wrap .text-wrap .text { padding-top: 40px; padding-left: 50px; }
.sponsorship .con { float: right; width: 74.3589%; }
.sponsorship .con .text { padding-top: 80px; padding-bottom: 80px; color: #444; line-height: 26px; width: 77.0114%; }
.sponsorship .con img { width: 100%; }

@media screen and (max-width: 960px) { .sponsorship { margin-top: 40px; }
  .sponsorship .top { margin-bottom: 60px; padding-bottom: 60px; }
  .sponsorship .wrap { position: relative; }
  .sponsorship .wrap img { width: 100%; }
  .sponsorship .wrap .text-wrap { position: relative; right: 0; bottom: 0; background: transparent; padding-top: 0; padding-left: 0; width: 100%; margin-top: -40px; }
  .sponsorship .wrap .text-wrap .key { font-size: 15px; padding-top: 15px; padding-right: 75px; background: #fff; display: inline-block; }
  .sponsorship .wrap .text-wrap .title { font-size: 23px; line-height: 1.2em; font-weight: 100; padding-left: 0; padding-top: 10px; }
  .sponsorship .wrap .text-wrap .text { padding-top: 10px; padding-left: 0; font-size: 13px; line-height: 18px; }
  .sponsorship .con { float: none; width: 100%; }
  .sponsorship .con .text { padding-top: 40px; padding-bottom: 40px; color: #444; line-height: 18px; width: 100%; } }
/*     ask     */
.agree .checks { margin-top: 20px; }

@media screen and (max-width: 960px) { .agree .checks { margin-top: 10px; } }


@media screen and (max-width: 767px) { 
	table {border-top: 2px solid #333; text-align: left; width: 100%; table-layout: fixed; margin-top: 0px;}
	table th { font-size: 13px; line-height: 18px; padding: 14px 0 !important;}
	table td { font-size: 13px; line-height: 18px; padding: 14px 0 !important; text-align: center !important;}
	table td:last-child { font-size: 13px; line-height: 18px; padding: 14px 14px !important; text-align: left !important;}
	.tab {width: 100%; margin-top: 0;}
	.tab ul {display: table; width: 100%; overflow: hidden; position: relative;}
	.tab ul li {display: table-cell; width: 14.2%; background: #f2f2f2; border-bottom: 2px solid #213969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.tab ul li a {border-left: 1px solid #ccc;  line-height: 20px; height: 90px; text-align: center; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 0px !important; display: flex; justify-content: center; align-items: center;}
	.tab ul li.on {border-top: 2px solid #213969; border-bottom: none; border-left: 2px solid #213969; border-right: 2px solid #213969; }
	.tab ul li.on a { color: #213969; background: #fff; font-weight: 700; border: none; line-height: 18px; display: flex; justify-content: center; align-items: center;}
	.tab ul li:first-child a { border-left: none; }
	.tab .tab-selected{display: none !important;}
	.tab.on ul{display: table;}
	.case-tab ul {border: none;}
	.case-tab ul li {background: none;border-top: 2px solid #f2f2f2;}
	.case-tab ul li a {height: 50px;}
	.faq_areabox{width: 100%; overflow: hidden; margin-top: 130px;}
    .world-map{margin-top: 60px;}
}



.tab_term { margin-top: 40px; }
.tab_term ul { display: table; width: 100%; }
.tab_term ul li { display: table-cell; width: 25%; border-bottom: 2px solid #213969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*.tab_term ul li:first-child {width: 34%;}*/
.tab_term ul li a { border-left: 1px solid #ccc; display: block; line-height: 53px; text-align: center; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_term ul li.on { border-top: 2px solid #213969; border-bottom: none; border-left: 2px solid #213969; border-right: 2px solid #213969; }
.tab_term ul li.on a { color: #213969; background: #fff; font-weight: 700; border: none; line-height: 51px; }
.tab_term ul li:first-child a { border-left: none; }

.tab_mem { margin-top: 100px;}
.tab_mem ul { display: table; width: 100%;}
.tab_mem ul li { display: table-cell; width: 16.6%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_mem ul li a { border-left: 2px solid #fff; display: block; line-height: 53px; text-align: center; background: #F3F3F3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition: background 0.2s;}
.tab_mem ul li.on { }
/* .tab_mem ul li.on a, 
.tab_mem ul li:hover > a { color: #fff; background: #2564C5; font-weight: 700; border: none;} */
.tab_mem ul li.on a, 
.tab_mem01 ul li:hover > a { color: #fff; background: #2564C5; font-weight: 700; border: none;}
.tab_mem ul li:first-child a { border-left: none; }
.tab_mem ul li a br {display: none;}
.tab_team { margin-top: 80px;}
.tab_team ul { display: table; width: 100%;}
.tab_team ul li { display: table-cell; width: 33.3%; border-bottom: 2px solid #213969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_team ul li a { border-left: 1px solid #ccc; display: block; line-height: 53px; text-align: center; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_team ul li.on { border-top: 2px solid #213969; border-bottom: none; border-left: 2px solid #213969; border-right: 2px solid #213969; }
.tab_team ul li.on a { color: #213969; background: #fff; font-weight: 700; border: none; line-height: 51px; }
.tab_team ul li:first-child a { border-left: none; }

.tab_membership {width: 100%;max-width: 1170px;margin-top: 30px;}
.tab_membership.on {position: fixed;top: 70px;}
.tab_membership.tab_mem ul > li {position: relative;word-break: keep-all;}

.tab_membership .sub_tab {position: absolute;background: #fff;border: 2px solid #2564C5;border-top: none;box-sizing: border-box;padding: 10px;width: 100%;opacity: 0;visibility: hidden;transition: all 0.2s;z-index: 10;}
.tab_membership .sub_tab li {font-size: 16px;color: #666;display: block;width: 100%;cursor: pointer;line-height: 26px;border-bottom: 1px solid #195CC2;padding: 5px 0;}
.tab_membership .sub_tab li:last-child {border-bottom: none;}
.tab_membership.tab_mem01 ul > li:hover .sub_tab {opacity: 1;visibility: visible;}
.tab_membership.tab_mem ul > li .sub_tab.hover {opacity: 1;visibility: visible;}

.tab_mem02 {display: none;}
.tab_mem01 {display: block;}

@media screen and (max-width: 767px) { 
  .tab_mem02 {display: block;}
  .tab_mem01 {display: none;}
  .tab_membership .sub_tab {padding: 2px 7px;}
  .tab_membership .sub_tab li {padding: 10px 0;}
}

.table_tab_type02 {display: flex;flex-wrap: wrap;margin-top: 20px;border-bottom: 1px solid #ddd;}
.table_tab_type02 li{color: #aaa;font-weight: 700;padding: 10px 0;margin-right: 20px;cursor: pointer;}
.table_tab_type02 li.on{color: #195CC2;border-bottom: 3px solid #195CC2;}

.table_membership .table_group table {display: none;}
.table_membership .table_group table:first-child {display: table;}
.table_membership table {border: none;}
.table_membership table th, 
.table_membership table td {font-size: 22px;text-align: center;border: none;border-bottom: 1px solid #999999;color: #333;line-height: 28px;}
/* .table_membership table th {font-weight: 700;} */
/* .table_membership table td {background: #ECECEC;} */
.table_membership table td strong {font-size: 22px;font-weight: 700;color: #333;}
.table_membership table td span {color: #8f8f8f;font-size: 20px;display: block;}
.table_membership table .name_type {border-bottom: 2px solid #000;}
/* .table_membership table td.comm_info {text-align: left;} */

/* .table_membership .table1 th {background: #DBDCDF;}
.table_membership .table1 th.thead {background: #D2D3D5;}

.table_membership .table2 th {background: #D6E1F3;}
.table_membership .table2 th.thead {background: #AEC4D9;}

.table_membership .table3 th {background: #E4E9E5;}
.table_membership .table3 th.thead {background: #BAC6C4;}

.table_membership .table4 th {background: #CBD3DE;}
.table_membership .table4 th.thead {background: #AFC1CD;}

.table_membership .table5 th {background: #ECE6F4;}
.table_membership .table5 th.thead {background: #C0B6CF;}

.table_membership .table6 th {background: #FAF2E5;}
.table_membership .table6 th.thead {background: #D8BE8B;} */

.table_membership .table1 th.thead {background: #D2D3D5;border-bottom: none;}

.table_membership .table2 th.thead {background: #AEC4D9;}

.table_membership .table3 th.thead {background: #BAC6C4;}

.table_membership .table4 th.thead {background: #AFC1CD;}

.table_membership .table5 th.thead {background: #C0B6CF;}

.table_membership .table6 th.thead {background: #D8BE8B;}

.faq_tap { margin-top: 80px;}
.faq_tap ul { display: table; width: 100%;}
.faq_tap ul li { display: table-cell; width: 25%; border-bottom: 2px solid #213969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.faq_tap ul li a { border-left: 1px solid #ccc; display: block; line-height: 53px; text-align: center; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.faq_tap ul li.on { border-top: 2px solid #213969; border-bottom: none; border-left: 2px solid #213969; border-right: 2px solid #213969; }
.faq_tap ul li.on a { color: #213969; background: #fff; font-weight: 700; border: none; line-height: 51px; }
.faq_tap ul li:first-child a { border-left: none; }

.appdown_gal {display: flex; justify-content: center; align-items: center; margin-top: 100px;}
.appdown_gal a:first-child {margin-right: 80px;}

.team_infobox{display: flex; flex-direction: column; align-items: center; margin-top: 50px;}
.team_infobox img{width: 30%;}
.team_info_tit{font-size: 26px; font-weight: 400; line-height: 36px; text-align: center; margin-top: 40px;}
.team_info_tit span{font-size: 40px; font-weight: 500;}
.team_info_txt{font-size: 18px; font-weight: 300; line-height: 28px; text-align: center; margin: 30px 0;word-break: keep-all;padding: 0 60px;}
.team_infolist{margin-top: 50px;}
.team_infolist > ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}
.team_infolist > ul li{width: 31%; border: 1px solid #ddd; position: relative;}
.team_infolist > ul li a{display: flex; flex-direction: column; align-items: center; padding: 30px 0;}
.team_infolist > ul li a:hover{background: url(../_images/company/img_hover.png) center; background-size: 100% 100%;}
.team_infolist > ul li a:hover span img{opacity: 0.1;}
.team_infolist > ul li a:hover .team_infoname{opacity: 0;}
.team_infolist > ul li a span{width: 270px; height: 270px;}
.team_infolist > ul li a span img{width: 100%; height: 100%; object-fit: cover;}
.team_infoname{margin-top: 40px; font-size: 26px; font-weight: 500;}
.team_infoname span{font-size: 18px; font-weight: 400;}

.team_popbox{display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 20000;}
#pop1 .team_pop_profile {overflow: auto;}
.team_pop_bg{position: fixed;  background: rgba(0, 0, 0, 0.8); top: 0; right: 0; bottom: 0; left: 0;}
.team_pop_con{position: fixed; width: 1200px; height: 750px; border-radius: 20px; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;}
.team_pop_btn{position: absolute; top: 30px; right: 30px; border: none; background: none;}
.team_pop_btn img{width: 100%;}
.team_pop_profile{display: flex; width: 100%; justify-content: space-between;height: 100%;}
/* .team_pop_profile:nth-child(1){overflow: auto;} */
.team_pop_gal{padding: 51px 100px 0 50px;position: sticky;top: 0;}
.team_pop_gal img{height: 700px;}
.team_pop_info{width: 100%; padding: 50px 50px 0 0;}
.team_pop_info_name{font-size: 40px; font-weight: 500; line-height: 40px;}
.team_pop_info_name span{font-size: 24px;}
.team_pop_info_name span em{font-size: 18px;}
.team_pop_info_birth{margin-top: 30px;}
.team_pop_info_birth li{display: flex; align-items: center; line-height: 30px; margin-bottom: 8px;}
.team_pop_info_birth_01{width: 20%; font-size: 18px; font-weight: 600; color: #04599e;}
.team_pop_info_birth_02{font-size: 18px; font-weight: 300;}
.team_pop_info_tit{margin-top: 40px; border-top: 1px solid #333; padding: 20px 0 20px 0; font-size: 18px; font-weight: 600; color: #04599e;}
.team_pop_info_record:last-child {padding-bottom: 50px;}
.team_pop_info_record li{font-size: 18px; font-weight: 300; line-height: 24px; margin-bottom: 6px; position: relative; padding-left: 10px;}
.team_pop_info_record li strong{font-weight: 700;color: #04599E;}
.team_pop_info_record li:before{content: ''; display: inline-block; position: absolute; left: 0; top: 11px; vertical-align: middle; background-color: #333; width: 3px; height: 3px; border-radius: 100%;}


@media screen and (max-width: 960px) { 

	.tab_term {width: 100%; margin-top: 60px !important;}
	.tab_term ul {display: table; width: 100%; overflow: hidden;}
	.tab_term ul li {display: table-cell; width: 19%; border-bottom: 2px solid #213969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.tab_term ul li:first-child {width: 37%;}
	.tab_term ul li:nth-child(2) {width: 25%;}
	/*.tab_term ul li:last-child {width: 30%;}*/
	.tab_term ul li a {border-left: 1px solid #ccc;  line-height: 53px; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 0px !important; display: flex; justify-content: center; align-items: center;}
	.tab_term ul li.on {border-top: 2px solid #213969; border-bottom: none; border-left: 2px solid #213969; border-right: 2px solid #213969; }
	.tab_term ul li.on a { color: #213969; background: #fff; font-weight: 700; border: none; line-height: 51px; display: flex; justify-content: center; align-items: center;}
	.tab_term ul li:first-child a { border-left: none; }
	
	.tab_term .tab-selected{display: none !important;}
	.tab_term.on ul{display: table;}
	.term_box{width: 100%; overflow: hidden; margin-top: 0px;}
	.term_box img{width: 100%;}

	.tab_mem {margin-top: 61px !important;}
	.tab_mem ul {display: flex; align-items: center;}
	.tab_mem ul li {display: table-cell; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.tab_mem ul li a {border-left: 2px solid #fff;  height: 53px; line-height: 16px; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 0px !important; display: flex; justify-content: center; align-items: center;}

	.tab_mem ul li.on a {border: none; line-height: 16px; display: flex; justify-content: center; align-items: center;}
	.tab_mem ul li:first-child a { border-left: none; }
	.tab_mem .tab-selected{display: none !important;}
	/* .tab_mem.on ul{display: table;} */
	
	.tab_membership.on {width: calc(100% - 42px);}
	
	.table_membership h4 {margin-top: 30px;}

	.tab_team {width: 100%; margin-top: 40px !important;}
	.tab_team ul {display: flex; align-items: center; overflow: hidden;}
	.tab_team ul li {display: table-cell; width: 33.3%; border-bottom: 2px solid #213969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.tab_team ul li a {border-left: 1px solid #ccc;  height: 53px; line-height: 16px; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 0px !important; display: flex; justify-content: center; align-items: center;}
	.tab_team ul li.on {border-top: 2px solid #213969; border-bottom: none; border-left: 2px solid #213969; border-right: 2px solid #213969; }
	.tab_team ul li.on a { color: #213969; background: #fff; font-weight: 700; border: none; line-height: 16px; display: flex; justify-content: center; align-items: center;}
	.tab_team ul li:first-child a { border-left: none; }
	.tab_team .tab-selected{display: none !important;}
	.tab_team.on ul{display: table;}

	.faq_tap {width: 100%; margin-top: 40px !important;}
	.faq_tap ul {display: flex; align-items: center; overflow: hidden;}
	.faq_tap ul li {display: table-cell; width: 25%; border-bottom: 2px solid #213969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.faq_tap ul li a {border-left: 1px solid #ccc; line-height: 18px; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 0px !important; display: flex; justify-content: center; align-items: center; word-break: keep-all; min-height: 50px;}
	.faq_tap ul li.on {border-top: 2px solid #213969; border-bottom: 2px solid #fff; border-left: 2px solid #213969; border-right: 2px solid #213969;}
	.faq_tap ul li.on a { color: #213969; background: #fff; font-weight: 700; border: none; line-height: 18px; display: flex; justify-content: center; align-items: center;}
	.faq_tap ul li:first-child a { border-left: none; }
	.faq_tap .tab-selected{display: none !important;}
	.faq_tap.on ul{display: table;}

	.appdown_gal {display: flex; justify-content: center; align-items: center; margin-top: 40px;}
	.appdown_gal a:first-child {margin-right: 20px;}
	.appdown_gal img {width: 160px;}

	.team_infobox{display: flex; flex-direction: column; align-items: center; margin-top: 50px;}
	.team_infobox img{width: 50%;}
	.team_info_tit{font-size: 1.5rem; font-weight: 400; line-height: 28px; text-align: center; margin-top: 40px;}
	.team_info_tit span{font-size: 2rem; font-weight: 500;}
	.team_info_txt{font-size: 1.3rem; font-weight: 300; line-height: 24px; text-align: center; margin: 30px 0; padding: 0;}
	.team_infolist{margin-top: 50px;}
	.team_infolist > ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}
	.team_infolist > ul li{width: 47%; border: 1px solid #ddd; position: relative;}
	.team_infolist > ul li a{display: flex; flex-direction: column; align-items: center; padding: 30px 20px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
	.team_infolist > ul li a span{width: 100%; height: 100%;}
	.team_infolist > ul li a span img{width: 100%; height: 100%; object-fit: cover;}
	.team_infoname{margin-top: 20px; font-size: 1.5rem; font-weight: 500;}
	.team_infoname span{font-size: 1.2rem; font-weight: 400;}

	.team_popbox{display: block; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 20000;}
	.team_pop_bg{position: fixed;  background: rgba(0, 0, 0, 0.8); top: 0; right: 0; bottom: 0; left: 0; display: none;}
	.team_pop_con{position: relative; width: 100%; height: 100vh; border-radius: 0; background: #fff; top: 0; left: 0; transform: translate(0, 0); z-index: 999; overflow-y: auto;}
	.team_pop_btn{position: absolute; top: 30px; right: 20px; border: none; background: none;}
	.team_pop_btn img{width: 70%;}
	.team_pop_profile{display: flex; width: 100%; flex-direction: column;}
	.team_pop_gal{padding: 20px; display: flex; justify-content: center;position: static;}
	.team_pop_gal img{width: 70%; height: auto;}
	.team_pop_info{width: auto; padding: 50px 20px 0; background: #fff;overflow: visible;}
	.team_pop_info_name{font-size: 2rem; font-weight: 500; line-height: 40px;}
	.team_pop_info_name span{font-size: 24px;}
	.team_pop_info_birth{margin-top: 30px;}
	.team_pop_info_birth li{display: flex; align-items: center; line-height: 30px; margin-bottom: 8px;}
	.team_pop_info_birth_01{width: 30%; font-size: 1.3rem; font-weight: 600; color: #04599e;}
	.team_pop_info_birth_02{font-size: 1.3rem; font-weight: 300;}
	.team_pop_info_tit{margin-top: 50px; border-top: 1px solid #333; padding: 30px 0 20px 0; font-size: 1.3rem; font-weight: 600; color: #04599e;}
	.team_pop_info_record li{font-size: 1.3rem; font-weight: 300; margin-bottom: 10px;}
	.team_pop_info_record li strong{font-size: 1.3rem; }

}


@media screen and (max-width: 767px) {	
	.tab_mem ul li a br {display: block;}
}

.global_course_cont h2 {font-size: 22px; font-weight: 700; margin-bottom: 0; color: #000; margin-left: 0;position: static; } 
.global_course_cont h2 em{display: inline-block;font-size: 22px;} 
.global_course_cont p.sub { font-size: 16px; font-weight: 500; margin-bottom: 20px; }
.gb_nation_box{margin-bottom: 50px;}
.gb_nation_tit{font-size: 1.125rem; font-weight: 500; color: #222; margin-bottom: 10px;}
.gb_nation_con01{margin-bottom: 50px;}
.gb_nation_con01 > ul{display: flex; gap: 10px; flex-wrap: wrap;}
.gb_nation_con01 > ul li{width: calc(25% - 10px); border: 1px solid #ddd; border-radius: 12px; min-height: 155px;cursor: pointer;}
.gb_nation_con01 > ul li.active{border: 2px solid #04599e;}
.gb_nation_info{display: flex; align-items: center; flex-direction: column; padding: 16px 4px;justify-content: center;height: 155px;}


.gb_nation_flag img {width: 36px;border: 1px solid #dfdfdf;}
.gb_nation_name_kr{font-size: 1rem; font-weight: 500; color: #222; line-height: 18px; text-align: center; word-break: keep-all; margin-top: 6px;}
.gb_nation_name_en{font-size: 0.813rem; font-weight: 400; color: #999; line-height: 14px; text-align: center; word-break: keep-all; margin-top: 2px;}
.gb_nation_num{font-size: 0.813rem; font-weight: 500; color: #222; text-align: center; margin-top: 10px;}
/*.gb_nation_con02 > ul li{display: flex; align-items: center; justify-content: space-between; padding: 0 4px; border-top: 1px solid #ddd;}*/
/*.gb_nation_con02 > ul li:last-child{border-bottom: 1px solid #ddd;}*/
.gb_nation_con02 > ul li{display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 20px;}
.gb_nation_lank{font-size: 1.25rem; font-weight: 700; text-align: right; padding-right: 14px; width: 8%; display: flex; justify-content: center;}
.gb_nation_list{width: 100%; display: flex; flex-direction: column; justify-content: center; height: 170px;}
.gb_nation_nav_kr{display: flex; margin-bottom: 2px;}
.gb_nation_nav_kr span{font-size: 0.813rem;}
.gb_nation_nav_kr span:nth-child(2):before{content: ">"; margin: 0 6px;}
.gb_nation_nav_kr span:nth-child(3):before{content: ">"; margin: 0 6px;}
.gb_nation_nav_en{display: flex; margin-bottom: 6px; color: #999;}
.gb_nation_nav_en span{font-size: 0.813rem;}
.gb_nation_nav_en span:nth-child(2):before{content: ">"; margin: 0 6px;}
.gb_nation_nav_en span:nth-child(3):before{content: ">"; margin: 0 6px;}
.gb_nation_item{display: flex; justify-content: space-between; align-items: center;}
.gb_nation_item p{font-size: 1rem; font-weight: 400; line-height: 19px; flex: 1; padding-right: 14px;}
.gb_nation_area{display: flex; flex-direction: column; padding-right: 14px;}
.gb_nation_area_kr{font-size: 1.063rem; font-weight: 500; line-height: 20px; margin-bottom: 2px; color: #000;}
.gb_nation_area_en{font-size: 0.875rem; font-weight: 400; color: #999; line-height: 15px;}
.gb_nation_btn{display: flex; justify-content: flex-end;}
.gb_nation_btn a{display: block;}
.gb_nation_btn a:nth-child(2) {margin: 0 10px;}
.gb_nation_btn a img{width: 30px;}
.gb_nation_searchbox{display: flex; align-items: center; justify-content: space-between;}
.gb_nation_selelctbox{display: flex;}
.gb_nation_select{height: 38px; border: 1px solid #ddd; border-radius: 4px; padding: 0 6px; background-color: #fff; font-size: 1rem; font-weight: 400; appearance: none; background: #fff url(https://mapp.pacificlinks.co.kr/mobile/zones/img/ico_drop.png) no-repeat 95% 50%; background-size: 16px;}
.gb_nation_total{font-size: 1rem; font-weight: 700;}
.gb_nation_map{position: absolute; top: 10px; left: 10px; background: #444; padding: 12px; font-size: 1rem; font-weight: 500; text-align: center; color: #fff; border-radius: 4px; z-index:100;}
.gb_nation_ico{display: flex; align-items: center; margin-top: 14px;}
.gb_nation_ico_coop{display: flex; align-items: center; border: 1px solid #666; padding: 4px 8px; border-radius: 6px;position: relative;}
.gb_nation_ico_coop img{width: 18px; margin-right: 4px;}
.gb_nation_ico_coop span{font-size: 0.938rem; font-weight: 400; color: #666;}
.gb_nation_ico_check{display: flex; align-items: center; background: none; border: 1px solid #666; padding: 4px 8px; border-radius: 6px; margin-left: 25px;}
.gb_nation_ico_check img{width: 18px; margin-right: 4px;}
.gb_nation_ico_check span{font-size: 0.938rem; font-weight: 400; color: #666;}

.gb_nation_ico {position: relative;}
.gb_nation_ico .info_ico {position: absolute;top: 3px;right: -30px;display: none;}
.gb_nation_ico .info_ico img {width: 20px;cursor:pointer;}
.gb_nation_ico .info_txt {position: absolute;top: -38px;left: -1px;text-align: center;font-size: 14px;background: #fffcd3;border: 1px solid #bbbbbb;padding: 5px 7px;white-space: nowrap;border-radius: 5px;display: none;}
.gb_nation_ico .info_txt:after {
    position: absolute;
    top: 20px;
    left: 23px;
	content: url(../_images/common/info_txt_arrow.jpg);
	transform: rotate(-132deg);
}
@media screen and (max-width: 960px) {
	.gb_nation_ico .info_txt {font-size: 13px;}
	.gb_nation_ico .info_txt:after {top: 21px;}
}

.bk_self_surfbox{position: relative; margin-top: 15px}
.bk_self_surf{display: flex; align-items: center; justify-content: space-between; border: 1px solid #ccc; border-radius: 6px; padding: 0 14px;}
.bk_self_surf input[type="search"]{width: 100%; background: #fff; padding: 14px 10px; font-size: 14px;}
.bk_self_surf button{background: none; border: none;}
.bk_self_surf_sub{position: absolute; width: 100%; min-height: 70vh; background: #fff; padding-top: 10px; z-index: 999;}
.bk_self_surf_sub > ul li a{display: block; border-bottom: 1px solid #ddd; padding: 16px 10px;}
.bk_self_club{font-size: 0.875rem; font-weight: 400; color: #666; margin-bottom: 6px;}
.bk_self_club span{color: #6aaae4;}
.bk_self_zone{font-size: 0.75rem; font-weight: 400; color: #999;}
.bk_self_surf_history{overflow: hidden; margin-top: 30px; position: relative;}
.bk_self_surf_history p{font-size: 1rem; font-weight: 500;}
.bk_self_surf_history .btn_del{position: absolute; right: 0; top: 0; background: #fff; border: none; font-size: 0.875rem; color: #999;}
.bk_self_surf_history > ul{margin-top: 10px;}
.bk_self_surf_history > ul li{display: flex; align-items: center; justify-content: space-between; position: relative;}
.bk_self_surf_history > ul li a{display: block; padding: 14px 0; padding-left: 20px; font-size: 0.875rem; font-weight: 400; color: #666;}
.bk_self_surf_history > ul li a:before{content: ""; width: 15px; height: 15px; background: url(../img/ico_time.png) no-repeat center; background-size: 15px 15px; position: absolute;  left: 0;  top: 13px;}
.bk_self_surf_history > ul li button{background: none; border: none;}
.surf_stick{position: sticky; top: 60px; background: #fff; padding: 6px 0 10px;}
.bk_self_delebox{display: flex; align-items: center;}
.bk_self_dele{position: relative;}
.bk_self_dele input[type="radio"]{display: none;}
.bk_self_dele input[type="radio"] + label{padding-left: 25px; display: inline-block; height: 20px; background: url("https://mapp.pacificlinks.co.kr/mobile/zones/css/../img/radiobox.png") no-repeat; background-size: 20px 40px; font-size: 0.875rem; line-height: 20px; color: #333; margin-right: 10px;}
.bk_self_dele input[type="radio"]:checked + label{background-position: 0 -20px;}
.bk_self_dele_add{margin-top: 16px;}
.bk_self_dele_add input[type="text"]{background: #fff !important;}
.bk_self_dele_time{display: flex; align-items: center; justify-content: space-between;}
.bk_self_dele_time input[type="text"]{width: 30% !important; background: #fff !important;}


.global_pop { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 199999; top: 0; left: 0 }
.global_pop .popWrap { position: relative; display: block; width: 350px; height: auto; margin: 12% auto; letter-spacing: -0.5px; background: #fff; border-radius: 10px; padding: 10px }
.global_pop .popWrap .tit { position: relative; width: 100%; height: 40px; margin-bottom: 10px }
.global_pop .popWrap .tit h1 { font: 18px/40px 'Noto Sans Bold'; padding-left: 10px }
.global_pop .popWrap .tit span { position: absolute; right: 5px; top: 10px; display: block; width: 20px; height: 20px; background: url("https://mapp.pacificlinks.co.kr/mobile/zones/css/../img/btn_close_b.png") center center no-repeat; text-indent: -10000px }
.global_pop .popWrap .tit span a { display: block; width: 20px; height: 20px }
.global_pop .popWrap h2 { font-size: 16px; color: #04599E; padding: 0 10px }
.global_pop .popWrap .info { font-size: 18px; font-weight: 600; padding: 15px 0; margin-bottom: 20px; text-align: center; color: #04599E; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.global_pop .popWrap .info1 { padding: 10px; margin-bottom: 20px; text-align: left; }
.global_pop .popWrap p { text-align: center; font-size: 16px; line-height: 1.5; margin: 10px 0 }
.global_pop .popWrap p.sub { font-size: 14px; line-height: 1.8; color: #666; text-align: left; padding: 0 40px; margin-bottom: 20px }
.global_pop .popWrap .locker { display: inlin-block; height: 60px; line-height: 55px; font-size: 50px; font-weight: 600; margin: auto; text-align: center; margin: 20px 0 }
.global_pop .popWrap .locker span { display: inline-block; width: 80px; height: 34px; text-align: center; line-height: 34px; color: #fff; border-radius: 3px; font-size: 18px; margin-right: 20px; vertical-align: middle }
.global_pop .popWrap .locker span.man { background: #49729e }
.global_pop .popWrap .locker span.woman { background: #cd2e53 }
.global_pop .btn_b { display: inline-block; width: 350px; height: 40px; text-align: center; color: #fff; font-size: 16px; line-height: 40px; background: #04599E; border: 1px solid #04599E; border-radius: 5px; }
.global_pop .btn_b a { display: block; width: 100%; height: auto; color: #fff }


.gb_nation_box .join_after {position: relative; text-align: center; margin: 90px 0; font-size: 16px; line-height: 24px; color: #999;}
.gb_nation_box .join_after img{width: 60px; display: block; margin: 0 auto; margin-bottom: 10px;}
.gb_nation_box .join_after .id_pW {border-radius: 8px; font: 18px/32px 'Noto Sans Medium'; color: #04599E; background: #f4f4f4; padding: 20px; margin-bottom: 20px}


@media screen and (max-width: 960px) {
    .global_course_cont .container {padding: 0 0;}
	.global_course_cont .con h2 {text-align: left;}
	.gb_nation_info {height: auto;}
	.gb_nation_con01 > ul li {width: calc(33.3333% - 12px);min-height: auto;}
	.gb_nation_ico_check {margin-left: 10px;}
}

@media screen and (max-width: 496px) { 
  .tab_mem {margin-top: 28px !important;}
  .tab_mem ul {flex-wrap: wrap;}
  .tab_mem ul li {width: 33.3%;border-bottom: none;}
  .tab_mem ul li:nth-child(4) a {border-left: none;}
  .tab_mem ul li a {height: 48px;border-bottom: 2px solid #fff;}
  .tab_membership.on {top: 33px;background: #fff;}
  .tab_membership .sub_tab li {font-size: 14px;line-height: 20px;}
}








/* 글로벌 골프코스 리뉴얼 */
.usage_des {color: #161D92;font-size: 16px;background: #ECF5FF;border-radius: 6px;display: inline-block;padding: 7px 10px;font-weight: 500;margin-bottom: 20px;}
.global_course_sch {display: flex;justify-content: space-between;}
.global_course_sch .country_sch {width: 49%;}
.global_course_sch .country_sch .bk_self_surf {margin-bottom: 12px;}

.global_course_sch .country_list {border: 1px solid #ddd;padding: 10px 10px;height: 866px;overflow-y: scroll;}
.global_course_sch .country_list::-webkit-scrollbar {width: 4px;}
.global_course_sch .country_list::-webkit-scrollbar-thumb {background: #DDDDDD;}
.global_course_sch .country_list ul li {display: flex;padding: 10px 9px;transition: all 0.2s;cursor: pointer;}
.global_course_sch .country_list ul li.active {background: #DCE9F7;}
.global_course_sch .country_list ul li:hover {background: #DCE9F7;}
.global_course_sch .country_list ul li:last-child {margin-bottom: 0;}
.global_course_sch .country_list img {width: 30px;border: 1px solid #eee;}
.global_course_sch .country_list .flag {margin-right: 10px;}
.global_course_sch .country_list .country_name {font-size: 13px;color: #000;display: block;line-height: 12px;margin-bottom: 1px;font-weight: 500;}
.global_course_sch .country_list .country_name_en {color: #999;font-size: 12px;line-height: 16px;}
.global_course_sch .country_list .num {font-size: 14px;color: #D11616;line-height: 26px;margin-left: auto;}
.global_course_sch .golf_sch {width: 49%;}
.global_course_sch .gb_nation_total_wrap {margin-top: 30px;display: flex;justify-content: space-between;align-items: flex-end;}

.global_course_sch .golf_sch .gb_nation_total {font-size: 16px;}
.global_course_sch .golf_list {margin-top: 10px;}
.global_course_sch .golf_list {height: 783px;overflow-y: scroll;}
.global_course_sch .golf_list::-webkit-scrollbar {width: 4px;}
.global_course_sch .golf_list::-webkit-scrollbar-thumb {background: #DDDDDD;}
.global_course_sch .golf_list ul li {border: 1px solid #ddd;border-radius: 10px;padding: 11px 10px 13px;margin-bottom: 20px;position: relative;}
.global_course_sch .golf_list .country_info {display: flex;}
.global_course_sch .golf_list .flag {display: inline-block;margin-right: 5px;vertical-align: middle;}
.global_course_sch .golf_list .flag img {width: 36px;border: 1px solid #eee;}
.global_course_sch .golf_list .tag {display: inline-block;vertical-align: middle;}
.global_course_sch .golf_list .tag div {line-height: 12px;}
.global_course_sch .golf_list .tag div.tag_kr {margin-bottom: 2px;}
.global_course_sch .golf_list .tag span {font-size: 13px;color: #000;display: inline-block;margin-right: 5px;}
.global_course_sch .golf_list .tag .tag_en span {color: #999;}
.global_course_sch .golf_list .gb_nation_btn {position: absolute;bottom: 8px;right: 10px;}
.global_course_sch .golf_list .golf_name {font-size: 16px;color: #000;font-weight: 500;margin-top: 6px;width: 100%;}
.global_course_sch .golf_list .golf_name_en {font-size: 14px;color: #999;margin-bottom: 13px;line-height: 20px;word-break: break-all;}
.global_course_sch .golf_list .golf_type span {padding: 3px 8px;border-radius: 4px;color: #000;font-size: 13px;background: #DCE9F7;display: inline-block;}
.global_course_sch .golf_list .golf_type span img {width: 16px;vertical-align: sub;margin-right: 4px;}
.global_course_sch .golf_list .golf_type span.usage_info {background: #DAF3C2;}
.global_course_sch .bk_self_surf input[type="search"] {padding: 14px 0px;}
.global_course_sch .bk_self_surf input[type="search"]::placeholder {color: #BBBBBB;}
.global_course_sch .bk_self_surf button.sch_btn {margin-left: 20px;}
.global_course_sch #search_del, .global_course_sch #search_del2 {display: none;}
.global_course_sch .list_reload {order: 1;}
.global_course_sch .list_reload button {background: #888;border-radius: 4px;color: #fff;padding: 0 10px;height: 30px;font-size: 12px;border: none;}
.global_course_sch .list_reload img {width: 12px;vertical-align: middle;}
.global_course_sch .list_reload span {font-size: 12px;vertical-align: middle;color: #fff;}


@media screen and (max-width: 960px) {
	.global_course_sch {display: block;position: relative;}
	.global_course_sch.active:after {content: '';position: absolute;top: 0;left: -21px;background: #f4f4f4;z-index: -1;width: calc(100% + 42px);height: 284px;}
	.global_course_sch .country_sch {width: 100%;padding-top: 20px;position: relative;}
	/* .global_course_sch .country_sch:after {content: '';position: absolute;top: 0;left: -21px;background: #f4f4f4;z-index: -1;width: calc(100% + 42px);height: 127px;} */
	.global_course_sch .country_sch .bk_self_surf {margin-bottom: 20px;}
	.global_course_sch .country_list {width: 100%;padding: 0;border:none;height: auto;margin-bottom: 30px;position: relative;overflow-y: visible;}
	.global_course_sch .country_list ul {display: flex;flex-wrap: wrap;gap: 14px;}
	.global_course_sch .country_list ul li {transition: none;flex-direction: column;text-align: center;border: 1px solid #ddd;border-radius: 6px;padding: 16px 9px 10px;box-sizing: border-box;width: calc(33.3% - (14px * 2 / 3));}
    .global_course_sch .country_list.active {height: 57px;margin-bottom: 0;}
    .global_course_sch .country_list.active ul.afterOn:after {content: '';position: absolute;top: 23px;right: 30px;width: 12px;height: 12px;background: url(https://mapp.pacificlinks.co.kr/mobile/zones/img/ico_drop.png) no-repeat;background-size: 12px;}
    
    .global_course_sch .country_list.active ul {position: absolute;left: -21px;width: 100%;padding: 0 21px 20px;z-index: 100;gap: 0px;background: #f4f4f4;}
    .global_course_sch .country_list.active ul li{flex-direction: row;width: 100%;border: none;border-radius: 0;}
    .global_course_sch .country_list.active .flag {margin-right: 10px;}
    .global_course_sch .country_list.active .name {text-align: left;}
    .global_course_sch .country_list.active .num {margin-right: 18px;margin-left: auto;}

    .global_course_sch .country_list .flag {margin-right: 0;}
	.global_course_sch .country_list img {width: 38px;}
	.global_course_sch .country_list .country_name_en {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 10px;line-height: 14px;}
	.global_course_sch .country_list .country_name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.global_course_sch .country_list .num {line-height: 23px;margin-left: 0;}
	
	.global_course_sch .golf_sch {width: 100%;position: relative;padding-top: 20px;display: none;}
	/* .global_course_sch .golf_sch:after {content: '';position: absolute;top: 0;left: -21px;background: #f4f4f4;z-index: -1;width: calc(100% + 42px);height: 134px;} */
	.global_course_sch .golf_sch form {margin-bottom: 0;height: 48px;}
    
	.global_course_sch .golf_list ul li {margin-bottom: 18px;}
	.global_course_sch .golf_list .tag span {line-height: 13px;}
	.global_course_sch .golf_list .golf_type {width: 140px;}
	.global_course_sch .golf_list .golf_type span:not(:last-of-type) {margin-bottom: 8px;}
	
	.global_course_sch .gb_nation_select {padding: 0 3px;font-size: 12px;background: #fff url(https://mapp.pacificlinks.co.kr/mobile/zones/img/ico_drop.png) no-repeat 95% 50%;background-size: 12px;}
	.usage_des {font-size: 12px;padding: 5px 8px;letter-spacing: -0.5px;}
	
	/* .global_course_sch .gb_nation_searchbox {position: absolute;bottom: -164px;width: 100%;z-index: 5;} */
	/* .global_course_sch .gb_nation_total_wrap {margin-top: 100px;} */
	.global_course_sch .gb_nation_total_wrap {margin-top: 40px;}
	.global_course_sch .bk_self_surf {background: #fff;}
	.global_course_sch .golf_sch form .search_text_wrap.active {position: fixed;top: 70px;width: calc(100% - 42px);box-sizing: border-box;z-index: 10;}
	.global_course_sch .golf_sch form .search_text_wrap.active:after {content: '';background: #fff;position: absolute;top: -10px;left: -21px;z-index: -1;width: calc(100% + 42px);height: 73px;}
}







/* 채용공고 공통 */
.recruiting {padding-top: 100px;}
.recruiting * {font-family: "Pretendard Variable", Pretendard, 'Noto Sans KR', sans-serif,'Apple SD Gothic Neo','malgun gothic','맑은 고딕','돋움','dotum';font-weight: 500;color: #222;}
.recruiting h3 {margin-top: 0;font-size: clamp(3.2rem, 3.333vw, 6.4rem);font-weight: 700;margin-bottom: 20px;}
.recruiting h3 em {color: #6AAAE4;font-size: inherit;font-weight: 700;}
.recruiting h4 {font-size: clamp(1.7rem, 1.354vw + 0.4rem, 3rem);font-weight: 700;margin-bottom: clamp(2rem, 2.083vw, 4rem);margin-top: 0;line-height: 38px;word-break: keep-all;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
.recruiting .recruiting_group {background: #fff;border: 1px solid #6AAAE4;border-radius: 10px;padding: clamp(2rem, 2.083vw, 4rem) clamp(1.4rem, 2.708vw - 1.2rem, 4rem);}
.recruiting .required:focus {outline: 1px solid #F01A24;}
.recruiting select {width: 160px;color: #363636;font-size: clamp(1.3rem, 0.313vw + 1rem, 1.6rem);padding-left: 12px;padding-right: 25px;border: 1px solid #ddd;border-radius: 4px;background: url(../_images/common/select_arrow.png) no-repeat calc(100% - 12px) center #fff;background-size: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.recruiting select.type02 {height: clamp(3.8rem, 2.292vw + 1.6rem, 6rem);width: 550px;max-width: 100%;font-size: clamp(1.3rem, 0.729vw + 0.6rem, 2rem);background: url(../_images/common/select_arrow.png) no-repeat calc(100% - 20px) center #fff;background-size: 16px;margin-bottom: 30px;} 
.recruiting .btn_group {display: flex;justify-content: center;gap: 30px;margin-top: 50px;}
.recruiting .btn_type {background: #04599E;font-size: clamp(1.4rem, 0.625vw + 0.8rem, 2rem);color: #fff;font-weight: 700;border-radius: 30px;padding: clamp(1.2rem, 0.625vw + 0.6rem, 1.8rem) 10px;text-align: center;box-sizing: border-box;min-width: 160px;max-width: 220px;}
.recruiting .btn_type02 {font-size: clamp(1.3rem, 0.521vw + 0.8rem, 1.8rem);border-radius: 4px;min-width: 110px;vertical-align: middle;padding: 0;height: clamp(3.8rem, 2.292vw + 1.6rem, 6rem);line-height: clamp(3.8rem, 2.292vw + 1.6rem, 6rem);}
.recruiting .btn_type.skyblue {background: #6AAAE4;}
.recruiting .btn_type.gray {background: #666;}
.recruiting .tag {margin-bottom: clamp(1rem, 1.042vw, 2rem);}
.recruiting .tag span {font-size: clamp(1.2rem, 0.625vw + 0.6rem, 1.8rem);color: #999;white-space: nowrap;}
.recruiting .tag span:not(:last-child) {margin-right: 18px;}
.recruiting_sub {padding-top: 190px;}
.recruiting_info {border: 1px solid #ddd;border-radius: 10px;padding: clamp(2rem, 2.083vw, 4rem) clamp(1.4rem, 2.708vw - 1.2rem, 4rem);margin-bottom: 20px;}
.recruiting_info h5 {font-size: clamp(1.6rem, 1.042vw + 0.6rem, 2.6rem);margin-top: 0;font-weight: 700;margin-bottom: clamp(3rem, 2.083vw + 1rem, 5rem);}
.recruiting_info h5 span {font-weight: 200;font-size: inherit;}
.recruiting_info h5 em {font-size: inherit;font-weight: 700;color: #6AAAE4;}
.recruiting_info .item {display: flex;align-items: baseline;}
.recruiting_info .item:not(:last-child) {margin-bottom: 14px;}
.recruiting_info .item .label {display: inline-block;width: 150px;font-size: clamp(1.3rem, 0.521vw + 0.8rem, 1.8rem);font-weight: 600;}
.recruiting_info .item .value,.recruiting_info .item .value p {font-size: clamp(1.3rem, 0.521vw + 0.8rem, 1.8rem);font-weight: 400;line-height: 26px;flex: 1;}

.recruiting input[type=text],
.recruiting input[type=password] {text-indent: clamp(1rem, 1.042vw, 2rem);height: clamp(3.8rem, 2.292vw + 1.6rem, 6rem);border: 1px solid #ddd;border-radius: 4px;padding: 0;font-weight: 500;font-size: clamp(1.3rem, 0.521vw + 0.8rem, 1.8rem);padding-right: 20px;}
.recruiting input[type=text]::placeholder,
.recruiting input[type=password]::placeholder {color: #aaa;}
.recruiting input[type="checkbox"] {display:none;}
.recruiting input[type="checkbox"] + label { padding-left:35px; display:inline-block; background:url('../_images/common/checkbox_ico.png') no-repeat; background-size: 26px 26px; height: 26px;line-height: 26px;font-size:clamp(1.2rem, 0.625vw + 0.6rem, 1.8rem);color:#222;cursor: pointer;}
.recruiting input[type="checkbox"]:checked + label {background:url('../_images/common/checkbox_ico_chk.png') no-repeat;background-size: 26px 26px;}
.recruiting input[type='file'] {display: none;}
.recruiting .file_wrap {display: flex;}
.recruiting .select_file {background: #888;}
/* .recruiting .select_file {font-size: clamp(1.3rem, 0.521vw + 0.8rem, 1.8rem);background: #888;border-radius: 4px;color: #fff;font-weight: 700;padding: 0 25px;cursor: pointer;height: clamp(3.8rem, 2.292vw + 1.6rem, 6rem);line-height: clamp(3.8rem, 2.292vw + 1.6rem, 6rem);} */
.recruiting .file_name_group {position: relative;margin-left: 10px;flex: 1;}
.recruiting .file_delete {display: none;width: 20px;cursor: pointer;position: absolute;top: 50%;right: 20px;transform: translate(0, -50%);}
.recruiting .file_name_group.on .file_delete {display: block;}
.recruiting .file_name_group .file_name {padding-right: 45px;}

.recruiting_popup {visibility: hidden;opacity: 0;box-shadow: 1px 1px 40px 0px rgba(0, 0, 0, 0.35);position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 1000;display: flex;align-items: center;transition: all 0.2s;}
.recruiting_popup.show {visibility: visible;opacity: 1;}
.recruiting_popup .container {position: relative;padding: 0;border-radius: 10px;border: 1px solid #CCC;max-width: 92%;width: 526px;background: #fff;}
.recruiting_popup .popup_header {border-bottom: 1px solid #ccc;padding: 15px 20px;}
.recruiting_popup h6 {font-size: 18px;font-weight: 500;width: 80%;line-height: 20px;margin-top: 0;}
.recruiting_popup .popup_content {padding: 4% 20px;overflow: auto;}
.recruiting_popup .popup_content p {font-size: clamp(1.4rem, 0.208vw + 1.2rem, 1.6rem);}
.recruiting_popup .popup_close {position: absolute;top: 15px;right: 20px;cursor:pointer;}
.recruiting_popup .popup_close img {width: 22px;}
.recruiting_popup .popup_btn {background: #F1F1F1;text-align: right;padding: 10px 15px;border-radius: 0 0 10px 10px;}
.recruiting_popup .popup_btn button {color: #fff;background: #6AAAE4;padding: 5px 10px;font-size: 14px;border-radius: 4px;}
.recruiting_popup .popup_btn button.cancel {background: #666;}


/* 채용공고 리스트 */
#recruiting {padding: 100px 15px 0;}
.recruiting .video {height: 220vh;}
.recruiting .video_container {position: sticky;top: 100px;width: 100%;max-width: 100%;transition: all 1s cubic-bezier(0.76, 0, 0.24, 1);margin: 0 auto;}
.recruiting .video.on .video_container {max-width: 900px;top: 23%;}
.recruiting .video_content {padding-top: 56.25%; /* 16:9 비율 */position: relative;}
.recruiting .video_content:after {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.recruiting .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.recruiting .date {font-size: clamp(1.3rem, 0.521vw + 0.8rem, 1.8rem);}
.recruiting .date .d_day {background: #6AAAE4;padding: 5px 10px;color: #fff;font-size: clamp(1rem, 0.625vw + 0.4rem, 1.6rem);border-radius: 4px;font-weight: 600;margin-right: 3px;}
.recruiting .intro_sentence {color: #363636;font-size: clamp(1.4rem, 1.042vw + 0.4rem, 2.4rem);line-height: clamp(1.8rem, 1.25vw + 0.6rem, 3rem);margin-bottom: clamp(4rem, 3.125vw + 1rem, 7rem);;}
.recruiting .sub_sentence {color: #363636;font-size: clamp(1.5rem, 1.563vw, 3rem);line-height: 30px;margin-bottom: clamp(3rem, 2.083vw + 1rem, 5rem);font-weight: 600;}
.recruiting .sub_sentence em {color: #6AAAE4;font-size: clamp(2rem, 2.083vw, 4rem);font-weight: 700;}
.recruiting .filter_wrap {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.recruiting .filter_tab {display: flex;gap: 22px}
.recruiting .filter_tab li {color: #bbb;font-size: clamp(1.6rem, 0.417vw + 1.2rem, 2rem);font-weight: 600;cursor: pointer;padding: 0 0 8px;}
.recruiting .filter_tab li.active {color: #363636;border-bottom: 2px solid #363636;}
.recruiting .recruiting_list {margin-bottom: 50px;}
.recruiting .recruiting_list li {background: #fff;box-shadow: 0 0 0 1px #ddd inset;border-radius: 10px;padding: clamp(2rem, 1.042vw + 1rem, 3rem) clamp(1.4rem, 2.708vw - 1.2rem, 4rem);position: relative;transition: all 0.2s;}
.recruiting .recruiting_list li:hover {box-shadow: 0 0 0 2px #6AAAE4 inset;}
.recruiting .recruiting_list li:not(:last-child) {margin-bottom: 20px;}
.recruiting .recruiting_list li .share_btn {position: absolute;top: 30px;right: 40px;background: #fff;}
.recruiting .recruiting_list li .share_btn img {width: 24px;cursor: pointer;}
.recruiting .pagination {display: flex;justify-content: center;align-items: center;gap: 8px;text-align: center;}
.recruiting .pagination .page_btn img {width: 18px;}
.recruiting .pagination ul {display: flex;padding: 0 10px;}
.recruiting .pagination ul a {display: inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;font-weight: 400;}
.recruiting .pagination ul a.active {background: #6AAAE4;color: #fff;font-weight: 700;}
.recruiting .copy_alert {visibility: hidden;opacity: 0;position: fixed;bottom: 7%;left: 50%;transform: translate(-50%, 0);border-radius: 6px;background: #fff;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);color: #fff;padding: 9px 10px;font-size: 14px;transition: all 0.2s;width: max-content;z-index: 1000;}
.recruiting .copy_alert.show {visibility: visible;opacity: 1;}

.recruiting .empty_comm {background: #fff;box-shadow: 0 0 0 1px #ddd inset;border-radius: 10px;text-align: center;padding: 7% 3%;}
.recruiting .empty_comm .icon {width: 6.5%;min-width: 40px;}
.recruiting .empty_comm .title {font-size: clamp(1.6rem, 0.833vw + 0.8rem, 2.4rem);margin: clamp(2rem, 4.167vw - 2rem, 6rem) 0 clamp(1rem, 2.083vw - 1rem, 3rem);font-weight: 700;}
.recruiting .empty_comm .desc {font-size: clamp(1.4rem, 0.417vw + 1rem, 1.8rem)}

/* 채용공고 상세 */
.recruiting_view h3 {margin-bottom: 30px;}
.recruiting_detail {display: flex;justify-content: space-between;margin-bottom: 30px;}
.recruiting_detail .recruiting_header {width: 60%;}
.recruiting_detail .recruiting_header_btn a {border-radius: 6px;font-size: clamp(1.3rem, 0.729vw + 0.6rem, 2rem);font-weight: 700;color: #fff;padding: clamp(0.9rem, 0.938vw, 1.8rem) clamp(1rem, 1.875vw - 0.8rem, 2.8rem);vertical-align: middle;}
.recruiting_detail .recruiting_header_btn .share_btn {border-radius: 6px;border: 1px solid #222;background: #fff;padding: clamp(0.9rem, 0.833vw + 0.1rem, 1.7rem);line-height: 0;vertical-align: middle;}
.recruiting_detail .recruiting_header_btn .share_btn img {width: clamp(1.3rem, 1.146vw + 0.2rem, 2.4rem);vertical-align: middle;}
.recruiting_detail .recruiting_header_btn .back_list {background: #666;margin-left: 8px;}
.recruiting_detail .recruiting_header_btn .apply_btn {background: #6AAAE4;margin-left: 8px;}
.recruiting_step {display: flex;text-align: center;gap: 30px;margin-top: 50px;position: relative;z-index: 1;}
/* .recruiting_step:after {content:'';position: absolute;top: 34%;width: calc(100% - 38px);height: 16px;background: #DADBDC;z-index: -1;} */
.recruiting_step li {position: relative;}
.recruiting_step li:after {content:'';position: absolute;top: 34%;right: -35px;width: 40px;height: 16px;background: #DADBDC;z-index: -1;}
.recruiting_step li:last-child:after {display: none;}

.recruiting_step li:last-child .step_overview {background: #6AAAE4;}
.recruiting_step li:last-child .step_number {color: #fff;}
.recruiting_step li:last-child .step_title {color: #fff;}
.recruiting_step .step_overview {display: flex;flex-direction: column;justify-content: center;border: 1px solid #6AAAE4;border-radius: 50%;width: 180px;height: 180px;background: #F8F8F8;}
.recruiting_step .step_number {font-weight: 600;color: #6AAAE4;line-height: normal;}
.recruiting_step .step_icon {margin: 20px 0 20px;}
.recruiting_step .step_icon img {width: 40px;vertical-align: top;} 
.recruiting_step .step_title {font-size: 22px;font-weight: 600;line-height: normal;}
.recruiting_step .step_description {margin-top: 20px;}
.recruiting_info .detail_img img {width: 100%;}


/* 채용공고 지원하기 */
.recruiting_apply select.type02 {width: 600px;}
.recruiting_apply .recruiting_info .item:not(:last-child) {margin-bottom: 30px;}
.recruiting_apply .recruiting_info h5 span {font-size: clamp(1rem, 0.625vw + 0.4rem, 1.6rem);color: #E54141;font-weight: 600;margin-left: 40px;vertical-align: middle;}
.recruiting_apply button.certify {margin-left: 10px;}
.recruiting_apply .terms_check .terms_detail {font-size: clamp(1rem, 0.625vw + 0.4rem, 1.6rem);color: #fff;padding: 5px 10px;background: #666;border-radius: 4px;margin-left: 30px;}

/* 채용공고 지원 결과 확인 */
.recruiting_apply_chk select.type02 {width: 550px;}

/* 채용공고 결과 */
.recruiting_apply_status .recruiting_group {text-align: center;padding: 100px 40px;}
.recruiting_apply_status .item {display: none;}
.recruiting_apply_status .item:first-child {display: block;}
.recruiting_apply_status .notice_txt {font-size: clamp(1.7rem, 1.979vw - 0.2rem, 3.6rem);font-weight: 400;line-height: clamp(2.5rem, 2.604vw, 5rem);margin-bottom: 30px;}
.recruiting_apply_status .notice_txt strong {font-size: inherit;font-weight: 700;}
.recruiting_apply_status .notice_txt strong.name {display: inline-block;margin-bottom: 10px;}
.recruiting_apply_status .notice_txt span {font-size: inherit;font-weight: 700;color: #6AAAE4;}
.recruiting_apply_status .notice_sub_txt {font-size: clamp(1.3rem, 0.729vw + 0.6rem, 2rem);margin-bottom: 100px;line-height: normal;}



@media screen and (max-width: 1200px) {
  .recruiting_step .step_overview {width: 120px;height: 120px;}
  .recruiting_step .step_icon img {width: 26px;}
  .recruiting_step .step_title {font-size: 14px;}
  .recruiting_step .step_description {margin-top: 10px;line-height: 14px;font-size: 12px;}
}
@media screen and (max-width: 960px) {
  .recruiting {padding-top: 80px;}
  .recruiting_sub {padding-top: 80px;}
  .recruiting h3 {line-height: 32px;margin-bottom: 10px;}
  .recruiting input[type=text], .recruiting input[type=password] {margin-bottom: 0;}
  .recruiting input[type="checkbox"] + label {background-size: 20px 20px;padding-left: 25px;height: 20px;line-height: 20px;}
  .recruiting input[type="checkbox"]:checked + label {background-size: 20px 20px;}
  .recruiting select {background-size: 8px;}
  .recruiting .file_name_group {margin-left: 4px;}
  .recruiting .file_delete {width: 17px;right: 10px;}
  .recruiting .file_name_group .file_name {padding-right: 30px;}
  .recruiting select.type02 {width: 100%;background-size: 8px;}
  .recruiting .video {height: auto;padding: 0 21px;}
  .recruiting .filter_wrap {display: block;}
  .recruiting .filter_tab {margin-bottom: 20px;}
  .recruiting .filter_tab li {padding: 0 0 3px;}
  .recruiting .tag {line-height: 15px;width: calc(100% - 22px);overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
  .recruiting .tag span {display: inline-block;line-height: 15px;}
  .recruiting .tag span:not(:last-child) {margin-right: 6px;}
  .recruiting .pagination ul a {font-size: 14px;width: 30px;height: 30px;line-height: 30px;}
  .recruiting .pagination .page_btn img {width: 12px;}
  
  .recruiting .filter_select {display: flex;gap: 8px;}
  .recruiting .filter_select select {flex: 1;}

  #recruiting {padding: 50px 21px 0;}
  .recruiting h4{line-height: 23px;}
  .recruiting .recruiting_list h4{margin-bottom: 0;}
  .recruiting .date .d_day {padding: 3px 7px;}
  .recruiting .recruiting_list {margin-bottom: 30px;}
  .recruiting .recruiting_list li {padding: 20px 14px;min-height: 162px;box-sizing: border-box;position: relative;box-shadow: 0 0 0 2px #6AAAE4 inset;}
  .recruiting .recruiting_list li a {display: flex;flex-direction: column;}
  .recruiting .recruiting_list li a .date {position: absolute;bottom: 20px;}
  .recruiting .recruiting_list li .share_btn {top: 20px;right: 14px;}
  .recruiting .recruiting_list li .share_btn img {width: 16px;}

  .recruiting .recruiting_group {border: 2px solid #6AAAE4;}
  .recruiting_detail {display: block;}
  .recruiting_detail .recruiting_header {width: 100%;margin-bottom: 20px;}
  .recruiting_detail .recruiting_header_btn {text-align: center;display: flex;}
  .recruiting_detail .recruiting_header_btn .back_list {margin: 0;}
  .recruiting_detail .recruiting_header_btn .share_btn {order: 1;margin-left: 4px;}
  .recruiting_detail .recruiting_header_btn .apply_btn {margin-left: 4px;}
  
  .recruiting_info .item {display: block;}
  .recruiting_info .item .label {font-weight: 700;}
  .recruiting_info .item .value, .recruiting_info .item .value p {line-height: 22px;}
  .recruiting_step {flex-wrap: wrap;justify-content: center;margin-top: 20px;gap: 20px 22px;}
  .recruiting_step li:after {height: 8px;}
  
  .recruiting_step .step_number {font-size: 10px;}
  
  .recruiting_step .step_icon {margin: 10px 0 12px;}
  .recruiting .btn_group {margin-top: 30px;gap:10px;}
  .recruiting .btn_type {min-width: 115px;}
  .recruiting .btn_type02 {min-width: 74px;}


  .recruiting_apply .recruiting_info h5 span {display: block;margin-left: 0;}
  .recruiting_apply .recruiting_info .phone_group {display: flex;} 
  .recruiting_apply .recruiting_info .item:not(:last-child) {margin-bottom: 20px;}
  .recruiting_apply .recruiting_info .item .label {margin-bottom: 8px;}
  .recruiting_apply button.certify {margin-left: 4px;}
  .recruiting_apply .terms_check .terms_detail {margin-left: 18px;padding: 0px 6px;}
  
  .recruiting_apply_status .recruiting_group {padding: 50px 14px;}
  .recruiting_apply_status .notice_txt {margin-bottom: 20px;}
  .recruiting_apply_status .notice_sub_txt {margin-bottom: 40px;}
  .recruiting_apply_status .status_img {width: 200px;}
}

@media screen and (max-width: 767px) {
  .recruiting_step {width: 266px;margin: 20px auto 0;}
  .recruiting_step li:nth-child(2):after {width: 170px;right: auto;top: 86%;left: -100px;transform: rotate(-60deg);}
  
  .table_membership table {table-layout: auto;}
  .table_membership table th, .table_membership table td {font-size: 14px;line-height: 18px;padding: 14px 6px !important;text-align: center !important;}
  .table_membership table td.comm_info {text-align: left !important;}
  .table_membership table td strong {font-size: 14px;}
  .table_membership table col:nth-child(1){width: 45px !important;}
  .table_membership table col:nth-child(2){width: 40px !important;}

  .table_membership .table6 col:nth-child(1){width: 52px !important;}
  .table_membership .table6 col:nth-child(3){width: 52px !important;} 

}