@import "board.css";
@import "gallery.css";

#header .header_bottom{background:rgba(255,255,255,1.0);}

.btn_top{position:fixed;bottom:50px;right:30px;display:none;z-index:100005}
.btn_top a{display:block;width:40px;height:40px;text-align:center;color:#666;font-size:14px;line-height:40px;letter-spacing:normal;background:#fff}
.btn_top.open{display:block}

/* common */
.page_title {padding-top:30px; font-size:30px; color:#333; font-weight:400;}
.page_info {margin-top:10px; font-size:14px; color:#888;}

.section_group {margin:40px 10px 0; text-align:left;}
.section_group h3 {position:relative; margin:70px 0 30px; padding-bottom:30px; font-size:30px; color:#333; font-weight:700; text-align:left; line-height:30px; }
.section_group h3:first-child {margin-top:0;}
.section_group h3:before {content: ''; width:60px; height:1px; background:#133586; position:absolute; left:0; bottom:0;}

.cont_wrap {max-width:1280px;margin:0 auto;padding:5% 4% 5%;}
.cont_in h3 {position:relative; margin-bottom:40px; padding-bottom:30px; font-size:30px; color:#333; font-weight:; text-align:left; line-height:38px;}
.cont_in h3:before {content: ''; width:60px; height:1px; background:#aaa; position:absolute; left:0; bottom:0;}
.cost_wrap h4 {position:relative; margin-bottom:30px; padding-bottom:20px; font-size:26px; color:#333; font-weight:; text-align:left; line-height:38px;}
.cost_wrap h4:before {content: ''; width:60px; height:1px; background:#aaa; position:absolute; left:0; bottom:0;}


/* table */
.tbl-type01 {clear:both; table-layout:fixed; width:100%; text-align:center; border-top:2px solid #333; border-bottom:2px solid #bbb;}
.tbl-type01 th,
.tbl-type01 td {padding: 15px 10px; border: solid #ddd; border-width: 0 0 1px 1px; }
.tbl-type01 td { font-weight: 400; color: #666; font-size: 14px;  background-color:#fff;}
.tbl-type01 th:first-child,
.tbl-type01 td:first-child {border-left:0;}
.tbl-type01 thead th {padding: 15px 0;  font-weight:700; color:#222; font-size: 14px; background-color:#ebf9f7;}
.tbl-type01 thead th.vline {border-bottom:1px solid #ccd3db;} /* th媛� 2以꾩씪 寃쎌슦  */
.tbl-type01 th:first-child,
.tbl-type01 td:first-child {border-left: none;}
.tbl-type01 th.line,
.tbl-type01 td.line {border-right:1px solid #ddd;} /* ��蹂묓빀�� �곗륫 �쇱씤 �덈굹�� 寃쎌슦 */
.tbl-type01 tbody th {background-color:#eee; color:#000;}
.tbl-type01 tbody td.l-line{border-left:1px solid #ddd;}
.tbl-type01 .spc {vertical-align:middle;font-size:15px;color:#007374;font-weight:bold;text-align:center;}
.is-wauto-box table {min-width:900px;}

/* ul style */
ul.ul_st01 {display:block;}
ul.ul_st01 li {margin-top:7px; padding-left:15px;line-height:20px; background:url('/images/icon/bul_bk.png') no-repeat 0 7px;}
ul.ul_st01 li:first-child {margin-top:0;}

@media screen and (max-width: 1023px){
	.section_group {margin-top:40px 10px 0;}
	.tbl-type01 span.divide {display:block;}
}

@media screen and (max-width: 768px){
	.section_group h3 {margin:50px 0 20px; padding-bottom:20px; font-size:18px; line-height:20px; }
	.cont_in h3 {margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; line-height:24px;}
	h4 {margin-bottom: 20px; padding-bottom: 15px; font-size: 20px; line-height:24px;}
	.tbl-type01 th, .tbl-type01 td {padding:10px;}
	.tbl-type01 tbody th, .tbl-type01 tbody td {font-size:12px;}
}

.multi_group{*zoom:1}
.multi_group:after{content:"";display:block;clear:both;}
.multi_group > div{float:left;width:50%}
.multi_group > div:first-child .cell_data{margin-right:25px;margin-left:0}
.multi_group .cell_data{margin-left:25px;position:relative}

/* submenu */
.data_tab {display:table; width:100%; table-layout: fixed; margin-top:50px; *zoom:1;}
.data_tab:after {content:" "; display:block; clear:both; overflow:hidden;}
.data_tab li {display:table-cell;width:100%; text-align:center; vertical-align:middle; position:relative; z-index:0; ;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
.data_tab li {margin-left:10px; height:100%; }
.data_tab li:first-child {margin-left:0;}
.data_tab li a {display:block; position:relative; padding:17px 16px 19px; height:100%; font-size:14px; font-weight: 700; color:#555; box-sizing:border-box; -webkit-box-sizing:border-box;}
.data_tab li span {position:absolute;width:0;height:2px;background:#bb3e3e;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.data_tab li span.line01 {top:-1px; left:0;}
.data_tab li span.line02 {bottom:-1px; right:0;}
.data_tab li:hover {z-index:5;}
.data_tab li a:hover,
.data_tab li.actived a {color:#bb3e3e; font-size:16px;}
.data_tab li:hover span,
.data_tab li.actived span {width:100%;}
.data_tab > li a:before {content: ""; display:inline-block; height: 100%; vertical-align: middle;}
.data_tab > li span {display:inline-block;vertical-align: middle;}

/* pageNavigation */
.data_tab_m {z-index:10; margin:30px 0 0;}
.data_tab_m * {box-sizing:border-box;}
.data_tab_m .depth {position:relative;width:100%; height:45px; margin:0 auto; color:#666; line-height:45px; text-align:left; background:#bb3e3e;}
.data_tab_m .depth a {width: 100%;}
.data_tab_m .depth > a {display:inline-block; position: relative; padding-left:20px; font-size:16px; color:#a4a6aa; font-weight:500;}
.data_tab_m .depth > a:after {font: normal normal normal 20px/1 FontAwesome; content: "\f0d7"; position: absolute; right: 23px; top:12px;}
.data_tab_m .depth > a.current, .data_tab_m .depth > a.open {color: #fff;}
.data_tab_m .depth > a.open:after {font: normal normal normal 20px/1 FontAwesome; content: "\f0d8";color: #fff; position: absolute;right: 23px;top:12px;}

.data_tab_m .depth ul {position:absolute; top:45px; overflow: hidden; padding:15px 0; width:100%; border-top:none; background:#e7d3d3; z-index:1001;}
.data_tab_m .depth ul li {line-height:25px; height:25px;}
.data_tab_m .depth ul li a {display:block; padding-left:20px; font-size:14px; color:#333; }
.data_tab_m .depth ul li a:hover,
.data_tab_m .depth ul li a:focus {color:#9f1c1c;}

@media screen and (max-width: 768px) {
	.data_tab {display:none;}
}

@media screen and (max-width: 640px) {
	.data_tab_m {margin-top:25px;}
}

/* mypage */
.btn_detail_view{margin-top:5px}
.btn_detail_view a{font-size:14px;text-decoration:underline;}

.join_input{position:relative;margin-top:50px;text-align:left}
.join_input table{margin-top:20px}
.join_input h3{font-size:18px;vertical-align:bottom;font-weight:400}
.join_input h3 span{font-size:14px;color:#666;margin-left:10px;vertical-align:bottom;font-weight:300}

/* **************************************** *
 * join
 * **************************************** */
.join_process{display:inline-block;zoom:1;*display:inline;margin-top:48px;}
.join_process li{float:left;margin:0 25px;font-size:16px;}
.join_process li > span{display:inline-block;zoom:1;*display:inline;width:112px;height:111px;margin-bottom:15px;background-position:left top;background-repeat:no-repeat;}
.join_process li.actived > span{background-position:-112px top;}
.join_process li.step01 > span{background-image:url('/images/content/bg_join_process01.png');}
.join_process li.step02 > span{background-image:url('/images/content/bg_join_process02.png');}
.join_process li.step03 > span{background-image:url('/images/content/bg_join_process03.png');}
.join_process li.actived > p{color:#333;}

.terms_wrap .data_title{font-size:20px}
.terms_wrap .terms_cont iframe{height:300px;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;}
.terms_wrap .terms_cont .agree_title{font-size:14px;margin-bottom:10px}
.terms_wrap .terms_cont .agree_wrap{margin-top:0}
.terms_cont .agree_con{margin-bottom:20px;line-height:20px}
.terms_wrap input{vertical-align:middle}
.terms_wrap label{font-size:16px;}
.terms_wrap .agree{position:relative;padding:20px 0;border-bottom:solid 1px #bbb;}
.terms_wrap .agree > a{position:absolute;right:0;top:20px;}
.terms_wrap .all_chk{clear:both;text-align:center;padding:50px 0}

.terms_wrap.nonmember .terms_cont iframe{height:172px;}
.terms_wrap.nonmember .agree{border-bottom:none;}

.date_search{position:relative;display:inline-block;}
.date_search .i_wrap{padding-right:33px;margin-right:12px}

.etc_wrap{display:inline-block;zoom:1;*display:inline;}
.etc_wrap > p{margin-right:7px}

.i_wrap_contain{line-height:32px;}

.join_complete{max-width:771px;height:276px;margin:50px auto 0;background:url('/images/content/bg_join_complete.jpg') no-repeat left top; border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px; }
.join_complete > p{padding-top:53px;font-size:30px;color:#fff;line-height:40px;}
.join_complete > p > span{color:#fcff00}
.join_complete .btn_bottom{margin-top:25px;}

/* **************************************** *
 * login
 * **************************************** */
#container.full{position:relative;max-width:none;}
.login_wrap{position:relative;height:750px;max-width:1902px;margin:0 auto;background:url('/images/content/bg_login.jpg') no-repeat center center;background-size:cover;}
.login_wrap ul {overflow:hidden;position:absolute; top:100px; left:50%; margin-left:-190px; }
.login_wrap ul li {float:left; margin-left:10px;}
.login_wrap ul li:first-child {margin-left:0;}
.info_contain{width:400px;height:580px;background:transparent; background-color:rgba( 255, 255, 255, 0.5); border-radius: 0px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.info_contain .page_title{padding-top:60px;}
.info_contain .page_info{padding:4px 0 11px;line-height:24px;font-size:16px;}
.info_contain .info_txt{padding:50px 60px 0;margin-bottom:20px; background:none;}
.info_contain .info_txt > p{position:relative;border-bottom:solid 2px #dc372b;margin-top:24px;}
.info_contain .info_txt > p label{position:absolute;left:0;top:0;width:100%;line-height:53px;font-size:16px;}
.info_contain .info_txt > p input{height:53px;line-height:53px;text-align:center;font-size:16px;}
.info_contain .etc a{margin-left:10px;padding-left:11px;background:url(/images/common/global_line.gif) left center no-repeat;}
.info_contain .login_btn{margin-top:30px;}
.info_contain .login_btn .btn02{height:70px;line-height:70px;padding:0 30px;font-size:34px;font-weight:bold; -webkit-border-radius: 50px; -moz-border-radius:50px; border-radius:50px;}

.go_btn{position:absolute;left:50%;}
.go_btn.join{width:207px;height:207px;top:160px;margin-left:-432px;background:url(/images/content/bg_go_join.png) no-repeat left top;}
.go_btn.order,
.go_btn.login{width:138px;height:138px;top:333px;margin-left:278px;background:url(/images/content/bg_go_order.png) no-repeat left top;display:none;}
.go_btn.login{display:none;background:url(/images/content/bg_go_login.png) no-repeat left top}
.go_btn.order.on,
.go_btn.login.on{display:block;}
.go_btn a{display:block;font-size:18px;color:#fff;line-height:24px;}
.go_btn.join a{padding-top:114px;background:url(/images/content/icon_go_join.png) no-repeat center 37px}
.go_btn.order a{padding-top:46px;}
.go_btn.login a{padding-top:0px;line-height:138px;}

.Re_list_wrap{max-width:1500px;margin:50px auto 50px;}
.Re_list{*zoom:1}
.Re_list:after {content:" ";display:block;clear:both;overflow:hidden;}
.Re_list > li{float:left;}
.Re_list > li{width:50%;}
.Re_list > li > div{margin:0 10px; text-align:center;}

.agree_big_title{font-size:14px;margin:10px 0 50px 0}
.agree_wrap iframe {width:100%; height:600px; border:1px solid #ddd; }

.find_result {padding:10%; background-color:#efefef; font-size:16px; text-align:center; line-height:1.8; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.find_result .findinfo_num {color:#06F; font-weight:700;}

/* **************************************** *
 * greeting
 * **************************************** */
.greeting_wrap{position:relative; clear:both; width:100%; max-width:1280px; padding:0px; margin:20px auto 50px; background:url('/images/content/bg_greeting.jpg') center top no-repeat; background-size:cover;  }
.greeting_cont {position:relative; margin:0 auto; width:80%; padding:90px 0; }
.greeting_header {padding:50px 0; background-color: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);}
.greeting_header h3 {padding:0 50px; color:#000; font-size:30px; }
.greeting_header dl { margin-top:47px; padding:0 11.72%;  font-size:14px; }
.greeting_header dl dt { text-align:center;margin-bottom:33px;}
.greeting_header dl dd { color:#;  margin-bottom:23px; line-height:20px; text-align:left; }
.greeting_header dl dd span { color:#333;}

@media screen and (max-width: 768px) {
    .greeting_wrap{margin:10px 0 50px; height:auto; background-size:768px; }
	.greeting_cont {padding-bottom: 0; width:90%; }
	.greeting_header {width:100%; min-width:280px; height:auto !important; /*min-height:481px; float:right;*/ background:#fff; margin:170px auto 0; outline:1px solid #E8E8E8; padding-top:50px; }
	.greeting_header h3 { margin-top:0; padding:0; }
	.greeting_header dl { margin-top:47px; padding:0 6.7% 0;}

}

@media screen and (max-width: 540px) {
	.greeting_wrap{ background-size:540px; }
	.greeting_wrap .greeting_cont {padding-top:150px; height:auto; }
	.greeting_header { float:none; width:100%; min-width:280px; padding-bottom:40px; outline:none; margin:0;}
	.greeting_header h3 { margin-top:0; padding:0; font-size: 24px; line-height:26px; }
	.greeting_header dl { margin-top:32px; padding:0 6.88% 0; }
}

/* **************************************** *
 * program 01
 * **************************************** */

.program_info {position: relative; margin-top:20px; width: 100%;}
.program_info:after {content:""; display:block; clear: both;}
.program_wrap {position: relative; float:left; width: 50%; height: 440px;}
.program_wrap h3 {padding-bottom: 5%; font-size: 30px;font-weight: 700;color: #fff; text-align:left;}
.program_wrap p {font-size:15px;font-weight: 500;color: #fff; text-align:left;}
.program_wrap .table_wrap {display:table;width:100%;height:100%;padding: 0;position: absolute;top: 0; left: 0;}
.program_wrap .table_wrap > div {display:table-cell;width: 80%;height: 100%; padding: 0 0 0 20%; vertical-align: middle;}
.program_wrap .table_wrap > div p {line-height:24px;}
.program_wrap.program_01 {background: url('/images/content/program-bg01.jpg') no-repeat center center;background-size: cover;}
.program_wrap.program_02 {background: url('/images/content/program-bg02.jpg') no-repeat center center;background-size: cover;}
.program_wrap p.number {padding: 34px 0 0 41px; font-size: 14px;font-weight: bold;color: #fff; text-align:left;}
.program_wrap p.number span {position: relative;}
.load p.number span:after {width: 107px;left: 27px;}
.program_wrap p.number span:after {display: block;position: absolute;left: 27px;width: 0px;height: 3px;background: #fff;top: 9px;content: "";-webkit-transition: width 800ms;transition: width 800ms;right: -30px;}

.program_ov {padding-top: 63px; padding-bottom: 100px; width: 100%;  background: #fafafa url('images/content/introduce-info-bg.jpg') center bottom no-repeat;}

ul.program_ov_list {display: table; margin: auto; width: 100%;max-width: 1030px; font-size: 14px;}
ul.program_ov_list li { display: table-row;  }
ul.program_ov_list b,
ul.program_ov_list li > span { display: table-cell; padding: 15px 0;  line-height:20px; border-bottom: 1px solid #ddd;}
ul.program_ov_list li:first-child b,
ul.program_ov_list li:first-child > span { border-top: 2px solid #ddd; }
ul.program_ov_list li:first-child b { border-top-color: #DC372B; }
ul.program_ov_list b { width: 160px; font-weight: bold; }
ul.program_ov_list li > span { padding-left: 30px; text-align:left;}

@media screen and (max-width:1024px){
	.program_wrap h2 {font-size: 24px;}
	.program_wrap .table_wrap > div {padding: 0 0 0 10%; }
}

@media screen and (max-width:768px){
	.program_wrap {width: 100%; height: 400px;}
    .program_wrap h2 {font-size: 18px;}
	.program_wrap p {font-size:12px;}
	.program_ov {padding-top: 30px;}
}

@media screen and (max-width:540px){
	.program_wrap {height:350px;}
    .program_wrap h2 {padding-bottom:2%;}
    .program_wrap p {padding-bottom:2%;}
    .program_wrap p:last-child {padding-bottom:0;}
    .program_wrap p br.mobile_br {display:block;}
    .program_wrap p.number {padding:15px 0 0 3%;}
	ul.program_ov_list b {width:65px;}
}

/* **************************************** *
 * HISTORY
 * **************************************** */

.history {margin-top:50px;}
.history:after {content:""; display:block; clear: both;}
.sub_part_history_01 { position: relative; overflow: hidden; background: #fafafa; }
.sub_part_history_01a:before { content: ''; width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; overflow: hidden; border: 1px solid rgba(255,255,255,0.4); z-index: 2; box-sizing: border-box; }
.sub_part_history_01a { position: absolute; top: 0; bottom: 0; left: 0; width:48%; background: #dedede url('/images/content/history_bg.jpg') center center no-repeat; background-size: no-repeat; }
.history_01a_inner { position: absolute; top:20%; left:20%; width:60%; height:60%; background-color:rgba(0, 63, 149, 0.8); filter:progid:DXImageTransform.gradient(startColorstr=#B3000000, endColorstr=#B3000000); z-index: 4; }
.history_01a_inner .table_wrap {display: table;width:100%;height: 100%;}
.history_01a_inner .table_wrap > div {display: table-cell; vertical-align: middle;}
.history_01a_inner p { color: #fff; padding:0 10%; font-size: 14px; line-height:1.6em; text-align:left;}
.history_01a_inner p.slogan {font-size:28px; line-height:1.5em; font-weight:100;}
.sub_part_content p {margin-bottom: 15px;}
.sub_part_content.sub_part_history_01b { width:52%; float: right; max-height: 700px; overflow: auto; }
.history .history_wrap {overflow: hidden; float: left; width:80%; margin: 22px 10% 0 10%; padding-bottom: 19px;border-bottom: 1px solid #dedede;}
.history .history_wrap:first-child {margin-top: 8.3%;}
.history .history_wrap:last-child { border-bottom: none;padding-bottom: 8%; }
.history .history_year {float:left; width:20%; text-align:left;}
.history .history_year h2 {margin: 0;padding: 0;font-size: 20px; font-weight:700; line-height: 20px; letter-spacing:.1em; color: #bb3e3e;}
.history .history_list {float:left; width: 80%;}
.history .history_list li {position: relative; padding-left:12px; text-align:left; font-size: 14px;line-height: 1.65em;color: #666;margin-bottom: 7px; background:url('/images/common/bg_dot.png') no-repeat 0 9px; }

@media screen and (max-width: 1280px) {
    .history_01a_inner {width:86%;height:80%; left:7%; top:10%; }
    .history_line {height: 2px;margin-top: -2%;}
	.history .history_wrap {width:80%; margin: 22px 7% 0 7%; }

}

@media screen and (max-width: 940px) {
    .sub_part_history_01a {float:left; position:relative; width:100%; height:400px; }
    .history_01a_inner { height:70%; top: 15%; }
    .history_01a_inner p {font-size: 14px; padding-left:5%; }
    .sub_part_content.sub_part_history_01b {width: 100%; position: relative; }
}
@media screen and (max-width: 768px) {
	.history {margin-top:10px;}
	.sub_part_history_01a {height:300px; }
	.history_01a_inner p.slogan {font-size:20px; line-height:1.3em;  }
	.sub_part_history_01a:before {display: none;}
    .history_01a_inner { width: 84%; height: 80%; top: 10%; left: 8%; }	
	.history .history_year,
	.history .history_list	{display:block;  width:100%;}
	.history .history_list li {line-height:1.5em;}
	.history .history_year {margin-bottom:15px;}
}
@media screen and (max-width: 540px) {
    .history .history_wrap {width:90%;}
	.sub_part_content.sub_part_history_01b {max-height: none;}
}


/* **************************************** *
 * Joining
 * **************************************** */
.club_joining { margin-top:20px;}
.club_joining strong { margin-top:20px; color: #fff; font-size:50px; font-weight: bold; line-height: 31px; display: block; text-align: center; }
.club_joining p { text-align: center }
.club_joining { height: 520px; }
.club_joining.hobby {background: #D2544D url('/images/content/joining_bg01.jpg') center center no-repeat; position: relative; }
.club_joining.player {background: #D2544D url('/images/content/joining_bg02.jpg') center center no-repeat; position: relative; }
.club_joining:before { content: ''; width: 95%; height: 84%; position: absolute; top: 8%; left: 2.5%; overflow: hidden; border: 1px solid rgba(255,255,255,0.4); z-index: 2; box-sizing: border-box; }
.club_joining_inner {width: 59.2%;height:320px;background:;margin: auto;position: relative;top: 100px;padding: 0;z-index: 3;text-align: center;}
.club_joining_inner .table_wrap {display: table;width:100%;height: 100%;}
.club_joining_inner .table_wrap > div {display: table-cell; vertical-align: middle;}

@media screen and (max-width: 900px) {
.club_joining_inner {width: 80%;padding: 0 5%;}
}
@media screen and (max-width: 720px) {
	.club_joining {height: 350px;}
    .club_joining:before {display: none;}
    .club_joining_inner {width: 90%;height: 90%;top: 5%;}
}
@media screen and (max-width: 700px) {
	.club_joining strong br, .club_joining p br {display: none;}
}
@media screen and (max-width: 540px) {
    .club_joining {height: 300px;}
    .club_joining strong {font-size: 30px;}
    .club_joining.sub_part_content p {font-size: 14px;}
}

.triple_group {max-width:1280px;margin:40px auto 0;}
.triple_group>ul{overflow:hidden;}
.triple_group>ul>li{float:left;width:33.33%; }
.triple_group .list_wrap {margin-left:2.333%; padding:20px 30px 0; min-height:250px; border:1px solid #ddd; border-radius:5px;}
.triple_group .list_wrap.img {margin-left:0; background: url('/images/content/img_visa.jpg') no-repeat center center;background-size: cover; border:none;}

.triple_group .list_wrap h4 {margin-bottom:15px; color:#333; font-size:20px; font-weight:700;}
.triple_group .list_wrap ul {display:block;}
.triple_group .list_wrap ul li {margin-top:5px; padding-left:15px;background:url(/images/icon/bul_bk.png) no-repeat 0 7px;}
.triple_group .list_wrap ul li:first-child {margin-top:0;}

@media screen and (max-width: 940px) {
	.triple_group>ul>li{width:50%;}
	.triple_group >ul>li:first-child {display:none;}
	.triple_group .list_wrap.target {margin-left:0;}
}

@media screen and (max-width:640px){
	.triple_group{margin:20px auto 0 auto;}
    .triple_group>ul>li{width:100%;}
    .triple_group .list_wrap {margin:5px; padding-bottom:30px; height:auto;min-height:100px;}
	.triple_group .list_wrap h4 {margin-bottom:10px; color:#333; font-size:18px; }
}

/* **************************************** *
 * location
 * **************************************** */
.location {background-color:#f7f7f7;}
.location:after {clear:both;content:'';display:block;}
.location_map {width:100%; height: 450px;border: 1px solid #eee; }
.location_info {width: 100%; text-align:left;}
.location_info ul{display: table;width: 100%;}
.location_info strong {font-size: 24px;font-family:sans-serif; display: inline-block; line-height: 14px;}
strong.location_tel {color: #DC372B; padding-right: 20px; letter-spacing: 0.05em;}
strong.location_fax {color: #222; letter-spacing: 0.05em;}
 .location_info ul {margin-top: 40px;}
.location_info li {display:table-row; width:100%; line-height:20px; }
.location_info li > b, .location_info li > span{display:table-cell;padding-bottom:12px;vertical-align: top;}
.location_info li > b{width: 12.5%;min-width: 75px;position: relative;vertical-align: top;}
.location_info li > b:after{content:"";position:absolute;right:0;top: 3px;bottom: 15px;min-height: 14px;width: 1px;background:#dddddd;}
.location_info li > span{ padding-left:35px}
.location_info li > span > em {margin-left:15px;}
 .location_info li > span span.transport {display:block; padding-left:10px; background:url('/images/common/bg_dot.png') no-repeat 0 9px; }
.location_map .mapwrap {height: 450px; width: 100%; }
.location_map .mapwrap .map {height: 100%; width: 100%; }

@media screen and (max-width:940px){
	.location {padding: 30px 2.5%;}
    .location_info li > b {width: 10%;}
    .location_info li > span {padding-left: 20px;}   
	.location_info strong {font-size: 22px;}
}

@media screen and (max-width:768px){
    .location {padding: 30px 5%;position: relative;}
	.location_info li > span > em {display: block; margin-left:0; padding-top: 7px;}
}

@media screen and (max-width:540px){
    .location_info strong {font-size: 18px;}
    .location_info li > span > em {padding-top: 10px;}
    .location_info ul {margin-top: 30px;}
}


/* **************************************** *
 * business
 * **************************************** */
.businessWrap{position:relative; margin-top:60px;}
.business_list{display:table; clear:both; width:100%; margin:0 auto;}
.business_list>li{position:relative; float:left; width:33.3%; margin-bottom:20px;}
.business_list>li .item-box{position:relative; width:86%; margin:0 auto;}
.business_list>li .item-box .ib-thumb{position:relative; box-shadow: 2px 6px 8px 1px #c4c4c4; background-repeat:no-repeat; background-size:cover;}
.business_list>li .item-box .ib-thumb img{width:100%;}
.business_list>li .item-box .ib-info{min-height:100px; }
.business_list>li .item-box .ib-title{font-size:18px; color:#000000; margin:20px 0 12px;}
.business_list>li .item-box .ib-title>span{color:#15b9cb; padding-right:5px;}
.business_list>li .item-box .ib-cont{font-size:; color:#888888;}
.business_list>li .item-box .ib-view{padding-top:5px;}

@media screen and (max-width:768px){
	.business_list{display:table; clear:both; width:90%; }
	.business_list>li{position:relative; float:left; width:50%; margin-bottom:20px;}
	.business_list>li .item-box{position:relative;  width:90%; margin:0 auto;}
	.business_list>li .item-box .ib-thumb{position:relative; box-shadow: 2px 6px 8px 1px #c4c4c4;}
	.business_list>li .item-box .ib-thumb img{width:100%;}
	.business_list>li .item-box .ib-info{min-height:100px;}
	.business_list>li .item-box .ib-title{font-size:16px; color:#000000; margin:20px 0 10px;}
	.business_list>li .item-box .ib-title>span{color:#15b9cb; padding-right:5px;}
	.business_list>li .item-box .ib-cont{line-height:16px; }
}

@media screen and (max-width:480px){
	.business_list{display:table; clear:both; width:90%; }
	.business_list>li{position:relative; float:none; clear:both; width:100%; margin-bottom:0;}
	.business_list>li .item-box{position:relative;  width:90%; margin:0 auto;}
	.business_list>li .item-box .ib-thumb{position:relative; box-shadow: 2px 6px 8px 1px #c4c4c4;}
	.business_list>li .item-box .ib-thumb img{width:100%;}
	.business_list>li .item-box .ib-info{min-height:100px;}
	.business_list>li .item-box .ib-title{font-size:; color:#000000; margin:20px 0 7px;}
	.business_list>li .item-box .ib-title>span{color:#15b9cb; padding-right:5px;}
}


/* **************************************** *
 * progress
 * **************************************** */
.progress-area p {width:100%; text-align:center; box-sizing:border-box;}
.progress-area p img {max-width:100%;}
.progress-area .imgbox {width:100%; height:282px;padding-top:60px;background:url(/images/content/progress_img1.png) no-repeat center top;text-align:center; color:#fff;box-sizing:border-box}
.progress-area .progress-list {width:100%; text-align:center;}
.progress-area .progress-list > li {position:relative; margin-top:52px;}
.progress-area .progress-list > li:first-child {margin-top: 0px;}
.progress-area .progress-list > li span.tit {display:block; padding-top:60px; color:#333; font-size:18px; font-weight:700;  }
.progress-area .progress-list > li:first-child span.tit {padding-top: 0px;}
.progress-area .progress-list > li:before {content: ''; width:26px; height:13px; position:absolute; top:0; left:50%; margin-left:-13px; background:url(/images/content/progress_arr.png) no-repeat; } 
.progress-area .progress-list > li:first-child:before {display: none;} 
.progress-area .progress-list > li span.txt {display:block; margin-top:16px; font-size:20px; font-weight:500; line-height:35px; }

@media all and (max-width:1100px) {
	.progress-area .imgbox {width:100%; }
}

@media all and (max-width:768px) {
	.progress .contents {padding-bottom: 60px;}
	.progress-area .imgbox {margin:20px auto 30px; height:241px; padding-top:68px;background:url(/images/content/progress_img1_m.png) no-repeat center bottom; background-size:cover; }
	.progress-area .imgbox img {width: 235px;}
	.progress-area p {padding:0 15px;}
	.progress-area .progress-list {padding:0 20px; box-sizing:border-box}
	.progress-area .progress-list > li {margin-top:40px;}
	.progress-area .progress-list > li span.txt {font-size:16px; line-height:25px; }
	.progress-area .progress-list > li span.tit {padding-top:50px; font-size:16px; line-height:26px}
}

@media all and (min-width:769px) {
	.progress-area .imgbox{margin:60px auto; }
}

/* **************************************** *
 * program
 * **************************************** */

.academy_top{margin-top:40px;}
.academy_top h5 {font-size:18px;color:#000;font-weight: 700;}
.academy_top .academy_con{ display: table; margin-bottom:5px; padding:50px; width:100%; border:1px solid #eee; background-color:#fcfcfc; text-align:left;}
.academy_top .img_con{width:40%; float:left;text-align:;}
.academy_top .img_con img{width:70%; }
.academy_top .txt_con{width:60%; float:left; margin-top:px;}
.academy_top .txt_con dl{padding-bottom: 30px;}
.academy_top .txt_con dl dd.s_tit{font-size:23px; color:#888888;}
.academy_top .txt_con dl dt{padding-top:15px; font-size:34px; color:#333;  font-weight: 500;}
.academy_top .txt_con dl dd.txt{padding-top:30px;  }
.academy_top .txt_con ul{}
.academy_top .txt_con ul li{position:relative; padding-left:10px; padding-top:5px; font-size: 14px;}
.academy_top .txt_con ul li:before{position:absolute; content:''; top: 15px; left:0; width:2px; height:2px; background-color:#666; }

.cost_wrap {padding:30px; background-color:#f7f7f7;}
.cost_wrap h4 {margin-top:40px;}
.cost_wrap h4:first-child {margin-top:0;}

@media screen and (max-width:960px){
	.academy_top .academy_con{padding:30px;}
    .academy_top .img_con{width:40%;}
    .academy_top .img_con img{width:85%;}
    .academy_top .txt_con{width:60%;}
	.academy_top .txt_con dl dt{font-size:30px; line-height:25px;}
}

@media screen and (max-width:768px){
	.academy_top{margin:30px 5px 0;}
	.academy_top .academy_con{ width:100%;}
    .academy_top .img_con{ width:60%; float: none; margin:0 auto;}
    .academy_top .img_con img{width:100%;}
    .academy_top .txt_con{width:100%; padding-top:30px;}
	.academy_top h5 {font-size:16px;}
	.cost_wrap {padding:30px 5px 0;}
}

@media screen and (max-width: 480px) {
	.academy_top{margin:10px 5px 0;}
	.academy_top .img_con{ width:80%;}
	.academy_top .txt_con dl dd.s_tit{font-size:20px;}
	.academy_top .txt_con dl dt{font-size:24px;}
	.cost_wrap {margin:10px 5px 0;}
}

.academy_wrap {position:relative; overflow:hidden; display: table; width:100%; max-width:1280px; margin:40px auto; padding:100px 0; height:100px; text-align:center; vertical-align:middle; background-color:#eee;}

/* desktop 1023 */
@media screen and (max-width:1023px){
	#v-left{float:none;width:auto}
	#v-right{float:none;width:auto}
    #v-right-scroll-start{height:auto !important}
    #v-left-scroll-start{height:auto !important}
	
	.page_title {padding-top:50px; }

	.btn_top{right:10px}

    .multi_group > div{float:left;width:100%;margin-top:50px}
	.multi_group > div:first-child{margin-top:0}
	.multi_group > div:first-child .cell_data{margin-right:0}
	.multi_group .cell_data{margin-left:0}

    .login_wrap{height:931px;}
    .info_contain{margin-bottom:30px;}
    .go_btn{position:static;margin:0 3px;display:inline-block;
            border-radius:30px;
            -moz-border-radius:30px;
            -webkit-border-radius:30px;
    }
    .go_btn.join{width:auto;height:auto;top:60px;margin-left:0;background:#bf3611;opacity:0.9;}
    .go_btn.order,
    .go_btn.login{width:auto;height:auto;top:233px;margin-left:0;background:#236a9e;opacity:0.9;display:none;}
    .go_btn.order.on,
    .go_btn.login.on{display:inline-block;}
    .go_btn.login{background:#1eb0e4;}
    .go_btn a{height:58px !important;line-height:58px !important;padding:0 30px;opacity:0.9;}
    .go_btn a br{display:none;}
    .go_btn.join a{padding:0 30px 0 65px;background:url(/images/content/icon_go_join.png) no-repeat 30px center;background-size:31px;}

}

/* mobie 900 */
@media screen and (max-width:900px){
	.login_wrap{height:530px;}
	.login_wrap ul {width:700px; top:30px; left:50%; margin-left:-190px;}
	.login_wrap .info_contain {height:470px;}
	.login_wrap{padding:30px 10px 0;}
	.info_contain {width:340px;}
    .info_contain .page_title{padding-top:50px;}
    .info_contain .page_title img{width:95px;}
    .info_contain .info_txt{padding:40px 30px;}
    .info_contain .info_txt > p{position:relative;margin-top:14px;}
    .info_contain .info_txt > p label{font-size:13px;}
    .info_contain .info_txt > p input{height:43px;line-height:43px;text-align:center;font-size:13px;}
    .info_contain .login_btn{margin-top:30px;}
    .info_contain .login_btn .btn02{height:58px;line-height:58px;}

}

/* mobie 768 */
@media screen and (max-width:768px){
	.page_title {padding-top:30px; }
	.list_down .list_arrow{right:10px}

    .confirm_number > a.btn03 {display:block;margin-bottom:10px;}

    .date_search{display:block;}
    .date_search .i_wrap{margin-right:0}

    .etc_wrap .i_wrap{display:inline-block;zoom:1;*display:inline;}

    .join_complete{height:189px;
        border-radius:150px;
        -moz-border-radius:150px;
        -webkit-border-radius:150px;
    }
    .join_complete > p{padding-top:30px;font-size:20px;color:#fff;line-height:26px;}
    .join_complete > p > span{color:#fcff00}
    .join_complete .btn_bottom{margin-top:25px;}

    .join_complete .btn_bottom a.btn02{display:inline-block;}

    #container.full .login_wrap{padding-left:10px;padding-right:10px;}
    .info_contain .login_btn a.btn02{display:inline-block;zoom:1;*display:inline;}

    .number_wrap:after{content:"";display:block;clear:both;}
    .number_wrap > .s_wrap,
    .number_wrap > .i_wrap{position:relative;float:left;width:30% !important;margin-left:5%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .number_wrap .i_wrap:before{content:"-";display:block;position:absolute;left:0;top:0;margin-left:-10%;line-height:32px;}
    .number_wrap .s_wrap:first-child,
    .number_wrap .i_wrap:first-child{margin-left:0;}
    .number_wrap .i_wrap:first-child:before{display:none;}
    .number_wrap .char{display:none}

    .email_wrap{position:relative;}
    .email_wrap:after{content:"@";display:block;line-height:32px;position:absolute;left:50%;margin-left:-6px;top:0;}
    .email_wrap .char{display:none;}
    .email_wrap .i_wrap{float:right;width:47% !important;margin-bottom:10px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .email_wrap .i_wrap:first-child{float:left;}
    .email_wrap .s_wrap{clear:both;width:47% !important;display:inline-block;margin:0 7px 0 0;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .confirm_num_cont{clear:both;padding-top:10px;margin-bottom:10px;}

    .pw_change_pop{left:0;margin-left:0;width:auto}
    .p_num_reg{position:fixed;top:50%;margin-top:-232px;}

	.agree_wrap iframe {height:400px; }
}

/* mobie 640 */
@media screen and (max-width:640px){
    #container.brand_story {margin: 0  10px;}

    .page_title {font-size:24px; padding-top:25px;}

    .data_tab{margin-top:25px}
    .data_tab li p{margin-left:5px;margin-top:-1px}
	.data_tab li a {font-size:13px;}

	.default_con{margin-top:25px}

	.section_group{margin-top:20px}
	.multi_group > div {margin-top:20px;}
    .data_title{margin-bottom:10px;font-size:16px}
	.data_title .sub_txt{display:block;margin-left:0;margin-top:5px;line-height:20px}
    .data_title .sub_txt.inline{display:inline;margin-left:10px;line-height:1;}

    .mypage_info .info{margin-top:10px}
	.mypage_info .title{font-size:28px}
	.mypage_info .user_data > div{margin:0 15px}
	.mypage_info .user_data{margin-top:20px}
    .mypage_info .title{font-size:24px}
    .mypage_info .number_format > div{font-size:50px;line-height:50px;height:50px}
    .mypage_info .user_data > div.dot{height:50px}

    .section_title{margin-top:40px;font-size:18px}
	.section_info{margin-top:10px;font-size:13px;display:none}

    .user_membership{width:70px;height:98px}
    .user_membership .member_info{top:48px;line-height:36px;font-size:18px}
    .user_membership{ -webkit-background-size:70px auto; -moz-background-size:70px auto; -o-background-size:70px auto;	 background-size:70px auto;}

	.join_input{margin-top:25px}
	.join_input h3{font-size:16px}
	.join_input h3 span{display:block;margin-top:5px;margin-left:0;line-height:18px}
	.join_input table{margin-top:10px}

	.login_wrap {height:600px;}
	.login_wrap ul {width:350px; top:30px; left:50%; margin-left:-175px;}
	.login_wrap ul li {margin-left:0;}
	.login_wrap .info_contain {height:450px; }
	.login_wrap .page_info {display:none;}
	.info_contain .login_btn .btn02{height:38px;line-height:38px;font-size:22px;}

    .join_process li{margin:0;display:none;}
    .join_process li.actived{display:block;}
    .join_process li > span{width:56px;height:56px;background-size:112px auto !important;background-position:-56px top !important;}

	.go_btn{margin:5px 0 0}
    .go_btn.login.on{display:block;}
    .go_btn a{height:45px !important;line-height:45px !important;}
    .go_btn.join a{background:none;padding:0;}
    .go_btn.join{width:200px;margin:0 auto}
    .go_btn.login{width:200px;margin:5px auto 0 auto}

    .pw_change_pop{padding:30px 15px}
    .agree_title{font-size:14px}

    .membership_info{margin:25px auto 0 auto;min-height:0;padding-bottom:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
    .membership_info .txt01{font-size:24px;padding-top:20px}
    .membership_info .txt02{font-size:14px;line-height:20px;padding-top:10px;padding:0 20px}
    .membership_info .txt02 br{display:none}

}

/* mobie 480 */
@media screen and (max-width:480px){
    .login_wrap{height:700px;padding:30px 10px 0}
    .login_wrap ul {width:320px; top:30px; left:50%; margin-left:-160px;}
	.login_wrap ul li {margin-left:0;}
	.login_wrap .info_contain{width:320px; height:330px;}
    .info_contain .page_title{padding-top:50px;}
    .info_contain .page_title img{width:95px;}
    .info_contain .info_txt{padding:0 50px;}
    .info_contain .info_txt > p{margin-top:7px;}
    .info_contain .login_btn{margin-top:20px;}

    .detail_top .visual_wrap .txt_wrap .txt01{font-size:16px;line-height:18px;}
    .detail_top .visual_wrap .txt_wrap .txt02{font-size:38px;line-height:40px}
    .option_bg{height:200px}
    .detail_top .visual_wrap .madeInfo{top:200px}
    .detail_top .visual_wrap .item_visual{margin-top:-150px;}
	.detail_top .visual_wrap.type02{padding-top:30px}
	.detail_top .visual_wrap.type02 .item_visual{margin-right:-70px}
	.detail_top .visual_wrap .bpaInfo{top:150px;left:40px}

    .info_contain .etc a{font-size:13px;padding-left:8px;margin-left:5px}
    .info_contain .etc label{font-size:13px}
    .info_contain .info_txt{margin-top:0}

}

/* mobie 420 */
@media screen and (max-width:420px){

    /* new Css */
    .mypage_info .number_format > div{font-size:40px;line-height:40px;height:40px}
    .mypage_info .user_data > div.dot{height:40px}
	.mypage_info .user_data > div{margin:0 5px}

    .join_complete{padding:0 10px;
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
    }
    .join_complete .btn_bottom a.btn02{display:block;}
    .terms_wrap label{font-size:14px;}
}

.studioGallery {max-width:545px;margin:4% auto;}

.privacy-con {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 140px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #bbb;
    font-size: 13px;
    color: #666;
    box-sizing: border-box;
}

.terms_wrap .agree_chk {clear:both; padding:15px 0}

.slideBtn {
    background: #efefef;
    border: 0;
    color: #292929;
}

.slideBtn:hover {
    background: #ccc;
}

.thumCon .slick-initialized .slick-slide {
    width: 85px;
    height: 124px;
	border:1px solid #ccc;
}

.galThumlist {
    height: 124px;
}

.project_info_new{overflow: hidden; max-width:650px; margin:40px auto;}
.project_info_new .name{float:left; width:55%;}
.project_info_new .info{float:left; width:45%;}
.project_info_new h3{font-size:28px; margin-bottom:10px; line-height:32px; color:#333;}
.project_info_new h4{font-size:15px; line-height:24px; color:#666; font-weight:normal;}

.project_info_new dl{overflow:hidden; text-align:left; font-size:15px; color:#555; }
.project_info_new dt{float:left; width:70px; font-weight:700; }
.project_info_new dd{float:left; width:calc(100% - 70px); width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); line-height:25px;padding-bottom:10px;}

@media screen and (max-width: 768px) {
	.project_info_new .name,
	.project_info_new .info {float:none; width:100%;}
	.project_info_new dd{padding-bottom:5px;}
   .project_info_new h4 {margin-bottom: 20px; padding-bottom:0; line-height:18px;}

}