@charset 'utf-8';

/* 
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	버튼 사용가이드
	1.버튼은 통일적으로 한가지 형태 (이미지형 or CSS형)만 사용한다.
	2.다음 같은 클래스값을 원하는 형태만 활성화하고 사용하지않는 스타일은 주석으로 가려둔다.
	2.html코드를 똑같이 사용해 언제든지 자유롭게 두개의 버튼스타일을 번갈아 사용할 수 있다.
*/


/* ●●●●●●●●●● 이미지형 버튼 : 티켓몰형 (티켓몰/하이센스 중 하나만 활성화할것!!!! ) */
.button_pack {display:inline-block; overflow:hidden;}
.button_pack *{background: transparent url('../images/cm_images/button_pack.png') 0 0 no-repeat ; text-decoration:none !important;  letter-spacing:-1px}
.button_pack a {position:relative; float:left; font-weight:normal; margin:0 3px 0 0; word-wrap:normal; word-break:keep-all;}
.button_pack .edge {top:0; right:0; position:absolute; margin-right:-3px; overflow:hidden;}
.button_pack .lineup {background:none;}

.button_pack .btn_sm_white,.button_pack .btn_sm_black,.button_pack .btn_sm_color {font-size:11px; height:25px; line-height:25px; padding:0 12px 0 15px !important; }
.button_pack .btn_sm_white {background-position:0 0; color:#333 !important;}
.button_pack .btn_sm_white span {background-position:-497px 0; width:3px; height:25px;}
.button_pack .btn_sm_white:hover {background-position:-600px 0;}
.button_pack .btn_sm_white:hover span {background-position:-1097px 0;}
.button_pack .btn_sm_black {background-position:0 -30px; color:#fff !important;}
.button_pack .btn_sm_black span {background-position:-497px -30px; width:3px; height:25px;}
.button_pack .btn_sm_black:hover {background-position:-600px -30px;}
.button_pack .btn_sm_black:hover span {background-position:-1097px -30px;}
.button_pack .btn_sm_color {background-position:0 -60px; color:#fff !important;}
.button_pack .btn_sm_color span {background-position:-497px -60px; width:3px; height:25px;}
.button_pack .btn_sm_color:hover {background-position:-600px -60px;}
.button_pack .btn_sm_color:hover span {background-position:-1097px -60px;}

.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color {height:35px; line-height:35px; font-size:13px; padding:0 16px 0 20px !important; font-weight:600}
.button_pack .btn_md_white {background-position:0 -100px; color:#333 !important;}
.button_pack .btn_md_white span {background-position:-497px -100px; width:3px; height:35px;}
.button_pack .btn_md_white:hover {background-position:-600px -100px;}
.button_pack .btn_md_white:hover span {background-position:-1097px -100px;}
.button_pack .btn_md_black {background-position:0 -140px; color:#fff !important;}
.button_pack .btn_md_black span {background-position:-497px -140px; width:3px; height:35px;}
.button_pack .btn_md_black:hover {background-position:-600px -140px;}
.button_pack .btn_md_black:hover span {background-position:-1097px -140px;}
.button_pack .btn_md_color {background-position:0 -180px; color:#fff !important;}
.button_pack .btn_md_color span {background-position:-497px -180px; width:3px; height:35px;}
.button_pack .btn_md_color:hover {background-position:-600px -180px;}
.button_pack .btn_md_color:hover span {background-position:-1097px -180px;}

.button_pack .btn_lg_white,.button_pack .btn_lg_black,.button_pack .btn_lg_color {height:55px; line-height:55px; padding:0 40px 0 43px !important; font-size:16px; font-weight:600;}
.button_pack .btn_lg_white {background-position:0 -240px;color:#333 !important;}
.button_pack .btn_lg_white span {background-position:-497px -240px; width:3px; height:55px;}
.button_pack .btn_lg_white:hover {background-position:-600px -240px;}
.button_pack .btn_lg_white:hover span {background-position:-1097px -240px}
.button_pack .btn_lg_black {background-position:0 -300px; color:#fff !important;}
.button_pack .btn_lg_black span {background-position:-497px -300px; width:3px; height:55px;}
.button_pack .btn_lg_black:hover {background-position:-600px -300px;}
.button_pack .btn_lg_black:hover span {background-position:-1097px -300px;}
.button_pack .btn_lg_color {background-position:0 -360px; color:#fff !important;}
.button_pack .btn_lg_color span {background-position:-497px -360px; width:3px; height:55px;}
.button_pack .btn_lg_color:hover {background-position:-600px -360px;}
.button_pack .btn_lg_color:hover span {background-position:-1097px -360px;}

.button_pack .btn_input {background:none; position:relative; position:relative; float:left; margin:0 3px 0 0;}
.button_pack input,.button_pack button {border:0; display:inline-block; overflow:visible; font-weight:normal; cursor:pointer; word-wrap:normal; word-break:keep-all;}

.button_pack .btn_input .btn_sm_white+ .edge {background-position:-497px 0; width:3px; height:25px; }
.button_pack .btn_input .btn_sm_white:hover+ .edge {background-position:-1097px 0;}
.button_pack .btn_input .btn_sm_black+ .edge {background-position:-497px -30px; width:3px; height:25px;}
.button_pack .btn_input .btn_sm_black:hover+ .edge {background-position:-1097px -30px;}
.button_pack .btn_input .btn_sm_color+ .edge {background-position:-497px -60px; width:3px; height:25px;}
.button_pack .btn_input .btn_sm_color:hover+ .edge {background-position:-1097px -60px;}

.button_pack .btn_input .btn_md_white+ .edge {background-position:-497px -100px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_white:hover+ .edge {background-position:-1097px -100px;}
.button_pack .btn_input .btn_md_black+ .edge {background-position:-497px -140px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_black:hover+ .edge {background-position:-1097px -140px;}
.button_pack .btn_input .btn_md_color+ .edge {background-position:-497px -180px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_color:hover+ .edge {background-position:-1097px -180px;}

.button_pack .btn_input .btn_lg_white+ .edge {background-position:-497px -240px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_white:hover+ .edge {background-position:-1097px -240px;}
.button_pack .btn_input .btn_lg_black+ .edge {background-position:-497px -300px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_black:hover+ .edge {background-position:-1097px -300px;}
.button_pack .btn_input .btn_lg_color+ .edge {background-position:-497px -360px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_color:hover+ .edge {background-position:-1097px -360px;}




/* ●●●●●●●●●● CSS형 버튼 : 하이센스형 (티켓몰/하이센스 중 하나만 활성화할것!!!!) 
.button_pack a,.button_pack input,.button_pack button {background-image:none; position:relative; float:left; font-weight:normal; margin:0 !important; word-wrap:normal; word-break:keep-all; letter-spacing:-0.5px;}
.button_pack .btn_input {background:none; position:relative; position:relative; float:left; margin:0;}
.button_pack input,.button_pack button {border:0; display:inline-block; overflow:visible; font-weight:normal; cursor:pointer; word-wrap:normal; word-break:keep-all; letter-spacing:-0.5px;}
.button_pack .edge {display:none;}

.button_pack .btn_input .btn_sm_white,.button_pack .btn_input .btn_sm_black,.button_pack .btn_input .btn_sm_color {height:25px;}
.button_pack .btn_sm_white,.button_pack .btn_sm_black,.button_pack .btn_sm_color {font-size:11px; height:23px; line-height:23px; padding:0 14px !important;}
.button_pack .btn_sm_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_sm_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_sm_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_sm_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_sm_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_sm_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}

.button_pack .btn_input .btn_md_white,.button_pack .btn_input .btn_md_black,.button_pack .btn_input .btn_md_color {height:35px;}
.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color {height:33px; line-height:33px; font-size:13px; padding:0 19px !important; font-weight:600;}
.button_pack .btn_md_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_md_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_md_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_md_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_md_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_md_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}

.button_pack .btn_input .btn_lg_white,.button_pack .btn_input .btn_lg_black,.button_pack .btn_input .btn_lg_color {height:55px;}
.button_pack .btn_lg_white,.button_pack .btn_lg_black,.button_pack .btn_lg_color { height:53px; line-height:53px; padding:0 43px !important; font-size:16px; font-weight:600;}
.button_pack .btn_lg_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_lg_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_lg_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_lg_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_lg_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_lg_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}
*/