@charset "utf-8";

@import url(/assets/font/font_wontalk.css);

/* CSS Document */

/* v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/
  License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, header, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font:15px/1.6  '맑은 고딕', dotum,Gulim,AppleGothic,sans-serif;
	font-weight: normal;
	color: #222
}
body{background: #fff}
body, input, textarea {font:14px/1.6  '맑은 고딕', dotum,Gulim,AppleGothic,sans-serif; }

h1, h2, h3, h4, h5, h6, .tit { font-family: 'NanumSquare'; font-weight: 700;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
header, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration: none; color: #E94C40}
ul, ol, li { list-style: none; }
div { box-sizing: border-box;}
/*-------------------------------------
  General
--------------------------------------*/
storng, b{font-weight: bold}
.clearfix{overflow: auto;}
.clearfix:before,.clearfix:after{display:block;content:''}
.clearfix:after{clear:both}
.skip_link{position:absolute;left:-9999px}
.hidden{position:absolute;left:-9999px}
caption{position:absolute;left:-9999px}

/*-------------------------------------
  모바일
--------------------------------------*/
.mobile {display: none !important;}
@media screen and (max-width:999px) {
	.pc{display: none !important;}
	.mobile {display: inherit !important;}
}

/*-------------------------------------
  공통
--------------------------------------*/

span  { font-size:inherit}
h1 {font-size: 36px; font-weight: 700}
h2 { font-size: 26px; font-weight: 700 }
h3 { font-size: 22px; font-weight: 700 }
h4 { font-size: 16px; font-weight: 700 }

b { font-size: inherit; color:inherit}
.block {  display: inline-block; position: relative; width: 100%;}


@media screen and (max-width:740px){
	h1 {font-size: 32px; font-weight: 700}
	h2 { font-size: 20px; font-weight: 700 }
	h3 { font-size: 18px; font-weight: 700 }
}

/*-------------------------------------
  테이블
--------------------------------------*/
table {width:100%;margin-bottom:10px;border-top: 2px solid #666 !important;}
table .nobg{width:100%;margin-bottom:10px;}
/* table col {background:none} */
table th{ height:40px;font-size:14px;text-align:center; border-bottom: 1px solid #ddd; background: #f7f7f7; font-weight: bold }
table th:FIRST-CHILD{border-left: 0}
table td{ padding: 10px 8px; color:#666;text-align:left; border-bottom:1px solid #ddd; }
table td:first-child{border-left: 0}
table td a{color:#999}
table td.subject{text-align:center; font-weight: bold;}
table .buttons .btn-right{float:right}
table td.bbb{border-bottom: 1px solid #666}

/* table tr.tline2_black01 th,table tr.tline2_black01 td{ border-top:2px solid #5d5d5d;border-bottom:2px solid #5d5d5d;} */
/* table tr.tline2_black01 th { border-left:4px solid #5d5d5d} */
/* table tr.tline2_black01 td { border-right:4px solid #5d5d5d} */

/* 총 합스타일(외부 두꺼운 선) */

.tbl_sum { border:2px solid #666;}
.tbl_sum tr th { width:230px; background-color: #666; color:#fff;}
.tbl_sum tr th,.tbl_sum tr td span  { font-size: 16px; font-weight: 900;}
.tbl_sum tr td span { color:#E94C40;}


/* 정렬 */
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both;}

.hide {display:none;}

.al_l {text-align:left !important;}
.al_r {text-align:right !important;}
.al_c {text-align:center !important;}
.vl_m {vertical-align:middle !important;}
.vl_b {vertical-align:bottom !important;}
.br {border: 1px solid red;}
.hidden { display: none; }
.ovHide {overflow:hidden;}


/* 공통 */
.center{margin: 0 auto; overflow: hidden; text-align: center;}
.bn{background: none}
.ie7{display: inline-block; *display:inline; *zoom:1}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}

.mb30{margin-bottom: 30px !important;}

/* color */
.org01 {color:#feac02 !important;}
.org02 {color:#ffc016 !important;}
.org03 {color:#f78810 !important;}
.org04 {color:#f78810 !important;}
.red01 {color:#E94C40 !important;}
.red02 {color:#c50b0b !important;}

.gray01 {color:#a5a5a5 !important;}
.gray02 {color:#9d9c9c !important;}
.black01 {color:#000 !important;}
.blue01 {color:#49a8f1 !important;}
.linka { color: #3251AB; text-decoration: underline; }
.linkc { color: #0000FF; text-decoration: underline; }

.w100p { width:100% !important;}

.b { font-weight: 700;}

a:ACTIVE{position: relative; }

select {
    width: 200px; /* 원하는 너비설정 */
    padding: .8em .5em; /* 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
    background: url('이미지 경로') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #999;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;




}

input, select{
/*     display: block; */
/*     width: 100%; */
/*     height: calc(2.0rem + 2px); */
    padding: 5px 6px;
/*     font-size: .875rem; */
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .2rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type=checkbox], input[type=radio] {height:18px; width:18px; position: relative; top:4.5px; }

/* 첨부파일 */
.file_input label { position:absolute; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:17%; height:30px; background:#333; color:#fff; text-align:center; line-height:30px; right: 2% }
.file_input label input { position:absolute; width:54px; height:0; overflow:hidden;  background-color: #333; border:none; text-indent: -1000px; display: none;}
.file_input input[type=text] { vertical-align:middle; display:inline-block; width:80%; height:30px; line-height:30px; font-size:11px; padding:0; border:1px solid #ccc; }

@media screen and (max-width:720px){
/* 	input, select { height: calc(2.0rem + 4px); } */
    .file_input label{right: 3.5%; width: 20%}

}

.cont { max-width:1000px; margin:0 auto; min-width:999px;}
.dim { display:none;;z-index:99; height: 100%; width: 100%; position: fixed; left: 0; top: 0; background-color: black; filter: alpha(opacity=50); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }

/* ----------------------------------------------------------------------------------
	 주의사항, dot, blet
 ---------------------------------------------------------------------------------- */

.blet_red01::before {content: "•"; color: #E94C40; display: inline-block; width: 15px; margin-left: -15px}



.comment_txt { display:inline-block; width:100%;font-weight: normal; padding:7px 0 0 0 ; line-height: 1.8; font-size: 12px;}
.comment_txt font{ color:#ee9628; font-weight: 700;}

.comment_gray { clear:both;position:relative;display:inline-block;padding:15px;; background-color: #f3f3f3;   text-align: left; font-weight: normal; width:100%; box-sizing: border-box;  }
.comment_gray li { float:none !important;margin:15px 0; padding-left:10px;  background:url(/images/common/blet_dot_org.png) no-repeat 0 7px;  line-height: 1.4;}
.comment_gray li dt { min-width: 64px; font-weight: 700; float: left;}

/* .dot_org { padding-left:10px;  background:url(/images/common/blet_dot_org.png) no-repeat 0 7px;} */
.dot_org li { padding-left:10px;  background:url(/images/common/blet_dot_org.png) no-repeat 0 7px; margin-bottom:8px;}


.comment_bar { display:inline-block; position:relative; box-sizing: border-box;}
.comment_bar li {padding-left:13px; line-height:1.4;padding-bottom:5px;background:url('/images/common/blet_bar_gray.png') no-repeat 0 10px;}
.comment_bar li.org  {background:url('/images/common/blet_bar_org.png') no-repeat 0 10px;}
.comment_bar li.ctit {background:none; padding:15px 0; color:#f47521 !important; font-size: 15px; background:none; font-weight: 700;}
.comment_bar li.ctit:first-child {margin-top:0;}

.comment_star{ display:inline-block; position:relative; }
.comment_star.gray li{padding-left: 15px; background: url('/images/common/blet_stargray.png') 0 5px  no-repeat;  line-height: 1.6;}
.comment_star.blue li{padding-left: 15px; background: url('/images/common/blet_starblue.png') 0 5px  no-repeat;  line-height: 1.6; color:#0053CF;}

.comment_star.red	{ background: url('/images/common/blet_starred.png') 0 5px  no-repeat; }
.comment_star.blue	{ background: url('/images/common/blet_starblue.png') 0 5px  no-repeat;}

.comment_bar.rline li {padding:5px 13px; line-height:1.4;background:url('/images/common/bg_rline.png') 100% 50% no-repeat ;}

/* 당구장 */
.comment_star2 { clear:both;position:relative;display:inline-block;padding:15px;; background-color: #f3f3f3;   text-align: left; font-weight: normal; width:100%; box-sizing: border-box;  }
.comment_star2 li { float:none !important;margin:15px 0; padding-left:10px;  background:url(/images/common/common/common/blet_star2.png) no-repeat 0 7px;  line-height: 1.4;}
.comment_star2 li:last-child { padding-right:0; background: none;}



/*-----------------------------------------------------------------------------------------------
  기타 효과
  -----------------------------------------------------------------------------------------------*/
/* 마우스  오버 이미지 커지는 효과 */
.zoom_image { overflow: hidden; }
.zoom_image  img { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; }
.zoom_image:hover img { cursor:pointer; transform:scale(1.1); /* 마우스 오버시 이미지 크기를 1.1 배만큼 확대 */ -o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition: transform .35s; -o-transition: transform .35s; -moz-transition: transform .35s; -webkit-transition: transform .35s; /* 마우스 오버시 이미지가 즉시 커지지 않고 30.5 second 의 시간에 걸쳐 커지는 애니메이션 효과*/ }
.zoom_image a { display: inline-block; }

.bg_zoom { width: 200px; height: 200px; overflow: hidden; }
.bg_zoom span { width:100%; height:100%; display: inline-block; background-color: white; background-image: url(images/test.jpg); background-size: cover; background-repeat: no-repeat; background-position: center top;  -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; }
.bg_zoom:hover span{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); /* IE 9 */ -o-transform: scale(1.5); transform: scale(1.5); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ }