@char-set("utf-8");
@import url("out-font.css");
/* CSS Document */
/* common */
/* { -webkit-text-size-adjust:none;}*/ /* 아이폰 화면 회전시 폰트 확대 방지 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 140%;
	color: #444;
	width: 100%;
	background-color: #fff;
	
}

body, div, p, ul, li, a, table, td, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe, select, textarea {
	margin: 0;
	padding: 0;
	font-family: "맑은 고딕","NanumGhothic", "Dotum", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
body, html {
    margin: 0;
    padding: 0;
}
img {
	border: 0;
	vertical-align: top;
	padding: 0;
}

table, th, td {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

th {
	font-weight: bold;
	text-align: center;
}

h1, h2 {
	display:none;
}

h1, h2, h3, h4, h5 ,h6 {
	line-height: 140%;
}

h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 100%;}

a { 
	font-size: 100%;
}

a:link, a:visited {
	color: #444;
	text-decoration: none;
}

a:active, a:hover {
	color: #444;
	text-decoration: none;
}

div { 
	font-size: 100%;
}

ul { 
	width:100%;
	list-style: none;
	
}

li {	
	font-size: 100%; 
	line-height: 140%;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}

p {
	font-size: 100%;
	line-height: 140%;
}

legend {
	display: none;
}

label {
	display: inline;
}

hr { 
	display: none;
}

caption {
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	width:0;
}

em { font-style: normal;}

/* padding/margin */
.pad_t5 { padding-top: 5px;}
.pad_t10 { padding-top: 10px;}
.pad_t15 { padding-top: 15px;}
.pad_t20 { padding-top: 20px;}
.pad_t55 { padding-top: 55px;}

.pad_r5 { padding-right: 5px;}
.pad_r10 { padding-right: 10px;}
.pad_r15 { padding-right: 15px;}
.pad_r20 { padding-right: 20px;}
.pad_r40 { padding-right: 40px;}

.pad_b5 { padding-bottom: 5px;}
.pad_b10 { padding-bottom: 10px;}
.pad_b15 { padding-bottom: 15px;}
.pad_b20 { padding-bottom: 20px;}

.pad_l5 { padding-left: 5px;}
.pad_l10 { padding-left: 10px;}
.pad_l15 { padding-left: 15px;}
.pad_l20 { padding-left: 20px;}

.mar_t5 { margin-top: 0px;}
.mar_t10 { margin-top: 10px;}
.mar_t15 { margin-top: 15px;}
.mar_t20 { margin-top: 20px;}

.mar_r5 { margin-right: 5px;}
.mar_r10 { margin-right: 10px;}
.mar_r15 { margin-right: 15px;}
.mar_r20 { margin-right: 20px;}

.mar_b5 { margin-bottom: 5px;}
.mar_b10 { margin-bottom: 10px;}
.mar_b15 { margin-bottom: 15px;}
.mar_b20 { margin-bottom: 20px;}

.mar_l5 { margin-left: 5px;}
.mar_l10 { margin-left: 10px;}
.mar_l15 { margin-left: 15px;}
.mar_l20 { margin-left: 20px;}

.float_left { float: left;}
.float_right { float: right;}

.c { text-align: center;}

.clear_left { clear: left;}
.clear { clear:both; }
.display_n { display: none;}
.display_b { display: block;}

.f_90 { font-size: 90%;}
.f_130 { font-size: 130%;}

.t_bold { font-weight: bold;}

.h_20 { height: 20px;}
.h_30 { height: 30px;}

.text_align_r { text-align: right;}

/* text color */
.t_01 {	color: #5590de;}
.t_02 { color: #ffcc00;}
.t_03 { color: #a70b12;}
.t_04 { color: #444444;}
.t_05 { color: #555555;}
.t_06 { color: #666666;}
.t_07 { color: #777777;}
.t_08 { color: #888888;}
.t_09 { color: #999999;}

/* form */
select {
	color: #444;
	vertical-align: middle;
	font-size: 100%;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

input.type-image {
	border: 0 none;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

input {
	border: 1px solid #e6e6e6;
	font-size: 12px;
	color: #242424;
	vertical-align: middle;
	border-radius:3px;
}
input:focus{ 
   
	border-color: #99CC00;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 }

input.form {
	border: 1px solid #e6e6e6;
	font-size: 12px;
	vertical-align: middle;
	padding: 4px 3px 0 3px;
	height: 15px;

}

input.radio {
	border: none;
	width:20px;
	height:20px;
	vertical-align: middle;
	padding: 0 0 0px 0;
}
textarea {
	border: 1px solid #dddddd;
	padding: 2px 0 0 5px;
	letter-spacing: 0.05em;
	color: #444;
	font-size: 12px;
	font-family: dotum;
}

.whbox { width:98%;margin:20px auto;display:inline-block;text-align:center;; }

.m-tit01 { width:94%;margin:17px auto;text-align:center; }
.m-tit01 .ltit01 { float:left;width:47%;height:90px;background:url(/images/vod0.png);background-size: 100% 100%;padding:10px 0 ; }
.m-tit01 .rtit01 { float:left;margin-left:6%;width:47%;height:90px;background:url(/images/vod1.png);background-size: 100% 100%;padding:10px 0; }
.mspbox { width:94%;margin:22px auto;text-align:center; }
.mspbox .mspbg { float:left;width:100%;height:90px;background:url(/images/supports.jpg);background-size: 100% 100%;padding:10px 0; opacity : 0.8; }

/* Layout */
  /**
   *
   * |-------------------------------|
   * | #head                         |
   * |-------------------------------|
   * | #container					 |
   * |-------------------------------|
   * | #foot                         |
   * |-------------------------------|
   */

#wrapper {
	text-align: left;
}
.bouter { display:block;width:100%; background:url('/images/smmbg4.png') top center;background-size: cover; } 
#wrap { display:block;width:100%; }

/* head */
#head { position: absolute;
    top: 30;
    border: 1px;
    height: 50px;
    width: 100%;
    background-color: rgba(255,255,255,1.0);
    z-index: 9999;}
#head h1 { display: block;}
#head .user { position: absolute; right: 10px; top: 26px;}

/* container */
#container { padding: 0; margin: 0; clear: left;}

#slide-show {
  overflow: hidden;  
}
#slide-show .banner {
  position: relative;
  overflow: hidden; 
}
#slide-show .banner a {
  /*float: left;
  width: 320px;*/
}
#slide-show .banner a img {
  display: block;
}
#slide-show .nav {
  clear: both;
  text-align: center;
  background: url('../images/main_banner_back.gif') repeat-x left top;
  padding: 5px 15px 0px 15px;
  height: 20px;
}
#slide-show .nav a img {
	padding: 4px 7px 0 7px;
}

#slide-show .nav a:first-child img,
#slide-show .nav a:last-child img {
	padding: 0px 0 0 0;
}

#slide-show .nav a:first-child {
  float: left;
}
#slide-show .nav a:last-child {
  float: right;
}

.main_news_sec { background-color: #000000; color: #fff; font-weight: bold; text-align: center; padding: 5px 0;}
.main_news_sec a:link, .main_news_sec a:visited,
.main_news_sec a:active, .main_news_sec a:hover {
	color: #fff;
	text-decoration: none;
}

.main_bg { background:#f8fcea url('') repeat-x left top; padding: 0px 0px 10px 0px; }
.main_menu { clear: left;text-align: center;display:inline-block; }
.main_menu_r { clear: left; text-align: center; }
.main_menu ul, .main_menu_r ul { margin: 0 auto; clear: left;}
.main_menu ul li, .main_menu_r ul li { display: inline-block;margin:20px 2.5%; width:45%;float:left;border:0px solid #ddd; }
.main_menu ul li img { margin:0 auto; }
.main_menu ul li .ig-ct { border: 0px solid #6699ff;background-color:rgba(255, 255, 255,0.85); border-radius:20px;width:70%;margin:0px auto;height:50%;padding:10px;}
 .ig-ct  .ig-im { text-align:center;width:100%; background-color:rgba(128,201,194,0.0); border-radius:50%;    padding: 28px 0;}
.main_menu ul li  .ig-ct p { 
font-family:'NanumSquare',sans-serif, "맑은 고딕", sans-serif,'HangeulNuri-Bold',sans-serif, 'GmarketSansMedium',sans-serif, 'Noto Sans KR', sans-serif, 'ChosunKg',sans-serif;
box-sizing: border-box;
    letter-spacing: -0.03em;
font-size:20px; font-weight:900;color:#0894dc;padding:10px;margin-top: -30px;  }

.main_top_menu { clear: left;  text-align: center; }
.main_top_menu ul, .main_menu_r ul { margin: 0 auto; clear: left;}
.main_top_menu ul li, .main_menu_r ul li { display: inline-block;margin:10px 0px; width:49%;float:left;border:0px solid #ddd; }
.main_top_menu ul li img { margin:0 auto; }


.update_news { }
.update_news h2 { display: block; border-bottom: 3px solid #000;}
.update_news_sec { border-bottom: 1px solid #666; padding: 10px 10px 10px 10px; clear: left;}
.update_news_sec .left { float: left; width: 60px; text-align: center; }
.update_news_sec .left .date { color: #fff; font-weight: bold; background-color: #a80b12; font-family: Verdana; font-size: 110%;}
.update_news_sec .left .category { font-size: 70%; padding: 5px 0 0 0; text-align: center; font-weight: bold;}
.update_news_sec .right { margin-left: 75px; font-weight: normal; min-height: 63px;}
.update_news_sec .right strong { color: #000; font-weight: bold; font-size: 14px;}
.update_news_sec .right p { padding-bottom: 5px; }

/* 2011-05-04_start */
#foot { margin: 20px 0 10px 0; padding-left:20px; position: relative;}
#foot .btn_top { position: absolute; right: 10px; top: 0px;}
/* 2011-05-04_end */

/* location */
.location_sec { border-bottom: 1px solid #999999; height: 24px; background: url('../images/location_back2.jpg') repeat-x left top; overflow: hidden;}
.location_sec img { margin-top: 3px;}
.location_sec span { background: url('../images/location_back.gif') no-repeat right top; padding: 5px 13px 0 6px; float: left; font-size: 8px; height: 19px;}
.location_sec span.now { background: none; padding: 5px 5px 0 6px; float: left; font-size: 8px; height: 19px;}
.location_sec span.now a:link, .location_sec span.now a:visited,
.location_sec span.now a:active, .location_sec span.now a:hover {
	color: #a70b12;
	text-decoration: none;	
}

.location_sec span.now2 { background: none; padding: 5px 5px 0 6px; float: left; font-size: 8px; height: 19px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:40%; display: block;}
.location_sec span.now2 a:link, .location_sec span.now2 a:visited,
.location_sec span.now2 a:active, .location_sec span.now2 a:hover {
	color: #a70b12;
	text-decoration: none;	
}

/* news_view */
/*.news_view { clear: left; overflow: hidden; margin: 0 10px 0 10px;}*/
.news_view {  float: right;padding: 10px 10px 7px 10px;}
.news_list{ margin-top: 10px; font-weight: bold;}
.cont_view { padding: 10px 10px 10px 10px; border-bottom:1px solid #cccccc; clear: left}
.bott_list { margin:10px 10px 0 0; text-align: right; clear: left; height: 30px; }
.bott_list ul { float: right; }
.bott_list ul li { float:left; padding-left: 5px;}
.bott_list ul li.news { padding-top:5px; font-weight:bold; color: #777; font-size: 90%;}

/*.news_list_sec { border-bottom: 1px solid #cccccc; padding: 10px 0 10px 0; clear: left; float: left; width: 100%;}*/
.news_list_sec { border-bottom: 1px solid #cccccc; padding: 10px 10px 7px 10px; clear: left; min-height: 34px; }
.news_list_sec .left { float: left; width: 60px; text-align: center;}
.news_list_sec .left .date { color: #fff; font-weight: bold; background-color: #a80b12; font-family: Verdana; font-size: 130%;}
.news_list_sec .right { display: block; margin-left: 70px; font-weight: bold; font-size: 120%;}
.news_list_sec .right2 { display: block; margin-left: 70px; font-weight: bold; font-size: 120%; padding-bottom:10px;}

/* member */
.content { padding: 0 15px 0 15px; }
.content h2,
.content2 h2 { position: relative; display: block; padding-top: 24px; }
.content2 { padding: 0 25px 0 25px; }

.bg_input {padding: 5px 5px 5px 5px;color:#009900; border:1px solid #ccc; font-size:16px;}

.tx_basic { color: #777; padding: 7px 0 0 0; font-weight: bold; clear: left; }
.tx_basic input { vertical-align: -2px; margin-right: 5px;}
.bt_line { border-top: 1px solid #dddddd; margin-top: 20px; }
.tx_type2 { padding-top: 9px; font-weight: bold; }
.tx_type3 { color:#444; font-weight: bold;}
.tx_check { color: #777; padding: 5px 0 0 15px; font-weight: bold; background: url('../images/ico_check.png') left 10px no-repeat;}

/* 로그인 */
.login_wrap { margin-top:15px; border: 1px solid #cccccc;}
.login_box {position: relative; padding: 24px 24px 19px 19px; border: 1px solid #fff; background-color: #eeeeee; color: #777; }
.tx_type input { color: #777; font-weight: bold;margin-bottom:5px; }
.btn_login { position: absolute; top: 24px; right: 5px;  }
.idpw_save { padding-top: 10px; }
.idpw_save input {vertical-align: -2px; margin-right: 5px;}

/* 회원가입 */
.tx_error { margin-top: 15px; padding: 0 0 4px 19px; color: #a70b12; font-weight: bold;  background: url('../images/ico_error.png') left 0 no-repeat; }
.tx_no_error { margin-top: 15px; }

.tab_wrap { margin-top: 10px; width: 270px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;border-top: 1px solid #ccc; margin: 0 auto;}
.tab_wrap ul {background-color: #eeeeee;}
.tab_wrap ul li {float: left; }
.tab_wrap .cont_box {border-bottom: 1px solid #ccc; clear: left;}
.tab_wrap .box_agree { padding: 12px 7px 20px 8px; font-weight: bold; color: #777; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #eeeeee; }

.btn_prev { position: absolute; top: 24px; right: 0;}

.agree_wrap { margin-top: 12px; padding: 15px 0 15px 0; color: #777; font-weight: bold; font-size: 90%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.login_box dl dt { width: 90px; float: left; font-weight: bold; padding-top:5px; }
.login_box dl dd input { font-weight: bold; color: #777;}

.bg_tit_logo { height: 91px; text-align: center; background: url('../images/logo2.png') center 53px no-repeat;}

.titist_wrap { margin-top:30px; border: 1px solid #cccccc;}
.titist_box { position: relative; padding: 22px 15px 22px 15px; border: 1px solid #fff; background-color: #eeeeee; color: #777; }

.board_list {color: #777; margin: 7px 0 0 0; padding: 0; }
.board_list table th { width: 95px; text-align: left; vertical-align: top; padding: 8px 0 0 15px; background: url('../images/ico_check.png') left 12px no-repeat;}
.board_list table td { text-align: left; color:#555; padding: 4px 0;}
.board_list table td input { font-weight: bold;}
.board_list table td.list {padding: 2px 0 3px 0;}
.board_list table td.list ul li { padding: 7px 0 5px 0; font-weight: bold; }
.board_list table td.list ul li input {vertical-align: -2px;}

.address_list { margin-top: 15px; }
.address_list ul li { font-weight: bold; padding:10px 0 10px 0; border-bottom: 1px solid #cccccc; }
.address_list ul li a { color:#777;}

/* 골프볼 */
.golf_balls_list {  }
.golf_balls_list ul li { position: relative; padding: 15px 0 0 10px; height: 35px; background: url('../images/bar_golf_list.gif') left top repeat-x; }
.golf_balls_list ul li a { font-weight: bold; color: #a70b12; font-family: Verdana; font-size: 150%; }
.golf_balls_list .btn_view { position: absolute; top: 17px; right: 10px; }

.mbut { position: relative; margin-top:20px;text-align: center;}
.more_num { position: absolute; top: 8px; right: 30px; font-weight: bold; letter-spacing:-0.05em;}

.pro_story { position: relative; background-color: #000; color: #fff; padding: 15px 0 10px 10px; font-weight: bold; }
.pro_story h2 {display: block; font-weight: bold; font-family: Verdana; font-size: 140%;}
.pro_story .pro_num { position: absolute; top: 15px; right: 10px; }
.pro_story .pro_num2 { position: absolute; top: 20px; right: 10px; }


.product_view { padding: 20px 10px 0 10px; }
.product_view h2 { display: block; color: #a70b12; font-family: Verdana; font-size: 140%;}

.balls_list { overflow: hidden; }
.balls_list dl { float: left; border-bottom:1px solid #cccccc; padding: 15px 5px 10px 5px; }
.balls_list dl dt.fl_img {float: left;  padding: 0 20px 0 5px; width: 62px;}
.balls_list dl dd.fr_txt { float: left; color: #777; font-weight: bold; width: 220px; }
.balls_list dl dd.fr_txt h3 {  color: #a70b12; font-family: Verdana; font-size: 140%; }

/* newsletter */
.newsletter_sec,
.newsletter_sec2 { /*background: url('../images/newsletter_back.jpg') no-repeat left top;*/ margin: 20px 10px 0 10px; height: 284px; padding: 44px 20px 0 20px; text-align: center; color: #777777; font-size: 110%; font-weight: bold;}
.newsletter_sec h2 { display: block;}
.newsletter_sec2 h2{ display: block; padding-top: 61px;}
.newsletter_sec .newsletter_box { border: 1px solid #cccccc; margin-top: 17px;}
.newsletter_sec .newsletter_box2 { border: 1px solid #fff; background-color: #eeeeee; padding: 11px 0 11px 0; }
.newsletter_sec .newsletter_con { padding-top: 21px; border-top: 1px solid #cccccc; margin-top: 25px;}

/* demodays */
.demo_sec {}
.demo_sec h2 { display: block; background-color: #000000; padding: 19px 0 11px 10px;}
.demo_sec .date_sec { background: #f9f9f9 url('../images/demodays_img.gif') repeat-x left top; position: relative; text-align: center; height: 20px; font-size: 130%; font-weight: bold; padding: 12px 15px 0 15px;}
.demo_sec .date_sec span,
.demo_sec .date_sec2 span{ font-size: 100%;}
.demo_sec .date_sec a:first-child {
  float: left;
}
.demo_sec .date_sec a:last-child {
  float: right;
}

.demo_sec .date_sec2 { background: #f9f9f9 url('../images/demodays_img6.gif') repeat-x left top; position: relative; text-align: center; height: 20px; font-size: 120%; font-weight: bold; padding: 5px 15px 0 15px; border-bottom: 1px solid #cccccc;}
.demo_sec .date_sec2 a:first-child {
  float: left;
}
.demo_sec .date_sec2 a:last-child {
  float: right;
}

.demo_sec .calender_table {}
.demo_sec .calender_table th { font-size: 80%; color: #777; border-bottom: 1px solid #a7aab2; background: #fff url('../images/demodays_img2.gif') repeat-x left top; height: 18px;}
.demo_sec .calender_table td { background: url('../images/demodays_blank.gif') no-repeat left top; height: 30px; text-align: center; border-bottom: 1px solid #a7aab2; font-size: 180%; font-weight: bold; vertical-align: top; padding: 13px 0 0 0; color: #4f4f4f; font-family: Helvetica;}
.demo_sec .calender_table td a { font-family: Helvetica; text-decoration: none;}
.demo_sec .calender_table td a:link, .demo_sec .calender_table td a:visited,
.demo_sec .calender_table td a:active, .demo_sec .calender_table td a:hover {
	color: #4f4f4f;
}

.demo_sec .calender_table td.today { background: url('../images/demodays_today.gif') no-repeat left top; color: #fff;}
.demo_sec .calender_table td.today a:link, .demo_sec .calender_table td.today a:visited,
.demo_sec .calender_table td.today a:active, .demo_sec .calender_table td.today a:hover {
	color: #fff;
}

.demo_sec .calender_table td.res { background: url('../images/demodays_res.gif') no-repeat left top;}

.demo_sec .calender_table td.select { background: url('../images/demodays_select.gif') no-repeat left top; color: #fff;}
.demo_sec .calender_table td.select a:link, .demo_sec .calender_table td.select a:visited,
.demo_sec .calender_table td.select a:active, .demo_sec .calender_table td.select a:hover {
	color: #fff;
}

.demo_sec .calender_table td.last { color: #999999;}
.demo_sec .calender_table td.last a:link, .demo_sec .calender_table td.last a:visited,
.demo_sec .calender_table td.last a:active, .demo_sec .calender_table td.last a:hover {
	color: #999999;
}

.demo_sec .demo_date { border: 1px solid #cccccc; margin: 0 25px;}
.demo_sec .demo_date2 { border: 1px solid #fff; background-color: #eeeeee; padding: 10px 14px; color: #777; font-weight: bold; font-size: 90%;}
.demo_sec .demo_date2 dl dt { float: left; background: url('../images/blet.png') no-repeat left 6px; padding-left: 7px;}
.demo_sec .demo_date2 dl dd { margin-left: 41px; }

.demo_sec .demo_table {}
.demo_sec .demo_table table th, 
.demo_sec .demo_table table td { font-size: 70%;}
.demo_sec .demo_table table th { background-color: #eeeeee; font-weight: normal; color: #666; padding: 3px 0; border-bottom: 1px solid #ece9d8;}
.demo_sec .demo_table table td { color: #666; padding: 3px 3px; text-align: center; border-bottom: 1px solid #ece9d8; border-right: 1px solid #ece9d8;}

.demo_notice { background-color: #000; padding: 5px 0 10px 0; text-align: center;}
.demo_notice .demo_notice_con { background: #fff url('../images/demodays_img5.gif') repeat-y left top; margin: 0 10px; text-align: left; padding: 2px 8px 1px 8px; color: #777777; font-size: 80%;}

.demo_sec .schedule { }
.demo_sec .schedule ul li { border-bottom: 1px solid #cccccc; padding: 16px 10px 20px 10px; color: #777; font-weight: bold;}
.demo_sec .schedule dl dt { float: left; background: url('../images/blet.png') no-repeat left 6px; padding-left: 7px;}
.demo_sec .schedule dl dd { margin-left: 41px; }


/* 골프클럽 */
.golf_clubs_list {  }
.golf_clubs_list ul li { overflow: hidden; }
#.golf_clubs_list .menu { position: relative;  padding: 15px 0 0 10px; height: 35px; background: url('../images/bar_golf_list.gif') left top repeat-x;}
.golf_clubs_list .menu  { font-weight: bold; color: #a70b12; font-family: Verdana; font-size: 150%;position: relative;  padding: 15px 0 0 10px; height: 35px; background: url('../images/bar_golf_list.gif') left top repeat-x; }
.golf_clubs_list .menu .btn_view { position: absolute; top: 20px; right: 10px; }
.golf_clubs_list ul.mn_list li { font-weight: bold; color: #fff; font-family: Verdana; font-size: 150%;background-color:#2482AA; padding: 15px 0 15px 10px; border-bottom: 1px solid #666; }
#.golf_clubs_list ul.mn_list li a { font-weight: bold; color: #fff; font-family: Verdana; font-size: 150%; }

.clubs_list { overflow: hidden; }
.clubs_list dl { float: left; border-bottom:1px solid #cccccc; padding: 15px 5px 10px 5px; }
.clubs_list dl dt.fl_img {float: left;  padding: 0 35px 0 5px; width: 60px;}
.clubs_list dl dd.fr_txt { float: left; color: #777; font-weight: bold; width: 205px; }
.clubs_list dl dd.fr_txt h3 { color: #a70b12; font-family: Verdana; font-size: 140%; }

.spec_list { margin: 10px 0px 0 0px; /*border-left: 1px solid #cccccc;*/ }
.spec_list table { table-layout: fixed; word-break: break-all;}
.spec_list table th { font-size: 50%;color: #444; text-align:center; padding: 9px 2px 8px 2px; background-color: #eeeeee; line-height: 140%;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;}
.spec_list table td { font-size: 50%; text-align:center; padding: 9px 2px 8px 2px; color: #777; line-height: 140%;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.spec_list table td.t_03 { color: #a70b12; }

/* 지점 */
.tab_wrap2 { overflow: hidden;}
.tab_wrap2 ul li { float: left;}
.tab_wrap2 .cont_box { float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.tab_wrap2 .box_agree { padding: 12px 7px 20px 8px; font-weight: bold; color: #777; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #eeeeee; }

.search_find_wrap { margin: 0 10px 0 10px; }
.search_find_wrap h2 { display: block; padding-top: 14px; }

.search_find_box { margin-top: 10px; border: 1px solid #cccccc; }
.search_find_box .search_store { border: 1px solid #fff; background-color: #eeeeee; padding: 0 5px 15px 5px;}

.type_select { padding: 10px 0 7px 15px; border-bottom: 1px solid #cccccc; font-size: 120%; background: url('../images/bar_type.gif') 5px 17px no-repeat;}


.sale_list { overflow: hidden; padding: 10px 0 0 5px; }
.sale_list ul li { float: left; padding: 0 0 10px 0; font-weight: bold; color:#777; }
.sale_list ul li input { vertical-align: -2px;}
.sale_list input { color: #777; padding: 7px 5px 7px 5px; font-size: 110%; font-weight: bold; }
.sale_list select { color: #777; height: 25px; /*padding: 7px 5px 7px 5px;*/ font-size: 110%; font-weight: bold; }

.location { position: relative; margin: 10px 0 0 10px; padding: 0 0 0 5px; height:37px; background: url('../images/bg_location.png') left top no-repeat; }

.location .type_png_01 { position: absolute; top:4px; left:30px; cursor: pointer; }
.location .type_png_02 { position: absolute; top:4px; left:95px; cursor: pointer;}
.location .type_png_03 { position: absolute; top:4px; left:160px; cursor: pointer;}
.location .type_png_04 { position: absolute; top:4px; left:225px; cursor: pointer;}

.demo_sec .schedule2 { padding: 16px 10px 20px 10px; color: #777; font-weight: bold; }
.demo_sec .schedule2 dl dt { float: left; background: url('../images/blet.png') no-repeat left 6px; padding-left: 7px;}
.demo_sec .schedule2 dl dd { margin-left: 72px; }

/* 타이틀매니아 */
.titleist_mania_list {  }
.titleist_mania_list ul li { overflow: hidden; }
.titleist_mania_list .menu { position: relative;  padding: 0px 0 0 10px; height: 50px; background: url('../images/bar_golf_list.gif') left top repeat-x;}
.titleist_mania_list .menu a { font-weight: bold; color: #a70b12; font-size: 140%; height: 35px; padding-top: 15px}
.titleist_mania_list .menu .btn_view { position: absolute; top: 20px; right: 10px; }
.titleist_mania_list ul.mn_list li { background-color:#444; padding: 15px 0 15px 10px; border-bottom: 1px solid #666; }
.titleist_mania_list ul.mn_list li a { font-weight: bold; color: #fff;font-size: 140%; }

.titleist_app_wrap { margin: 20px 5px 0 5px; color:#777; }
.titleist_app_wrap h2 { display: block; }
.titleist_app_wrap .tx_app { margin-top:10px; color:#777; font-weight: bold; font-size: 120%; }
.titleist_app_wrap .tit_app { margin-top:20px; color: #a70b12; font-size: 120%;}
.titleist_app_wrap ul.app_list li { padding: 7px 0 7px 0; border-bottom: 1px solid #ccc; font-weight: bold;}

/* 하이브리드 앱 */
.app_sec { padding: 20px 10px;}
.app_sec h2 { display: block;}
.app_sec .app_box { padding: 17px 0 0 0;}
.app_sec .app_box ul { padding-bottom: 25px;}
.app_sec .app_box ul li { border-bottom: 1px solid #cccccc; padding: 7px 3px 6px 3px; color: #777777; font-size: 90%; font-weight: bold;}
.app_sec .app_box ul li.none { border-bottom: none; padding: 7px 3px 6px 3px; color: #777777; font-size: 90%; font-weight: bold;}

/* 2011-04-22 */
.main_comm { text-align: center;  margin-top: 3px;}
.main_comm .comm_num { background-color: #eeeeee; font-size: 75%; color: #333; text-align: center; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; width: 48px; margin: 0 auto;}

.news_list_title { min-height: 59px; clear: left;}
.sub_comm_box { text-align: right;  margin-top: 4px; float: right; clear: left;}
.sub_comm_box .comm_num { background-color: #eeeeee; font-size: 75%; color: #333; text-align: center; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; width: 48px;}

.comment_sec { clear: left; margin-top: 13px;}
.comment_sec .title_comm { background-color: #000; padding: 5px 10px; height: 20px; position: relative;}
.comment_sec .title_comm h3 { color: #fff; font-weight: bold; font-size: 120%; padding-top: 1px;}
.comment_sec .title_comm .btn { position: absolute; right: 10px; top: 5px;}
.comment_sec .comment_input { padding: 10px 10px; border-bottom: 1px solid #cccccc; text-align: center;}
.comment_sec .comment_input textarea { font-size: 14px; padding: 5px 5px;}

.comment_sec .comment_list {}
.comment_sec .comment_list ul li { border-bottom: 1px solid #cccccc; padding: 10px 10px; color: #777; position: relative;}
.comment_sec .comment_list ul li .name { font-weight: bold; color: #444; font-size: 110%;}
.comment_sec .comment_list ul li .date { color: #999; font-size: 75%; font-family: Verdana; padding-left: 5px;}
.comment_sec .comment_list ul li .btn { position: absolute; right: 10px; top: 10px;}
.comment_sec .comment_list ul li textarea { font-size: 14px; padding: 5px 5px;}
.comment_sec .comment_list ul li .comment_re { margin-top: 5px; border-top: 1px dotted #cccccc; padding: 5px 0 0 12px; background: url('../images/comment_re.gif') no-repeat left 5px; position: relative;}
.comment_sec .comment_list ul li .comment_re .btn { position: absolute; right: 0px; top: 5px;}

/* promotion_list */
.tab_promotion { overflow: hidden; padding:0 0px 0px 1px; background: url('/images/promotion/tab_bg.gif') no-repeat left bottom;}
.tab_promotion ul li { float: left; padding-right: 1px; background: url('/images/promotion/tab_line.gif') repeat-x left bottom;}
.tab_promotion ul li a {float: left; height: 29px;}
.tab_promotion ul li a.tab_01_off { background-color: #eeeeee; text-align: center; width: 106px; }
.tab_promotion ul li a.tab_01_on { background-color: #fff; text-align: center; width: 106px;}
.tab_promotion ul li a.tab_02_off { background-color: #eeeeee; text-align: center; width: 106px;}
.tab_promotion ul li a.tab_02_on { background-color: #fff; text-align: center; width: 106px;}
.tab_promotion ul li a.tab_03_off { background-color: #eeeeee; text-align: center; width: 104px; height: 28px;}
.tab_promotion ul li a.tab_03_on { background-color: #fff; text-align: center; width: 104px; height: 29px;}

/* 20110708_start */
.promotion_content { padding-top:10px;}
.promotion_content .list_box { position: relative; border-bottom: 1px solid #cccccc; padding: 10px 0 0 0; height: 90px;}
.promotion_content .list_box h2 { display: block; color: #444; font-size: 11px; margin: 0 0 2px 109px; font-size: 90%;}
.promotion_content .list_box .photo { position: absolute; left: 10px; top: 12px;}
.promotion_content .list_box dl { margin-left:109px; color: #777; font-size: 75%; padding:0;}
.promotion_content .list_box dl dt { float: left; width: 50px; background: url('/images/promotion/line.gif') no-repeat right 2px;}
.promotion_content .list_box dl dd { padding: 0 0 0 55px; caption-side: #777;}
.promotion_content .list_box .photo .icon { position: absolute; left: 0; top: 0px;}
.promotion_content .list_box .btn_winner { position: absolute; left: 27px; top: 57px; }
/* 20110708_end */

.search_sec { padding: 10px 0 0 0; text-align:center;}
.search_sec select { height: 25px; font-size: 110%; font-weight: bold; padding-left:5px; }
.search_sec input { padding: 3px 3px 2px 3px; border: 1px solid #999; font-size: 130%; vertical-align: middle;}

.search_sec2 { padding: 10px 0 10px 0; text-align:center; background-color:#eeeeee; border-bottom: 1px solid #ccc;}
.search_sec2 select { height: 25px; font-size: 110%; font-weight: bold; padding-left:5px; }
.search_sec2 input { padding: 6px 3px 2px 3px; border: 1px solid #999; font-size: 130%; vertical-align: middle;}

.promotion_table { padding-top:10px;}
.promotion_table table { }
.promotion_table table th { padding: 5px 0 5px 0; background-color:#000; color:#fff; font-size: 120%; text-align: center;}
.promotion_table table td { padding: 11px 10px 11px 0; border-bottom: 1px solid #ccc; color:#777; font-size: 100%; text-align: right; font-weight: bold;}
.promotion_table table td.subject { padding: 11px 5px 11px 10px; font-size: 110%; text-align: left;}
.promotion_table table td.subject a { float: left; color: #444; width: 220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block; }
.promotion_table table td.no_result { padding: 100px 0 95px 0; text-align: center; }

.g_register_sec { position: relative; }
.g_register_sec h3 { padding: 12px 0 8px 0; border-bottom: 1px solid #ccc; color:#444; text-align: center; font-size: 140%; }
.g_register_sec .register_box { padding: 10px 5px 0 10px; font-weight: bold; color:#777;}
.g_register_sec .register_box .title_sec { overflow: hidden; padding:15px 0 0 0; }
.g_register_sec .register_box .title_sec h4 { float: left; padding:4px 9px 0 0; vertical-align: middle; font-size: 14px; color:#444;}
.g_register_sec .register_box .title_sec input { padding: 6px 3px 4px 3px; border: 1px solid #999; color:#777; vertical-align: middle;}
.g_register_sec .register_box .title_sec .num_type { font-size: 100%; padding:0; }

.register_input { padding:5px 0 0 0; }
.register_input textarea { padding: 5px; border:1px solid #999; color:#777;}

.abs_write_ok { position: absolute; right: 10px; top: 10px; }
.abs_cancel { position: absolute; left: 10px; top: 10px; }

.pro_story2 { position: relative; background-color: #000; color: #fff; padding: 15px 5px 10px 5px; font-weight: bold; }
.pro_story2 h2 {display: block; font-weight: bold; font-family: Verdana; font-size: 140%;}

.promotion_join { padding: 10px 0 10px 0; text-align: center;}

.galley_view { padding: 9px 0 9px 9px; border-bottom: 1px solid #ccc; color: #777; font-weight: bold;}
.galley_view .nickname { }
.galley_view .lt_line { padding: 0 9px 0 16px; background: url('/images/promotion/line.gif') no-repeat 8px 2px;}

.btn_right {text-align: right; padding: 10px 10px 0 0; }

.gallery_register_list li { position: relative; border-bottom: 1px solid #cccccc; padding: 10px 10px 0 0; overflow: hidden; height:58px;}
.gallery_register_list h3 {  color: #444; font-size: 110%; padding: 1px 0 4px 95px; line-height:110%; }
.gallery_register_list .photo { position: absolute; left: 10px; top: 12px;}
.gallery_register_list .photo .icon { position: absolute; left: 0; top: 0px;}
.gallery_register_list .btn_winner { position: absolute; right: 10px; bottom: 9px; }
.gallery_register_list .recommend_sec { margin-left: 95px; }
.gallery_register_list .recommend_sec .nickname { font-weight: bold; font-size: 90%; color: #777;}
.gallery_register_list .recommend_sec .lt_line {padding: 0 0 0 16px; background: url('/images/promotion/line.gif') no-repeat 5px 2px; font-weight: bold; font-size: 90%; color: #777;}

.gallery_register_list2 li { position: relative; border-bottom: 1px solid #cccccc; padding: 10px 0 8px 0; overflow: hidden;}
.gallery_register_list2 h3 { color: #444; font-size: 110%; padding: 0 10px 0 0;}
.gallery_register_list2 h3 a { width: 98%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; display: block; }
.gallery_register_list2 .nickname { font-weight: bold; font-size: 90%; color: #777;}
.gallery_register_list2 .lt_line {padding: 0 0 0 16px; background: url('/images/promotion/line.gif') no-repeat 5px 2px; font-weight: bold; font-size: 90%; color: #777;}
.gallery_register_list2 .hits { float: left; width: 32px; height: 33px; padding: 8px 0 0 14px; color: #444; background: url('/images/promotion/bg_hits.gif') no-repeat 13px top; text-align: center;  }
.gallery_register_list2 .title_list { margin-left: 55px; }

.vote_ok_box { padding: 11px 0 11px 0; border-bottom: 1px solid #666; text-align: center; color:#a70b12; font-size: 130%; font-weight: bold;}

.poll_list_box {}
.poll_list_box .radio { vertical-align: 0;}
.poll_list_box ul li { padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; overflow: hidden;}
.poll_list_box .thumb_lt { float: left; padding:0 0 0 10px; }
.poll_list_box .thumb_rt { float: left; width:210px; padding-left:10px; color: #444; font-weight: bold;}
.poll_list_box .thumb_rt label { float: left; width: 210px; height: 33px; padding:12px 0 0 0; }
.poll_list_box .thumb_rt a { float: left; width: 210px; text-decoration: none;}
.poll_list_box .thumb_rt .mtype {margin: 10px 0 10px 0; font-size: 130%; line-height: 130%;}
.poll_list_box .thumb_rt .mtype2 { padding: 2px 0 0 0; font-size: 90%; line-height: 90%;}
.poll_list_box .thumb_rt .graph_box .graph_bg { margin-top: 3px; height:10px; background: url('/images/promotion/graph_line_01.gif') repeat-x left top;}
.poll_list_box .thumb_rt .graph_box .vote { margin-top:3px; color: #777; font-size: 70%; }

.promotion_survey_sec { border-bottom: 1px solid #666;}
.survey_box,
.survey_box2 {}
.survey_box h3,
.survey_box2 h3 { background-color: #eee; border-bottom:1px solid #ccc; color: #444; font-size: 100%; padding: 10px 10px 7px 10px;}
.survey_box ul { padding: 10px 10px; overflow: hidden; }
.survey_box ul li { color: #777; font-weight: bold;  }
.survey_box ul li a,
.survey_box2 ul li a { text-decoration: none; color:#777;}
.survey_box ul li label {  float: left; width: 290px; padding: 3px 0 0 0; }
.survey_box ul li input.radio { border: none; vertical-align: middle; margin-bottom: 5px; margin-right: 2px;}
.survey_box2 ul { padding: 10px 0 0 10px; overflow: hidden;  }
.survey_box2 ul li { float: left; width: 150px; padding-bottom: 10px; font-weight: bold; text-align: center; }
.survey_box2 ul li label {  float: left; width: 150px; padding: 0; }
.survey_box2 ul li input.radio { border: none; vertical-align: middle; margin: 5px 0;}
.survey_box ul li .num_type2 { text-align: right; font-size:10px; padding: 0; }
.survey_box ul li .num_type2 span { font-size: 10px;}

textarea.survey {
	padding: 5px;
	font-size: 12px;
	color: #666;
	line-height: 140%;
	border: 1px solid #999;
}
.pad_r40 {padding-right: 40px; }

.abs_right { position: absolute; right: 10px; top: 10px; }
.abs_left { position: absolute; left: 10px; top: 10px; }

.promotion_temp_save {}
.promotion_temp_save ul li { overflow: hidden; padding: 11px 10px 11px 10px; border-bottom: 1px solid #ccc; }
.promotion_temp_save .tit_sec { font-size: 110%;}
.promotion_temp_save .tit_sec a { float: left; color: #444; width: 63%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
.promotion_temp_save .date { font-size: 100%; color:#777; font-weight: bold;}
.promotion_temp_save .del { padding-left:3px;}

/* 2011-06-28 */
.titleist_mania_list2 {  }
.titleist_mania_list2 ul { border-top: 1px solid #ccc; }
.titleist_mania_list2 ul li { overflow: hidden; }
.titleist_mania_list2 .menu { position: relative;  padding: 0px 0 0 10px; height: 50px; background: url('../images/bar_golf_list.gif') left top repeat-x;}
.titleist_mania_list2 .menu a { font-weight: bold; color: #a70b12; font-size: 130%; height: 35px; padding-top: 15px}
.titleist_mania_list2 .info { border-bottom: 1px solid #ccc; padding: 20px 10px; color: #777; font-weight: bold;}

/* 2011-07-18 */
.end_list_sec { margin-left:109px; }
.promotion_content .list_box h2.end_list { display: block; color: #444; font-size: 11px; margin: 0 0 2px 0; padding:0; font-size: 90%;}
.promotion_content .list_box dl.end_list { margin-left:0; color: #777; font-size: 75%; padding:0;}
.promotion_content .list_box dl.end_list dt { float: left; width: 50px; background: url('/images/promotion/line.gif') no-repeat right 2px;}
.promotion_content .list_box dl.end_list dd { padding: 0 0 0 55px; caption-side: #777;}

/* 2011-10-12 */
.demo_sec .demo_date2 ul li { background: url('../images/blet.png') no-repeat left 5px; padding: 0 0 2px 7px;}
.fittingday_info { background-color: #777777; color: #cccccc; font-weight: bold; text-align: center; padding: 10px 0;}
.fittingday_info span { color: #fff;}
.demo_sec .schedule2 { border-bottom: 1px solid #cccccc;}
.demo_sec .schedule2 ul li {color: #777; font-weight: bold; background: url('../images/blet.png') no-repeat left 5px; padding: 0 0 2px 7px;}

/*2012-11-02*/
.pro_story01 { position: relative; background-color: #000; color: #fff; padding: 15px 0 10px 0; font-weight: bold; text-align:center;}
.pro_story01 h2 {display: block; font-weight: bold; font-family: Verdana; font-size: 140%;}
.product_info{overflow:hidden; padding: 15px 5px 10px 5px;}
.product_info .product_img{float:left; width:117px;}
.product_info ul.product_info_list{float:right; width:150px; }
.product_info_list li h3{padding-top:10px;}
.product_info_list li h3.first{padding-top:0;}
.fitting_list { overflow: hidden; }
.fitting_list dl { float: left; border-bottom:1px solid #cccccc; padding: 15px 5px 10px 5px; }
.fitting_list dl dt.fl_img {float: left;  padding: 0 20px 0 5px; width: 60px;}
.fitting_list dl dd.fr_txt { float: left; color: #777; font-weight: bold; width: 220px; }
.fitting_list dl dd.fr_txt h3 { color: #a70b12; font-family: Verdana; font-size: 140%; }
.gallery_wrap{position:relative; height:219px;}
.gallery_wrap01{position:relative; height:224px;}
.gallery_view_wrap{width:320px; height:219px; overflow:hidden;}
.gallery_view_wrap01{width:320px; height:224px; overflow:hidden;}
.gallery_view{overflow:hidden;}
.gallery_view div{float:left; width:320px;}
.bullets_wrap{position:relative; top:-25px; height:25px; }
.bullets_bg{background-color:#000; opacity:0.3;  height:25px; }
.bullets{width:70px; margin:0 auto; padding-top:8px; position:relative; top:-25px;}
.bullets img{margin:0 3px;}
.btn_sec a{display:inline-block; position:absolute; top:100px; left:10px;  } 
.btn_sec a.right_btn{left:auto; right:10px;}
.acc_wrap{overflow:hidden; padding:14px 20px 15px 20px;}
.acc_wrap li{float:left;}
.character li{border-bottom:1px solid #ddd; padding: 15px 5px 10px 5px;}
.character h3{color: #a70b12; font-family: Verdana; font-size: 140%;}
.character .fr_txt{color: #777; font-weight: bold;}
.spec_wrap table { table-layout: fixed; word-break: break-all;}
.spec_wrap table th { font-size: 50%;color: #444; text-align:center; padding: 9px 2px 8px 2px; background-color: #eeeeee; line-height: 140%;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;}
.spec_wrap table.second_t th{border-top:0;}
.spec_wrap table td { font-size: 50%; text-align:center; padding: 9px 2px 8px 2px; color: #777; line-height: 140%;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.spec_wrap table td.t_03 { color: #a70b12; }
.spec_wrap .fr_txt{color: #777; font-weight: bold; padding:7px 0 14px 5px; font-size:80%; }
.btn_913d2_story{padding:20px 20px 6px 20px;}
.btn_913d2_story .btn_story{padding-right:5px;}
#top_menu { 
    /* 패딩을 포함해서 전체 높이를 80px로 고정합니다 */
    box-sizing: border-box; 
    width: 100%;
    height: 80px; 
    padding: 20px 0; 
    background-color: rgba(1, 97, 158, 1.0);
    z-index: 11; 
    border-bottom: 0px solid #ffffff;
    
    /* 자식 요소(로고, 메뉴 등)를 수직 중앙에 배치 */
    display: flex;
    align-items: center;
}

#top_menu.fix { 
    position: fixed; 
    /* ★ 위쪽이 잘리지 않도록 천장에 고정 */
    top: 0; 
    left: 0;
    background-color: rgba(1, 97, 158, 0.98);
}

/* 추가: 상단 바가 고정되면서 아래 컨텐츠가 가려지는 것을 방지 */
body.fixed-padding {
    padding-top: 80px; 
}
#footer{position:relative;clear:both; width:100%;margin:20px auto 0 auto;background-color:rgba(1, 97, 158,1.0);}
.bt_footer {text-align:center;  padding:10px 0;}
.bt_footer li {display:inline;}
.bt_footer li a{display:inline-block; text-align:center; text-decoration:none; border:0; font-weight:bold; width:24.1%; height:32px; font-size:13px; line-height:32px;  color:#fff;} 

.dim_area { display:none; position:fixed; z-index:930; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6;} 
.slide_nav {position:fixed; top:0; left:-75.8%; z-index:940; width:75.8%; height:100%;background-color:#fff;border-right:0px solid #5d6dbe;overflow-y: auto;}

.slide_nav ul.slide_menu li {  font-family: 'GmarketSansMedium',sans-serif;display:block;padding:10px 10px;font-size:16.5px;clear:both; }
.slide_nav ul.slide_top  { background-color: rgba(1, 97, 158,1.0);width:100%;display:block;height:40px; padding: 20px 0 20px 0; }
.slide_nav ul.slide_top li { float:left;color:#fff; }
.slide_nav ul.slide_top li.close-slide-left { text-align:center;font-size:15px;font-weight:bold;color:#fff;margin:0px 0 0 10px; float:right; }
.slide_nav ul.slide_top li.close-slide-login {text-align:center;font-size:25px;font-weight:bold;color:#fff;margin:5px 0 0 10px; }
.footer { width:100%;display:inline-block;margin:0 auto;padding:10px 0;background-color: #252525; }
.footer .line{ font-size:12px;color:#9C9C9C;text-align:center; }
.footer .line2{ font-size:12px;color:#99CC00;text-align:center; }
.tb-line { width:90%;margin:0px auto;padding:10px 10px; }
div table td {padding:2px 0px;}
div table tr {padding:2px 0px;border:1px solid #ECECED; }
.div-line { border-top:1px solid #B9B9B9;height:1px;width:100%;margin:10px auto; }
.dtit { width:30%;text-align:left; }
.d6 { font-size:11px;color:#232323;font-weight:bold;}
.help-box { border:1px solid #00cccc;border-radius:8px; text-align:center;padding:10px; }
.help-box .untact-help.small { font-size:12px; color: #0099ff; }
.ms-title { display:block;margin:94%;margin:30px auto 0px auto;text-align:center;}
.ms-title p{ font-family:'GmarketSansMedium',sans-serif;font-size:30px;color:#787878;font-weight:700; }
.ms-title p span{ color: #f68e9d;font-family:'GmarketSansMedium',sans-serif;font-size:30px;font-weight:700; }

.vodbox01 { width:94%;margin:20px auto;display:block;text-align:center;; }
.vodbox01 .vid01{  width:100%;margin:0 auto 10px auto;text-align:center;cursor:pointer;}
.vodbox01 .vid01 img{ width:100%;  }
.vodbox01 .vid02{  width:100%;margin:0 auto 10px auto;text-align:center;cursor:pointer; }
.vodbox01 .vid02 img{ width:100%;  }
.vodbox01 .vid03{  width:100%;margin:0 auto;text-align:center;cursor:pointer; }
.vodbox01 .vid03 img{ width:100%;  }

/* vid */
.clip { width: 0px; height: 0px;margin:-5px 0px 0px 0px ;} 
.videoContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index:9999999;
}

.youtube-video {
  /* optional */
  width: 100%;
  height: 100%; 
  margin:0;
  padding:0;
  z-index:9999999;
}
.clip.off { display:none;width:0px;height:0px;position:relative; }
.clip.on { display:block;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:999999; }

.youtube-small.off { display:none;width:0px;height:0px;position:relative; }
.youtube-small.on { display:block;z-index:1; width:100%;height:280px;}


.clip .mvclose { position:absolute;width:100px;height:100px;z-index:99;top:10px;right:10px;text-align:center;cursor:pointer; }

.spbbox { width:94%;margin:22px auto;text-align:center; }
.spbbox  .spbboxin{ float:left;width:100%;background:url(/images/mbankinfo_bg.png);background-size: 100% 100%;padding:10px 0; opacity : 0.6; }
span.bank-info { font-family: 'GmarketSansLight',sans-serif;font-size:18px;color:#ffffff;font-weight:normal;line-height:160%; opacity : 1.2; }
.mbtn-box li {
    display: inline-block;
    width: 46%;
    margin: 2%;
    vertical-align: top;
}
.m-btn { 
    display: block;
    background-color: #fff;
     text-align: center;
    transition: transform 0.7s;
    cursor: default;
	height: 150px;
    border-radius: 15px;
    padding-top: 18px;
}
.mbtn-outer1 .m-btn::before{ content: ''; background-image: url(/images/mbtn01_off.png); }
 
.mbtn-outer1  .m-btn:hover::before,
.mbtn-outer1  .m-btn:focus::before {
	content: '';
	background-image: url(/images/mbtn01_on.png);
}

.mbtn-outer2 .m-btn::before{ content: ''; background-image: url(/images/mbtn02_off.png); }
 
.mbtn-outer2  .m-btn:hover::before,
.mbtn-outer2  .m-btn:focus::before {
	content: '';
	background-image: url(/images/mbtn02_on.png);
}

.mbtn-outer2-1 .m-btn::before{ content: ''; background-image: url(/images/mbtn021_off.png); }
 
.mbtn-outer2-1  .m-btn:hover::before,
.mbtn-outer2-1  .m-btn:focus::before {
	content: '';
	background-image: url(/images/mbtn021_on.png);
}



.mbtn-outer3 .m-btn::before{ content: ''; background-image: url(/images/mbtn03_off.png); }
 
.mbtn-outer3  .m-btn:hover::before,
.mbtn-outer3  .m-btn:focus::before {
	content: '';
	background-image: url(/images/mbtn03_on.png);
}



.mbtn-outer4 .m-btn::before{ content: ''; background-image: url(/images/mbtn04_off.png); }
 
.mbtn-outer4  .m-btn:hover::before,
.mbtn-outer4  .m-btn:focus::before {
	content: '';
	background-image: url(/images/mbtn04_on.png);
}


.mbtn-outer5 .m-btn::before{ content: ''; background-image: url(/images/mbtn05_off.png); }
 
.mbtn-outer5  .m-btn:hover::before,
.mbtn-outer5  .m-btn:focus::before {
	content: '';
	background-image: url(/images/mbtn05_on.png);
}

.mbtn-outer6 .m-btn::before{ content: ''; background-image: url(/images/mbtn06_off.png); }
 
.mbtn-outer6  .m-btn:hover::before,
.mbtn-outer6  .m-btn:focus::before {
	content: '';
	background-image: url(/images/mbtn06_on.png);
}




.m-btn:hover,
.m-btn:focus {
	background-color: #0090da;
	transform: translate(0px, 8px);
}
.m-btn:hover h3,
.m-btn:focus h3 {
	color: #fff;
}
.m-btn:hover p,
.m-btn:focus p {
	color: #fff;
}
.m-btn::before {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-bottom: 10px;
    background-size: contain;
    margin-bottom: 20px;
    transition: transform 0.7s;
}
.m-btn h3 { font-weight: bold;
    font-size: 18px;
	color: #0090da;
	 font-weight: normal;
	}
.m-btn p {
    font-weight: normal;
    color: #333;
    font-size: 12px;
    letter-spacing: -0.04em;
    margin-top: 5px;
    line-height: 1.4em;
	}